Aurora AI Mic Selector

1"use client"
2 
3/**
4 * Aurora MicSelector — microphone picker with a live input-level meter + mute.
5 *
6 * Visual layer lives in registry/aurora/styles/aurora-components.css
7 * (`@layer aurora-components`, reading only `--aurora-*` tokens) so it renders
8 * identically in dark + `.light`. Architecture stays shadcn/registry-grade: a Radix `Select`
9 * for device choice, `forwardRef`, `displayName`, `React.memo`, full a11y on the
10 * mute toggle (`aria-pressed` + `aria-label`), and the original prop/escape-hatch
11 * API (`value`/`defaultValue`/`onValueChange`/`name`/`disabled`/`required`/
12 * `triggerId`/`triggerLabel`).
13 */
14 
15import * as React from "react"
16import { Mic, MicOff } from "lucide-react"
17import {
18  Select,
19  SelectContent,
20  SelectGroup,
21  SelectItem,
22  SelectTrigger,
23  SelectValue,
24} from "@/registry/aurora/ui/select"
25import { Button } from "@/registry/aurora/ui/button"
26import { cn } from "@/lib/utils"
27 
28export interface MicSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
29  /** Available input devices, listed in the dropdown. */
30  devices: string[]
31  /** Controlled selected device. */
32  value?: string
33  /** Uncontrolled initial device (defaults to `devices[0]`). */
34  defaultValue?: string
35  onValueChange?: (value: string) => void
36  /** Form field name for the underlying select. */
37  name?: string
38  disabled?: boolean
39  required?: boolean
40  /** `id` wired onto the select trigger (label association). */
41  triggerId?: string
42  /** Accessible label for the select trigger. Defaults to "Microphone". */
43  triggerLabel?: string
44  /** Controlled mute state for the toggle. */
45  muted?: boolean
46  /** Uncontrolled initial mute state. */
47  defaultMuted?: boolean
48  onMutedChange?: (muted: boolean) => void
49}
50 
51// Styles: registry/aurora/styles/aurora-components.css (@layer aurora-components).
52 
53// Bar layout: varying widths (in flex units) with a peaking dot near center.
54const BAR_WEIGHTS = [1, 1.2, 1.6, 1.4, 2, 1.5, 1.4, 1.8, "peak", 1.9, 1.5, 1.3, 1.7, 1.4, 2, 1.6, 1.3, 1.8, 1.4, 1.2]
55 
56// ─── Component ──────────────────────────────────────────────────────────────
57 
58const MicSelector = (
59    { ref,
60      devices,
61      value,
62      defaultValue,
63      onValueChange,
64      name,
65      disabled,
66      required,
67      triggerId,
68      triggerLabel,
69      muted,
70      defaultMuted,
71      onMutedChange,
72      className,
73// … truncated