@alfadocs/ui-kit 0.1.1 → 0.1.3

package/dist/_chunks/{alert-ETrF7Q8J.js.map → alert-rOM4EG0P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-ETrF7Q8J.js","sources":["../../src/components/alert/alert.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Info,\n  CircleCheck,\n  TriangleAlert,\n  CircleX,\n  X,\n} from 'lucide-react';\n\nconst alertVariants = cva(\n  [\n    'ds:flex ds:items-start ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[length:var(--border-width-sm)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      // Each variant paints `<Button intent=\"tonal\">` descendants via a\n      // child selector — the button carries `data-intent=\"tonal\"`, the\n      // Alert applies the matching tint (`*-foreground` for bg + the\n      // surface `--background` for fg). Descendant selectors sidestep\n      // custom-property inheritance and are rock-solid across themes.\n      variant: {\n        info: [\n          'ds:border-[color:var(--info)]',\n          'ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]',\n          'ds:text-[var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        success: [\n          'ds:border-[color:var(--success)]',\n          'ds:bg-[color-mix(in_srgb,var(--success)_10%,transparent)]',\n          'ds:text-[var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        warning: [\n          'ds:border-[color:var(--warning)]',\n          'ds:bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]',\n          'ds:text-[var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        error: [\n          'ds:border-[color:var(--error)]',\n          'ds:bg-[color-mix(in_srgb,var(--error)_10%,transparent)]',\n          'ds:text-[var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  },\n);\n\nconst ICON_CLASSES = 'shrink-0 size-5 mt-0.5';\n\nconst CLOSE_BUTTON_CLASSES = [\n  'ms-auto shrink-0 inline-flex items-center justify-center',\n  'rounded-[var(--radius-sm)]',\n  'min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]',\n  '-mt-[var(--spacing-xs)] -me-[var(--spacing-xs)]',\n  'text-current opacity-70',\n  'hover:opacity-100',\n  'transition-opacity duration-[var(--animation-duration)] motion-reduce:transition-none',\n  'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n  'focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst VARIANT_CONFIG = {\n  info:    { icon: <Info aria-hidden=\"true\" />,          role: 'status', live: 'polite' },\n  success: { icon: <CircleCheck aria-hidden=\"true\" />,   role: 'status', live: 'polite' },\n  warning: { icon: <TriangleAlert aria-hidden=\"true\" />, role: 'alert',  live: 'assertive' },\n  error:   { icon: <CircleX aria-hidden=\"true\" />,       role: 'alert',  live: 'assertive' },\n} as const;\n\ninterface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';\n}\n\nconst AlertTitle = forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ as: Tag = 'h5', className, ...props }, ref) => (\n    <Tag\n      ref={ref}\n      className={['type-title-item', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertTitle.displayName = 'Alert.Title';\n\nconst AlertDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <p\n      ref={ref}\n      className={['ds:mt-[var(--spacing-xs)] type-body-sm', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertDescription.displayName = 'Alert.Description';\n\nconst AlertAction = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]',\n        className,\n      ].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertAction.displayName = 'Alert.Action';\n\nexport interface AlertProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role'>,\n    VariantProps<typeof alertVariants> {\n  variant?: 'info' | 'success' | 'warning' | 'error';\n  dismissible?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  icon?: ReactNode;\n  live?: 'assertive' | 'polite' | 'off';\n}\n\nexport type { AlertTitleProps };\n\nconst AlertRoot = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      variant = 'info',\n      dismissible = false,\n      open: controlledOpen,\n      onOpenChange,\n      icon,\n      live,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [internalOpen, setInternalOpen] = useState(true);\n    const [isClosing, setIsClosing] = useState(false);\n    const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const isControlled = controlledOpen !== undefined;\n    const isOpen = isControlled ? controlledOpen : internalOpen;\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    if (!isOpen) return null;\n\n    const config = VARIANT_CONFIG[variant];\n    const effectiveIcon = icon !== undefined ? icon : config.icon;\n\n    const handleDismiss = () => {\n      if (isClosing) return;\n      setIsClosing(true);\n      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = setTimeout(() => {\n        setIsClosing(false);\n        if (!isControlled) setInternalOpen(false);\n        onOpenChange?.(false);\n      }, animationDurationMs());\n    };\n\n    return (\n      <div\n        ref={ref}\n        role={config.role}\n        aria-live={live ?? config.live}\n        data-state={isClosing ? 'closing' : 'open'}\n        className={[\n          alertVariants({ variant, className }),\n          // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight\n          // scale when dismissed. Driven by `tw-animate-css`. Respects\n          // `prefers-reduced-motion` via `motion-safe:` and zeroes under the\n          // accessible theme (`--animation-duration: 0ms`).\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2',\n          'ds:motion-safe:data-[state=closing]:animate-out ds:motion-safe:data-[state=closing]:fade-out-0',\n          'ds:motion-safe:data-[state=closing]:slide-out-to-top-2 ds:motion-safe:data-[state=closing]:zoom-out-95',\n          // Pin the exit's end-state until React unmounts. Without\n          // `fill-mode-forwards` the element snaps back to opacity:1 for one\n          // paint frame after the animation ends.\n          'ds:motion-safe:data-[state=closing]:fill-mode-forwards',\n          'ds:motion-safe:duration-[var(--animation-duration)]',\n        ].join(' ')}\n        {...props}\n      >\n        {effectiveIcon ? (\n          <span className={ICON_CLASSES}>{effectiveIcon}</span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0\">{children}</div>\n\n        {dismissible ? (\n          <button\n            type=\"button\"\n            aria-label={t('ui.common.close', 'Close')}\n            onClick={handleDismiss}\n            className={CLOSE_BUTTON_CLASSES}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAlertRoot.displayName = 'Alert';\n\nexport const Alert = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n});\n"],"names":["alertVariants","cva","ICON_CLASSES","CLOSE_BUTTON_CLASSES","VARIANT_CONFIG","jsx","Info","CircleCheck","TriangleAlert","CircleX","AlertTitle","forwardRef","Tag","className","props","ref","AlertDescription","AlertAction","AlertRoot","variant","dismissible","controlledOpen","onOpenChange","icon","live","children","t","useTranslation","internalOpen","setInternalOpen","useState","isClosing","setIsClosing","closeTimerRef","useRef","isControlled","isOpen","animationDurationMs","useCallback","raw","trimmed","n","config","effectiveIcon","handleDismiss","jsxs","X","Alert"],"mappings":";;;;;;;;;AAkBA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMR,SAAS;AAAA,QACP,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAAe,0BAEfC,IAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,IAAiB;AAAA,EACrB,MAAS,EAAE,MAAM,gBAAAC,EAACC,GAAA,EAAK,eAAY,OAAA,CAAO,GAAa,MAAM,UAAU,MAAM,SAAA;AAAA,EAC7E,SAAS,EAAE,MAAM,gBAAAD,EAACE,GAAA,EAAY,eAAY,OAAA,CAAO,GAAM,MAAM,UAAU,MAAM,SAAA;AAAA,EAC7E,SAAS,EAAE,MAAM,gBAAAF,EAACG,GAAA,EAAc,eAAY,OAAA,CAAO,GAAI,MAAM,SAAU,MAAM,YAAA;AAAA,EAC7E,OAAS,EAAE,MAAM,gBAAAH,EAACI,GAAA,EAAQ,eAAY,OAAA,CAAO,GAAU,MAAM,SAAU,MAAM,YAAA;AAC/E,GAMMC,IAAaC;AAAA,EACjB,CAAC,EAAE,IAAIC,IAAM,MAAM,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxC,gBAAAV;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,KAAAG;AAAA,MACA,WAAW,CAAC,mBAAmBF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACjE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAJ,EAAW,cAAc;AAEzB,MAAMM,IAAmBL;AAAA,EACvB,CAAC,EAAE,WAAAE,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAV;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAU;AAAA,MACA,WAAW,CAAC,0CAA0CF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACxF,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAE,EAAiB,cAAc;AAE/B,MAAMC,IAAcN;AAAA,EAClB,CAAC,EAAE,WAAAE,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAV;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAU;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACAF;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACzB,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAG,EAAY,cAAc;AAe1B,MAAMC,IAAYP;AAAA,EAChB,CACE;AAAA,IACE,SAAAQ,IAAU;AAAA,IACV,aAAAC,IAAc;AAAA,IACd,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAX;AAAA,IACA,UAAAY;AAAA,IACA,GAAGX;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAW,EAAA,IAAMC,EAAA,GACR,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAI,GAC/C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1CG,IAAgBC,EAA6C,IAAI,GAEjEC,IAAed,MAAmB,QAClCe,IAASD,IAAed,IAAiBO,GAEzCS,IAAsBC,EAAY,MAAc;AACpD,UAAI,OAAO,SAAW,IAAa,QAAO;AAC1C,YAAMC,IAAM,OACT,iBAAiB,SAAS,eAAe,EACzC,iBAAiB,sBAAsB;AAC1C,UAAI,CAACA,EAAK,QAAO;AACjB,YAAMC,IAAUD,EAAI,KAAA,GACdE,IAAI,WAAWD,CAAO;AAC5B,aAAK,OAAO,SAASC,CAAC,IACfD,EAAQ,SAAS,IAAI,IAAIC,IAAIA,IAAI,MADR;AAAA,IAElC,GAAG,CAAA,CAAE;AAEL,QAAI,CAACL,EAAQ,QAAO;AAEpB,UAAMM,IAAStC,EAAee,CAAO,GAC/BwB,IAAgBpB,MAAS,SAAYA,IAAOmB,EAAO,MAEnDE,IAAgB,MAAM;AAC1B,MAAIb,MACJC,EAAa,EAAI,GACbC,EAAc,WAAS,aAAaA,EAAc,OAAO,GAC7DA,EAAc,UAAU,WAAW,MAAM;AACvC,QAAAD,EAAa,EAAK,GACbG,KAAcN,EAAgB,EAAK,GACxCP,KAAA,QAAAA,EAAe;AAAA,MACjB,GAAGe,GAAqB;AAAA,IAC1B;AAEA,WACE,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAA9B;AAAA,QACA,MAAM2B,EAAO;AAAA,QACb,aAAWlB,KAAQkB,EAAO;AAAA,QAC1B,cAAYX,IAAY,YAAY;AAAA,QACpC,WAAW;AAAA,UACT/B,EAAc,EAAE,SAAAmB,GAAS,WAAAN,GAAW;AAAA;AAAA;AAAA;AAAA;AAAA,UAKpC;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,UAIA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACT,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAA6B,IACC,gBAAAtC,EAAC,QAAA,EAAK,WAAWH,GAAe,aAAc,IAC5C;AAAA,UAEJ,gBAAAG,EAAC,OAAA,EAAI,WAAU,wBAAwB,UAAAoB,EAAA,CAAS;AAAA,UAE/CL,IACC,gBAAAf;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAYqB,EAAE,mBAAmB,OAAO;AAAA,cACxC,SAASkB;AAAA,cACT,WAAWzC;AAAA,cAEX,UAAA,gBAAAE,EAACyC,GAAA,EAAE,eAAY,QAAO,WAAU,YAAA,CAAY;AAAA,YAAA;AAAA,UAAA,IAE5C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA5B,EAAU,cAAc;AAEjB,MAAM6B,KAAQ,OAAO,OAAO7B,GAAW;AAAA,EAC5C,OAAOR;AAAA,EACP,aAAaM;AAAA,EACb,QAAQC;AACV,CAAC;"}
+{"version":3,"file":"alert-rOM4EG0P.js","sources":["../../src/components/alert/alert.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Info,\n  CircleCheck,\n  TriangleAlert,\n  CircleX,\n  X,\n} from 'lucide-react';\n\nconst alertVariants = cva(\n  [\n    'ds:flex ds:items-start ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[length:var(--border-width-sm)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      // Each variant paints `<Button intent=\"tonal\">` descendants via a\n      // child selector — the button carries `data-intent=\"tonal\"`, the\n      // Alert applies the matching tint (`*-foreground` for bg + the\n      // surface `--background` for fg). Descendant selectors sidestep\n      // custom-property inheritance and are rock-solid across themes.\n      variant: {\n        info: [\n          'ds:border-[color:var(--info)]',\n          'ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]',\n          'ds:text-[var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--info-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        success: [\n          'ds:border-[color:var(--success)]',\n          'ds:bg-[color-mix(in_srgb,var(--success)_10%,transparent)]',\n          'ds:text-[var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--success-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        warning: [\n          'ds:border-[color:var(--warning)]',\n          'ds:bg-[color-mix(in_srgb,var(--warning)_10%,transparent)]',\n          'ds:text-[var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--warning-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n        error: [\n          'ds:border-[color:var(--error)]',\n          'ds:bg-[color-mix(in_srgb,var(--error)_10%,transparent)]',\n          'ds:text-[var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]',\n          'ds:[&_[data-intent=tonal]]:text-[color:var(--background)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  },\n);\n\nconst ICON_CLASSES = 'shrink-0 size-5 mt-0.5';\n\nconst CLOSE_BUTTON_CLASSES = [\n  'ms-auto shrink-0 inline-flex items-center justify-center',\n  'rounded-[var(--radius-sm)]',\n  'min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]',\n  '-mt-[var(--spacing-xs)] -me-[var(--spacing-xs)]',\n  'text-current opacity-70',\n  'hover:opacity-100',\n  'transition-opacity duration-[var(--animation-duration)] motion-reduce:transition-none',\n  'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n  'focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'forced-colors:focus-visible:outline-[CanvasText]',\n].join(' ');\n\nconst VARIANT_CONFIG = {\n  info:    { icon: <Info aria-hidden=\"true\" />,          role: 'status', live: 'polite' },\n  success: { icon: <CircleCheck aria-hidden=\"true\" />,   role: 'status', live: 'polite' },\n  warning: { icon: <TriangleAlert aria-hidden=\"true\" />, role: 'alert',  live: 'assertive' },\n  error:   { icon: <CircleX aria-hidden=\"true\" />,       role: 'alert',  live: 'assertive' },\n} as const;\n\ninterface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';\n}\n\nconst AlertTitle = forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ as: Tag = 'h5', className, ...props }, ref) => (\n    <Tag\n      ref={ref}\n      className={['type-title-item', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertTitle.displayName = 'Alert.Title';\n\nconst AlertDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <p\n      ref={ref}\n      className={['ds:mt-[var(--spacing-xs)] type-body-sm', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertDescription.displayName = 'Alert.Description';\n\nconst AlertAction = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]',\n        className,\n      ].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertAction.displayName = 'Alert.Action';\n\nexport interface AlertProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role'>,\n    VariantProps<typeof alertVariants> {\n  variant?: 'info' | 'success' | 'warning' | 'error';\n  dismissible?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  icon?: ReactNode;\n  live?: 'assertive' | 'polite' | 'off';\n}\n\nexport type { AlertTitleProps };\n\nconst AlertRoot = forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      variant = 'info',\n      dismissible = false,\n      open: controlledOpen,\n      onOpenChange,\n      icon,\n      live,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const [internalOpen, setInternalOpen] = useState(true);\n    const [isClosing, setIsClosing] = useState(false);\n    const closeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const isControlled = controlledOpen !== undefined;\n    const isOpen = isControlled ? controlledOpen : internalOpen;\n\n    const animationDurationMs = useCallback((): number => {\n      if (typeof window === 'undefined') return 200;\n      const raw = window\n        .getComputedStyle(document.documentElement)\n        .getPropertyValue('--animation-duration');\n      if (!raw) return 200;\n      const trimmed = raw.trim();\n      const n = parseFloat(trimmed);\n      if (!Number.isFinite(n)) return 200;\n      return trimmed.endsWith('ms') ? n : n * 1000;\n    }, []);\n\n    if (!isOpen) return null;\n\n    const config = VARIANT_CONFIG[variant];\n    const effectiveIcon = icon !== undefined ? icon : config.icon;\n\n    const handleDismiss = () => {\n      if (isClosing) return;\n      setIsClosing(true);\n      if (closeTimerRef.current) clearTimeout(closeTimerRef.current);\n      closeTimerRef.current = setTimeout(() => {\n        setIsClosing(false);\n        if (!isControlled) setInternalOpen(false);\n        onOpenChange?.(false);\n      }, animationDurationMs());\n    };\n\n    return (\n      <div\n        ref={ref}\n        role={config.role}\n        aria-live={live ?? config.live}\n        data-component=\"alert\"\n        data-state={isClosing ? 'closing' : 'open'}\n        className={[\n          alertVariants({ variant, className }),\n          // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight\n          // scale when dismissed. Driven by `tw-animate-css`. Respects\n          // `prefers-reduced-motion` via `motion-safe:` and zeroes under the\n          // accessible theme (`--animation-duration: 0ms`).\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2',\n          'ds:motion-safe:data-[state=closing]:animate-out ds:motion-safe:data-[state=closing]:fade-out-0',\n          'ds:motion-safe:data-[state=closing]:slide-out-to-top-2 ds:motion-safe:data-[state=closing]:zoom-out-95',\n          // Pin the exit's end-state until React unmounts. Without\n          // `fill-mode-forwards` the element snaps back to opacity:1 for one\n          // paint frame after the animation ends.\n          'ds:motion-safe:data-[state=closing]:fill-mode-forwards',\n          'ds:motion-safe:duration-[var(--animation-duration)]',\n        ].join(' ')}\n        {...props}\n      >\n        {effectiveIcon ? (\n          <span className={ICON_CLASSES}>{effectiveIcon}</span>\n        ) : null}\n\n        <div className=\"ds:flex-1 ds:min-w-0\">{children}</div>\n\n        {dismissible ? (\n          <button\n            type=\"button\"\n            aria-label={t('ui.common.close', 'Close')}\n            onClick={handleDismiss}\n            className={CLOSE_BUTTON_CLASSES}\n          >\n            <X aria-hidden=\"true\" className=\"ds:size-4\" />\n          </button>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAlertRoot.displayName = 'Alert';\n\nexport const Alert = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Action: AlertAction,\n});\n"],"names":["alertVariants","cva","ICON_CLASSES","CLOSE_BUTTON_CLASSES","VARIANT_CONFIG","jsx","Info","CircleCheck","TriangleAlert","CircleX","AlertTitle","forwardRef","Tag","className","props","ref","AlertDescription","AlertAction","AlertRoot","variant","dismissible","controlledOpen","onOpenChange","icon","live","children","t","useTranslation","internalOpen","setInternalOpen","useState","isClosing","setIsClosing","closeTimerRef","useRef","isControlled","isOpen","animationDurationMs","useCallback","raw","trimmed","n","config","effectiveIcon","handleDismiss","jsxs","X","Alert"],"mappings":"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"}

package/dist/_chunks/{app-frame-uq2Gy0vs.js → app-frame-6d7Lu4ea.js}

@@ -90,6 +90,7 @@ const T = a(
       {
         ref: h,
         "data-app-scrolled": w ? "true" : void 0,
+        "data-component": "app-frame",
         className: T({ className: f }),
         ...u,
         children: [
@@ -126,4 +127,4 @@ I.displayName = "AppFrame";
 export {
   I as A
 };
-//# sourceMappingURL=app-frame-uq2Gy0vs.js.map
+//# sourceMappingURL=app-frame-6d7Lu4ea.js.map

package/dist/_chunks/{app-frame-uq2Gy0vs.js.map → app-frame-6d7Lu4ea.js.map}

@@ -1 +1 @@
-{"version":3,"file":"app-frame-uq2Gy0vs.js","sources":["../../src/components/app-frame/app-frame.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* AppFrame — the always-present application shell.                      */\n/*                                                                       */\n/* Layout                                                                */\n/* ------                                                                */\n/*                                                                       */\n/*   ┌───────────────────────────────────────────────────────────┐       */\n/*   │  Header (100% inline-size, block-start)                    │       */\n/*   ├──────────┬──────────────────────────────────┬──────────────┤       */\n/*   │ Sidebar  │  Main (<main>)                    │ endSidebar   │       */\n/*   │          │                                   │ (optional)   │       */\n/*   │          │                                   │              │       */\n/*   ├──────────┴──────────────────────────────────┴──────────────┤       */\n/*   │  Footer (optional)                                         │       */\n/*   └───────────────────────────────────────────────────────────┘       */\n/*                                                                       */\n/* Header spans the full inline-size of the shell. Sidebar sits beneath */\n/* the header on the inline-start edge and shares the row with <main>.  */\n/* `endSidebar`, when provided, sits on the inline-end edge of the same */\n/* row — used for co-pilot / assistant panels (e.g. LeoSidebar) that    */\n/* should dock opposite the nav rail. Footer, when provided, spans the  */\n/* full inline-size at the block-end.                                   */\n/*                                                                       */\n/* Responsive behaviour                                                  */\n/* ---------------------                                                 */\n/* ≥ md viewports: the sidebar slot renders inline-start of the row      */\n/*   below the header, sticky to the header's block-end, full remaining */\n/*   viewport height.                                                   */\n/* < md viewports: the sidebar slot is hidden from the inline flow.     */\n/*   Consumers should control their sidebar's `state` to `'overlay'`    */\n/*   on small viewports (the Sidebar portals via Radix Dialog so it     */\n/*   renders outside AppFrame's subtree in that mode) and wire the       */\n/*   `<HeaderMenuButton>` to toggle it.                                 */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useCallback,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type UIEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\n// Canonical app-shell layout: the root is a VIEWPORT-SIZED flex-col with\n// its own overflow clamp. Header and the row fill it together. The only\n// element that scrolls is <main> — so the header never leaves the top\n// and the sidebar never needs position: sticky. This matches the way\n// Gmail / Linear / Notion frame their app surfaces and avoids the\n// flex-item-sticky edge cases that position: sticky has inside a\n// column-flex container.\n//\n// Because the viewport itself never scrolls in this model, the Header's\n// built-in IntersectionObserver (which watches a sentinel against the\n// viewport) cannot detect scroll. AppFrame instead tracks `<main>`'s\n// scrollTop, reflects it onto the root via `data-app-scrolled`, and the\n// descendant selectors below drive the `<header role=\"banner\">` border\n// and shadow — producing the same elevation the Header would show in a\n// viewport-scroll context.\nconst rootVariants = cva(\n  [\n    'ds:h-dvh ds:w-full',\n    'ds:flex ds:flex-col',\n    'ds:overflow-hidden',\n    'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n    // Elevation cascade driven by main's scrollTop (data-app-scrolled).\n    // Mirrors the Header's native scroll-linked recipe (see `Brand/Shadows`\n    // — one tier up from rest, never two) so the banner looks identical\n    // whether it's in a viewport-scroll context (sticky) or slotted into\n    // AppFrame where <main> owns the scroll.\n    'ds:data-[app-scrolled=true]:[&_[role=banner]]:shadow-[var(--shadow-md)]',\n    'ds:data-[app-scrolled=true]:[&_[role=banner]]:[border-block-end-color:var(--border)]',\n    // Forced-colors: UA strips box-shadow, so the border is the only\n    // separation cue. Always render it.\n    'ds:forced-colors:[&_[role=banner]]:[border-block-end-color:CanvasText]',\n    // Print: strip shadow, keep border so the banner still reads on paper.\n    'ds:print:[&_[role=banner]]:shadow-none',\n    'ds:print:[&_[role=banner]]:[border-block-end-color:var(--border)]',\n  ].join(' '),\n);\n\nconst rowVariants = cva(\n  [\n    'ds:flex ds:flex-1 ds:items-stretch ds:min-h-0',\n  ].join(' '),\n);\n\nconst sidebarSlotVariants = cva(\n  [\n    // Hidden in the inline flow on mobile — consumers should flip their\n    // Sidebar into overlay mode at narrow viewports, where it portals via\n    // Radix Dialog and therefore renders outside AppFrame entirely.\n    'ds:hidden ds:md:flex',\n    'ds:shrink-0',\n    // The rail fills the row's full height because the row is `flex\n    // items-stretch`. No sticky needed — the row itself never scrolls.\n    'ds:h-full',\n  ].join(' '),\n);\n\n// Inline-end slot — same hide-on-mobile behaviour as the nav rail because\n// a 22rem co-pilot panel can't share a phone viewport. Consuming apps\n// should flip Leo (or any inline-end panel) to its overlay/popout mode\n// at narrow viewports.\nconst endSidebarSlotVariants = cva(\n  [\n    'ds:hidden ds:md:flex',\n    'ds:shrink-0',\n    'ds:h-full',\n  ].join(' '),\n);\n\nconst mainVariants = cva(\n  [\n    // <main> owns the scroll: the viewport body never scrolls, but this\n    // element does. That keeps the header + sidebar pinned as chrome.\n    'ds:flex-1 ds:min-w-0 ds:overflow-auto',\n    // Focusable via the header's SkipLink — tabIndex={-1} is on the\n    // element itself so keyboard users land inside the main region.\n    'ds:focus:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      padded: {\n        true: [\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n          'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        ].join(' '),\n        false: '',\n      },\n    },\n    defaultVariants: { padded: true },\n  },\n);\n\nconst footerSlotVariants = cva('ds:shrink-0');\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface AppFrameProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof mainVariants> {\n  /** `<Header>` instance rendered full-width at the block-start of the shell. */\n  header: ReactNode;\n  /** `<Sidebar>` instance rendered inline-start of the row beneath the header on ≥ md viewports. */\n  sidebar: ReactNode;\n  /** Main content — rendered inside a `<main>` landmark. */\n  children: ReactNode;\n  /** Optional inline-end docked panel (typically `<LeoSidebar />`) sharing the same row as the main region on ≥ md viewports. Hidden on narrow viewports — consumers should flip to an overlay/popout mode there. */\n  endSidebar?: ReactNode;\n  /** Optional block-end footer — renders full-width below the sidebar + main row. */\n  footer?: ReactNode;\n  /**\n   * Id applied to the `<main>` element so `<HeaderSkipLink href=\"#{mainId}\" />`\n   * can target it. Must be a valid HTML id (letters, digits, `-`, `_`, no\n   * spaces). Defaults to `'main-content'`.\n   */\n  mainId?: string;\n  /**\n   * Override the landmark's accessible name. Defaults to the i18n'd\n   * `ui.navigation.main.label` (\"Main content\").\n   */\n  mainAriaLabel?: string;\n  /** Extra classes applied to the `<main>` landmark. */\n  mainClassName?: string;\n}\n\nexport const AppFrame = forwardRef<HTMLDivElement, AppFrameProps>(\n  (\n    {\n      header,\n      sidebar,\n      children,\n      endSidebar,\n      footer,\n      mainId = 'main-content',\n      mainAriaLabel,\n      padded = true,\n      className,\n      mainClassName,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const mainLabel =\n      mainAriaLabel ?? t('ui.navigation.main.label', 'Main content');\n\n    const [mainScrolled, setMainScrolled] = useState(false);\n    const handleMainScroll = useCallback(\n      (event: UIEvent<HTMLElement>) => {\n        const next = event.currentTarget.scrollTop > 0;\n        setMainScrolled((prev) => (prev === next ? prev : next));\n      },\n      [],\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-app-scrolled={mainScrolled ? 'true' : undefined}\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        {/* Header is rendered as a direct flex child — NOT wrapped in a slot\n            div — so it sits at the block-start of the shell. The root's\n            `overflow-hidden` keeps it pinned; no `position: sticky` needed. */}\n        {header}\n        <div className={rowVariants()} data-app-frame-slot=\"row\">\n          <div className={sidebarSlotVariants()} data-app-frame-slot=\"sidebar\">\n            {sidebar}\n          </div>\n          <main\n            id={mainId}\n            tabIndex={-1}\n            aria-label={mainLabel}\n            onScroll={handleMainScroll}\n            className={mainVariants({ padded, className: mainClassName })}\n          >\n            {children}\n          </main>\n          {endSidebar ? (\n            <div\n              className={endSidebarSlotVariants()}\n              data-app-frame-slot=\"end-sidebar\"\n            >\n              {endSidebar}\n            </div>\n          ) : null}\n        </div>\n        {footer ? (\n          <div className={footerSlotVariants()} data-app-frame-slot=\"footer\">\n            {footer}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAppFrame.displayName = 'AppFrame';\n"],"names":["rootVariants","cva","rowVariants","sidebarSlotVariants","endSidebarSlotVariants","mainVariants","footerSlotVariants","AppFrame","forwardRef","header","sidebar","children","endSidebar","footer","mainId","mainAriaLabel","padded","className","mainClassName","rest","ref","t","useTranslation","mainLabel","mainScrolled","setMainScrolled","useState","handleMainScroll","useCallback","event","next","prev","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"app-frame-6d7Lu4ea.js","sources":["../../src/components/app-frame/app-frame.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* AppFrame — the always-present application shell.                      */\n/*                                                                       */\n/* Layout                                                                */\n/* ------                                                                */\n/*                                                                       */\n/*   ┌───────────────────────────────────────────────────────────┐       */\n/*   │  Header (100% inline-size, block-start)                    │       */\n/*   ├──────────┬──────────────────────────────────┬──────────────┤       */\n/*   │ Sidebar  │  Main (<main>)                    │ endSidebar   │       */\n/*   │          │                                   │ (optional)   │       */\n/*   │          │                                   │              │       */\n/*   ├──────────┴──────────────────────────────────┴──────────────┤       */\n/*   │  Footer (optional)                                         │       */\n/*   └───────────────────────────────────────────────────────────┘       */\n/*                                                                       */\n/* Header spans the full inline-size of the shell. Sidebar sits beneath */\n/* the header on the inline-start edge and shares the row with <main>.  */\n/* `endSidebar`, when provided, sits on the inline-end edge of the same */\n/* row — used for co-pilot / assistant panels (e.g. LeoSidebar) that    */\n/* should dock opposite the nav rail. Footer, when provided, spans the  */\n/* full inline-size at the block-end.                                   */\n/*                                                                       */\n/* Responsive behaviour                                                  */\n/* ---------------------                                                 */\n/* ≥ md viewports: the sidebar slot renders inline-start of the row      */\n/*   below the header, sticky to the header's block-end, full remaining */\n/*   viewport height.                                                   */\n/* < md viewports: the sidebar slot is hidden from the inline flow.     */\n/*   Consumers should control their sidebar's `state` to `'overlay'`    */\n/*   on small viewports (the Sidebar portals via Radix Dialog so it     */\n/*   renders outside AppFrame's subtree in that mode) and wire the       */\n/*   `<HeaderMenuButton>` to toggle it.                                 */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useCallback,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type UIEvent,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\n// Canonical app-shell layout: the root is a VIEWPORT-SIZED flex-col with\n// its own overflow clamp. Header and the row fill it together. The only\n// element that scrolls is <main> — so the header never leaves the top\n// and the sidebar never needs position: sticky. This matches the way\n// Gmail / Linear / Notion frame their app surfaces and avoids the\n// flex-item-sticky edge cases that position: sticky has inside a\n// column-flex container.\n//\n// Because the viewport itself never scrolls in this model, the Header's\n// built-in IntersectionObserver (which watches a sentinel against the\n// viewport) cannot detect scroll. AppFrame instead tracks `<main>`'s\n// scrollTop, reflects it onto the root via `data-app-scrolled`, and the\n// descendant selectors below drive the `<header role=\"banner\">` border\n// and shadow — producing the same elevation the Header would show in a\n// viewport-scroll context.\nconst rootVariants = cva(\n  [\n    'ds:h-dvh ds:w-full',\n    'ds:flex ds:flex-col',\n    'ds:overflow-hidden',\n    'ds:bg-[var(--background)] ds:text-[color:var(--foreground)]',\n    // Elevation cascade driven by main's scrollTop (data-app-scrolled).\n    // Mirrors the Header's native scroll-linked recipe (see `Brand/Shadows`\n    // — one tier up from rest, never two) so the banner looks identical\n    // whether it's in a viewport-scroll context (sticky) or slotted into\n    // AppFrame where <main> owns the scroll.\n    'ds:data-[app-scrolled=true]:[&_[role=banner]]:shadow-[var(--shadow-md)]',\n    'ds:data-[app-scrolled=true]:[&_[role=banner]]:[border-block-end-color:var(--border)]',\n    // Forced-colors: UA strips box-shadow, so the border is the only\n    // separation cue. Always render it.\n    'ds:forced-colors:[&_[role=banner]]:[border-block-end-color:CanvasText]',\n    // Print: strip shadow, keep border so the banner still reads on paper.\n    'ds:print:[&_[role=banner]]:shadow-none',\n    'ds:print:[&_[role=banner]]:[border-block-end-color:var(--border)]',\n  ].join(' '),\n);\n\nconst rowVariants = cva(\n  [\n    'ds:flex ds:flex-1 ds:items-stretch ds:min-h-0',\n  ].join(' '),\n);\n\nconst sidebarSlotVariants = cva(\n  [\n    // Hidden in the inline flow on mobile — consumers should flip their\n    // Sidebar into overlay mode at narrow viewports, where it portals via\n    // Radix Dialog and therefore renders outside AppFrame entirely.\n    'ds:hidden ds:md:flex',\n    'ds:shrink-0',\n    // The rail fills the row's full height because the row is `flex\n    // items-stretch`. No sticky needed — the row itself never scrolls.\n    'ds:h-full',\n  ].join(' '),\n);\n\n// Inline-end slot — same hide-on-mobile behaviour as the nav rail because\n// a 22rem co-pilot panel can't share a phone viewport. Consuming apps\n// should flip Leo (or any inline-end panel) to its overlay/popout mode\n// at narrow viewports.\nconst endSidebarSlotVariants = cva(\n  [\n    'ds:hidden ds:md:flex',\n    'ds:shrink-0',\n    'ds:h-full',\n  ].join(' '),\n);\n\nconst mainVariants = cva(\n  [\n    // <main> owns the scroll: the viewport body never scrolls, but this\n    // element does. That keeps the header + sidebar pinned as chrome.\n    'ds:flex-1 ds:min-w-0 ds:overflow-auto',\n    // Focusable via the header's SkipLink — tabIndex={-1} is on the\n    // element itself so keyboard users land inside the main region.\n    'ds:focus:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      padded: {\n        true: [\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n          'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        ].join(' '),\n        false: '',\n      },\n    },\n    defaultVariants: { padded: true },\n  },\n);\n\nconst footerSlotVariants = cva('ds:shrink-0');\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface AppFrameProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof mainVariants> {\n  /** `<Header>` instance rendered full-width at the block-start of the shell. */\n  header: ReactNode;\n  /** `<Sidebar>` instance rendered inline-start of the row beneath the header on ≥ md viewports. */\n  sidebar: ReactNode;\n  /** Main content — rendered inside a `<main>` landmark. */\n  children: ReactNode;\n  /** Optional inline-end docked panel (typically `<LeoSidebar />`) sharing the same row as the main region on ≥ md viewports. Hidden on narrow viewports — consumers should flip to an overlay/popout mode there. */\n  endSidebar?: ReactNode;\n  /** Optional block-end footer — renders full-width below the sidebar + main row. */\n  footer?: ReactNode;\n  /**\n   * Id applied to the `<main>` element so `<HeaderSkipLink href=\"#{mainId}\" />`\n   * can target it. Must be a valid HTML id (letters, digits, `-`, `_`, no\n   * spaces). Defaults to `'main-content'`.\n   */\n  mainId?: string;\n  /**\n   * Override the landmark's accessible name. Defaults to the i18n'd\n   * `ui.navigation.main.label` (\"Main content\").\n   */\n  mainAriaLabel?: string;\n  /** Extra classes applied to the `<main>` landmark. */\n  mainClassName?: string;\n}\n\nexport const AppFrame = forwardRef<HTMLDivElement, AppFrameProps>(\n  (\n    {\n      header,\n      sidebar,\n      children,\n      endSidebar,\n      footer,\n      mainId = 'main-content',\n      mainAriaLabel,\n      padded = true,\n      className,\n      mainClassName,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const mainLabel =\n      mainAriaLabel ?? t('ui.navigation.main.label', 'Main content');\n\n    const [mainScrolled, setMainScrolled] = useState(false);\n    const handleMainScroll = useCallback(\n      (event: UIEvent<HTMLElement>) => {\n        const next = event.currentTarget.scrollTop > 0;\n        setMainScrolled((prev) => (prev === next ? prev : next));\n      },\n      [],\n    );\n\n    return (\n      <div\n        ref={ref}\n        data-app-scrolled={mainScrolled ? 'true' : undefined}\n        data-component=\"app-frame\"\n        className={rootVariants({ className })}\n        {...rest}\n      >\n        {/* Header is rendered as a direct flex child — NOT wrapped in a slot\n            div — so it sits at the block-start of the shell. The root's\n            `overflow-hidden` keeps it pinned; no `position: sticky` needed. */}\n        {header}\n        <div className={rowVariants()} data-app-frame-slot=\"row\">\n          <div className={sidebarSlotVariants()} data-app-frame-slot=\"sidebar\">\n            {sidebar}\n          </div>\n          <main\n            id={mainId}\n            tabIndex={-1}\n            aria-label={mainLabel}\n            onScroll={handleMainScroll}\n            className={mainVariants({ padded, className: mainClassName })}\n          >\n            {children}\n          </main>\n          {endSidebar ? (\n            <div\n              className={endSidebarSlotVariants()}\n              data-app-frame-slot=\"end-sidebar\"\n            >\n              {endSidebar}\n            </div>\n          ) : null}\n        </div>\n        {footer ? (\n          <div className={footerSlotVariants()} data-app-frame-slot=\"footer\">\n            {footer}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAppFrame.displayName = 'AppFrame';\n"],"names":["rootVariants","cva","rowVariants","sidebarSlotVariants","endSidebarSlotVariants","mainVariants","footerSlotVariants","AppFrame","forwardRef","header","sidebar","children","endSidebar","footer","mainId","mainAriaLabel","padded","className","mainClassName","rest","ref","t","useTranslation","mainLabel","mainScrolled","setMainScrolled","useState","handleMainScroll","useCallback","event","next","prev","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/{aspect-ratio-BqU4itGW.js → aspect-ratio-CxsdG8vk.js}

@@ -1,4 +1,4 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import "@radix-ui/react-aspect-ratio";
 import { c as m } from "./index-D2ZczOXr.js";
@@ -31,18 +31,19 @@ const v = m(
     }
   }
 ), b = f(
-  ({ ratio: s, fit: a, objectPosition: t, className: i, style: o, children: c, ...r }, d) => {
-    const e = typeof s == "number", n = e ? void 0 : s, l = e || t || o ? {
+  ({ ratio: t, fit: a, objectPosition: s, className: i, style: o, children: c, ...r }, d) => {
+    const e = typeof t == "number", n = e ? void 0 : t, p = e || s || o ? {
       ...o,
-      ...e ? { aspectRatio: s } : {},
-      ...t ? { "--ar-object-position": t } : {}
+      ...e ? { aspectRatio: t } : {},
+      ...s ? { "--ar-object-position": s } : {}
     } : void 0;
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ l(
       "div",
       {
         ref: d,
+        "data-component": "aspect-ratio",
         className: v({ ratio: n, fit: a, className: i }),
-        style: l,
+        style: p,
         ...r,
         children: c
       }
@@ -53,4 +54,4 @@ b.displayName = "AspectRatio";
 export {
   b as A
 };
-//# sourceMappingURL=aspect-ratio-BqU4itGW.js.map
+//# sourceMappingURL=aspect-ratio-CxsdG8vk.js.map

package/dist/_chunks/{aspect-ratio-BqU4itGW.js.map → aspect-ratio-CxsdG8vk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio-BqU4itGW.js","sources":["../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode, type CSSProperties } from 'react';\nimport { Root as RadixAspectRatio } from '@radix-ui/react-aspect-ratio';\nimport { cva } from 'class-variance-authority';\n\nexport { RadixAspectRatio as AspectRatioPrimitive };\n\ntype PresetRatio = '1:1' | '4:3' | '16:9' | '3:2' | '21:9';\ntype FitValue = 'cover' | 'contain' | 'fill' | 'scale-down' | 'none';\n\nconst aspectRatioVariants = cva(\n  [\n    'ds:relative ds:inline-size-full ds:overflow-hidden',\n    'ds:[&>*]:absolute ds:[&>*]:inset-0 ds:[&>*]:inline-size-full ds:[&>*]:block-size-full',\n    'ds:[&>*]:[object-position:var(--ar-object-position,center)]',\n  ],\n  {\n    variants: {\n      ratio: {\n        '1:1': 'ds:aspect-[1/1] ar-1x1',\n        '4:3': 'ds:aspect-[4/3] ar-4x3',\n        '16:9': 'ds:aspect-[16/9] ar-16x9',\n        '3:2': 'ds:aspect-[3/2] ar-3x2',\n        '21:9': 'ds:aspect-[21/9] ar-21x9',\n      } satisfies Record<PresetRatio, string>,\n      fit: {\n        cover: 'ds:[&>*]:object-cover',\n        contain: 'ds:[&>*]:object-contain',\n        fill: 'ds:[&>*]:object-fill',\n        'scale-down': 'ds:[&>*]:object-scale-down',\n        none: 'ds:[&>*]:object-none',\n      } satisfies Record<FitValue, string>,\n    },\n    defaultVariants: {\n      ratio: '16:9',\n      fit: 'cover',\n    },\n  },\n);\n\nexport interface AspectRatioProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Preset ratio or numeric escape hatch (e.g. 2.35 for cinema). */\n  ratio?: PresetRatio | number;\n  /** object-fit applied to the direct child element. */\n  fit?: FitValue;\n  /** Forwarded to the child via `--ar-object-position` CSS variable. */\n  objectPosition?: string;\n  children: ReactNode;\n}\n\nexport const AspectRatio = forwardRef<HTMLDivElement, AspectRatioProps>(\n  ({ ratio, fit, objectPosition, className, style, children, ...rest }, ref) => {\n    const isNumericRatio = typeof ratio === 'number';\n    const presetRatio = isNumericRatio ? undefined : (ratio as PresetRatio | undefined);\n\n    // Sanctioned inline styles (constraint §4 exceptions):\n    // 1. `aspectRatio` — numeric ratio escape hatch has no Tailwind equivalent\n    // 2. `--ar-object-position` — CSS custom property forwarded to the child via var()\n    // Radix Root is NOT used as the render element: it uses padding-top + physical\n    // properties (top/right/bottom/left) which violate constraints §3 and §4.\n    const computedStyle: (CSSProperties & Record<string, string | number>) | undefined =\n      isNumericRatio || objectPosition || style\n        ? {\n            ...style,\n            ...(isNumericRatio ? { aspectRatio: ratio } : {}),\n            ...(objectPosition ? { '--ar-object-position': objectPosition } : {}),\n          }\n        : undefined;\n\n    return (\n      <div\n        ref={ref}\n        className={aspectRatioVariants({ ratio: presetRatio, fit, className })}\n        style={computedStyle}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nAspectRatio.displayName = 'AspectRatio';\n"],"names":["aspectRatioVariants","cva","AspectRatio","forwardRef","ratio","fit","objectPosition","className","style","children","rest","ref","isNumericRatio","presetRatio","computedStyle","jsx"],"mappings":";;;;AASA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,KAAK;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,cAAc;AAAA,QACd,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACP;AAEJ,GAaaC,IAAcC;AAAA,EACzB,CAAC,EAAE,OAAAC,GAAO,KAAAC,GAAK,gBAAAC,GAAgB,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC5E,UAAMC,IAAiB,OAAOR,KAAU,UAClCS,IAAcD,IAAiB,SAAaR,GAO5CU,IACJF,KAAkBN,KAAkBE,IAChC;AAAA,MACE,GAAGA;AAAA,MACH,GAAII,IAAiB,EAAE,aAAaR,EAAA,IAAU,CAAA;AAAA,MAC9C,GAAIE,IAAiB,EAAE,wBAAwBA,MAAmB,CAAA;AAAA,IAAC,IAErE;AAEN,WACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAJ;AAAA,QACA,WAAWX,EAAoB,EAAE,OAAOa,GAAa,KAAAR,GAAK,WAAAE,GAAW;AAAA,QACrE,OAAOO;AAAA,QACN,GAAGJ;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAP,EAAY,cAAc;"}
+{"version":3,"file":"aspect-ratio-CxsdG8vk.js","sources":["../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode, type CSSProperties } from 'react';\nimport { Root as RadixAspectRatio } from '@radix-ui/react-aspect-ratio';\nimport { cva } from 'class-variance-authority';\n\nexport { RadixAspectRatio as AspectRatioPrimitive };\n\ntype PresetRatio = '1:1' | '4:3' | '16:9' | '3:2' | '21:9';\ntype FitValue = 'cover' | 'contain' | 'fill' | 'scale-down' | 'none';\n\nconst aspectRatioVariants = cva(\n  [\n    'ds:relative ds:inline-size-full ds:overflow-hidden',\n    'ds:[&>*]:absolute ds:[&>*]:inset-0 ds:[&>*]:inline-size-full ds:[&>*]:block-size-full',\n    'ds:[&>*]:[object-position:var(--ar-object-position,center)]',\n  ],\n  {\n    variants: {\n      ratio: {\n        '1:1': 'ds:aspect-[1/1] ar-1x1',\n        '4:3': 'ds:aspect-[4/3] ar-4x3',\n        '16:9': 'ds:aspect-[16/9] ar-16x9',\n        '3:2': 'ds:aspect-[3/2] ar-3x2',\n        '21:9': 'ds:aspect-[21/9] ar-21x9',\n      } satisfies Record<PresetRatio, string>,\n      fit: {\n        cover: 'ds:[&>*]:object-cover',\n        contain: 'ds:[&>*]:object-contain',\n        fill: 'ds:[&>*]:object-fill',\n        'scale-down': 'ds:[&>*]:object-scale-down',\n        none: 'ds:[&>*]:object-none',\n      } satisfies Record<FitValue, string>,\n    },\n    defaultVariants: {\n      ratio: '16:9',\n      fit: 'cover',\n    },\n  },\n);\n\nexport interface AspectRatioProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Preset ratio or numeric escape hatch (e.g. 2.35 for cinema). */\n  ratio?: PresetRatio | number;\n  /** object-fit applied to the direct child element. */\n  fit?: FitValue;\n  /** Forwarded to the child via `--ar-object-position` CSS variable. */\n  objectPosition?: string;\n  children: ReactNode;\n}\n\nexport const AspectRatio = forwardRef<HTMLDivElement, AspectRatioProps>(\n  ({ ratio, fit, objectPosition, className, style, children, ...rest }, ref) => {\n    const isNumericRatio = typeof ratio === 'number';\n    const presetRatio = isNumericRatio ? undefined : (ratio as PresetRatio | undefined);\n\n    // Sanctioned inline styles (constraint §4 exceptions):\n    // 1. `aspectRatio` — numeric ratio escape hatch has no Tailwind equivalent\n    // 2. `--ar-object-position` — CSS custom property forwarded to the child via var()\n    // Radix Root is NOT used as the render element: it uses padding-top + physical\n    // properties (top/right/bottom/left) which violate constraints §3 and §4.\n    const computedStyle: (CSSProperties & Record<string, string | number>) | undefined =\n      isNumericRatio || objectPosition || style\n        ? {\n            ...style,\n            ...(isNumericRatio ? { aspectRatio: ratio } : {}),\n            ...(objectPosition ? { '--ar-object-position': objectPosition } : {}),\n          }\n        : undefined;\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"aspect-ratio\"\n        className={aspectRatioVariants({ ratio: presetRatio, fit, className })}\n        style={computedStyle}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nAspectRatio.displayName = 'AspectRatio';\n"],"names":["aspectRatioVariants","cva","AspectRatio","forwardRef","ratio","fit","objectPosition","className","style","children","rest","ref","isNumericRatio","presetRatio","computedStyle","jsx"],"mappings":";;;;AASA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAEV,KAAK;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,cAAc;AAAA,QACd,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,OAAO;AAAA,MACP,KAAK;AAAA,IAAA;AAAA,EACP;AAEJ,GAaaC,IAAcC;AAAA,EACzB,CAAC,EAAE,OAAAC,GAAO,KAAAC,GAAK,gBAAAC,GAAgB,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC5E,UAAMC,IAAiB,OAAOR,KAAU,UAClCS,IAAcD,IAAiB,SAAaR,GAO5CU,IACJF,KAAkBN,KAAkBE,IAChC;AAAA,MACE,GAAGA;AAAA,MACH,GAAII,IAAiB,EAAE,aAAaR,EAAA,IAAU,CAAA;AAAA,MAC9C,GAAIE,IAAiB,EAAE,wBAAwBA,MAAmB,CAAA;AAAA,IAAC,IAErE;AAEN,WACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAJ;AAAA,QACA,kBAAe;AAAA,QACf,WAAWX,EAAoB,EAAE,OAAOa,GAAa,KAAAR,GAAK,WAAAE,GAAW;AAAA,QACrE,OAAOO;AAAA,QACN,GAAGJ;AAAA,QAEH,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAP,EAAY,cAAc;"}

package/dist/_chunks/{audio-recorder-D2UEBF9B.js → audio-recorder-Cn8z2zC9.js}

@@ -2,11 +2,11 @@ import { jsxs as b, jsx as r, Fragment as se } from "react/jsx-runtime";
 import { forwardRef as re, useReducer as ie, useState as x, useRef as m, useEffect as N, useCallback as k } from "react";
 import { c as ae } from "./index-D2ZczOXr.js";
 import { useTranslation as ne } from "react-i18next";
-import { B as U } from "./button-DmiGFnNA.js";
-import { I as D } from "./icon-button-C482ii4y.js";
-import { S as de } from "./select-DbxWF3O_.js";
-import { A as ce } from "./audio-visualiser-B4u4goV5.js";
-import { A as T } from "./alert-ETrF7Q8J.js";
+import { B as U } from "./button-7dTew-IV.js";
+import { I as D } from "./icon-button-CNjWCD1X.js";
+import { S as de } from "./select-DdAOtomN.js";
+import { A as ce } from "./audio-visualiser-CeMPCZkd.js";
+import { A as T } from "./alert-rOM4EG0P.js";
 import { c as _ } from "./createLucideIcon-CrFbzy84.js";
 import { S as ue } from "./square-CZoGU14v.js";
 import { X as oe } from "./x-CCcI3eJp.js";
@@ -248,6 +248,7 @@ const Me = re(
       "div",
       {
         ref: C,
+        "data-component": "audio-recorder",
         className: ye({ size: n, className: z }),
         ...X,
         children: [
@@ -372,4 +373,4 @@ Me.displayName = "AudioRecorder";
 export {
   Me as A
 };
-//# sourceMappingURL=audio-recorder-D2UEBF9B.js.map
+//# sourceMappingURL=audio-recorder-Cn8z2zC9.js.map

package/dist/_chunks/{audio-recorder-D2UEBF9B.js.map → audio-recorder-Cn8z2zC9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"audio-recorder-D2UEBF9B.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.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","import {\n  forwardRef,\n  useCallback,\n  useEffect,\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';\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: 'permission-denied' | 'no-device' | 'unsupported' | '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: 'permission-denied' | 'no-device' | 'unsupported' | '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\nexport interface AudioRecorderProps\n  extends 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<HTMLDivElement, AudioRecorderProps>(\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 =\n          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 (errorName === 'NotFoundError' || errorName === 'OverconstrainedError') {\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 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        ref={ref}\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","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","handle","cleanupStream","useCallback","held","requestAndStart","nextStream","tr","mimeType","recorder","event","blob","err","errorName","pause","resume","stop","started","pausedMs","duration","cancel","alreadyElapsed","remaining","_b","elapsedMs","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-Cn8z2zC9.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.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","import {\n  forwardRef,\n  useCallback,\n  useEffect,\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';\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: 'permission-denied' | 'no-device' | 'unsupported' | '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: 'permission-denied' | 'no-device' | 'unsupported' | '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\nexport interface AudioRecorderProps\n  extends 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<HTMLDivElement, AudioRecorderProps>(\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 =\n          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 (errorName === 'NotFoundError' || errorName === 'OverconstrainedError') {\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 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        ref={ref}\n        data-component=\"audio-recorder\"\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","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","handle","cleanupStream","useCallback","held","requestAndStart","nextStream","tr","mimeType","recorder","event","blob","err","errorName","pause","resume","stop","started","pausedMs","duration","cancel","alreadyElapsed","remaining","_b","elapsedMs","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-B4u4goV5.js → audio-visualiser-CeMPCZkd.js}

@@ -100,6 +100,7 @@ const K = H(
         ref: B,
         "aria-label": P,
         "aria-describedby": g ? F : void 0,
+        "data-component": "audio-visualiser",
         className: K({ size: T, className: k }),
         ...q,
         children: [
@@ -135,4 +136,4 @@ O.displayName = "AudioVisualiser";
 export {
   O as A
 };
-//# sourceMappingURL=audio-visualiser-B4u4goV5.js.map
+//# sourceMappingURL=audio-visualiser-CeMPCZkd.js.map

package/dist/_chunks/{audio-visualiser-B4u4goV5.js.map → audio-visualiser-CeMPCZkd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"audio-visualiser-B4u4goV5.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>,\n    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    { stream, size = 'md', barCount = 32, deviceName, label, className, ...rest },\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<AnalyserNode['getByteFrequencyData']>[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(\n      () => Array.from({ length: barCount }),\n      [barCount],\n    );\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('ui.chat.audio.visualiserLabel');\n    const deviceText = deviceName\n      ? t('ui.chat.audio.device', { name: deviceName })\n      : null;\n    const deviceId = useId();\n\n    return (\n      <div\n        ref={ref}\n        aria-label={resolvedLabel}\n        aria-describedby={deviceText ? deviceId : undefined}\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            // Inline style — permitted per 23-constraints\n            // §Runtime-computed dimensions (CSS custom property setter;\n            // block-size rule lives in the className list above).\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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"}
+{"version":3,"file":"audio-visualiser-CeMPCZkd.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>,\n    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    { stream, size = 'md', barCount = 32, deviceName, label, className, ...rest },\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<AnalyserNode['getByteFrequencyData']>[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(\n      () => Array.from({ length: barCount }),\n      [barCount],\n    );\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('ui.chat.audio.visualiserLabel');\n    const deviceText = deviceName\n      ? t('ui.chat.audio.device', { name: deviceName })\n      : null;\n    const deviceId = useId();\n\n    return (\n      <div\n        ref={ref}\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            // Inline style — permitted per 23-constraints\n            // §Runtime-computed dimensions (CSS custom property setter;\n            // block-size rule lives in the className list above).\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.agent-Bi6CiRKa.js → autocomplete.agent-DRrp-Rsx.js}

@@ -4,7 +4,7 @@ import { _ as l } from "./index-4xgbg-sn.js";
 import * as F from "@radix-ui/react-popover";
 import { c as B } from "./index-D2ZczOXr.js";
 import { useTranslation as We } from "react-i18next";
-import { S as ce } from "./spinner-CoAOGcDa.js";
+import { S as ce } from "./spinner-GCcv67vh.js";
 import { u as Ye } from "./form-field-context-94LwgYTQ.js";
 import { u as Ze } from "./use-debounced-callback-BisrB-Fq.js";
 import { g as et } from "./group-options-BvKhQ3xb.js";
@@ -51,7 +51,7 @@ const ot = B(
 ), pe = B(
   [
     "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
-    "ds:ps-3 ds:pe-3 ds:py-2 ds:text-[var(--font-size-sm)] ds:text-foreground",
+    "ds:ps-3 ds:pe-3 ds:py-2 ds:text-[length:var(--font-size-sm)] ds:text-foreground",
     "ds:rounded-[var(--radius-sm)] ds:select-none ds:cursor-pointer",
     "ds:data-[disabled=true]:pointer-events-none ds:data-[disabled=true]:opacity-50",
     "ds:data-[selected=true]:bg-primary ds:data-[selected=true]:text-primary-foreground",
@@ -214,6 +214,7 @@ const rt = Je(
                 "div",
                 {
                   className: Ke,
+                  "data-component": "autocomplete",
                   "data-disabled": c || void 0,
                   children: [
                     z ? /* @__PURE__ */ o("span", { "aria-hidden": "true", className: `${q} ds:ps-3`, children: z }) : null,
@@ -368,4 +369,4 @@ export {
   bt as a,
   ot as b
 };
-//# sourceMappingURL=autocomplete.agent-Bi6CiRKa.js.map
+//# sourceMappingURL=autocomplete.agent-DRrp-Rsx.js.map