@alfadocs/ui-kit-debug 0.8.1 → 0.9.1

package/dist/_chunks/{audio-recorder-cOl_Z_Pk.js.map → audio-recorder-BHBonrFf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"audio-recorder-cOl_Z_Pk.js","sources":["../../node_modules/lucide-react/dist/esm/icons/mic.js","../../node_modules/lucide-react/dist/esm/icons/pause.js","../../node_modules/lucide-react/dist/esm/icons/play.js","../../src/components/audio-recorder/audio-recorder.agent.ts","../../src/components/audio-recorder/audio-recorder.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 19v3\", key: \"npa21l\" }],\n  [\"path\", { d: \"M19 10v2a7 7 0 0 1-14 0v-2\", key: \"1vc78b\" }],\n  [\"rect\", { x: \"9\", y: \"2\", width: \"6\", height: \"13\", rx: \"3\", key: \"s6n7sd\" }]\n];\nconst Mic = createLucideIcon(\"mic\", __iconNode);\n\nexport { __iconNode, Mic as default };\n//# sourceMappingURL=mic.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { x: \"14\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"kaeet6\" }],\n  [\"rect\", { x: \"5\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"1wsw3u\" }]\n];\nconst Pause = createLucideIcon(\"pause\", __iconNode);\n\nexport { __iconNode, Pause as default };\n//# sourceMappingURL=pause.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\",\n      key: \"10ikf1\"\n    }\n  ]\n];\nconst Play = createLucideIcon(\"play\", __iconNode);\n\nexport { __iconNode, Play as default };\n//# sourceMappingURL=play.js.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — AudioRecorder.                                         */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AudioRecorderHandle } from './audio-recorder';\n\nexport const audioRecorderAgent: AgentAdapter<AudioRecorderHandle> = {\n  id: 'audio-recorder',\n  capabilities: ['submit'],\n  state: {\n    isRecording: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.audioRecorder.state.isRecording',\n      description: 'True while actively capturing audio (not paused).',\n      read: (handle) => handle.isRecording(),\n    },\n    duration: {\n      type: 'number',\n      descriptionKey: 'ui.agent.audioRecorder.state.duration',\n      description:\n        'Elapsed recording time in milliseconds (paused time excluded).',\n      read: (handle) => handle.getDuration(),\n    },\n    hasRecording: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.audioRecorder.state.hasRecording',\n      description:\n        'True when a completed recording is available for submission.',\n      read: (handle) => handle.hasRecording(),\n    },\n  },\n  actions: {\n    start_recording: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.audioRecorder.actions.startRecording',\n      description: 'Request microphone permission and begin recording.',\n      invoke: (handle) => handle.startRecording(),\n    },\n    stop_recording: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.audioRecorder.actions.stopRecording',\n      description: 'Stop the current recording and finalise the blob.',\n      invoke: (handle) => {\n        handle.stopRecording();\n      },\n    },\n    discard: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.audioRecorder.actions.discard',\n      description:\n        'Cancel the recording. Irreversible — the captured audio is dropped.',\n      invoke: (handle) => {\n        handle.discard();\n      },\n    },\n    submit: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.audioRecorder.actions.submit',\n      description:\n        'Stop the active recording, finalising it via onRecordingComplete.',\n      invoke: (handle) => {\n        handle.stopRecording();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'audio-recorder',\n      description: 'Marks the AudioRecorder wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Mic, Pause, Play, Square, X } from 'lucide-react';\nimport { IconButton, Button } from '../button';\nimport { Select, type SelectOption } from '../select/select';\nimport { AudioVisualiser } from '../audio-visualiser';\nimport { Alert } from '../alert';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { audioRecorderAgent } from './audio-recorder.agent';\n\ntype State =\n  | { kind: 'idle' }\n  | { kind: 'requesting' }\n  | { kind: 'recording'; startedAt: number; pausedMs: number }\n  | { kind: 'paused'; startedAt: number; pausedMs: number; pausedAt: number }\n  | { kind: 'stopped'; duration: number }\n  | {\n      kind: 'error';\n      type:\n        | 'permission-denied'\n        | 'no-device'\n        | 'unsupported'\n        | 'capture-failed';\n    };\n\ntype Action =\n  | { type: 'request' }\n  | { type: 'start' }\n  | { type: 'pause' }\n  | { type: 'resume' }\n  | { type: 'stop'; duration: number }\n  | { type: 'cancel' }\n  | {\n      type: 'error';\n      kind:\n        | 'permission-denied'\n        | 'no-device'\n        | 'unsupported'\n        | 'capture-failed';\n    }\n  | { type: 'reset' };\n\nfunction reducer(state: State, action: Action): State {\n  switch (action.type) {\n    case 'request':\n      return { kind: 'requesting' };\n    case 'start':\n      return { kind: 'recording', startedAt: Date.now(), pausedMs: 0 };\n    case 'pause':\n      if (state.kind !== 'recording') return state;\n      return {\n        kind: 'paused',\n        startedAt: state.startedAt,\n        pausedMs: state.pausedMs,\n        pausedAt: Date.now(),\n      };\n    case 'resume':\n      if (state.kind !== 'paused') return state;\n      return {\n        kind: 'recording',\n        startedAt: state.startedAt,\n        pausedMs: state.pausedMs + (Date.now() - state.pausedAt),\n      };\n    case 'stop':\n      return { kind: 'stopped', duration: action.duration };\n    case 'cancel':\n      return { kind: 'idle' };\n    case 'error':\n      return { kind: 'error', type: action.kind };\n    case 'reset':\n      return { kind: 'idle' };\n    default:\n      return state;\n  }\n}\n\nconst rootVariants = cva(\n  [\n    'ds:inline-flex ds:flex-col ds:items-stretch ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'ds:bg-background',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst MIME_PREFERENCES = [\n  'audio/webm;codecs=opus',\n  'audio/webm',\n  'audio/mp4',\n  'audio/ogg;codecs=opus',\n];\n\nfunction pickMimeType(): string | undefined {\n  if (typeof MediaRecorder === 'undefined') return undefined;\n  for (const mime of MIME_PREFERENCES) {\n    if (MediaRecorder.isTypeSupported(mime)) return mime;\n  }\n  return undefined;\n}\n\nfunction formatTimer(ms: number, locale: string): string {\n  const total = Math.max(0, Math.floor(ms / 1000));\n  const minutes = Math.floor(total / 60);\n  const seconds = total % 60;\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale, { minimumIntegerDigits: 2 }).format(n);\n  return `${fmt(minutes)}:${fmt(seconds)}`;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface AudioRecorderHandle {\n  isRecording: () => boolean;\n  getDuration: () => number;\n  hasRecording: () => boolean;\n  startRecording: () => Promise<void> | void;\n  stopRecording: () => void;\n  discard: () => void;\n}\n\nexport interface AudioRecorderProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onError'>,\n    VariantProps<typeof rootVariants> {\n  /** Called on stop with the final blob + duration in ms. */\n  onRecordingComplete?: (blob: Blob, durationMs: number) => void;\n  /** Called when recording is cancelled. */\n  onCancel?: () => void;\n  /** Called when an error occurs. */\n  onError?: (\n    error:\n      | 'permission-denied'\n      | 'no-device'\n      | 'unsupported'\n      | 'capture-failed'\n      | 'max-duration'\n      | 'max-size',\n  ) => void;\n  /**\n   * Auto-stop after this many milliseconds of active recording. Default\n   * 30 minutes. Set `null` to disable.\n   */\n  maxDurationMs?: number | null;\n  /**\n   * Auto-stop when the accumulated blob chunks exceed this many bytes.\n   * Default 250 MB. Set `null` to disable.\n   */\n  maxBytes?: number | null;\n}\n\nexport const AudioRecorder = forwardRef<\n  AudioRecorderHandle,\n  AudioRecorderProps\n>(\n  (\n    {\n      size = 'md',\n      onRecordingComplete,\n      onCancel,\n      onError,\n      maxDurationMs = 30 * 60 * 1000,\n      maxBytes = 250 * 1024 * 1024,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const [state, dispatch] = useReducer(reducer, { kind: 'idle' });\n    const [stream, setStream] = useState<MediaStream | null>(null);\n    const [now, setNow] = useState<number>(Date.now());\n    const [devices, setDevices] = useState<MediaDeviceInfo[]>([]);\n    const [selectedDeviceId, setSelectedDeviceId] = useState<string>('');\n\n    const recorderRef = useRef<MediaRecorder | null>(null);\n    const chunksRef = useRef<Blob[]>([]);\n    // Running total of bytes accumulated in `chunksRef` — reading\n    // `chunksRef.current.reduce(...)` on every ondataavailable scales\n    // poorly; maintain the sum incrementally instead.\n    const byteCountRef = useRef<number>(0);\n    const durationAtStopRef = useRef<number>(0);\n    // Tracks the *currently-held* MediaStream in a ref so the unmount\n    // cleanup effect (which closes over [] deps) sees the latest value.\n    // Without this, a unmount while getUserMedia is pending would never\n    // stop() tracks and the browser mic indicator stays on.\n    const streamRef = useRef<MediaStream | null>(null);\n    // Flips to true on unmount; consulted inside the getUserMedia promise\n    // resolution so we don't try to setStream() on a dead component and\n    // so the freshly-acquired tracks get released immediately.\n    const unmountedRef = useRef<boolean>(false);\n    // Flips to true when cancel() is called; the onstop handler reads it\n    // so `onRecordingComplete` is NOT invoked on a cancel path with a blank\n    // blob. Reset on each recording start.\n    const cancelledRef = useRef<boolean>(false);\n\n    const supported = typeof MediaRecorder !== 'undefined';\n\n    /* ── Enumerate devices once (after any prior permission grant) ── */\n    useEffect(() => {\n      if (!supported || !navigator.mediaDevices?.enumerateDevices) return;\n      navigator.mediaDevices\n        .enumerateDevices()\n        .then((list) => {\n          const mics = list.filter((d) => d.kind === 'audioinput');\n          setDevices(mics);\n        })\n        .catch(() => {\n          /* ignore */\n        });\n    }, [supported]);\n\n    /* ── Timer tick ── */\n    useEffect(() => {\n      if (state.kind !== 'recording') return;\n      const handle = window.setInterval(() => setNow(Date.now()), 250);\n      return () => window.clearInterval(handle);\n    }, [state.kind]);\n\n    const cleanupStream = useCallback(() => {\n      const held = streamRef.current ?? stream;\n      held?.getTracks().forEach((t) => t.stop());\n      streamRef.current = null;\n      setStream(null);\n    }, [stream]);\n\n    const requestAndStart = useCallback(async () => {\n      if (!supported) {\n        dispatch({ type: 'error', kind: 'unsupported' });\n        onError?.('unsupported');\n        return;\n      }\n      dispatch({ type: 'request' });\n      cancelledRef.current = false;\n      try {\n        const nextStream = await navigator.mediaDevices.getUserMedia({\n          audio: selectedDeviceId\n            ? { deviceId: { exact: selectedDeviceId } }\n            : true,\n        });\n        // Guard against the component unmounting between the permission\n        // prompt and the promise resolution — otherwise the freshly-acquired\n        // tracks leak and the browser's mic indicator stays live.\n        if (unmountedRef.current) {\n          nextStream.getTracks().forEach((tr) => tr.stop());\n          return;\n        }\n        streamRef.current = nextStream;\n        setStream(nextStream);\n        const mimeType = pickMimeType();\n        const recorder = new MediaRecorder(\n          nextStream,\n          mimeType ? { mimeType } : undefined,\n        );\n        recorderRef.current = recorder;\n        chunksRef.current = [];\n        byteCountRef.current = 0;\n        recorder.ondataavailable = (event) => {\n          if (event.data && event.data.size > 0) {\n            chunksRef.current.push(event.data);\n            byteCountRef.current += event.data.size;\n            // Byte-cap: auto-stop if the recording would exceed maxBytes.\n            // Cheaper than summing on every tick; stop once and bail.\n            if (\n              typeof maxBytes === 'number' &&\n              byteCountRef.current >= maxBytes &&\n              recorderRef.current?.state === 'recording'\n            ) {\n              onError?.('max-size');\n              try {\n                recorderRef.current.stop();\n              } catch {\n                /* ignore */\n              }\n            }\n          }\n        };\n        recorder.onstop = () => {\n          // Cancel path: drop the blob on the floor — consumers who called\n          // cancel() must not receive a silent empty recording.\n          if (!cancelledRef.current) {\n            const blob = new Blob(chunksRef.current, {\n              type: mimeType ?? 'audio/webm',\n            });\n            onRecordingComplete?.(blob, durationAtStopRef.current);\n          }\n          chunksRef.current = [];\n          recorderRef.current = null;\n          nextStream.getTracks().forEach((tr) => tr.stop());\n          streamRef.current = null;\n          setStream(null);\n          cancelledRef.current = false;\n        };\n        recorder.start(1000);\n        dispatch({ type: 'start' });\n      } catch (err: unknown) {\n        const errorName = err instanceof Error ? err.name : '';\n        if (errorName === 'NotAllowedError' || errorName === 'SecurityError') {\n          dispatch({ type: 'error', kind: 'permission-denied' });\n          onError?.('permission-denied');\n        } else if (\n          errorName === 'NotFoundError' ||\n          errorName === 'OverconstrainedError'\n        ) {\n          dispatch({ type: 'error', kind: 'no-device' });\n          onError?.('no-device');\n        } else {\n          dispatch({ type: 'error', kind: 'capture-failed' });\n          onError?.('capture-failed');\n        }\n      }\n    }, [onError, onRecordingComplete, selectedDeviceId, supported]);\n\n    const pause = useCallback(() => {\n      recorderRef.current?.pause();\n      dispatch({ type: 'pause' });\n    }, []);\n\n    const resume = useCallback(() => {\n      recorderRef.current?.resume();\n      dispatch({ type: 'resume' });\n    }, []);\n\n    const stop = useCallback(() => {\n      if (state.kind === 'recording' || state.kind === 'paused') {\n        const started = state.startedAt;\n        const pausedMs = state.pausedMs;\n        const duration = Date.now() - started - pausedMs;\n        durationAtStopRef.current = Math.max(0, duration);\n        dispatch({ type: 'stop', duration: duration });\n      }\n      try {\n        recorderRef.current?.stop();\n      } catch {\n        /* stop() throws on non-recording state; safe to swallow */\n      }\n    }, [state]);\n\n    const cancel = useCallback(() => {\n      // Flip the cancelled flag BEFORE asking MediaRecorder to stop so the\n      // async onstop handler sees it and skips onRecordingComplete.\n      cancelledRef.current = true;\n      try {\n        recorderRef.current?.stop();\n      } catch {\n        /* ignore */\n      }\n      chunksRef.current = [];\n      recorderRef.current = null;\n      cleanupStream();\n      dispatch({ type: 'cancel' });\n      onCancel?.();\n    }, [cleanupStream, onCancel]);\n\n    /* ── Max-duration auto-stop ── */\n    useEffect(() => {\n      if (state.kind !== 'recording') return;\n      if (typeof maxDurationMs !== 'number' || maxDurationMs <= 0) return;\n      const alreadyElapsed = Date.now() - state.startedAt - state.pausedMs;\n      const remaining = Math.max(0, maxDurationMs - alreadyElapsed);\n      const handle = window.setTimeout(() => {\n        if (recorderRef.current?.state === 'recording') {\n          onError?.('max-duration');\n          try {\n            recorderRef.current.stop();\n          } catch {\n            /* ignore */\n          }\n        }\n      }, remaining);\n      return () => window.clearTimeout(handle);\n    }, [state, maxDurationMs, onError]);\n\n    /* ── Unmount cleanup: release mic if still held ── */\n    useEffect(() => {\n      return () => {\n        unmountedRef.current = true;\n        try {\n          recorderRef.current?.stop();\n        } catch {\n          /* ignore */\n        }\n        // Use streamRef so we see a stream that was acquired by an\n        // in-flight getUserMedia resolution — not just the one captured\n        // by the closure at mount.\n        streamRef.current?.getTracks().forEach((tr) => tr.stop());\n        streamRef.current = null;\n      };\n    }, []);\n\n    const elapsedMs =\n      state.kind === 'recording'\n        ? now - state.startedAt - state.pausedMs\n        : state.kind === 'paused'\n          ? state.pausedAt - state.startedAt - state.pausedMs\n          : state.kind === 'stopped'\n            ? state.duration\n            : 0;\n\n    const agentHandle = useMemo<AudioRecorderHandle>(\n      () => ({\n        isRecording: () => state.kind === 'recording',\n        getDuration: () => elapsedMs,\n        hasRecording: () => state.kind === 'stopped',\n        startRecording: () => requestAndStart(),\n        stopRecording: () => stop(),\n        discard: () => cancel(),\n      }),\n      [state, elapsedMs, requestAndStart, stop, cancel],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(audioRecorderAgent, agentHandle, rest.id);\n\n    const deviceOptions: SelectOption<string>[] = devices.map((d) => ({\n      value: d.deviceId,\n      label: d.label || t('ui.chat.audio.selectDevice'),\n    }));\n\n    const statusText = (() => {\n      switch (state.kind) {\n        case 'idle':\n          return t('ui.chat.audio.idle');\n        case 'requesting':\n          return t('ui.common.loading');\n        case 'recording':\n          return t('ui.chat.audio.recording');\n        case 'paused':\n          return t('ui.chat.audio.paused');\n        case 'stopped':\n          return t('ui.chat.audio.idle');\n        case 'error':\n          if (state.type === 'permission-denied')\n            return t('ui.chat.audio.permissionDenied');\n          if (state.type === 'unsupported')\n            return t('ui.chat.audio.unsupported');\n          return t('ui.chat.audio.idle');\n      }\n    })();\n\n    const isRecording = state.kind === 'recording';\n    const isPaused = state.kind === 'paused';\n    const hasError = state.kind === 'error';\n\n    return (\n      <div\n        data-component=\"audio-recorder\"\n        data-component-id={rest.id}\n        className={rootVariants({ size, className })}\n        {...rest}\n      >\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <span\n            aria-hidden=\"true\"\n            className={[\n              'ds:relative ds:inline-flex ds:size-3 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)]',\n              isRecording\n                ? 'ds:bg-[color:var(--destructive)]'\n                : 'ds:bg-[color:var(--muted)]',\n            ].join(' ')}\n          >\n            {isRecording ? (\n              <span\n                className={[\n                  'ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)]',\n                  'ds:bg-[color:var(--destructive)]',\n                  'ds:motion-safe:animate-[recorder-pulse_1.2s_ease-out_infinite]',\n                  'ds:[.theme-accessible_&]:animate-none',\n                ].join(' ')}\n              />\n            ) : null}\n          </span>\n          <AudioVisualiser\n            stream={stream}\n            size=\"sm\"\n            aria-hidden=\"true\"\n            className=\"ds:flex-1\"\n          />\n          <time\n            dir=\"ltr\"\n            aria-hidden=\"true\"\n            className=\"ds:tabular-nums type-meta ds:text-[color:var(--muted-foreground)]\"\n          >\n            {formatTimer(elapsedMs, i18n.language)}\n          </time>\n        </div>\n\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {statusText}\n        </span>\n\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n          {state.kind === 'idle' || state.kind === 'stopped' || hasError ? (\n            <Button\n              intent=\"primary\"\n              size=\"sm\"\n              startIcon={<Mic />}\n              onClick={requestAndStart}\n              disabled={!supported}\n            >\n              {t('ui.chat.audio.record')}\n            </Button>\n          ) : null}\n          {isRecording ? (\n            <IconButton\n              icon={<Pause />}\n              aria-label={t('ui.chat.audio.pause')}\n              intent=\"secondary\"\n              size=\"sm\"\n              onClick={pause}\n            />\n          ) : null}\n          {isPaused ? (\n            <IconButton\n              icon={<Play />}\n              aria-label={t('ui.chat.audio.resume')}\n              intent=\"secondary\"\n              size=\"sm\"\n              onClick={resume}\n            />\n          ) : null}\n          {isRecording || isPaused ? (\n            <>\n              <IconButton\n                icon={<Square />}\n                aria-label={t('ui.chat.audio.stop')}\n                intent=\"primary\"\n                size=\"sm\"\n                onClick={stop}\n              />\n              <IconButton\n                icon={<X />}\n                aria-label={t('ui.chat.audio.cancel')}\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={cancel}\n              />\n            </>\n          ) : null}\n          {state.kind === 'idle' && deviceOptions.length > 1 ? (\n            <div className=\"ds:ms-auto ds:min-w-[160px]\">\n              <Select\n                aria-label={t('ui.chat.audio.selectDevice')}\n                options={deviceOptions}\n                value={selectedDeviceId}\n                onValueChange={(v) => setSelectedDeviceId(v)}\n                size=\"sm\"\n                clearable\n              />\n            </div>\n          ) : null}\n        </div>\n\n        {hasError && state.kind === 'error' ? (\n          <Alert variant=\"error\" live=\"polite\">\n            <Alert.Description>{statusText}</Alert.Description>\n            {state.type === 'permission-denied' ? (\n              <Alert.Action>\n                <Button intent=\"ghost\" size=\"sm\" onClick={requestAndStart}>\n                  {t('ui.chat.audio.retry')}\n                </Button>\n              </Alert.Action>\n            ) : null}\n          </Alert>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAudioRecorder.displayName = 'AudioRecorder';\n"],"names":["__iconNode","Mic","createLucideIcon","Pause","Play","audioRecorderAgent","handle","reducer","state","action","rootVariants","cva","MIME_PREFERENCES","pickMimeType","mime","formatTimer","ms","locale","total","minutes","seconds","fmt","n","AudioRecorder","forwardRef","size","onRecordingComplete","onCancel","onError","maxDurationMs","maxBytes","className","rest","ref","t","i18n","useTranslation","dispatch","useReducer","stream","setStream","useState","now","setNow","devices","setDevices","selectedDeviceId","setSelectedDeviceId","recorderRef","useRef","chunksRef","byteCountRef","durationAtStopRef","streamRef","unmountedRef","cancelledRef","supported","useEffect","_a","list","mics","d","cleanupStream","useCallback","held","requestAndStart","nextStream","tr","mimeType","recorder","event","blob","err","errorName","pause","resume","stop","started","pausedMs","duration","cancel","alreadyElapsed","remaining","_b","elapsedMs","agentHandle","useMemo","useImperativeHandle","useAgentRegistration","deviceOptions","statusText","isRecording","isPaused","hasError","jsxs","jsx","AudioVisualiser","Button","IconButton","Fragment","Square","X","Select","v","Alert"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"audio-recorder-BHBonrFf.js","sources":["../../node_modules/lucide-react/dist/esm/icons/mic.js","../../node_modules/lucide-react/dist/esm/icons/pause.js","../../node_modules/lucide-react/dist/esm/icons/play.js","../../src/components/audio-recorder/audio-recorder.agent.ts","../../src/components/audio-recorder/audio-recorder.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 19v3\", key: \"npa21l\" }],\n  [\"path\", { d: \"M19 10v2a7 7 0 0 1-14 0v-2\", key: \"1vc78b\" }],\n  [\"rect\", { x: \"9\", y: \"2\", width: \"6\", height: \"13\", rx: \"3\", key: \"s6n7sd\" }]\n];\nconst Mic = createLucideIcon(\"mic\", __iconNode);\n\nexport { __iconNode, Mic as default };\n//# sourceMappingURL=mic.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { x: \"14\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"kaeet6\" }],\n  [\"rect\", { x: \"5\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"1wsw3u\" }]\n];\nconst Pause = createLucideIcon(\"pause\", __iconNode);\n\nexport { __iconNode, Pause as default };\n//# sourceMappingURL=pause.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\",\n      key: \"10ikf1\"\n    }\n  ]\n];\nconst Play = createLucideIcon(\"play\", __iconNode);\n\nexport { __iconNode, Play as default };\n//# sourceMappingURL=play.js.map\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — AudioRecorder.                                         */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AudioRecorderHandle } from './audio-recorder';\n\nexport const audioRecorderAgent: AgentAdapter<AudioRecorderHandle> = {\n  id: 'audio-recorder',\n  capabilities: ['submit'],\n  state: {\n    isRecording: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.audioRecorder.state.isRecording',\n      description: 'True while actively capturing audio (not paused).',\n      read: (handle) => handle.isRecording(),\n    },\n    duration: {\n      type: 'number',\n      descriptionKey: 'ui.agent.audioRecorder.state.duration',\n      description:\n        'Elapsed recording time in milliseconds (paused time excluded).',\n      read: (handle) => handle.getDuration(),\n    },\n    hasRecording: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.audioRecorder.state.hasRecording',\n      description:\n        'True when a completed recording is available for submission.',\n      read: (handle) => handle.hasRecording(),\n    },\n  },\n  actions: {\n    start_recording: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.audioRecorder.actions.startRecording',\n      description: 'Request microphone permission and begin recording.',\n      invoke: (handle) => handle.startRecording(),\n    },\n    stop_recording: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.audioRecorder.actions.stopRecording',\n      description: 'Stop the current recording and finalise the blob.',\n      invoke: (handle) => {\n        handle.stopRecording();\n      },\n    },\n    discard: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.audioRecorder.actions.discard',\n      description:\n        'Cancel the recording. Irreversible — the captured audio is dropped.',\n      invoke: (handle) => {\n        handle.discard();\n      },\n    },\n    submit: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.audioRecorder.actions.submit',\n      description:\n        'Stop the active recording, finalising it via onRecordingComplete.',\n      invoke: (handle) => {\n        handle.stopRecording();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'audio-recorder',\n      description: 'Marks the AudioRecorder wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Mic, Pause, Play, Square, X } from 'lucide-react';\nimport { IconButton, Button } from '../button';\nimport { Select, type SelectOption } from '../select/select';\nimport { AudioVisualiser } from '../audio-visualiser';\nimport { Alert } from '../alert';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { audioRecorderAgent } from './audio-recorder.agent';\n\ntype State =\n  | { kind: 'idle' }\n  | { kind: 'requesting' }\n  | { kind: 'recording'; startedAt: number; pausedMs: number }\n  | { kind: 'paused'; startedAt: number; pausedMs: number; pausedAt: number }\n  | { kind: 'stopped'; duration: number }\n  | {\n      kind: 'error';\n      type:\n        | 'permission-denied'\n        | 'no-device'\n        | 'unsupported'\n        | 'capture-failed';\n    };\n\ntype Action =\n  | { type: 'request' }\n  | { type: 'start' }\n  | { type: 'pause' }\n  | { type: 'resume' }\n  | { type: 'stop'; duration: number }\n  | { type: 'cancel' }\n  | {\n      type: 'error';\n      kind:\n        | 'permission-denied'\n        | 'no-device'\n        | 'unsupported'\n        | 'capture-failed';\n    }\n  | { type: 'reset' };\n\nfunction reducer(state: State, action: Action): State {\n  switch (action.type) {\n    case 'request':\n      return { kind: 'requesting' };\n    case 'start':\n      return { kind: 'recording', startedAt: Date.now(), pausedMs: 0 };\n    case 'pause':\n      if (state.kind !== 'recording') return state;\n      return {\n        kind: 'paused',\n        startedAt: state.startedAt,\n        pausedMs: state.pausedMs,\n        pausedAt: Date.now(),\n      };\n    case 'resume':\n      if (state.kind !== 'paused') return state;\n      return {\n        kind: 'recording',\n        startedAt: state.startedAt,\n        pausedMs: state.pausedMs + (Date.now() - state.pausedAt),\n      };\n    case 'stop':\n      return { kind: 'stopped', duration: action.duration };\n    case 'cancel':\n      return { kind: 'idle' };\n    case 'error':\n      return { kind: 'error', type: action.kind };\n    case 'reset':\n      return { kind: 'idle' };\n    default:\n      return state;\n  }\n}\n\nconst rootVariants = cva(\n  [\n    'ds:inline-flex ds:flex-col ds:items-stretch ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'ds:bg-background',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst MIME_PREFERENCES = [\n  'audio/webm;codecs=opus',\n  'audio/webm',\n  'audio/mp4',\n  'audio/ogg;codecs=opus',\n];\n\nfunction pickMimeType(): string | undefined {\n  if (typeof MediaRecorder === 'undefined') return undefined;\n  for (const mime of MIME_PREFERENCES) {\n    if (MediaRecorder.isTypeSupported(mime)) return mime;\n  }\n  return undefined;\n}\n\nfunction formatTimer(ms: number, locale: string): string {\n  const total = Math.max(0, Math.floor(ms / 1000));\n  const minutes = Math.floor(total / 60);\n  const seconds = total % 60;\n  const fmt = (n: number) =>\n    new Intl.NumberFormat(locale, { minimumIntegerDigits: 2 }).format(n);\n  return `${fmt(minutes)}:${fmt(seconds)}`;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface AudioRecorderHandle {\n  isRecording: () => boolean;\n  getDuration: () => number;\n  hasRecording: () => boolean;\n  startRecording: () => Promise<void> | void;\n  stopRecording: () => void;\n  discard: () => void;\n}\n\nexport interface AudioRecorderProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onError'>,\n    VariantProps<typeof rootVariants> {\n  /** Called on stop with the final blob + duration in ms. */\n  onRecordingComplete?: (blob: Blob, durationMs: number) => void;\n  /** Called when recording is cancelled. */\n  onCancel?: () => void;\n  /** Called when an error occurs. */\n  onError?: (\n    error:\n      | 'permission-denied'\n      | 'no-device'\n      | 'unsupported'\n      | 'capture-failed'\n      | 'max-duration'\n      | 'max-size',\n  ) => void;\n  /**\n   * Auto-stop after this many milliseconds of active recording. Default\n   * 30 minutes. Set `null` to disable.\n   */\n  maxDurationMs?: number | null;\n  /**\n   * Auto-stop when the accumulated blob chunks exceed this many bytes.\n   * Default 250 MB. Set `null` to disable.\n   */\n  maxBytes?: number | null;\n}\n\nexport const AudioRecorder = forwardRef<\n  AudioRecorderHandle,\n  AudioRecorderProps\n>(\n  (\n    {\n      size = 'md',\n      onRecordingComplete,\n      onCancel,\n      onError,\n      maxDurationMs = 30 * 60 * 1000,\n      maxBytes = 250 * 1024 * 1024,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const [state, dispatch] = useReducer(reducer, { kind: 'idle' });\n    const [stream, setStream] = useState<MediaStream | null>(null);\n    const [now, setNow] = useState<number>(Date.now());\n    const [devices, setDevices] = useState<MediaDeviceInfo[]>([]);\n    const [selectedDeviceId, setSelectedDeviceId] = useState<string>('');\n\n    const recorderRef = useRef<MediaRecorder | null>(null);\n    const chunksRef = useRef<Blob[]>([]);\n    // Running total of bytes accumulated in `chunksRef` — reading\n    // `chunksRef.current.reduce(...)` on every ondataavailable scales\n    // poorly; maintain the sum incrementally instead.\n    const byteCountRef = useRef<number>(0);\n    const durationAtStopRef = useRef<number>(0);\n    // Tracks the *currently-held* MediaStream in a ref so the unmount\n    // cleanup effect (which closes over [] deps) sees the latest value.\n    // Without this, a unmount while getUserMedia is pending would never\n    // stop() tracks and the browser mic indicator stays on.\n    const streamRef = useRef<MediaStream | null>(null);\n    // Flips to true on unmount; consulted inside the getUserMedia promise\n    // resolution so we don't try to setStream() on a dead component and\n    // so the freshly-acquired tracks get released immediately.\n    const unmountedRef = useRef<boolean>(false);\n    // Flips to true when cancel() is called; the onstop handler reads it\n    // so `onRecordingComplete` is NOT invoked on a cancel path with a blank\n    // blob. Reset on each recording start.\n    const cancelledRef = useRef<boolean>(false);\n\n    const supported = typeof MediaRecorder !== 'undefined';\n\n    /* ── Enumerate devices once (after any prior permission grant) ── */\n    useEffect(() => {\n      if (!supported || !navigator.mediaDevices?.enumerateDevices) return;\n      navigator.mediaDevices\n        .enumerateDevices()\n        .then((list) => {\n          const mics = list.filter((d) => d.kind === 'audioinput');\n          setDevices(mics);\n        })\n        .catch(() => {\n          /* ignore */\n        });\n    }, [supported]);\n\n    /* ── Timer tick ── */\n    useEffect(() => {\n      if (state.kind !== 'recording') return;\n      const handle = window.setInterval(() => setNow(Date.now()), 250);\n      return () => window.clearInterval(handle);\n    }, [state.kind]);\n\n    const cleanupStream = useCallback(() => {\n      const held = streamRef.current ?? stream;\n      held?.getTracks().forEach((t) => t.stop());\n      streamRef.current = null;\n      setStream(null);\n    }, [stream]);\n\n    const requestAndStart = useCallback(async () => {\n      if (!supported) {\n        dispatch({ type: 'error', kind: 'unsupported' });\n        onError?.('unsupported');\n        return;\n      }\n      dispatch({ type: 'request' });\n      cancelledRef.current = false;\n      try {\n        const nextStream = await navigator.mediaDevices.getUserMedia({\n          audio: selectedDeviceId\n            ? { deviceId: { exact: selectedDeviceId } }\n            : true,\n        });\n        // Guard against the component unmounting between the permission\n        // prompt and the promise resolution — otherwise the freshly-acquired\n        // tracks leak and the browser's mic indicator stays live.\n        if (unmountedRef.current) {\n          nextStream.getTracks().forEach((tr) => tr.stop());\n          return;\n        }\n        streamRef.current = nextStream;\n        setStream(nextStream);\n        const mimeType = pickMimeType();\n        const recorder = new MediaRecorder(\n          nextStream,\n          mimeType ? { mimeType } : undefined,\n        );\n        recorderRef.current = recorder;\n        chunksRef.current = [];\n        byteCountRef.current = 0;\n        recorder.ondataavailable = (event) => {\n          if (event.data && event.data.size > 0) {\n            chunksRef.current.push(event.data);\n            byteCountRef.current += event.data.size;\n            // Byte-cap: auto-stop if the recording would exceed maxBytes.\n            // Cheaper than summing on every tick; stop once and bail.\n            if (\n              typeof maxBytes === 'number' &&\n              byteCountRef.current >= maxBytes &&\n              recorderRef.current?.state === 'recording'\n            ) {\n              onError?.('max-size');\n              try {\n                recorderRef.current.stop();\n              } catch {\n                /* ignore */\n              }\n            }\n          }\n        };\n        recorder.onstop = () => {\n          // Cancel path: drop the blob on the floor — consumers who called\n          // cancel() must not receive a silent empty recording.\n          if (!cancelledRef.current) {\n            const blob = new Blob(chunksRef.current, {\n              type: mimeType ?? 'audio/webm',\n            });\n            onRecordingComplete?.(blob, durationAtStopRef.current);\n          }\n          chunksRef.current = [];\n          recorderRef.current = null;\n          nextStream.getTracks().forEach((tr) => tr.stop());\n          streamRef.current = null;\n          setStream(null);\n          cancelledRef.current = false;\n        };\n        recorder.start(1000);\n        dispatch({ type: 'start' });\n      } catch (err: unknown) {\n        const errorName = err instanceof Error ? err.name : '';\n        if (errorName === 'NotAllowedError' || errorName === 'SecurityError') {\n          dispatch({ type: 'error', kind: 'permission-denied' });\n          onError?.('permission-denied');\n        } else if (\n          errorName === 'NotFoundError' ||\n          errorName === 'OverconstrainedError'\n        ) {\n          dispatch({ type: 'error', kind: 'no-device' });\n          onError?.('no-device');\n        } else {\n          dispatch({ type: 'error', kind: 'capture-failed' });\n          onError?.('capture-failed');\n        }\n      }\n    }, [onError, onRecordingComplete, selectedDeviceId, supported]);\n\n    const pause = useCallback(() => {\n      recorderRef.current?.pause();\n      dispatch({ type: 'pause' });\n    }, []);\n\n    const resume = useCallback(() => {\n      recorderRef.current?.resume();\n      dispatch({ type: 'resume' });\n    }, []);\n\n    const stop = useCallback(() => {\n      if (state.kind === 'recording' || state.kind === 'paused') {\n        const started = state.startedAt;\n        const pausedMs = state.pausedMs;\n        const duration = Date.now() - started - pausedMs;\n        durationAtStopRef.current = Math.max(0, duration);\n        dispatch({ type: 'stop', duration: duration });\n      }\n      try {\n        recorderRef.current?.stop();\n      } catch {\n        /* stop() throws on non-recording state; safe to swallow */\n      }\n    }, [state]);\n\n    const cancel = useCallback(() => {\n      // Flip the cancelled flag BEFORE asking MediaRecorder to stop so the\n      // async onstop handler sees it and skips onRecordingComplete.\n      cancelledRef.current = true;\n      try {\n        recorderRef.current?.stop();\n      } catch {\n        /* ignore */\n      }\n      chunksRef.current = [];\n      recorderRef.current = null;\n      cleanupStream();\n      dispatch({ type: 'cancel' });\n      onCancel?.();\n    }, [cleanupStream, onCancel]);\n\n    /* ── Max-duration auto-stop ── */\n    useEffect(() => {\n      if (state.kind !== 'recording') return;\n      if (typeof maxDurationMs !== 'number' || maxDurationMs <= 0) return;\n      const alreadyElapsed = Date.now() - state.startedAt - state.pausedMs;\n      const remaining = Math.max(0, maxDurationMs - alreadyElapsed);\n      const handle = window.setTimeout(() => {\n        if (recorderRef.current?.state === 'recording') {\n          onError?.('max-duration');\n          try {\n            recorderRef.current.stop();\n          } catch {\n            /* ignore */\n          }\n        }\n      }, remaining);\n      return () => window.clearTimeout(handle);\n    }, [state, maxDurationMs, onError]);\n\n    /* ── Unmount cleanup: release mic if still held ── */\n    useEffect(() => {\n      return () => {\n        unmountedRef.current = true;\n        try {\n          recorderRef.current?.stop();\n        } catch {\n          /* ignore */\n        }\n        // Use streamRef so we see a stream that was acquired by an\n        // in-flight getUserMedia resolution — not just the one captured\n        // by the closure at mount.\n        streamRef.current?.getTracks().forEach((tr) => tr.stop());\n        streamRef.current = null;\n      };\n    }, []);\n\n    const elapsedMs =\n      state.kind === 'recording'\n        ? now - state.startedAt - state.pausedMs\n        : state.kind === 'paused'\n          ? state.pausedAt - state.startedAt - state.pausedMs\n          : state.kind === 'stopped'\n            ? state.duration\n            : 0;\n\n    const agentHandle = useMemo<AudioRecorderHandle>(\n      () => ({\n        isRecording: () => state.kind === 'recording',\n        getDuration: () => elapsedMs,\n        hasRecording: () => state.kind === 'stopped',\n        startRecording: () => requestAndStart(),\n        stopRecording: () => stop(),\n        discard: () => cancel(),\n      }),\n      [state, elapsedMs, requestAndStart, stop, cancel],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(audioRecorderAgent, agentHandle, rest.id);\n\n    const deviceOptions: SelectOption<string>[] = devices.map((d) => ({\n      value: d.deviceId,\n      label: d.label || t('chat.audio.selectDevice'),\n    }));\n\n    const statusText = (() => {\n      switch (state.kind) {\n        case 'idle':\n          return t('chat.audio.idle');\n        case 'requesting':\n          return t('common.loading');\n        case 'recording':\n          return t('chat.audio.recording');\n        case 'paused':\n          return t('chat.audio.paused');\n        case 'stopped':\n          return t('chat.audio.idle');\n        case 'error':\n          if (state.type === 'permission-denied')\n            return t('chat.audio.permissionDenied');\n          if (state.type === 'unsupported') return t('chat.audio.unsupported');\n          return t('chat.audio.idle');\n      }\n    })();\n\n    const isRecording = state.kind === 'recording';\n    const isPaused = state.kind === 'paused';\n    const hasError = state.kind === 'error';\n\n    return (\n      <div\n        data-component=\"audio-recorder\"\n        data-component-id={rest.id}\n        className={rootVariants({ size, className })}\n        {...rest}\n      >\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <span\n            aria-hidden=\"true\"\n            className={[\n              'ds:relative ds:inline-flex ds:size-3 ds:items-center ds:justify-center ds:rounded-[var(--radius-full)]',\n              isRecording\n                ? 'ds:bg-[color:var(--destructive)]'\n                : 'ds:bg-[color:var(--muted)]',\n            ].join(' ')}\n          >\n            {isRecording ? (\n              <span\n                className={[\n                  'ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)]',\n                  'ds:bg-[color:var(--destructive)]',\n                  'ds:motion-safe:animate-[recorder-pulse_1.2s_ease-out_infinite]',\n                  'ds:[.theme-accessible_&]:animate-none',\n                ].join(' ')}\n              />\n            ) : null}\n          </span>\n          <AudioVisualiser\n            stream={stream}\n            size=\"sm\"\n            aria-hidden=\"true\"\n            className=\"ds:flex-1\"\n          />\n          <time\n            dir=\"ltr\"\n            aria-hidden=\"true\"\n            className=\"ds:tabular-nums type-meta ds:text-[color:var(--muted-foreground)]\"\n          >\n            {formatTimer(elapsedMs, i18n.language)}\n          </time>\n        </div>\n\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {statusText}\n        </span>\n\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n          {state.kind === 'idle' || state.kind === 'stopped' || hasError ? (\n            <Button\n              intent=\"primary\"\n              size=\"sm\"\n              startIcon={<Mic />}\n              onClick={requestAndStart}\n              disabled={!supported}\n            >\n              {t('chat.audio.record')}\n            </Button>\n          ) : null}\n          {isRecording ? (\n            <IconButton\n              icon={<Pause />}\n              aria-label={t('chat.audio.pause')}\n              intent=\"secondary\"\n              size=\"sm\"\n              onClick={pause}\n            />\n          ) : null}\n          {isPaused ? (\n            <IconButton\n              icon={<Play />}\n              aria-label={t('chat.audio.resume')}\n              intent=\"secondary\"\n              size=\"sm\"\n              onClick={resume}\n            />\n          ) : null}\n          {isRecording || isPaused ? (\n            <>\n              <IconButton\n                icon={<Square />}\n                aria-label={t('chat.audio.stop')}\n                intent=\"primary\"\n                size=\"sm\"\n                onClick={stop}\n              />\n              <IconButton\n                icon={<X />}\n                aria-label={t('chat.audio.cancel')}\n                intent=\"ghost\"\n                size=\"sm\"\n                onClick={cancel}\n              />\n            </>\n          ) : null}\n          {state.kind === 'idle' && deviceOptions.length > 1 ? (\n            <div className=\"ds:ms-auto ds:min-w-[160px]\">\n              <Select\n                aria-label={t('chat.audio.selectDevice')}\n                options={deviceOptions}\n                value={selectedDeviceId}\n                onValueChange={(v) => setSelectedDeviceId(v)}\n                size=\"sm\"\n                clearable\n              />\n            </div>\n          ) : null}\n        </div>\n\n        {hasError && state.kind === 'error' ? (\n          <Alert variant=\"error\" live=\"polite\">\n            <Alert.Description>{statusText}</Alert.Description>\n            {state.type === 'permission-denied' ? (\n              <Alert.Action>\n                <Button intent=\"ghost\" size=\"sm\" onClick={requestAndStart}>\n                  {t('chat.audio.retry')}\n                </Button>\n              </Alert.Action>\n            ) : null}\n          </Alert>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAudioRecorder.displayName = 'AudioRecorder';\n"],"names":["__iconNode","Mic","createLucideIcon","Pause","Play","audioRecorderAgent","handle","reducer","state","action","rootVariants","cva","MIME_PREFERENCES","pickMimeType","mime","formatTimer","ms","locale","total","minutes","seconds","fmt","n","AudioRecorder","forwardRef","size","onRecordingComplete","onCancel","onError","maxDurationMs","maxBytes","className","rest","ref","t","i18n","useTranslation","dispatch","useReducer","stream","setStream","useState","now","setNow","devices","setDevices","selectedDeviceId","setSelectedDeviceId","recorderRef","useRef","chunksRef","byteCountRef","durationAtStopRef","streamRef","unmountedRef","cancelledRef","supported","useEffect","_a","list","mics","d","cleanupStream","useCallback","held","requestAndStart","nextStream","tr","mimeType","recorder","event","blob","err","errorName","pause","resume","stop","started","pausedMs","duration","cancel","alreadyElapsed","remaining","_b","elapsedMs","agentHandle","useMemo","useImperativeHandle","useAgentRegistration","deviceOptions","statusText","isRecording","isPaused","hasError","jsxs","jsx","AudioVisualiser","Button","IconButton","Fragment","Square","X","Select","v","Alert"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/_chunks/{audio-visualiser-ByDEFLNm.js → audio-visualiser-I-T4Z7EU.js}

@@ -98,7 +98,7 @@ const K = H(
     b(() => {
       o.current.length > t && (o.current.length = t);
     }, [t]);
-    const P = V ?? M("ui.chat.audio.visualiserLabel"), g = A ? M("ui.chat.audio.device", { name: A }) : null, F = G();
+    const P = V ?? M("chat.audio.visualiserLabel"), g = A ? M("chat.audio.device", { name: A }) : null, F = G();
     return /* @__PURE__ */ C(
       "div",
       {
@@ -142,4 +142,4 @@ O.displayName = "AudioVisualiser";
 export {
   O as A
 };
-//# sourceMappingURL=audio-visualiser-ByDEFLNm.js.map
+//# sourceMappingURL=audio-visualiser-I-T4Z7EU.js.map

package/dist/_chunks/audio-visualiser-I-T4Z7EU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-visualiser-I-T4Z7EU.js","sources":["../../src/components/audio-visualiser/audio-visualiser.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\nconst rootVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-end ds:justify-center',\n    // 2px gap is a visual-tuning value (sub-token): the bars need a pixel\n    // comma between them that would look like padding at --spacing-xs (4px).\n    'ds:gap-[2px]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:bg-transparent',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-6 ds:min-w-[120px] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n        md: 'ds:h-10 ds:min-w-[160px] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n        lg: 'ds:h-14 ds:min-w-[220px] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nexport interface AudioVisualiserProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof rootVariants> {\n  /** Live microphone stream. When null, bars render at their idle height. */\n  stream: MediaStream | null;\n  /** Number of frequency bars. Defaults to 32. */\n  barCount?: number;\n  /** Optional device label. When provided, announced via aria-label. */\n  deviceName?: string;\n  /** Accessible label override. Defaults to ui.chat.audio.visualiserLabel. */\n  label?: string;\n}\n\nexport const AudioVisualiser = forwardRef<HTMLDivElement, AudioVisualiserProps>(\n  (\n    {\n      stream,\n      size = 'md',\n      barCount = 32,\n      deviceName,\n      label,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const barRefs = useRef<Array<HTMLDivElement | null>>([]);\n    const rafRef = useRef<number | null>(null);\n    const audioCtxRef = useRef<AudioContext | null>(null);\n    const analyserRef = useRef<AnalyserNode | null>(null);\n    const sourceRef = useRef<MediaStreamAudioSourceNode | null>(null);\n    const freqArrayRef = useRef<Uint8Array | null>(null);\n    const [reducedMotion, setReducedMotion] = useState(false);\n\n    useEffect(() => {\n      if (typeof window === 'undefined') return;\n      const mq = window.matchMedia('(prefers-reduced-motion: reduce)');\n      setReducedMotion(mq.matches);\n      const handler = () => setReducedMotion(mq.matches);\n      mq.addEventListener?.('change', handler);\n      return () => mq.removeEventListener?.('change', handler);\n    }, []);\n\n    useEffect(() => {\n      if (!stream) {\n        // Paint idle bars.\n        barRefs.current.forEach((el) => {\n          el?.style.setProperty('--bar-height', '10%');\n        });\n        return;\n      }\n\n      const AC =\n        window.AudioContext ||\n        (window as unknown as { webkitAudioContext?: typeof AudioContext })\n          .webkitAudioContext;\n      if (!AC) return;\n\n      const audioCtx = new AC();\n      const analyser = audioCtx.createAnalyser();\n      analyser.fftSize = 256;\n      const source = audioCtx.createMediaStreamSource(stream);\n      source.connect(analyser);\n\n      audioCtxRef.current = audioCtx;\n      analyserRef.current = analyser;\n      sourceRef.current = source;\n      freqArrayRef.current = new Uint8Array(analyser.frequencyBinCount);\n\n      let lastDraw = 0;\n      const draw = (ts: number) => {\n        if (reducedMotion && ts - lastDraw < 250) {\n          rafRef.current = requestAnimationFrame(draw);\n          return;\n        }\n        lastDraw = ts;\n        const data = freqArrayRef.current;\n        const currentAnalyser = analyserRef.current;\n        if (!data || !currentAnalyser) return;\n        // Cast: TS 5.7+ ships Uint8Array<ArrayBufferLike> whereas the DOM\n        // AnalyserNode API signature narrows to Uint8Array<ArrayBuffer>.\n        currentAnalyser.getByteFrequencyData(\n          data as unknown as Parameters<\n            AnalyserNode['getByteFrequencyData']\n          >[0],\n        );\n        const binsPerBar = Math.max(1, Math.floor(data.length / barCount));\n        for (let i = 0; i < barCount; i += 1) {\n          let sum = 0;\n          for (let j = 0; j < binsPerBar; j += 1) {\n            sum += data[i * binsPerBar + j] ?? 0;\n          }\n          const avg = sum / binsPerBar;\n          // Map 0..255 to 8..100% height.\n          const pct = Math.max(8, Math.min(100, (avg / 255) * 100));\n          barRefs.current[i]?.style.setProperty('--bar-height', `${pct}%`);\n        }\n        rafRef.current = requestAnimationFrame(draw);\n      };\n\n      rafRef.current = requestAnimationFrame(draw);\n\n      return () => {\n        if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);\n        rafRef.current = null;\n        try {\n          sourceRef.current?.disconnect();\n        } catch {\n          /* ignore */\n        }\n        try {\n          analyserRef.current?.disconnect();\n        } catch {\n          /* ignore */\n        }\n        audioCtxRef.current?.close().catch(() => {});\n        audioCtxRef.current = null;\n        analyserRef.current = null;\n        sourceRef.current = null;\n        freqArrayRef.current = null;\n      };\n    }, [stream, barCount, reducedMotion]);\n\n    const bars = useMemo(() => Array.from({ length: barCount }), [barCount]);\n\n    // Trim barRefs when barCount shrinks so stale nulls don't accumulate\n    // across long sessions that cycle through different bar counts.\n    useEffect(() => {\n      if (barRefs.current.length > barCount) {\n        barRefs.current.length = barCount;\n      }\n    }, [barCount]);\n\n    const resolvedLabel = label ?? t('chat.audio.visualiserLabel');\n    const deviceText = deviceName\n      ? t('chat.audio.device', { name: deviceName })\n      : null;\n    const deviceId = useId();\n\n    return (\n      <div\n        ref={ref}\n        // role=\"img\" lets axe accept aria-label on the bar group — without\n        // a valid role, axe's aria-prohibited-attr rule rejects aria-label\n        // on a bare <div>. The bars are decorative; the label is the\n        // accessible name for the whole visualisation.\n        role=\"img\"\n        aria-label={resolvedLabel}\n        aria-describedby={deviceText ? deviceId : undefined}\n        data-component=\"audio-visualiser\"\n        className={rootVariants({ size, className })}\n        {...rest}\n      >\n        {bars.map((_, i) => (\n          <div\n            key={i}\n            ref={(el) => {\n              barRefs.current[i] = el;\n            }}\n            aria-hidden=\"true\"\n            className={[\n              'ds:inline-block ds:w-[3px] ds:min-w-[3px]',\n              'ds:bg-[color:var(--primary)]',\n              'ds:forced-colors:bg-[CanvasText]',\n              'ds:rounded-[1px]',\n              'ds:transition-[height] ds:duration-[var(--duration-fast)] ds:motion-reduce:transition-none',\n              // Height is runtime-computed — applied via --bar-height CSS var\n              // set on the element (inline style is limited to --bar-height; the\n              // element never receives a position/size class via style).\n              'ds:[block-size:var(--bar-height,10%)]',\n            ].join(' ')}\n            // eslint-disable-next-line react/forbid-dom-props -- runtime-computed dimension via --bar-height CSS variable\n            style={{ ['--bar-height' as string]: '10%' }}\n          />\n        ))}\n        {deviceText ? (\n          <span id={deviceId} className=\"ds:sr-only\">\n            {deviceText}\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAudioVisualiser.displayName = 'AudioVisualiser';\n"],"names":["rootVariants","cva","AudioVisualiser","forwardRef","stream","size","barCount","deviceName","label","className","rest","ref","t","useTranslation","barRefs","useRef","rafRef","audioCtxRef","analyserRef","sourceRef","freqArrayRef","reducedMotion","setReducedMotion","useState","useEffect","mq","handler","_a","el","AC","audioCtx","analyser","source","lastDraw","draw","ts","data","currentAnalyser","binsPerBar","i","sum","j","avg","pct","_b","_c","bars","useMemo","resolvedLabel","deviceText","deviceId","useId","jsxs","_","jsx"],"mappings":"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"}

package/dist/_chunks/{autocomplete-D4oUZbsP.js → autocomplete-C34hbfKh.js}

@@ -4,7 +4,7 @@ import { _ as m } from "./index-4xgbg-sn.js";
 import * as A from "@radix-ui/react-popover";
 import { c as F } from "./index-D2ZczOXr.js";
 import { useTranslation as et } from "react-i18next";
-import { S as me } from "./spinner-DLaYfLPl.js";
+import { S as me } from "./spinner-DirtWZNG.js";
 import { u as tt } from "./form-field-context-B3APVHKx.js";
 import { u as st } from "./use-debounced-callback-BisrB-Fq.js";
 import { g as nt } from "./group-options-BvKhQ3xb.js";
@@ -297,7 +297,7 @@ const ct = Ye(
       [f]
     );
     rt(it, Xe, j);
-    const Je = y.length, We = V ? x("ui.common.loading", "Loading…") : i && r.length > 0 ? x("ui.inputs.autocomplete.results", {
+    const Je = y.length, We = V ? x("common.loading", "Loading…") : i && r.length > 0 ? x("inputs.autocomplete.results", {
       count: Je,
       defaultValue: "{{count}} results"
     }) : "";
@@ -399,7 +399,7 @@ const ct = Ye(
                         _ ? /* @__PURE__ */ o(
                           m.Group,
                           {
-                            heading: x("ui.inputs.autocomplete.recent", "Recent"),
+                            heading: x("inputs.autocomplete.recent", "Recent"),
                             className: he,
                             children: (v ?? []).map((e) => /* @__PURE__ */ o(
                               m.Item,
@@ -416,10 +416,10 @@ const ct = Ye(
                             ))
                           }
                         ) : null,
-                        ue ? /* @__PURE__ */ o("div", { className: "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: x("ui.inputs.autocomplete.noResults", "No results") }) : null,
+                        ue ? /* @__PURE__ */ o("div", { className: "ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: x("inputs.autocomplete.noResults", "No results") }) : null,
                         ce ? /* @__PURE__ */ D("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: [
                           /* @__PURE__ */ o(me, { size: "sm" }),
-                          /* @__PURE__ */ o("span", { children: x("ui.common.loading", "Loading…") })
+                          /* @__PURE__ */ o("span", { children: x("common.loading", "Loading…") })
                         ] }) : null,
                         !_ && $ ? Oe.map((e, t) => {
                           const n = e.items.map((a) => /* @__PURE__ */ o(
@@ -463,4 +463,4 @@ export {
   it as a,
   dt as b
 };
-//# sourceMappingURL=autocomplete-D4oUZbsP.js.map
+//# sourceMappingURL=autocomplete-C34hbfKh.js.map

package/dist/_chunks/autocomplete-C34hbfKh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-C34hbfKh.js","sources":["../../src/components/autocomplete/autocomplete.agent.ts","../../src/components/autocomplete/autocomplete.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { AutocompleteHandle } from './autocomplete';\n\nexport const autocompleteAgent: AgentAdapter<AutocompleteHandle> = {\n  id: 'autocomplete',\n  capabilities: ['filter', 'pick', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string | null',\n      description:\n        'Currently-selected option value, or null when nothing is committed.',\n      read: (handle) => handle.getValue(),\n    },\n    query: {\n      type: 'string',\n      description: 'Current free-text query in the input.',\n      read: (handle) => handle.getQuery(),\n    },\n    isOpen: {\n      type: 'boolean',\n      description: 'True when the suggestion list is visible.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'read',\n      argsType: '{ value: string | null }',\n      description: 'Set the committed value programmatically.',\n      invoke: (handle, args: { value: string | null }) => {\n        handle.setValue(args.value);\n      },\n    },\n    apply_filter: {\n      safety: 'read',\n      argsType: '{ query: string }',\n      description: 'Set the input query, which filters the suggestion list.',\n      invoke: (handle, args: { query: string }) => {\n        handle.setQuery(args.query);\n      },\n    },\n    clear: {\n      safety: 'read',\n      description: 'Clear the value and the query.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      description: 'Open the suggestion list.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      description: 'Close the suggestion list.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'autocomplete' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description: 'Each suggestion emits its value as data-option-id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CompositionEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type Ref,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { Command } from 'cmdk';\nimport * as Popover from '@radix-ui/react-popover';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Spinner } from '../spinner/spinner';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useDebouncedCallback } from '../_shared/use-debounced-callback';\nimport type { OptionShape } from '../_shared/option';\nimport { groupOptions } from '../_shared/group-options';\nimport {\n  INPUT_SURFACE_CHROME,\n  INPUT_SURFACE_HEIGHT,\n  INPUT_SURFACE_TEXT,\n  INPUT_SURFACE_TONE,\n} from '../_shared/input-surface';\nimport { useAgentRegistration } from '../../agent';\nimport { autocompleteAgent } from './autocomplete.agent';\n\n// ---------------------------------------------------------------------------\n// CVA — sizing / chrome tokens come from _shared/input-surface so the four\n// input surfaces (TextInput, Autocomplete, Combobox, MultiSelect) cannot drift.\n// ---------------------------------------------------------------------------\n\nconst autocompleteVariants = cva(\n  ['ds:flex ds:w-full ds:items-center', INPUT_SURFACE_CHROME].join(' '),\n  {\n    variants: {\n      size: {\n        sm: `${INPUT_SURFACE_HEIGHT.sm} ${INPUT_SURFACE_TEXT.sm}`,\n        md: `${INPUT_SURFACE_HEIGHT.md} ${INPUT_SURFACE_TEXT.md}`,\n        lg: `${INPUT_SURFACE_HEIGHT.lg} ${INPUT_SURFACE_TEXT.lg}`,\n      },\n      tone: INPUT_SURFACE_TONE,\n    },\n    defaultVariants: { size: 'md', tone: 'default' },\n  },\n);\n\nconst inputVariants = cva(\n  [\n    'ds:flex-1 ds:min-w-0 ds:bg-transparent ds:text-foreground',\n    'ds:placeholder:text-muted-foreground',\n    'ds:outline-none ds:focus:outline-none ds:focus-visible:outline-none',\n    'ds:disabled:cursor-not-allowed',\n    'ds:read-only:cursor-default',\n  ].join(' '),\n  {\n    variants: {\n      hasStart: { true: 'ds:ps-2', false: 'ds:ps-3' },\n      hasEnd: { true: 'ds:pe-2', false: 'ds:pe-3' },\n    },\n    defaultVariants: { hasStart: false, hasEnd: false },\n  },\n);\n\nconst contentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background',\n    'ds:shadow-[var(--shadow-md)]',\n    'ds:w-[var(--radix-popover-trigger-width)]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n    'ds:data-[state=closed]:zoom-out-95',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst itemVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:ps-3 ds:pe-3 ds:py-2 ds:text-[length:var(--font-size-sm)] ds:text-foreground',\n    'ds:rounded-[var(--radius-sm)] ds:select-none ds:cursor-pointer',\n    'ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50',\n    'ds:data-[selected=true]:bg-primary ds:data-[selected=true]:text-primary-foreground',\n    'ds:hover:bg-muted ds:data-[selected=true]:hover:bg-primary',\n  ].join(' '),\n);\n\nconst groupClasses = [\n  'ds:[&_[cmdk-group-heading]]:ps-3',\n  'ds:[&_[cmdk-group-heading]]:pe-3',\n  'ds:[&_[cmdk-group-heading]]:py-1.5',\n  'ds:[&_[cmdk-group-heading]]:type-eyebrow',\n  'ds:[&_[cmdk-group-heading]]:text-muted-foreground',\n].join(' ');\n\nconst adornmentBase =\n  'ds:inline-flex ds:items-center ds:shrink-0 ds:text-muted-foreground ds:[&_svg]:size-4';\n\n// ---------------------------------------------------------------------------\n// Agent handle — curated surface for agent-readiness adapter.\n//\n// The autocomplete `forwardRef` exposes the underlying `HTMLInputElement` for\n// form integration; the agent handle is a separate, structural contract\n// referenced by `autocomplete.agent.ts`. Consumers wire it via the platform\n// registry — it is not the component's React ref.\n// ---------------------------------------------------------------------------\n\nexport interface AutocompleteHandle {\n  getValue: () => string | null;\n  getQuery: () => string;\n  getIsOpen: () => boolean;\n  setValue: (value: string | null) => void;\n  setQuery: (query: string) => void;\n  clear: () => void;\n  open: () => void;\n  close: () => void;\n}\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\ntype CVAProps = VariantProps<typeof autocompleteVariants>;\n\nexport interface AutocompleteProps<T extends string = string> extends Pick<\n  CVAProps,\n  'size' | 'tone'\n> {\n  loadOptions: (\n    query: string,\n    opts: { signal: AbortSignal; locale: string },\n  ) => Promise<OptionShape<T>[]>;\n  debounceMs?: number;\n\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  onSelect?: (option: OptionShape<T>) => void;\n\n  recents?: OptionShape<T>[];\n  onRecentSelect?: (option: OptionShape<T>) => void;\n\n  snapOnBlur?: boolean;\n\n  startAdornment?: ReactNode;\n  endAdornment?: ReactNode;\n  placeholder?: string;\n\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Implementation\n// ---------------------------------------------------------------------------\n\nfunction itemIdFor(idPrefix: string, kind: 'recent' | 'option', value: string) {\n  return `${idPrefix}-${kind}-${value}`;\n}\n\nfunction cmdkValueFor(kind: 'recent' | 'option', value: string) {\n  return `${kind}:${value}`;\n}\n\nconst AutocompleteImpl = forwardRef<HTMLInputElement, AutocompleteProps>(\n  function Autocomplete(\n    {\n      loadOptions,\n      debounceMs = 250,\n      value,\n      defaultValue,\n      onChange,\n      onSelect,\n      recents,\n      onRecentSelect,\n      snapOnBlur = false,\n      size = 'md',\n      tone = 'default',\n      startAdornment,\n      endAdornment,\n      placeholder,\n      disabled,\n      readOnly,\n      required,\n      name,\n      id,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n\n    const reactId = useId();\n    const idPrefix = id ?? ctx.id ?? reactId;\n    const listId = `${idPrefix}-listbox`;\n    const liveRegionId = `${idPrefix}-live`;\n\n    const effectiveDisabled = Boolean(ctx.disabled || disabled);\n    const effectiveRequired = Boolean(ctx.required || required);\n    const effectiveInvalid = ctx.invalid;\n    const effectiveTone: 'default' | 'error' = effectiveInvalid\n      ? 'error'\n      : (tone ?? 'default');\n    const describedBy = ctx.describedBy || undefined;\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const currentValue = isControlled ? value : internalValue;\n\n    const [open, setOpen] = useState(false);\n    const [suggestions, setSuggestions] = useState<OptionShape[]>([]);\n    const [loading, setLoading] = useState(false);\n    const [cmdkValue, setCmdkValue] = useState<string>('');\n\n    const composingRef = useRef(false);\n    const abortRef = useRef<AbortController | null>(null);\n    const latestQueryRef = useRef<string>(currentValue);\n    const suggestionsByValueRef = useRef<Map<string, OptionShape>>(new Map());\n    const recentsByValueRef = useRef<Map<string, OptionShape>>(new Map());\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const contentRef = useRef<HTMLDivElement | null>(null);\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        inputRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref],\n    );\n\n    const locale = i18n.language;\n\n    useEffect(() => {\n      const map = new Map<string, OptionShape>();\n      for (const option of suggestions) map.set(option.value, option);\n      suggestionsByValueRef.current = map;\n    }, [suggestions]);\n\n    useEffect(() => {\n      const map = new Map<string, OptionShape>();\n      if (recents) for (const option of recents) map.set(option.value, option);\n      recentsByValueRef.current = map;\n    }, [recents]);\n\n    const runFetch = useCallback(\n      (query: string) => {\n        if (effectiveDisabled || readOnly) return;\n        if (composingRef.current) return;\n        abortRef.current?.abort();\n        const controller = new AbortController();\n        abortRef.current = controller;\n        latestQueryRef.current = query;\n        setLoading(true);\n        loadOptions(query, { signal: controller.signal, locale })\n          .then((results) => {\n            if (controller.signal.aborted) return;\n            if (latestQueryRef.current !== query) return;\n            setSuggestions(results);\n            setLoading(false);\n          })\n          .catch((error: unknown) => {\n            if (controller.signal.aborted) return;\n            if (\n              error &&\n              typeof error === 'object' &&\n              'name' in error &&\n              (error as { name?: string }).name === 'AbortError'\n            ) {\n              return;\n            }\n            if (latestQueryRef.current !== query) return;\n            setSuggestions([]);\n            setLoading(false);\n          });\n      },\n      [effectiveDisabled, readOnly, loadOptions, locale],\n    );\n\n    const debouncedFetch = useDebouncedCallback(runFetch, debounceMs);\n\n    useEffect(() => {\n      return () => {\n        debouncedFetch.cancel();\n        abortRef.current?.abort();\n      };\n    }, [debouncedFetch]);\n\n    const commitValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onChange?.(next);\n      },\n      [isControlled, onChange],\n    );\n\n    const resolveCmdkValue = useCallback(\n      (\n        raw: string,\n      ): { kind: 'recent' | 'option'; option: OptionShape } | null => {\n        const [kind, val] = raw.split(':');\n        if (!val || (kind !== 'recent' && kind !== 'option')) return null;\n        const lookup =\n          kind === 'recent'\n            ? recentsByValueRef.current\n            : suggestionsByValueRef.current;\n        const option = lookup.get(val);\n        return option ? { kind, option } : null;\n      },\n      [],\n    );\n\n    const handleInputValueChange = (next: string) => {\n      commitValue(next);\n      if (effectiveDisabled || readOnly) return;\n      if (!open) setOpen(true);\n      if (composingRef.current) return;\n      debouncedFetch(next);\n    };\n\n    const handleCompositionStart = (\n      _event: CompositionEvent<HTMLInputElement>,\n    ) => {\n      composingRef.current = true;\n    };\n\n    const handleCompositionEnd = (\n      event: CompositionEvent<HTMLInputElement>,\n    ) => {\n      composingRef.current = false;\n      const next = event.currentTarget.value;\n      debouncedFetch(next);\n    };\n\n    const handleFocus = (_event: FocusEvent<HTMLInputElement>) => {\n      if (effectiveDisabled || readOnly) return;\n      setOpen(true);\n      if (currentValue) debouncedFetch(currentValue);\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n      const next = event.relatedTarget as Node | null;\n      // Focus moved into the popover — keep listbox open (pointer-down on item\n      // moves focus into the portal but we treat that as \"still interacting\").\n      if (next && contentRef.current && contentRef.current.contains(next)) {\n        return;\n      }\n      if (snapOnBlur && cmdkValue) {\n        const resolved = resolveCmdkValue(cmdkValue);\n        if (resolved) {\n          commitValue(resolved.option.label);\n          onSelect?.(resolved.option);\n        }\n      }\n      setOpen(false);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.nativeEvent.isComposing) return;\n      if (event.key === 'Escape') {\n        if (open) {\n          event.preventDefault();\n          event.stopPropagation();\n          setOpen(false);\n        }\n        return;\n      }\n      if (event.key === 'ArrowDown' && !open) {\n        event.preventDefault();\n        setOpen(true);\n        if (currentValue) debouncedFetch(currentValue);\n        return;\n      }\n      if (event.key === 'Tab' && open && cmdkValue) {\n        const resolved = resolveCmdkValue(cmdkValue);\n        if (resolved) {\n          commitValue(resolved.option.label);\n          onSelect?.(resolved.option);\n          setOpen(false);\n        }\n      }\n    };\n\n    const handleItemSelect = (\n      kind: 'recent' | 'option',\n      option: OptionShape,\n    ) => {\n      commitValue(option.label);\n      if (kind === 'recent') onRecentSelect?.(option);\n      else onSelect?.(option);\n      setOpen(false);\n      inputRef.current?.focus();\n    };\n\n    // Prevent input blur when clicking an item — keeps focus management predictable.\n    const preventBlur = (event: MouseEvent<HTMLElement>) => {\n      event.preventDefault();\n    };\n\n    const showRecents =\n      Boolean(recents && recents.length > 0) && currentValue.length === 0;\n    const groupedSuggestions = useMemo(\n      () => groupOptions(suggestions),\n      [suggestions],\n    );\n\n    const hasStart = Boolean(startAdornment);\n    const hasEnd = Boolean(endAdornment) || loading;\n\n    const wrapperClass = autocompleteVariants({\n      size,\n      tone: effectiveTone,\n      className,\n    });\n\n    const activeDescendant = useMemo(() => {\n      if (!cmdkValue) return undefined;\n      const [kind, val] = cmdkValue.split(':');\n      if (!val || (kind !== 'recent' && kind !== 'option')) return undefined;\n      return itemIdFor(idPrefix, kind, val);\n    }, [cmdkValue, idPrefix]);\n\n    const hasSuggestions = suggestions.length > 0;\n    const showEmpty =\n      !showRecents && !hasSuggestions && !loading && currentValue.length > 0;\n    const showLoadingRow = loading && !hasSuggestions;\n    // Suppress the popover when there is nothing to render — prevents an empty\n    // 1-line strip appearing under the input on focus with no query + no recents.\n    const hasPopoverContent =\n      showRecents || hasSuggestions || showEmpty || showLoadingRow;\n\n    // Agent handle — refs mirror state for fresh reads from the memoized handle.\n    const valueRefAgent = useRef<string>(currentValue);\n    useEffect(() => {\n      valueRefAgent.current = currentValue;\n    }, [currentValue]);\n    const openRefAgent = useRef<boolean>(open);\n    useEffect(() => {\n      openRefAgent.current = open;\n    }, [open]);\n\n    const agentHandle = useMemo<AutocompleteHandle>(\n      () => ({\n        getValue: () => valueRefAgent.current || null,\n        getQuery: () => valueRefAgent.current,\n        getIsOpen: () => openRefAgent.current,\n        setValue: (next) => {\n          commitValue(next ?? '');\n        },\n        setQuery: (query) => {\n          commitValue(query);\n        },\n        clear: () => {\n          commitValue('');\n        },\n        open: () => {\n          setOpen(true);\n        },\n        close: () => {\n          setOpen(false);\n        },\n      }),\n      [commitValue],\n    );\n    useAgentRegistration(autocompleteAgent, agentHandle, id);\n\n    const resultCount = suggestions.length;\n    const liveMessage = loading\n      ? t('common.loading', 'Loading…')\n      : open && currentValue.length > 0\n        ? t('inputs.autocomplete.results', {\n            count: resultCount,\n            defaultValue: '{{count}} results',\n          })\n        : '';\n\n    return (\n      <Command\n        shouldFilter={false}\n        value={cmdkValue}\n        onValueChange={setCmdkValue}\n        label={ariaLabel ?? placeholder}\n        className=\"ds:w-full\"\n      >\n        <Popover.Root\n          open={open && !effectiveDisabled && !readOnly && hasPopoverContent}\n        >\n          <Popover.Anchor asChild>\n            <div\n              className={wrapperClass}\n              data-component=\"autocomplete\"\n              data-component-id={id}\n              data-disabled={effectiveDisabled || undefined}\n            >\n              {startAdornment ? (\n                <span aria-hidden=\"true\" className={`${adornmentBase} ds:ps-3`}>\n                  {startAdornment}\n                </span>\n              ) : null}\n              <Command.Input\n                ref={setRefs}\n                id={idPrefix}\n                name={name}\n                placeholder={placeholder}\n                value={currentValue}\n                onValueChange={handleInputValueChange}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onCompositionStart={handleCompositionStart}\n                onCompositionEnd={handleCompositionEnd}\n                disabled={effectiveDisabled}\n                readOnly={readOnly}\n                required={effectiveRequired}\n                role=\"combobox\"\n                aria-autocomplete=\"both\"\n                aria-expanded={open}\n                // Only advertise aria-controls while the listbox is mounted\n                // — Command.List lives inside the Popover.Content and only\n                // renders when `open` is true. Pointing aria-controls at a\n                // non-existent id fails axe's aria-valid-attr-value rule.\n                aria-controls={open ? listId : undefined}\n                aria-activedescendant={activeDescendant}\n                aria-describedby={describedBy}\n                aria-invalid={effectiveInvalid || undefined}\n                aria-label={ariaLabel}\n                autoComplete=\"off\"\n                className={inputVariants({ hasStart, hasEnd })}\n              />\n              {loading ? (\n                <span className={`${adornmentBase} ds:pe-3`} aria-hidden=\"true\">\n                  <Spinner size=\"sm\" />\n                </span>\n              ) : endAdornment ? (\n                <span aria-hidden=\"true\" className={`${adornmentBase} ds:pe-3`}>\n                  {endAdornment}\n                </span>\n              ) : null}\n              <span\n                id={liveRegionId}\n                role=\"status\"\n                aria-live=\"polite\"\n                aria-atomic=\"true\"\n                className=\"ds:sr-only\"\n              >\n                {liveMessage}\n              </span>\n            </div>\n          </Popover.Anchor>\n          <Popover.Portal forceMount>\n            <Popover.Content\n              ref={contentRef}\n              // `forceMount` keeps Command.List in the DOM even when the\n              // popover is closed, so the input's cmdk-set\n              // `aria-controls` always points at a real id (axe's\n              // aria-valid-attr-value rule). Visibility is gated by\n              // data-state via CSS / the `hidden` attribute below.\n              forceMount\n              hidden={!open}\n              side=\"bottom\"\n              align=\"start\"\n              sideOffset={4}\n              onOpenAutoFocus={(event) => event.preventDefault()}\n              onCloseAutoFocus={(event) => event.preventDefault()}\n              onPointerDownOutside={(event) => {\n                const target = event.target as Node | null;\n                if (target && inputRef.current?.contains(target)) {\n                  event.preventDefault();\n                  return;\n                }\n                setOpen(false);\n              }}\n              onEscapeKeyDown={() => setOpen(false)}\n              onMouseDown={preventBlur}\n              className={contentVariants()}\n            >\n              <Command.List\n                id={listId}\n                className=\"ds:max-h-[min(24rem,var(--radix-popover-content-available-height))] ds:overflow-auto ds:p-1\"\n              >\n                {showRecents ? (\n                  <Command.Group\n                    heading={t('inputs.autocomplete.recent', 'Recent')}\n                    className={groupClasses}\n                  >\n                    {(recents ?? []).map((option) => (\n                      <Command.Item\n                        key={`recent-${option.value}`}\n                        id={itemIdFor(idPrefix, 'recent', option.value)}\n                        value={cmdkValueFor('recent', option.value)}\n                        disabled={option.disabled}\n                        onSelect={() => handleItemSelect('recent', option)}\n                        onMouseDown={preventBlur}\n                        className={itemVariants()}\n                      >\n                        {option.label}\n                      </Command.Item>\n                    ))}\n                  </Command.Group>\n                ) : null}\n                {showEmpty ? (\n                  <div className=\"ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground\">\n                    {t('inputs.autocomplete.noResults', 'No results')}\n                  </div>\n                ) : null}\n                {showLoadingRow ? (\n                  <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:ps-3 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground\">\n                    <Spinner size=\"sm\" />\n                    <span>{t('common.loading', 'Loading…')}</span>\n                  </div>\n                ) : null}\n                {!showRecents && hasSuggestions\n                  ? groupedSuggestions.map((group, index) => {\n                      const body = group.items.map((option) => (\n                        <Command.Item\n                          key={`option-${option.value}`}\n                          id={itemIdFor(idPrefix, 'option', option.value)}\n                          value={cmdkValueFor('option', option.value)}\n                          disabled={option.disabled}\n                          onSelect={() => handleItemSelect('option', option)}\n                          onMouseDown={preventBlur}\n                          className={itemVariants()}\n                        >\n                          {option.label}\n                        </Command.Item>\n                      ));\n                      if (!group.group) {\n                        return (\n                          <Command.Group key={`group-${index}`}>\n                            {body}\n                          </Command.Group>\n                        );\n                      }\n                      return (\n                        <Command.Group\n                          key={`group-${group.group}`}\n                          heading={group.group}\n                          className={groupClasses}\n                        >\n                          {body}\n                        </Command.Group>\n                      );\n                    })\n                  : null}\n              </Command.List>\n            </Popover.Content>\n          </Popover.Portal>\n        </Popover.Root>\n      </Command>\n    );\n  },\n);\n\ninterface AutocompleteComponent {\n  <T extends string = string>(\n    props: AutocompleteProps<T> & { ref?: Ref<HTMLInputElement> },\n  ): ReactElement | null;\n  displayName?: string;\n}\n\nexport const Autocomplete =\n  AutocompleteImpl as unknown as AutocompleteComponent;\n(Autocomplete as { displayName?: string }).displayName = 'Autocomplete';\n\nexport { autocompleteVariants };\n"],"names":["autocompleteAgent","handle","args","autocompleteVariants","cva","INPUT_SURFACE_CHROME","INPUT_SURFACE_HEIGHT","INPUT_SURFACE_TEXT","INPUT_SURFACE_TONE","inputVariants","contentVariants","itemVariants","groupClasses","adornmentBase","itemIdFor","idPrefix","kind","value","cmdkValueFor","AutocompleteImpl","forwardRef","loadOptions","debounceMs","defaultValue","onChange","onSelect","recents","onRecentSelect","snapOnBlur","size","tone","startAdornment","endAdornment","placeholder","disabled","readOnly","required","name","id","className","ariaLabel","ref","t","i18n","useTranslation","ctx","useFormField","reactId","useId","listId","liveRegionId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","isControlled","internalValue","setInternalValue","useState","currentValue","open","setOpen","suggestions","setSuggestions","loading","setLoading","cmdkValue","setCmdkValue","composingRef","useRef","abortRef","latestQueryRef","suggestionsByValueRef","recentsByValueRef","inputRef","contentRef","setRefs","useCallback","node","locale","useEffect","map","option","runFetch","query","_a","controller","results","error","debouncedFetch","useDebouncedCallback","commitValue","next","resolveCmdkValue","raw","val","handleInputValueChange","handleCompositionStart","_event","handleCompositionEnd","event","handleFocus","handleBlur","resolved","handleKeyDown","handleItemSelect","preventBlur","showRecents","groupedSuggestions","useMemo","groupOptions","hasStart","hasEnd","wrapperClass","activeDescendant","hasSuggestions","showEmpty","showLoadingRow","hasPopoverContent","valueRefAgent","openRefAgent","agentHandle","useAgentRegistration","resultCount","liveMessage","jsx","Command","jsxs","Popover","Spinner","target","group","index","body","Autocomplete"],"mappings":"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"}

package/dist/_chunks/{avatar-Dcr6XuDQ.js → avatar-I10iCDs8.js}

@@ -69,7 +69,7 @@ const T = N(
     const r = !!s && !b, m = !r && !!e, h = !r && !e, p = o ? "ds:bg-[var(--avatar-color-override)]" : e ? S(e) : "ds:bg-muted", x = T({
       size: d,
       className: [p, o || e ? "ds:text-[var(--primary-foreground)]" : "ds:text-muted-foreground", c].filter(Boolean).join(" ")
-    }), z = e ?? g("ui.avatar.placeholder", "User avatar");
+    }), z = e ?? g("avatar.placeholder", "User avatar");
     return /* @__PURE__ */ C(
       "span",
       {
@@ -111,4 +111,4 @@ export {
   L as g,
   S as n
 };
-//# sourceMappingURL=avatar-Dcr6XuDQ.js.map
+//# sourceMappingURL=avatar-I10iCDs8.js.map

package/dist/_chunks/{avatar-Dcr6XuDQ.js.map → avatar-I10iCDs8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"avatar-Dcr6XuDQ.js","sources":["../../src/components/avatar/avatar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { composeRefs } from '../_shared/compose-refs';\n\n// ── Hash ──────────────────────────────────────────────────────────────────────\n\n/** djb2 hash — fast, unsigned 32-bit, stable across calls. */\nfunction djb2(str: string): number {\n  let hash = 5381;\n  for (let i = 0; i < str.length; i++) {\n    hash = ((hash << 5) + hash) ^ str.charCodeAt(i);\n    hash = hash >>> 0; // coerce to unsigned 32-bit integer\n  }\n  return hash;\n}\n\n/**\n * 16 brand hues — all verified ≥ 4.5 : 1 contrast against white\n * (var(--primary-foreground)) using the WCAG 2.x relative-luminance formula.\n * Spans four distinct hue families for good visual distribution.\n *\n *  Index | Token                  | Contrast  | Visual character\n *  0     | --color-violet-500     | 4.74 : 1  | bright violet\n *  1     | --color-violet-600     | 5.53 : 1  | medium violet\n *  2     | --color-violet-700     | 7.29 : 1  | dark violet\n *  3     | --color-violet-800     | 9.57 : 1  | deep violet\n *  4     | --color-violet-900     | 12.06 : 1 | midnight violet\n *  5     | --color-purple-700     | 5.21 : 1  | medium purple\n *  6     | --color-purple-800     | 7.52 : 1  | dark purple\n *  7     | --color-purple-900     | 10.40 : 1 | deep purple\n *  8     | --color-magenta-700    | 6.01 : 1  | vivid magenta\n *  9     | --color-magenta-800    | 8.05 : 1  | dark magenta\n *  10    | --color-magenta-900    | 11.20 : 1 | deep magenta\n *  11    | --color-blue-300       | 4.64 : 1  | slate / steel blue\n *  12    | --color-blue-400       | 6.95 : 1  | medium slate\n *  13    | --color-blue-500       | 13.00 : 1 | deep navy\n *  14    | --color-blue-700       | 17.82 : 1 | midnight navy\n *  15    | --color-grey-900       | 5.78 : 1  | warm charcoal\n */\nconst INITIALS_BG_CLASSES = [\n  'ds:bg-[var(--color-violet-500)]',\n  'ds:bg-[var(--color-violet-600)]',\n  'ds:bg-[var(--color-violet-700)]',\n  'ds:bg-[var(--color-violet-800)]',\n  'ds:bg-[var(--color-violet-900)]',\n  'ds:bg-[var(--color-purple-700)]',\n  'ds:bg-[var(--color-purple-800)]',\n  'ds:bg-[var(--color-purple-900)]',\n  'ds:bg-[var(--color-magenta-700)]',\n  'ds:bg-[var(--color-magenta-800)]',\n  'ds:bg-[var(--color-magenta-900)]',\n  'ds:bg-[var(--color-blue-300)]',\n  'ds:bg-[var(--color-blue-400)]',\n  'ds:bg-[var(--color-blue-500)]',\n  'ds:bg-[var(--color-blue-700)]',\n  'ds:bg-[var(--color-grey-900)]',\n] as const;\n\n/** Deterministically maps a name string to one of 16 brand-hue Tailwind classes. Same name always produces the same class. */\nexport function nameToColorClass(name: string): string {\n  return INITIALS_BG_CLASSES[djb2(name) % INITIALS_BG_CLASSES.length];\n}\n\n/**\n * Extracts 1–2 uppercase initials:\n * - Single-word name: first two characters  (\"John\" → \"JO\")\n * - Multi-word name: first char of first word + first char of last word  (\"John Doe\" → \"JD\")\n */\nexport function getInitials(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n  if (words.length === 0) return '';\n  if (words.length === 1) return words[0].slice(0, 2).toUpperCase();\n  return (words[0][0] + words[words.length - 1][0]).toUpperCase();\n}\n\n// ── CVA ───────────────────────────────────────────────────────────────────────\n\nconst avatarVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:shrink-0 ds:select-none ds:items-center ds:justify-center ds:overflow-hidden ds:rounded-[var(--radius-full)]',\n    // Focus ring — uses design-system tokens so theme overrides (accessible: 3px) apply automatically.\n    // The ring renders when Avatar is placed inside a focusable ancestor (e.g. a <button>).\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-ring',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        // text-[var(--font-size-xs)] = 0.75rem (12px) — smallest available token\n        xs: 'ds:size-6 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n        sm: 'ds:size-8 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n        md: 'ds:size-10 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n        lg: 'ds:size-12 ds:text-[length:var(--font-size-sm)] ds:font-semibold ds:leading-none',\n        xl: 'ds:size-16 ds:text-[length:var(--font-size-base)] ds:font-semibold ds:leading-none',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n// ── Props ─────────────────────────────────────────────────────────────────────\n\nexport interface AvatarProps\n  extends\n    Omit<HTMLAttributes<HTMLSpanElement>, 'color'>,\n    VariantProps<typeof avatarVariants> {\n  /** Image source URL. When provided and loads successfully, the image is displayed. */\n  src?: string;\n  /** Display name — drives initials extraction and deterministic background colour. */\n  name?: string;\n  /**\n   * Override the auto-generated background with any CSS colour string\n   * (e.g. `\"var(--color-violet-700)\"`).\n   * Applied via a CSS custom property so no `style` attribute is added to the JSX element.\n   * Caller is responsible for WCAG AA contrast (≥4.5:1) against white text.\n   */\n  color?: string;\n}\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  ({ src, name, color, size, className, ...props }, ref) => {\n    const { t } = useTranslation();\n\n    const innerRef = useRef<HTMLSpanElement>(null);\n    const composedRef = composeRefs(ref, innerRef);\n\n    // Track only image errors. The image renders immediately as an overlay;\n    // before it loads the browser paints nothing (transparent), showing the\n    // background colour + initials behind it. On error we remove the img and\n    // the initials/fallback remain permanently visible.\n    const [imgError, setImgError] = useState(false);\n\n    // Reset error flag whenever src changes\n    useEffect(() => {\n      setImgError(false);\n    }, [src]);\n\n    // Apply color override via CSS custom property — avoids style={{…}} on JSX.\n    // Mirrors the pattern used by the Progress component for imperative CSS property injection.\n    useLayoutEffect(() => {\n      const el = innerRef.current;\n      if (!el) return;\n      if (color) {\n        el.style.setProperty('--avatar-color-override', color);\n      } else {\n        el.style.removeProperty('--avatar-color-override');\n      }\n    }, [color]);\n\n    // Image is \"active\" when provided and not errored\n    const imgActive = !!src && !imgError;\n\n    // Initials and fallback icon are shown when no usable image\n    const showInitials = !imgActive && !!name;\n    const showIcon = !imgActive && !name;\n\n    // Background — always rendered (serves as loading placeholder when image is fetching)\n    const fallbackBgClass = color\n      ? 'ds:bg-[var(--avatar-color-override)]'\n      : name\n        ? nameToColorClass(name)\n        : 'ds:bg-muted';\n\n    // Always white text against brand hues / color override; muted-foreground for icon\n    const contentColorClass =\n      color || name\n        ? 'ds:text-[var(--primary-foreground)]'\n        : 'ds:text-muted-foreground';\n\n    const rootClassName = avatarVariants({\n      size,\n      className: [fallbackBgClass, contentColorClass, className]\n        .filter(Boolean)\n        .join(' '),\n    });\n\n    // Accessible label — name takes priority, then the localised placeholder\n    const ariaLabel = name ?? t('ui.avatar.placeholder', 'User avatar');\n\n    return (\n      <span\n        ref={composedRef}\n        role=\"img\"\n        aria-label={ariaLabel}\n        data-component=\"avatar\"\n        className={rootClassName}\n        {...props}\n      >\n        {/* Initials — rendered behind the image; visible while image is loading\n            or permanently when no src / src errors */}\n        {(showInitials || imgActive) && !!name && (\n          <span aria-hidden=\"true\">{getInitials(name)}</span>\n        )}\n\n        {/* Fallback icon — shown when neither image nor name is available */}\n        {showIcon && (\n          <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            className=\"ds:size-[58%] ds:fill-current\"\n          >\n            <path d=\"M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-3.33 0-10 1.67-10 5v2h20v-2c0-3.33-6.67-5-10-5z\" />\n          </svg>\n        )}\n\n        {/* Image — absolutely positioned overlay. Renders transparently until the\n            browser paints the decoded pixels, then covers the initials behind it.\n            Removed from DOM on error so initials remain permanently visible. */}\n        {imgActive && (\n          <img\n            src={src}\n            alt=\"\"\n            aria-hidden=\"true\"\n            className=\"ds:absolute ds:inset-0 ds:size-full ds:object-cover\"\n            onError={() => setImgError(true)}\n          />\n        )}\n      </span>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n"],"names":["djb2","str","hash","i","INITIALS_BG_CLASSES","nameToColorClass","name","getInitials","words","avatarVariants","cva","Avatar","forwardRef","src","color","size","className","props","ref","t","useTranslation","innerRef","useRef","composedRef","composeRefs","imgError","setImgError","useState","useEffect","useLayoutEffect","el","imgActive","showInitials","showIcon","fallbackBgClass","rootClassName","ariaLabel","jsxs","jsx"],"mappings":";;;;;AAeA,SAASA,EAAKC,GAAqB;AACjC,MAAIC,IAAO;AACX,WAASC,IAAI,GAAGA,IAAIF,EAAI,QAAQE;AAC9B,IAAAD,KAASA,KAAQ,KAAKA,IAAQD,EAAI,WAAWE,CAAC,GAC9CD,IAAOA,MAAS;AAElB,SAAOA;AACT;AAyBA,MAAME,IAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,SAASC,EAAiBC,GAAsB;AACrD,SAAOF,EAAoBJ,EAAKM,CAAI,IAAIF,EAAoB,MAAM;AACpE;AAOO,SAASG,EAAYD,GAAsB;AAChD,QAAME,IAAQF,EAAK,KAAA,EAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AACrD,SAAIE,EAAM,WAAW,IAAU,KAC3BA,EAAM,WAAW,IAAUA,EAAM,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,YAAA,KAC5CA,EAAM,CAAC,EAAE,CAAC,IAAIA,EAAMA,EAAM,SAAS,CAAC,EAAE,CAAC,GAAG,YAAA;AACpD;AAIA,MAAMC,IAAiBC;AAAA,EACrB;AAAA,IACE;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA;AAAA,QAEJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB,EAAE,MAAM,KAAA;AAAA,EAAK;AAElC,GAuBaC,IAASC;AAAA,EACpB,CAAC,EAAE,KAAAC,GAAK,MAAAP,GAAM,OAAAQ,GAAO,MAAAC,GAAM,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AACxD,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAERC,IAAWC,EAAwB,IAAI,GACvCC,IAAcC,EAAYN,GAAKG,CAAQ,GAMvC,CAACI,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAG9C,IAAAC,EAAU,MAAM;AACd,MAAAF,EAAY,EAAK;AAAA,IACnB,GAAG,CAACb,CAAG,CAAC,GAIRgB,EAAgB,MAAM;AACpB,YAAMC,IAAKT,EAAS;AACpB,MAAKS,MACDhB,IACFgB,EAAG,MAAM,YAAY,2BAA2BhB,CAAK,IAErDgB,EAAG,MAAM,eAAe,yBAAyB;AAAA,IAErD,GAAG,CAAChB,CAAK,CAAC;AAGV,UAAMiB,IAAY,CAAC,CAAClB,KAAO,CAACY,GAGtBO,IAAe,CAACD,KAAa,CAAC,CAACzB,GAC/B2B,IAAW,CAACF,KAAa,CAACzB,GAG1B4B,IAAkBpB,IACpB,yCACAR,IACED,EAAiBC,CAAI,IACrB,eAQA6B,IAAgB1B,EAAe;AAAA,MACnC,MAAAM;AAAA,MACA,WAAW,CAACmB,GANZpB,KAASR,IACL,wCACA,4BAI4CU,CAAS,EACtD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,IAAA,CACZ,GAGKoB,IAAY9B,KAAQa,EAAE,yBAAyB,aAAa;AAElE,WACE,gBAAAkB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKd;AAAA,QACL,MAAK;AAAA,QACL,cAAYa;AAAA,QACZ,kBAAe;AAAA,QACf,WAAWD;AAAA,QACV,GAAGlB;AAAA,QAIF,UAAA;AAAA,WAAAe,KAAgBD,MAAc,CAAC,CAACzB,KAChC,gBAAAgC,EAAC,UAAK,eAAY,QAAQ,UAAA/B,EAAYD,CAAI,EAAA,CAAE;AAAA,UAI7C2B,KACC,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,SAAQ;AAAA,cACR,WAAU;AAAA,cAEV,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,mHAAA,CAAmH;AAAA,YAAA;AAAA,UAAA;AAAA,UAO9HP,KACC,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAAzB;AAAA,cACA,KAAI;AAAA,cACJ,eAAY;AAAA,cACZ,WAAU;AAAA,cACV,SAAS,MAAMa,EAAY,EAAI;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AAEAf,EAAO,cAAc;"}
+{"version":3,"file":"avatar-I10iCDs8.js","sources":["../../src/components/avatar/avatar.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { composeRefs } from '../_shared/compose-refs';\n\n// ── Hash ──────────────────────────────────────────────────────────────────────\n\n/** djb2 hash — fast, unsigned 32-bit, stable across calls. */\nfunction djb2(str: string): number {\n  let hash = 5381;\n  for (let i = 0; i < str.length; i++) {\n    hash = ((hash << 5) + hash) ^ str.charCodeAt(i);\n    hash = hash >>> 0; // coerce to unsigned 32-bit integer\n  }\n  return hash;\n}\n\n/**\n * 16 brand hues — all verified ≥ 4.5 : 1 contrast against white\n * (var(--primary-foreground)) using the WCAG 2.x relative-luminance formula.\n * Spans four distinct hue families for good visual distribution.\n *\n *  Index | Token                  | Contrast  | Visual character\n *  0     | --color-violet-500     | 4.74 : 1  | bright violet\n *  1     | --color-violet-600     | 5.53 : 1  | medium violet\n *  2     | --color-violet-700     | 7.29 : 1  | dark violet\n *  3     | --color-violet-800     | 9.57 : 1  | deep violet\n *  4     | --color-violet-900     | 12.06 : 1 | midnight violet\n *  5     | --color-purple-700     | 5.21 : 1  | medium purple\n *  6     | --color-purple-800     | 7.52 : 1  | dark purple\n *  7     | --color-purple-900     | 10.40 : 1 | deep purple\n *  8     | --color-magenta-700    | 6.01 : 1  | vivid magenta\n *  9     | --color-magenta-800    | 8.05 : 1  | dark magenta\n *  10    | --color-magenta-900    | 11.20 : 1 | deep magenta\n *  11    | --color-blue-300       | 4.64 : 1  | slate / steel blue\n *  12    | --color-blue-400       | 6.95 : 1  | medium slate\n *  13    | --color-blue-500       | 13.00 : 1 | deep navy\n *  14    | --color-blue-700       | 17.82 : 1 | midnight navy\n *  15    | --color-grey-900       | 5.78 : 1  | warm charcoal\n */\nconst INITIALS_BG_CLASSES = [\n  'ds:bg-[var(--color-violet-500)]',\n  'ds:bg-[var(--color-violet-600)]',\n  'ds:bg-[var(--color-violet-700)]',\n  'ds:bg-[var(--color-violet-800)]',\n  'ds:bg-[var(--color-violet-900)]',\n  'ds:bg-[var(--color-purple-700)]',\n  'ds:bg-[var(--color-purple-800)]',\n  'ds:bg-[var(--color-purple-900)]',\n  'ds:bg-[var(--color-magenta-700)]',\n  'ds:bg-[var(--color-magenta-800)]',\n  'ds:bg-[var(--color-magenta-900)]',\n  'ds:bg-[var(--color-blue-300)]',\n  'ds:bg-[var(--color-blue-400)]',\n  'ds:bg-[var(--color-blue-500)]',\n  'ds:bg-[var(--color-blue-700)]',\n  'ds:bg-[var(--color-grey-900)]',\n] as const;\n\n/** Deterministically maps a name string to one of 16 brand-hue Tailwind classes. Same name always produces the same class. */\nexport function nameToColorClass(name: string): string {\n  return INITIALS_BG_CLASSES[djb2(name) % INITIALS_BG_CLASSES.length];\n}\n\n/**\n * Extracts 1–2 uppercase initials:\n * - Single-word name: first two characters  (\"John\" → \"JO\")\n * - Multi-word name: first char of first word + first char of last word  (\"John Doe\" → \"JD\")\n */\nexport function getInitials(name: string): string {\n  const words = name.trim().split(/\\s+/).filter(Boolean);\n  if (words.length === 0) return '';\n  if (words.length === 1) return words[0].slice(0, 2).toUpperCase();\n  return (words[0][0] + words[words.length - 1][0]).toUpperCase();\n}\n\n// ── CVA ───────────────────────────────────────────────────────────────────────\n\nconst avatarVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:shrink-0 ds:select-none ds:items-center ds:justify-center ds:overflow-hidden ds:rounded-[var(--radius-full)]',\n    // Focus ring — uses design-system tokens so theme overrides (accessible: 3px) apply automatically.\n    // The ring renders when Avatar is placed inside a focusable ancestor (e.g. a <button>).\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-ring',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        // text-[var(--font-size-xs)] = 0.75rem (12px) — smallest available token\n        xs: 'ds:size-6 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n        sm: 'ds:size-8 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n        md: 'ds:size-10 ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none',\n        lg: 'ds:size-12 ds:text-[length:var(--font-size-sm)] ds:font-semibold ds:leading-none',\n        xl: 'ds:size-16 ds:text-[length:var(--font-size-base)] ds:font-semibold ds:leading-none',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n// ── Props ─────────────────────────────────────────────────────────────────────\n\nexport interface AvatarProps\n  extends\n    Omit<HTMLAttributes<HTMLSpanElement>, 'color'>,\n    VariantProps<typeof avatarVariants> {\n  /** Image source URL. When provided and loads successfully, the image is displayed. */\n  src?: string;\n  /** Display name — drives initials extraction and deterministic background colour. */\n  name?: string;\n  /**\n   * Override the auto-generated background with any CSS colour string\n   * (e.g. `\"var(--color-violet-700)\"`).\n   * Applied via a CSS custom property so no `style` attribute is added to the JSX element.\n   * Caller is responsible for WCAG AA contrast (≥4.5:1) against white text.\n   */\n  color?: string;\n}\n\n// ── Component ─────────────────────────────────────────────────────────────────\n\nexport const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  ({ src, name, color, size, className, ...props }, ref) => {\n    const { t } = useTranslation();\n\n    const innerRef = useRef<HTMLSpanElement>(null);\n    const composedRef = composeRefs(ref, innerRef);\n\n    // Track only image errors. The image renders immediately as an overlay;\n    // before it loads the browser paints nothing (transparent), showing the\n    // background colour + initials behind it. On error we remove the img and\n    // the initials/fallback remain permanently visible.\n    const [imgError, setImgError] = useState(false);\n\n    // Reset error flag whenever src changes\n    useEffect(() => {\n      setImgError(false);\n    }, [src]);\n\n    // Apply color override via CSS custom property — avoids style={{…}} on JSX.\n    // Mirrors the pattern used by the Progress component for imperative CSS property injection.\n    useLayoutEffect(() => {\n      const el = innerRef.current;\n      if (!el) return;\n      if (color) {\n        el.style.setProperty('--avatar-color-override', color);\n      } else {\n        el.style.removeProperty('--avatar-color-override');\n      }\n    }, [color]);\n\n    // Image is \"active\" when provided and not errored\n    const imgActive = !!src && !imgError;\n\n    // Initials and fallback icon are shown when no usable image\n    const showInitials = !imgActive && !!name;\n    const showIcon = !imgActive && !name;\n\n    // Background — always rendered (serves as loading placeholder when image is fetching)\n    const fallbackBgClass = color\n      ? 'ds:bg-[var(--avatar-color-override)]'\n      : name\n        ? nameToColorClass(name)\n        : 'ds:bg-muted';\n\n    // Always white text against brand hues / color override; muted-foreground for icon\n    const contentColorClass =\n      color || name\n        ? 'ds:text-[var(--primary-foreground)]'\n        : 'ds:text-muted-foreground';\n\n    const rootClassName = avatarVariants({\n      size,\n      className: [fallbackBgClass, contentColorClass, className]\n        .filter(Boolean)\n        .join(' '),\n    });\n\n    // Accessible label — name takes priority, then the localised placeholder\n    const ariaLabel = name ?? t('avatar.placeholder', 'User avatar');\n\n    return (\n      <span\n        ref={composedRef}\n        role=\"img\"\n        aria-label={ariaLabel}\n        data-component=\"avatar\"\n        className={rootClassName}\n        {...props}\n      >\n        {/* Initials — rendered behind the image; visible while image is loading\n            or permanently when no src / src errors */}\n        {(showInitials || imgActive) && !!name && (\n          <span aria-hidden=\"true\">{getInitials(name)}</span>\n        )}\n\n        {/* Fallback icon — shown when neither image nor name is available */}\n        {showIcon && (\n          <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            className=\"ds:size-[58%] ds:fill-current\"\n          >\n            <path d=\"M12 12c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm0 2c-3.33 0-10 1.67-10 5v2h20v-2c0-3.33-6.67-5-10-5z\" />\n          </svg>\n        )}\n\n        {/* Image — absolutely positioned overlay. Renders transparently until the\n            browser paints the decoded pixels, then covers the initials behind it.\n            Removed from DOM on error so initials remain permanently visible. */}\n        {imgActive && (\n          <img\n            src={src}\n            alt=\"\"\n            aria-hidden=\"true\"\n            className=\"ds:absolute ds:inset-0 ds:size-full ds:object-cover\"\n            onError={() => setImgError(true)}\n          />\n        )}\n      </span>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n"],"names":["djb2","str","hash","i","INITIALS_BG_CLASSES","nameToColorClass","name","getInitials","words","avatarVariants","cva","Avatar","forwardRef","src","color","size","className","props","ref","t","useTranslation","innerRef","useRef","composedRef","composeRefs","imgError","setImgError","useState","useEffect","useLayoutEffect","el","imgActive","showInitials","showIcon","fallbackBgClass","rootClassName","ariaLabel","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/{badge-DKFbntoa.js → badge-cLYVGlMh.js}

@@ -93,7 +93,7 @@ const z = r(
           d && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: V({ size: n }), children: d }),
           !a && (b ? /* @__PURE__ */ u(x, { children: [
             /* @__PURE__ */ e("span", { "aria-hidden": "true", children: s }),
-            /* @__PURE__ */ e("span", { className: "ds:sr-only", children: v("ui.badge.notifications", { count: s }) })
+            /* @__PURE__ */ e("span", { className: "ds:sr-only", children: v("badge.notifications", { count: s }) })
           ] }) : i ? /* @__PURE__ */ e("span", { className: "ds:max-w-[var(--badge-truncate-max-width)] ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap", children: s }) : s)
         ]
       }
@@ -105,4 +105,4 @@ j.displayName = "Badge";
 export {
   j as B
 };
-//# sourceMappingURL=badge-DKFbntoa.js.map
+//# sourceMappingURL=badge-cLYVGlMh.js.map

package/dist/_chunks/{badge-DKFbntoa.js.map → badge-cLYVGlMh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"badge-DKFbntoa.js","sources":["../../src/components/badge/badge.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Tooltip } from '../tooltip';\n\n/* ------------------------------------------------------------------ */\n/* CVA — badge root                                                     */\n/* ------------------------------------------------------------------ */\n\nconst badgeVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-1',\n    // Typography comes from the eyebrow role: Medium 500 + uppercase + expanded tracking.\n    // CVA size variants below override just `--type-eyebrow-size` so weight/transform/\n    // tracking/line-height stay role-owned — same chip-family pattern as Tag.\n    'type-eyebrow',\n    'ds:whitespace-nowrap',\n    'ds:focus-visible:outline-none',\n    'ds:focus-visible:ring-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:ring-[color:var(--ring)]',\n    'ds:focus-visible:ring-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        neutral: 'ds:bg-muted/20 ds:text-muted-foreground',\n        info: 'ds:bg-info/15 ds:text-[var(--info-foreground)]',\n        success: 'ds:bg-success/15 ds:text-[var(--success-foreground)]',\n        warning: 'ds:bg-warning/15 ds:text-[var(--warning-foreground)]',\n        error: 'ds:bg-destructive/15 ds:text-[var(--error-foreground)]',\n      },\n      size: {\n        sm: 'ds:h-4 ds:ps-1 ds:pe-1 ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'ds:h-5 ds:ps-1.5 ds:pe-1.5 ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'ds:h-6 ds:ps-2 ds:pe-2 ds:[--type-eyebrow-size:var(--font-size-xs)]',\n      },\n      shape: {\n        pill: 'ds:rounded-[var(--radius-full)]',\n        rectangular: 'ds:rounded-[var(--radius-sm)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'neutral',\n      size: 'md',\n      shape: 'pill',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — leading dot                                                    */\n/* ------------------------------------------------------------------ */\n\nconst dotVariants = cva(\n  'ds:text-[length:var(--font-size-dot)] ds:leading-none ds:shrink-0',\n  {\n    variants: {\n      variant: {\n        neutral: 'ds:text-muted-foreground',\n        info: 'ds:text-info',\n        success: 'ds:text-success',\n        warning: 'ds:text-warning',\n        error: 'ds:text-destructive',\n      },\n    },\n    defaultVariants: { variant: 'neutral' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — leading icon wrapper                                           */\n/* ------------------------------------------------------------------ */\n\nconst iconWrapperVariants = cva('ds:shrink-0 ds:[&>svg]:block', {\n  variants: {\n    size: {\n      // Icons shrink with the compact Badge scale: sm badge is 16 px tall, so\n      // a 10 px glyph leaves room for the 1 px internal padding.\n      sm: 'ds:[&>svg]:size-2.5',\n      md: 'ds:[&>svg]:size-3',\n      lg: 'ds:[&>svg]:size-3.5',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* BadgeProps                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Leading icon — renders before the label */\n  leading?: ReactNode;\n  /** Show a leading dot indicator (● shape) for colour-blind accessibility */\n  withDot?: boolean;\n  /** Truncate long text with ellipsis + tooltip showing full text */\n  truncate?: boolean;\n  /** For icon-only badges — provides the accessible name */\n  'aria-label'?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Badge                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      variant = 'neutral',\n      size = 'md',\n      shape = 'pill',\n      leading,\n      withDot = false,\n      truncate = false,\n      className,\n      children,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const isIconOnly = !children && !!ariaLabel;\n    const isCount = typeof children === 'number';\n\n    const badge = (\n      <span\n        ref={ref}\n        className={badgeVariants({ variant, size, shape, className })}\n        data-component=\"badge\"\n        role={isIconOnly ? 'img' : undefined}\n        aria-label={isIconOnly ? ariaLabel : undefined}\n        {...props}\n      >\n        {withDot && (\n          <span aria-hidden=\"true\" className={dotVariants({ variant })}>\n            ●\n          </span>\n        )}\n        {leading && (\n          <span aria-hidden=\"true\" className={iconWrapperVariants({ size })}>\n            {leading}\n          </span>\n        )}\n        {!isIconOnly &&\n          (isCount ? (\n            <>\n              <span aria-hidden=\"true\">{children}</span>\n              <span className=\"ds:sr-only\">\n                {t('ui.badge.notifications', { count: children })}\n              </span>\n            </>\n          ) : truncate ? (\n            <span className=\"ds:max-w-[var(--badge-truncate-max-width)] ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap\">\n              {children}\n            </span>\n          ) : (\n            children\n          ))}\n      </span>\n    );\n\n    if (truncate && typeof children === 'string') {\n      return <Tooltip label={children}>{badge}</Tooltip>;\n    }\n\n    return badge;\n  },\n);\n\nBadge.displayName = 'Badge';\n"],"names":["badgeVariants","cva","dotVariants","iconWrapperVariants","Badge","forwardRef","variant","size","shape","leading","withDot","truncate","className","children","ariaLabel","props","ref","t","useTranslation","isIconOnly","isCount","badge","jsxs","jsx","Fragment","Tooltip"],"mappings":"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"}
+{"version":3,"file":"badge-cLYVGlMh.js","sources":["../../src/components/badge/badge.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Tooltip } from '../tooltip';\n\n/* ------------------------------------------------------------------ */\n/* CVA — badge root                                                     */\n/* ------------------------------------------------------------------ */\n\nconst badgeVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-1',\n    // Typography comes from the eyebrow role: Medium 500 + uppercase + expanded tracking.\n    // CVA size variants below override just `--type-eyebrow-size` so weight/transform/\n    // tracking/line-height stay role-owned — same chip-family pattern as Tag.\n    'type-eyebrow',\n    'ds:whitespace-nowrap',\n    'ds:focus-visible:outline-none',\n    'ds:focus-visible:ring-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:ring-[color:var(--ring)]',\n    'ds:focus-visible:ring-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        neutral: 'ds:bg-muted/20 ds:text-muted-foreground',\n        info: 'ds:bg-info/15 ds:text-[var(--info-foreground)]',\n        success: 'ds:bg-success/15 ds:text-[var(--success-foreground)]',\n        warning: 'ds:bg-warning/15 ds:text-[var(--warning-foreground)]',\n        error: 'ds:bg-destructive/15 ds:text-[var(--error-foreground)]',\n      },\n      size: {\n        sm: 'ds:h-4 ds:ps-1 ds:pe-1 ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'ds:h-5 ds:ps-1.5 ds:pe-1.5 ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'ds:h-6 ds:ps-2 ds:pe-2 ds:[--type-eyebrow-size:var(--font-size-xs)]',\n      },\n      shape: {\n        pill: 'ds:rounded-[var(--radius-full)]',\n        rectangular: 'ds:rounded-[var(--radius-sm)]',\n      },\n    },\n    defaultVariants: {\n      variant: 'neutral',\n      size: 'md',\n      shape: 'pill',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — leading dot                                                    */\n/* ------------------------------------------------------------------ */\n\nconst dotVariants = cva(\n  'ds:text-[length:var(--font-size-dot)] ds:leading-none ds:shrink-0',\n  {\n    variants: {\n      variant: {\n        neutral: 'ds:text-muted-foreground',\n        info: 'ds:text-info',\n        success: 'ds:text-success',\n        warning: 'ds:text-warning',\n        error: 'ds:text-destructive',\n      },\n    },\n    defaultVariants: { variant: 'neutral' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — leading icon wrapper                                           */\n/* ------------------------------------------------------------------ */\n\nconst iconWrapperVariants = cva('ds:shrink-0 ds:[&>svg]:block', {\n  variants: {\n    size: {\n      // Icons shrink with the compact Badge scale: sm badge is 16 px tall, so\n      // a 10 px glyph leaves room for the 1 px internal padding.\n      sm: 'ds:[&>svg]:size-2.5',\n      md: 'ds:[&>svg]:size-3',\n      lg: 'ds:[&>svg]:size-3.5',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* BadgeProps                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Leading icon — renders before the label */\n  leading?: ReactNode;\n  /** Show a leading dot indicator (● shape) for colour-blind accessibility */\n  withDot?: boolean;\n  /** Truncate long text with ellipsis + tooltip showing full text */\n  truncate?: boolean;\n  /** For icon-only badges — provides the accessible name */\n  'aria-label'?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Badge                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    {\n      variant = 'neutral',\n      size = 'md',\n      shape = 'pill',\n      leading,\n      withDot = false,\n      truncate = false,\n      className,\n      children,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const isIconOnly = !children && !!ariaLabel;\n    const isCount = typeof children === 'number';\n\n    const badge = (\n      <span\n        ref={ref}\n        className={badgeVariants({ variant, size, shape, className })}\n        data-component=\"badge\"\n        role={isIconOnly ? 'img' : undefined}\n        aria-label={isIconOnly ? ariaLabel : undefined}\n        {...props}\n      >\n        {withDot && (\n          <span aria-hidden=\"true\" className={dotVariants({ variant })}>\n            ●\n          </span>\n        )}\n        {leading && (\n          <span aria-hidden=\"true\" className={iconWrapperVariants({ size })}>\n            {leading}\n          </span>\n        )}\n        {!isIconOnly &&\n          (isCount ? (\n            <>\n              <span aria-hidden=\"true\">{children}</span>\n              <span className=\"ds:sr-only\">\n                {t('badge.notifications', { count: children })}\n              </span>\n            </>\n          ) : truncate ? (\n            <span className=\"ds:max-w-[var(--badge-truncate-max-width)] ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap\">\n              {children}\n            </span>\n          ) : (\n            children\n          ))}\n      </span>\n    );\n\n    if (truncate && typeof children === 'string') {\n      return <Tooltip label={children}>{badge}</Tooltip>;\n    }\n\n    return badge;\n  },\n);\n\nBadge.displayName = 'Badge';\n"],"names":["badgeVariants","cva","dotVariants","iconWrapperVariants","Badge","forwardRef","variant","size","shape","leading","withDot","truncate","className","children","ariaLabel","props","ref","t","useTranslation","isIconOnly","isCount","badge","jsxs","jsx","Fragment","Tooltip"],"mappings":"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"}

package/dist/_chunks/{balance-cell-renderer-BuExGe6u.js → balance-cell-renderer-DWWtX-VM.js}

@@ -8,15 +8,15 @@ import { AgGridReact as He } from "ag-grid-react";
 import { ModuleRegistry as qe, AllCommunityModule as We } from "ag-grid-community";
 import { B as Ue } from "./button-DD_0Xdmr.js";
 import { I as P } from "./icon-button-C4CGcYuz.js";
-import { P as E } from "./popover-DekUKNBk.js";
+import { P as E } from "./popover--derJ_wq.js";
 import { C as Je } from "./checkbox-D5EHnB14.js";
 import { c as te } from "./createLucideIcon-CrFbzy84.js";
 import { P as Ze } from "./printer-CeVEWfQq.js";
 import { F as Xe } from "./file-text-DSNuv2B8.js";
 import { u as Qe } from "./registry-C9nwlNyL.js";
-import { B as Ye } from "./badge-DKFbntoa.js";
-import { A as et } from "./avatar-Dcr6XuDQ.js";
-import { T as q } from "./tag-DuLMjRbF.js";
+import { B as Ye } from "./badge-cLYVGlMh.js";
+import { A as et } from "./avatar-I10iCDs8.js";
+import { T as q } from "./tag-CQmHRM4Y.js";
 import { T as tt } from "./tooltip-DHik5yRI.js";
 import { T as W } from "./timestamp-BV2lC-wV.js";
 import { S as at } from "./square-check-big-Jr-0202D.js";
@@ -1012,4 +1012,4 @@ export {
   mt as f,
   aa as u
 };
-//# sourceMappingURL=balance-cell-renderer-BuExGe6u.js.map
+//# sourceMappingURL=balance-cell-renderer-DWWtX-VM.js.map