## Light Scenes (S—285)

Smart lights for one room: scene presets, per-lamp switches and dimmers, and an all-off that remembers the last scene.

- URL: https://sundaeui.dev/components/light-scenes
- Category: UI components · Art direction: Refined
- Access: Free (no account needed)
- Stack: React 18+, TypeScript, plain CSS; dependencies: none
- Install: `npx shadcn@latest add https://sundaeui.dev/r/light-scenes.json`
- Tags: room, dimmer, smart-home, iot, lights, scenes

Scenes set every lamp at once; touching a single lamp afterwards marks the scene as Custom. Brightness is a slider per lamp with its value in text.
All off stores the current levels, so turning the room back on returns to exactly where it was.

### Usage

```tsx
import { LightScenes } from '@/components/sundae/light-scenes'

<LightScenes />
```

### Props

- `lamps` (`{ id: string; name: string; level: number }[]`, required): Lamps (0–100).
- `scenes` (`Record<string, number[]>`, required): Scene levels per lamp.
- `onChange` (`(levels: number[]) => void`): Called on change.
- `fill` (`'dark' | 'light'`, default `'dark'`): Surface: dark or light.

### When to use

- Smart-home apps, hotel room controls.

### When not to use

- Colour-temperature control: add a warm-to-cool slider.

### Accessibility

- Each lamp has a labelled switch and range input.
- Scenes are a radiogroup; Custom is announced when levels diverge.
- Reduced motion removes the movement and keeps every state change.