@alfadocs/ui-kit-debug 0.7.1 → 0.7.2

package/dist/_chunks/{alert-34A3K8y-.js → alert-CVMq99Cq.js}

@@ -93,27 +93,30 @@ const U = L(
     live: "assertive"
   }
 }, c = i(
-  ({ as: s = "h5", className: o, ...e }, r) => /* @__PURE__ */ t(
+  ({ as: s = "h5", className: r, ...e }, o) => /* @__PURE__ */ t(
     s,
     {
-      ref: r,
-      className: ["type-title-item", o].filter(Boolean).join(" "),
+      ref: o,
+      className: ["type-title-item", r].filter(Boolean).join(" "),
       ...e
     }
   )
 );
 c.displayName = "Alert.Title";
-const w = i(({ className: s, ...o }, e) => /* @__PURE__ */ t(
+const w = i(({ className: s, ...r }, e) => /* @__PURE__ */ t(
   "p",
   {
     ref: e,
-    className: ["ds:mt-[var(--spacing-xs)] type-body-sm", s].filter(Boolean).join(" "),
-    ...o
+    className: [
+      "ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm",
+      s
+    ].filter(Boolean).join(" "),
+    ...r
   }
 ));
 w.displayName = "Alert.Description";
 const A = i(
-  ({ className: s, ...o }, e) => /* @__PURE__ */ t(
+  ({ className: s, ...r }, e) => /* @__PURE__ */ t(
     "div",
     {
       ref: e,
@@ -121,7 +124,7 @@ const A = i(
         "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
         s
       ].filter(Boolean).join(" "),
-      ...o
+      ...r
     }
   )
 );
@@ -129,9 +132,9 @@ A.displayName = "Alert.Action";
 const N = i(
   ({
     variant: s = "info",
-    dismissible: o = !1,
+    dismissible: r = !1,
     open: e,
-    onOpenChange: r,
+    onOpenChange: o,
     icon: m,
     live: y,
     className: T,
@@ -150,7 +153,7 @@ const N = i(
       (a) => F(a) && a.type === c
     ), B = () => {
       f || (v(!0), n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-        v(!1), g || S(!1), r == null || r(!1);
+        v(!1), g || S(!1), o == null || o(!1);
       }, z()));
     };
     return /* @__PURE__ */ D(
@@ -181,7 +184,7 @@ const N = i(
         children: [
           p ? /* @__PURE__ */ t("span", { className: b ? $ : h, children: p }) : null,
           /* @__PURE__ */ t("div", { className: "ds:flex-1 ds:min-w-0", children: u }),
-          o ? /* @__PURE__ */ t(
+          r ? /* @__PURE__ */ t(
             "button",
             {
               type: "button",
@@ -205,4 +208,4 @@ const at = Object.assign(N, {
 export {
   at as A
 };
-//# sourceMappingURL=alert-34A3K8y-.js.map
+//# sourceMappingURL=alert-CVMq99Cq.js.map

package/dist/_chunks/alert-CVMq99Cq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-CVMq99Cq.js","sources":["../../src/components/alert/alert.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  isValidElement,\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 { Info, CircleCheck, TriangleAlert, CircleX, X } from 'lucide-react';\n\nconst alertVariants = cva(\n  [\n    // Default `items-center` keeps the icon + dismiss optically aligned\n    // with a single-line description. The `data-[has-title=true]`\n    // selector flips to `items-start` when an `<Alert.Title>` is\n    // present so the icon anchors to the heading's top instead of\n    // floating against the centre of the title+description block.\n    // For multi-line descriptions without a title, `items-center` still\n    // looks right at 2–3 lines and matches Toast / Notification.\n    'ds:flex ds:items-center ds:data-[has-title=true]: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\n// Icon stays `mt-0.5` only when an `<Alert.Title>` is present — that\n// offset compensates for the title's cap-height vs. line-box origin so\n// the glyph aligns with the heading's caps. Without a title, the\n// container uses `items-center` and the offset would push the icon\n// 2px off the optical axis.\nconst ICON_BASE = 'ds:shrink-0 ds:size-5';\nconst ICON_WITH_TITLE = `${ICON_BASE} ds:mt-0.5`;\n\nconst CLOSE_BUTTON_CLASSES = [\n  'ds:ms-auto ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center',\n  'ds:rounded-[var(--radius-sm)]',\n  'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n  'ds:-mt-[var(--spacing-xs)] ds:-me-[var(--spacing-xs)]',\n  'ds:text-current ds:opacity-70',\n  'ds:hover:opacity-100',\n  'ds:transition-opacity ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds: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: {\n    icon: <CircleCheck aria-hidden=\"true\" />,\n    role: 'status',\n    live: 'polite',\n  },\n  warning: {\n    icon: <TriangleAlert aria-hidden=\"true\" />,\n    role: 'alert',\n    live: 'assertive',\n  },\n  error: {\n    icon: <CircleX aria-hidden=\"true\" />,\n    role: 'alert',\n    live: 'assertive',\n  },\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<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    // `mt` is gated on the root's `data-has-title=\"true\"` attribute so\n    // the margin only paints when there's a Title above the\n    // Description to separate from. Without this gate, a Description\n    // rendered alone sits a few pixels below the icon + dismiss ×\n    // optical centre — visible on the AlfaDocs marketing privacy\n    // generator before HTP-4860's follow-up fix.\n    className={[\n      'ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\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      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nAlertAction.displayName = 'Alert.Action';\n\nexport interface AlertProps\n  extends\n    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    // Detect an `<Alert.Title>` anywhere in the immediate children so\n    // the root can flip its cross-axis alignment. Nested wrappers\n    // around a Title aren't supported — keep the API as flat as the\n    // existing `Alert.Title` / `Alert.Description` convention.\n    const hasTitle = Children.toArray(children).some(\n      (child) => isValidElement(child) && child.type === AlertTitle,\n    );\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-has-title={hasTitle ? 'true' : 'false'}\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={hasTitle ? ICON_WITH_TITLE : ICON_BASE}>\n            {effectiveIcon}\n          </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_BASE","ICON_WITH_TITLE","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","hasTitle","Children","child","isValidElement","handleDismiss","jsxs","Alert"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ import { B as G } from "./button-DD_0Xdmr.js";
 import { I as N } from "./icon-button-C4CGcYuz.js";
 import { S as ue } from "./select-BOU_Osnf.js";
 import { A as pe } from "./audio-visualiser-ByDEFLNm.js";
-import { A as F } from "./alert-34A3K8y-.js";
+import { A as F } from "./alert-CVMq99Cq.js";
 import { u as le } from "./registry-C9nwlNyL.js";
 import { c as V } from "./createLucideIcon-CrFbzy84.js";
 import { S as me } from "./square-CZoGU14v.js";
@@ -454,4 +454,4 @@ export {
   Ne as A,
   Re as a
 };
-//# sourceMappingURL=audio-recorder-B60FLnUO.js.map
+//# sourceMappingURL=audio-recorder-cOl_Z_Pk.js.map

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

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

package/dist/_chunks/{freemium-paywall-BA02zIOx.js → freemium-paywall-B9kIDtm1.js}

@@ -7,7 +7,7 @@ import { useTranslation as Z } from "react-i18next";
 import { u as $ } from "./registry-C9nwlNyL.js";
 import { B as j } from "./button-DD_0Xdmr.js";
 import { P as ee } from "./progress-C11tqhoI.js";
-import { f as se } from "./payment-form-BIk2K3i3.js";
+import { f as se } from "./payment-form-C3HMAsGG.js";
 import { T as ae } from "./triangle-alert-CBPUIzQo.js";
 import { C as re } from "./check-DPdL_Sm7.js";
 const te = {
@@ -264,4 +264,4 @@ export {
   de as F,
   te as f
 };
-//# sourceMappingURL=freemium-paywall-BA02zIOx.js.map
+//# sourceMappingURL=freemium-paywall-B9kIDtm1.js.map

package/dist/_chunks/{freemium-paywall-BA02zIOx.js.map → freemium-paywall-B9kIDtm1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"freemium-paywall-BA02zIOx.js","sources":["../../src/components/freemium-paywall/freemium-paywall.agent.ts","../../src/components/freemium-paywall/freemium-paywall.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — FreemiumPaywall.                                       */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { FreemiumPaywallHandle } from './freemium-paywall';\n\nexport const freemiumPaywallAgent: AgentAdapter<FreemiumPaywallHandle> = {\n  id: 'freemium-paywall',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.freemiumPaywall.state.isOpen',\n      description: 'True when the paywall dialog is open.',\n      read: (handle) => handle.isOpen(),\n    },\n    selectedPlanId: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.freemiumPaywall.state.selectedPlanId',\n      description: 'Opaque id of the currently-selected plan.',\n      read: (handle) => handle.getSelectedPlanId(),\n    },\n  },\n  actions: {\n    upgrade: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.freemiumPaywall.actions.upgrade',\n      description: 'Fire onUpgrade with the currently-selected plan id.',\n      invoke: (handle) => {\n        handle.upgrade();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.freemiumPaywall.actions.dismiss',\n      description:\n        'Dismiss the paywall via the Not Now action. Irreversible from the same UI.',\n      invoke: (handle) => {\n        handle.dismiss();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'freemium-paywall',\n      description: 'Marks the FreemiumPaywall dialog content.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport * as RadixAlertDialog from '@radix-ui/react-alert-dialog';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { freemiumPaywallAgent } from './freemium-paywall.agent';\nimport { AlertTriangle, Check } from 'lucide-react';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { formatPaymentAmount } from '../payment-form';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface FreemiumPlan {\n  id: string;\n  /** Translation key for the plan name (e.g. `app.paywall.plans.pro`). */\n  nameKey: string;\n  /** Amount in minor units (cents, centesimi). */\n  priceAmount: number;\n  /** ISO 4217 currency code. */\n  currency: string;\n  /** Translation key for the cadence suffix (e.g. `app.paywall.period.month`). */\n  perKey?: string;\n  /** Per-line feature translation keys. */\n  featuresKeys?: string[];\n}\n\nconst contentVariants = cva(\n  [\n    'ds:fixed ds:z-[var(--z-modal)] ds:overflow-auto',\n    'ds:bg-[color:var(--popover)] ds:text-[color:var(--popover-foreground)]',\n    'ds:border ds:border-border ds:shadow-[var(--shadow-lg)]',\n    // forced-colors: keep the dialog boundary visible under Windows High\n    // Contrast, where `var(--border)` may collapse to system colours.\n    'ds:forced-colors:border-[CanvasText]',\n    'ds:focus:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      layout: {\n        centered:\n          'ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:rtl:translate-x-1/2 ds:rounded-[var(--radius-md)] ds:max-w-[var(--dialog-width-xl)] ds:w-[calc(100vw-2rem)] ds:max-h-[90vh]',\n        sheet:\n          'ds:inset-inline-0 ds:bottom-0 ds:w-full ds:max-h-[90vh] ds:rounded-t-[var(--radius-md)]',\n      },\n      density: {\n        compact:\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        full: 'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-lg)]',\n      },\n    },\n    defaultVariants: { layout: 'centered', density: 'full' },\n  },\n);\n\n/** Curated imperative handle for agent / external automation. */\nexport interface FreemiumPaywallHandle {\n  isOpen: () => boolean;\n  getSelectedPlanId: () => string | null;\n  upgrade: () => void;\n  dismiss: () => void;\n}\n\nexport interface FreemiumPaywallProps extends VariantProps<\n  typeof contentVariants\n> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  plans: FreemiumPlan[];\n  /** Currently-selected plan id (controlled) or default. */\n  selectedPlanId?: string;\n  defaultSelectedPlanId?: string;\n  onSelectedPlanChange?: (id: string) => void;\n  /** Usage indicator values — omit the object to hide the bar. */\n  usage?: { used: number; limit: number };\n  /** Fires on upgrade. */\n  onUpgrade: (planId: string) => void;\n  /** Fires when the user dismisses via Not Now. */\n  onCancel?: () => void;\n  /** Title override; defaults to t('ui.paywall.title'). */\n  title?: ReactNode;\n  /** Description override; defaults to t('ui.paywall.description'). */\n  description?: ReactNode;\n  className?: string;\n}\n\nexport const FreemiumPaywall = forwardRef<HTMLDivElement, FreemiumPaywallProps>(\n  (\n    {\n      open,\n      onOpenChange,\n      plans,\n      selectedPlanId,\n      defaultSelectedPlanId,\n      onSelectedPlanChange,\n      usage,\n      onUpgrade,\n      onCancel,\n      title,\n      description,\n      layout = 'centered',\n      density = 'full',\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const titleId = useId();\n    const descId = useId();\n\n    const isControlled = selectedPlanId !== undefined;\n    const [internalSelected, setInternalSelected] = useState<string>(\n      defaultSelectedPlanId ?? plans[0]?.id ?? '',\n    );\n    const currentSelected = isControlled\n      ? (selectedPlanId ?? '')\n      : internalSelected;\n\n    const handleSelectedChange = (next: string) => {\n      if (!isControlled) setInternalSelected(next);\n      onSelectedPlanChange?.(next);\n    };\n\n    const handleCancel = () => {\n      onCancel?.();\n      onOpenChange(false);\n    };\n\n    const handleUpgrade = () => {\n      if (!currentSelected) return;\n      onUpgrade(currentSelected);\n    };\n\n    const openRef = useRef(open);\n    openRef.current = open;\n    const selectedRef = useRef<string>(currentSelected);\n    selectedRef.current = currentSelected;\n\n    const contentRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => contentRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<FreemiumPaywallHandle>(\n      () => ({\n        isOpen: () => openRef.current,\n        getSelectedPlanId: () => selectedRef.current || null,\n        upgrade: () => handleUpgrade(),\n        dismiss: () => handleCancel(),\n      }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [],\n    );\n    useAgentRegistration(freemiumPaywallAgent, agentHandle, undefined);\n\n    const usagePercent = usage\n      ? Math.min(\n          100,\n          Math.max(0, (usage.used / Math.max(1, usage.limit)) * 100),\n        )\n      : 0;\n    const usageFull = usage ? usage.used >= usage.limit : false;\n\n    return (\n      <RadixAlertDialog.Root open={open} onOpenChange={onOpenChange}>\n        <RadixAlertDialog.Portal>\n          <RadixAlertDialog.Overlay\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n              'ds:bg-[color:var(--foreground)]/40',\n              'ds:motion-safe:data-[state=open]:animate-in ds:motion-safe:data-[state=closed]:animate-out',\n              'ds:[.theme-accessible_&]:animate-none',\n            ].join(' ')}\n          />\n          <RadixAlertDialog.Content\n            ref={contentRef}\n            aria-labelledby={titleId}\n            aria-describedby={descId}\n            className={contentVariants({ layout, density, className })}\n            data-component=\"freemium-paywall\"\n          >\n            <RadixAlertDialog.Title id={titleId} asChild>\n              <h2 className=\"type-title-card\">\n                {title ?? t('ui.paywall.title')}\n              </h2>\n            </RadixAlertDialog.Title>\n            <RadixAlertDialog.Description id={descId} asChild>\n              <p className=\"ds:mt-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]\">\n                {description ?? t('ui.paywall.description')}\n              </p>\n            </RadixAlertDialog.Description>\n\n            {usage ? (\n              <div className=\"ds:mt-[var(--spacing-md)]\">\n                <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:mb-[var(--spacing-xs)]\">\n                  {usageFull ? (\n                    <AlertTriangle\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-[color:var(--destructive)]\"\n                    />\n                  ) : null}\n                  <span\n                    className={[\n                      'type-body-sm',\n                      usageFull\n                        ? 'ds:text-[color:var(--destructive)]'\n                        : 'ds:text-[color:var(--muted-foreground)]',\n                    ].join(' ')}\n                  >\n                    {usageFull\n                      ? t('ui.paywall.usageFull')\n                      : t('ui.paywall.usageLabel', {\n                          used: usage.used,\n                          limit: usage.limit,\n                        })}\n                  </span>\n                </div>\n                <Progress\n                  value={usagePercent}\n                  max={100}\n                  ariaLabel={t('ui.paywall.usageLabel', {\n                    used: usage.used,\n                    limit: usage.limit,\n                  })}\n                  className={\n                    usageFull\n                      ? 'ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]'\n                      : ''\n                  }\n                />\n              </div>\n            ) : null}\n\n            <RadixRadioGroup.Root\n              value={currentSelected}\n              onValueChange={handleSelectedChange}\n              aria-label={t('ui.paywall.title')}\n              className=\"ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n            >\n              {plans.map((plan) => {\n                // Reuse the payment-form helper — it knows about\n                // zero-decimal currencies (JPY, KRW, VND …) and applies\n                // the right divisor. Raw `/ 100` would 100× the price in\n                // those currencies.\n                const formattedPrice = formatPaymentAmount(\n                  plan.priceAmount,\n                  plan.currency,\n                  i18n.language,\n                );\n                const period = plan.perKey ? t(plan.perKey) : undefined;\n                const priceLine = period\n                  ? t('ui.paywall.pricePer', { price: formattedPrice, period })\n                  : formattedPrice;\n                const planName = t(plan.nameKey);\n                return (\n                  <RadixRadioGroup.Item\n                    key={plan.id}\n                    value={plan.id}\n                    className={[\n                      'ds:group ds:relative ds:flex ds:flex-col ds:items-stretch',\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:text-start ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n                      'ds:data-[state=checked]:border-[color:var(--primary)]',\n                      'ds:data-[state=checked]:bg-[color:var(--primary)]/5',\n                      'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                      'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                    ].join(' ')}\n                  >\n                    <span className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n                      <span className=\"ds:font-semibold\">{planName}</span>\n                      <span className=\"ds:tabular-nums\">{priceLine}</span>\n                    </span>\n                    {plan.featuresKeys && plan.featuresKeys.length > 0 ? (\n                      <ul\n                        aria-label={t('ui.paywall.features')}\n                        className=\"ds:mt-[var(--spacing-xs)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n                      >\n                        {plan.featuresKeys.map((key, i) => (\n                          <li\n                            key={i}\n                            className=\"ds:flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm\"\n                          >\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--primary)] ds:mt-[1px]\"\n                            />\n                            <span>{t(key)}</span>\n                          </li>\n                        ))}\n                      </ul>\n                    ) : null}\n                  </RadixRadioGroup.Item>\n                );\n              })}\n            </RadixRadioGroup.Root>\n\n            <div className=\"ds:mt-[var(--spacing-lg)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:justify-end\">\n              <RadixAlertDialog.Cancel asChild>\n                <Button intent=\"outline\" onClick={handleCancel}>\n                  {t('ui.paywall.notNow')}\n                </Button>\n              </RadixAlertDialog.Cancel>\n              <RadixAlertDialog.Action asChild>\n                <Button intent=\"primary\" onClick={handleUpgrade}>\n                  {t('ui.paywall.upgrade')}\n                </Button>\n              </RadixAlertDialog.Action>\n            </div>\n          </RadixAlertDialog.Content>\n        </RadixAlertDialog.Portal>\n      </RadixAlertDialog.Root>\n    );\n  },\n);\n\nFreemiumPaywall.displayName = 'FreemiumPaywall';\n"],"names":["freemiumPaywallAgent","handle","contentVariants","cva","FreemiumPaywall","forwardRef","open","onOpenChange","plans","selectedPlanId","defaultSelectedPlanId","onSelectedPlanChange","usage","onUpgrade","onCancel","title","description","layout","density","className","ref","t","i18n","useTranslation","titleId","useId","descId","isControlled","internalSelected","setInternalSelected","useState","_a","currentSelected","handleSelectedChange","next","handleCancel","handleUpgrade","openRef","useRef","selectedRef","contentRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration","usagePercent","usageFull","jsx","RadixAlertDialog","jsxs","AlertTriangle","Progress","RadixRadioGroup","plan","formattedPrice","formatPaymentAmount","period","priceLine","planName","key","i","Check","Button"],"mappings":";;;;;;;;;;;;AAOO,MAAMA,KAA4D;AAAA,EACvE,IAAI;AAAA,EACJ,cAAc,CAAC,UAAU,SAAS;AAAA,EAClC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAWA,EAAO,OAAA;AAAA,IAAO;AAAA,IAElC,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACA,MAAWA,EAAO,kBAAA;AAAA,IAAkB;AAAA,EAC7C;AAAA,EAEF,SAAS;AAAA,IACP,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCjBMC,KAAkBC;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,UACE;AAAA,QACF,OACE;AAAA,MAAA;AAAA,MAEJ,SAAS;AAAA,QACP,SACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB,EAAE,QAAQ,YAAY,SAAS,OAAA;AAAA,EAAO;AAE3D,GAiCaC,KAAkBC;AAAA,EAC7B,CACE;AAAA,IACE,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,EAAA,GAEFC,MACG;;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,EAAA,GACdC,IAAUC,EAAA,GACVC,IAASD,EAAA,GAETE,IAAelB,MAAmB,QAClC,CAACmB,GAAkBC,CAAmB,IAAIC;AAAA,MAC9CpB,OAAyBqB,IAAAvB,EAAM,CAAC,MAAP,gBAAAuB,EAAU,OAAM;AAAA,IAAA,GAErCC,IAAkBL,IACnBlB,KAAkB,KACnBmB,GAEEK,IAAuB,CAACC,MAAiB;AAC7C,MAAKP,KAAcE,EAAoBK,CAAI,GAC3CvB,KAAA,QAAAA,EAAuBuB;AAAA,IACzB,GAEMC,IAAe,MAAM;AACzB,MAAArB,KAAA,QAAAA,KACAP,EAAa,EAAK;AAAA,IACpB,GAEM6B,IAAgB,MAAM;AAC1B,MAAKJ,KACLnB,EAAUmB,CAAe;AAAA,IAC3B,GAEMK,IAAUC,EAAOhC,CAAI;AAC3B,IAAA+B,EAAQ,UAAU/B;AAClB,UAAMiC,IAAcD,EAAeN,CAAe;AAClD,IAAAO,EAAY,UAAUP;AAEtB,UAAMQ,IAAaF,EAAuB,IAAI;AAC9C,IAAAG,EAAoBrB,GAAK,MAAMoB,EAAW,SAA2B,CAAA,CAAE;AAEvE,UAAME,IAAcC;AAAA,MAClB,OAAO;AAAA,QACL,QAAQ,MAAMN,EAAQ;AAAA,QACtB,mBAAmB,MAAME,EAAY,WAAW;AAAA,QAChD,SAAS,MAAMH,EAAA;AAAA,QACf,SAAS,MAAMD,EAAA;AAAA,MAAa;AAAA;AAAA,MAG9B,CAAA;AAAA,IAAC;AAEH,IAAAS,EAAqB5C,IAAsB0C,GAAa,MAAS;AAEjE,UAAMG,IAAejC,IACjB,KAAK;AAAA,MACH;AAAA,MACA,KAAK,IAAI,GAAIA,EAAM,OAAO,KAAK,IAAI,GAAGA,EAAM,KAAK,IAAK,GAAG;AAAA,IAAA,IAE3D,GACEkC,IAAYlC,IAAQA,EAAM,QAAQA,EAAM,QAAQ;AAEtD,WACE,gBAAAmC,EAACC,EAAiB,MAAjB,EAAsB,MAAA1C,GAAY,cAAAC,GACjC,UAAA,gBAAA0C,EAACD,EAAiB,QAAjB,EACC,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACC,EAAiB;AAAA,QAAjB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA,EACA,KAAK,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAC;AAAA,QAACD,EAAiB;AAAA,QAAjB;AAAA,UACC,KAAKR;AAAA,UACL,mBAAiBhB;AAAA,UACjB,oBAAkBE;AAAA,UAClB,WAAWxB,GAAgB,EAAE,QAAAe,GAAQ,SAAAC,GAAS,WAAAC,GAAW;AAAA,UACzD,kBAAe;AAAA,UAEf,UAAA;AAAA,YAAA,gBAAA4B,EAACC,EAAiB,OAAjB,EAAuB,IAAIxB,GAAS,SAAO,IAC1C,UAAA,gBAAAuB,EAAC,MAAA,EAAG,WAAU,mBACX,UAAAhC,KAASM,EAAE,kBAAkB,GAChC,GACF;AAAA,8BACC2B,EAAiB,aAAjB,EAA6B,IAAItB,GAAQ,SAAO,IAC/C,UAAA,gBAAAqB,EAAC,KAAA,EAAE,WAAU,qEACV,UAAA/B,KAAeK,EAAE,wBAAwB,GAC5C,GACF;AAAA,YAECT,IACC,gBAAAqC,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gFACZ,UAAA;AAAA,gBAAAH,IACC,gBAAAC;AAAA,kBAACG;AAAAA,kBAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,WAAU;AAAA,kBAAA;AAAA,gBAAA,IAEV;AAAA,gBACJ,gBAAAH;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAW;AAAA,sBACT;AAAA,sBACAD,IACI,uCACA;AAAA,oBAAA,EACJ,KAAK,GAAG;AAAA,oBAET,UAAAA,IACGzB,EAAE,sBAAsB,IACxBA,EAAE,yBAAyB;AAAA,sBACzB,MAAMT,EAAM;AAAA,sBACZ,OAAOA,EAAM;AAAA,oBAAA,CACd;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACP,GACF;AAAA,cACA,gBAAAmC;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,OAAON;AAAA,kBACP,KAAK;AAAA,kBACL,WAAWxB,EAAE,yBAAyB;AAAA,oBACpC,MAAMT,EAAM;AAAA,oBACZ,OAAOA,EAAM;AAAA,kBAAA,CACd;AAAA,kBACD,WACEkC,IACI,8DACA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAER,EAAA,CACF,IACE;AAAA,YAEJ,gBAAAC;AAAA,cAACK,EAAgB;AAAA,cAAhB;AAAA,gBACC,OAAOpB;AAAA,gBACP,eAAeC;AAAA,gBACf,cAAYZ,EAAE,kBAAkB;AAAA,gBAChC,WAAU;AAAA,gBAET,UAAAb,EAAM,IAAI,CAAC6C,MAAS;AAKnB,wBAAMC,IAAiBC;AAAA,oBACrBF,EAAK;AAAA,oBACLA,EAAK;AAAA,oBACL/B,EAAK;AAAA,kBAAA,GAEDkC,IAASH,EAAK,SAAShC,EAAEgC,EAAK,MAAM,IAAI,QACxCI,IAAYD,IACdnC,EAAE,uBAAuB,EAAE,OAAOiC,GAAgB,QAAAE,EAAA,CAAQ,IAC1DF,GACEI,IAAWrC,EAAEgC,EAAK,OAAO;AAC/B,yBACE,gBAAAJ;AAAA,oBAACG,EAAgB;AAAA,oBAAhB;AAAA,sBAEC,OAAOC,EAAK;AAAA,sBACZ,WAAW;AAAA,wBACT;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,wBACA;AAAA,sBAAA,EACA,KAAK,GAAG;AAAA,sBAEV,UAAA;AAAA,wBAAA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,yEACd,UAAA;AAAA,0BAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAAW,GAAS;AAAA,0BAC7C,gBAAAX,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAAU,EAAA,CAAU;AAAA,wBAAA,GAC/C;AAAA,wBACCJ,EAAK,gBAAgBA,EAAK,aAAa,SAAS,IAC/C,gBAAAN;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,cAAY1B,EAAE,qBAAqB;AAAA,4BACnC,WAAU;AAAA,4BAET,UAAAgC,EAAK,aAAa,IAAI,CAACM,GAAKC,MAC3B,gBAAAX;AAAA,8BAAC;AAAA,8BAAA;AAAA,gCAEC,WAAU;AAAA,gCAEV,UAAA;AAAA,kCAAA,gBAAAF;AAAA,oCAACc;AAAA,oCAAA;AAAA,sCACC,eAAY;AAAA,sCACZ,WAAU;AAAA,oCAAA;AAAA,kCAAA;AAAA,kCAEZ,gBAAAd,EAAC,QAAA,EAAM,UAAA1B,EAAEsC,CAAG,EAAA,CAAE;AAAA,gCAAA;AAAA,8BAAA;AAAA,8BAPTC;AAAA,4BAAA,CASR;AAAA,0BAAA;AAAA,wBAAA,IAED;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAnCCP,EAAK;AAAA,kBAAA;AAAA,gBAsChB,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAGH,gBAAAJ,EAAC,OAAA,EAAI,WAAU,+FACb,UAAA;AAAA,cAAA,gBAAAF,EAACC,EAAiB,QAAjB,EAAwB,SAAO,IAC9B,UAAA,gBAAAD,EAACe,GAAA,EAAO,QAAO,WAAU,SAAS3B,GAC/B,UAAAd,EAAE,mBAAmB,GACxB,GACF;AAAA,cACA,gBAAA0B,EAACC,EAAiB,QAAjB,EAAwB,SAAO,IAC9B,UAAA,gBAAAD,EAACe,GAAA,EAAO,QAAO,WAAU,SAAS1B,GAC/B,UAAAf,EAAE,oBAAoB,GACzB,EAAA,CACF;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF,EAAA,CACF;AAAA,EAEJ;AACF;AAEAjB,GAAgB,cAAc;"}
+{"version":3,"file":"freemium-paywall-B9kIDtm1.js","sources":["../../src/components/freemium-paywall/freemium-paywall.agent.ts","../../src/components/freemium-paywall/freemium-paywall.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — FreemiumPaywall.                                       */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { FreemiumPaywallHandle } from './freemium-paywall';\n\nexport const freemiumPaywallAgent: AgentAdapter<FreemiumPaywallHandle> = {\n  id: 'freemium-paywall',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.freemiumPaywall.state.isOpen',\n      description: 'True when the paywall dialog is open.',\n      read: (handle) => handle.isOpen(),\n    },\n    selectedPlanId: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.freemiumPaywall.state.selectedPlanId',\n      description: 'Opaque id of the currently-selected plan.',\n      read: (handle) => handle.getSelectedPlanId(),\n    },\n  },\n  actions: {\n    upgrade: {\n      safety: 'write',\n      descriptionKey: 'ui.agent.freemiumPaywall.actions.upgrade',\n      description: 'Fire onUpgrade with the currently-selected plan id.',\n      invoke: (handle) => {\n        handle.upgrade();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.freemiumPaywall.actions.dismiss',\n      description:\n        'Dismiss the paywall via the Not Now action. Irreversible from the same UI.',\n      invoke: (handle) => {\n        handle.dismiss();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'freemium-paywall',\n      description: 'Marks the FreemiumPaywall dialog content.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport * as RadixAlertDialog from '@radix-ui/react-alert-dialog';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { freemiumPaywallAgent } from './freemium-paywall.agent';\nimport { AlertTriangle, Check } from 'lucide-react';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { formatPaymentAmount } from '../payment-form';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface FreemiumPlan {\n  id: string;\n  /** Translation key for the plan name (e.g. `app.paywall.plans.pro`). */\n  nameKey: string;\n  /** Amount in minor units (cents, centesimi). */\n  priceAmount: number;\n  /** ISO 4217 currency code. */\n  currency: string;\n  /** Translation key for the cadence suffix (e.g. `app.paywall.period.month`). */\n  perKey?: string;\n  /** Per-line feature translation keys. */\n  featuresKeys?: string[];\n}\n\nconst contentVariants = cva(\n  [\n    'ds:fixed ds:z-[var(--z-modal)] ds:overflow-auto',\n    'ds:bg-[color:var(--popover)] ds:text-[color:var(--popover-foreground)]',\n    'ds:border ds:border-border ds:shadow-[var(--shadow-lg)]',\n    // forced-colors: keep the dialog boundary visible under Windows High\n    // Contrast, where `var(--border)` may collapse to system colours.\n    'ds:forced-colors:border-[CanvasText]',\n    'ds:focus:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      layout: {\n        centered:\n          'ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:rtl:translate-x-1/2 ds:rounded-[var(--radius-md)] ds:max-w-[var(--dialog-width-xl)] ds:w-[calc(100vw-2rem)] ds:max-h-[90vh]',\n        sheet:\n          'ds:inset-inline-0 ds:bottom-0 ds:w-full ds:max-h-[90vh] ds:rounded-t-[var(--radius-md)]',\n      },\n      density: {\n        compact:\n          'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        full: 'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-lg)]',\n      },\n    },\n    defaultVariants: { layout: 'centered', density: 'full' },\n  },\n);\n\n/** Curated imperative handle for agent / external automation. */\nexport interface FreemiumPaywallHandle {\n  isOpen: () => boolean;\n  getSelectedPlanId: () => string | null;\n  upgrade: () => void;\n  dismiss: () => void;\n}\n\nexport interface FreemiumPaywallProps extends VariantProps<\n  typeof contentVariants\n> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  plans: FreemiumPlan[];\n  /** Currently-selected plan id (controlled) or default. */\n  selectedPlanId?: string;\n  defaultSelectedPlanId?: string;\n  onSelectedPlanChange?: (id: string) => void;\n  /** Usage indicator values — omit the object to hide the bar. */\n  usage?: { used: number; limit: number };\n  /** Fires on upgrade. */\n  onUpgrade: (planId: string) => void;\n  /** Fires when the user dismisses via Not Now. */\n  onCancel?: () => void;\n  /** Title override; defaults to t('ui.paywall.title'). */\n  title?: ReactNode;\n  /** Description override; defaults to t('ui.paywall.description'). */\n  description?: ReactNode;\n  className?: string;\n}\n\nexport const FreemiumPaywall = forwardRef<HTMLDivElement, FreemiumPaywallProps>(\n  (\n    {\n      open,\n      onOpenChange,\n      plans,\n      selectedPlanId,\n      defaultSelectedPlanId,\n      onSelectedPlanChange,\n      usage,\n      onUpgrade,\n      onCancel,\n      title,\n      description,\n      layout = 'centered',\n      density = 'full',\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const titleId = useId();\n    const descId = useId();\n\n    const isControlled = selectedPlanId !== undefined;\n    const [internalSelected, setInternalSelected] = useState<string>(\n      defaultSelectedPlanId ?? plans[0]?.id ?? '',\n    );\n    const currentSelected = isControlled\n      ? (selectedPlanId ?? '')\n      : internalSelected;\n\n    const handleSelectedChange = (next: string) => {\n      if (!isControlled) setInternalSelected(next);\n      onSelectedPlanChange?.(next);\n    };\n\n    const handleCancel = () => {\n      onCancel?.();\n      onOpenChange(false);\n    };\n\n    const handleUpgrade = () => {\n      if (!currentSelected) return;\n      onUpgrade(currentSelected);\n    };\n\n    const openRef = useRef(open);\n    openRef.current = open;\n    const selectedRef = useRef<string>(currentSelected);\n    selectedRef.current = currentSelected;\n\n    const contentRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => contentRef.current as HTMLDivElement, []);\n\n    const agentHandle = useMemo<FreemiumPaywallHandle>(\n      () => ({\n        isOpen: () => openRef.current,\n        getSelectedPlanId: () => selectedRef.current || null,\n        upgrade: () => handleUpgrade(),\n        dismiss: () => handleCancel(),\n      }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [],\n    );\n    useAgentRegistration(freemiumPaywallAgent, agentHandle, undefined);\n\n    const usagePercent = usage\n      ? Math.min(\n          100,\n          Math.max(0, (usage.used / Math.max(1, usage.limit)) * 100),\n        )\n      : 0;\n    const usageFull = usage ? usage.used >= usage.limit : false;\n\n    return (\n      <RadixAlertDialog.Root open={open} onOpenChange={onOpenChange}>\n        <RadixAlertDialog.Portal>\n          <RadixAlertDialog.Overlay\n            className={[\n              'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n              'ds:bg-[color:var(--foreground)]/40',\n              'ds:motion-safe:data-[state=open]:animate-in ds:motion-safe:data-[state=closed]:animate-out',\n              'ds:[.theme-accessible_&]:animate-none',\n            ].join(' ')}\n          />\n          <RadixAlertDialog.Content\n            ref={contentRef}\n            aria-labelledby={titleId}\n            aria-describedby={descId}\n            className={contentVariants({ layout, density, className })}\n            data-component=\"freemium-paywall\"\n          >\n            <RadixAlertDialog.Title id={titleId} asChild>\n              <h2 className=\"type-title-card\">\n                {title ?? t('ui.paywall.title')}\n              </h2>\n            </RadixAlertDialog.Title>\n            <RadixAlertDialog.Description id={descId} asChild>\n              <p className=\"ds:mt-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]\">\n                {description ?? t('ui.paywall.description')}\n              </p>\n            </RadixAlertDialog.Description>\n\n            {usage ? (\n              <div className=\"ds:mt-[var(--spacing-md)]\">\n                <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:mb-[var(--spacing-xs)]\">\n                  {usageFull ? (\n                    <AlertTriangle\n                      aria-hidden=\"true\"\n                      className=\"ds:size-4 ds:text-[color:var(--destructive)]\"\n                    />\n                  ) : null}\n                  <span\n                    className={[\n                      'type-body-sm',\n                      usageFull\n                        ? 'ds:text-[color:var(--destructive)]'\n                        : 'ds:text-[color:var(--muted-foreground)]',\n                    ].join(' ')}\n                  >\n                    {usageFull\n                      ? t('ui.paywall.usageFull')\n                      : t('ui.paywall.usageLabel', {\n                          used: usage.used,\n                          limit: usage.limit,\n                        })}\n                  </span>\n                </div>\n                <Progress\n                  value={usagePercent}\n                  max={100}\n                  ariaLabel={t('ui.paywall.usageLabel', {\n                    used: usage.used,\n                    limit: usage.limit,\n                  })}\n                  className={\n                    usageFull\n                      ? 'ds:[&_[role=progressbar]>*]:bg-[color:var(--destructive)]'\n                      : ''\n                  }\n                />\n              </div>\n            ) : null}\n\n            <RadixRadioGroup.Root\n              value={currentSelected}\n              onValueChange={handleSelectedChange}\n              aria-label={t('ui.paywall.title')}\n              className=\"ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n            >\n              {plans.map((plan) => {\n                // Reuse the payment-form helper — it knows about\n                // zero-decimal currencies (JPY, KRW, VND …) and applies\n                // the right divisor. Raw `/ 100` would 100× the price in\n                // those currencies.\n                const formattedPrice = formatPaymentAmount(\n                  plan.priceAmount,\n                  plan.currency,\n                  i18n.language,\n                );\n                const period = plan.perKey ? t(plan.perKey) : undefined;\n                const priceLine = period\n                  ? t('ui.paywall.pricePer', { price: formattedPrice, period })\n                  : formattedPrice;\n                const planName = t(plan.nameKey);\n                return (\n                  <RadixRadioGroup.Item\n                    key={plan.id}\n                    value={plan.id}\n                    className={[\n                      'ds:group ds:relative ds:flex ds:flex-col ds:items-stretch',\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:text-start ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n                      'ds:data-[state=checked]:border-[color:var(--primary)]',\n                      'ds:data-[state=checked]:bg-[color:var(--primary)]/5',\n                      'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                      'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                    ].join(' ')}\n                  >\n                    <span className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n                      <span className=\"ds:font-semibold\">{planName}</span>\n                      <span className=\"ds:tabular-nums\">{priceLine}</span>\n                    </span>\n                    {plan.featuresKeys && plan.featuresKeys.length > 0 ? (\n                      <ul\n                        aria-label={t('ui.paywall.features')}\n                        className=\"ds:mt-[var(--spacing-xs)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n                      >\n                        {plan.featuresKeys.map((key, i) => (\n                          <li\n                            key={i}\n                            className=\"ds:flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm\"\n                          >\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--primary)] ds:mt-[1px]\"\n                            />\n                            <span>{t(key)}</span>\n                          </li>\n                        ))}\n                      </ul>\n                    ) : null}\n                  </RadixRadioGroup.Item>\n                );\n              })}\n            </RadixRadioGroup.Root>\n\n            <div className=\"ds:mt-[var(--spacing-lg)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:justify-end\">\n              <RadixAlertDialog.Cancel asChild>\n                <Button intent=\"outline\" onClick={handleCancel}>\n                  {t('ui.paywall.notNow')}\n                </Button>\n              </RadixAlertDialog.Cancel>\n              <RadixAlertDialog.Action asChild>\n                <Button intent=\"primary\" onClick={handleUpgrade}>\n                  {t('ui.paywall.upgrade')}\n                </Button>\n              </RadixAlertDialog.Action>\n            </div>\n          </RadixAlertDialog.Content>\n        </RadixAlertDialog.Portal>\n      </RadixAlertDialog.Root>\n    );\n  },\n);\n\nFreemiumPaywall.displayName = 'FreemiumPaywall';\n"],"names":["freemiumPaywallAgent","handle","contentVariants","cva","FreemiumPaywall","forwardRef","open","onOpenChange","plans","selectedPlanId","defaultSelectedPlanId","onSelectedPlanChange","usage","onUpgrade","onCancel","title","description","layout","density","className","ref","t","i18n","useTranslation","titleId","useId","descId","isControlled","internalSelected","setInternalSelected","useState","_a","currentSelected","handleSelectedChange","next","handleCancel","handleUpgrade","openRef","useRef","selectedRef","contentRef","useImperativeHandle","agentHandle","useMemo","useAgentRegistration","usagePercent","usageFull","jsx","RadixAlertDialog","jsxs","AlertTriangle","Progress","RadixRadioGroup","plan","formattedPrice","formatPaymentAmount","period","priceLine","planName","key","i","Check","Button"],"mappings":"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"}

package/dist/_chunks/{payment-form-BIk2K3i3.js → payment-form-C3HMAsGG.js}

@@ -3,7 +3,7 @@ import { forwardRef as se, useState as E, useEffect as R, useRef as V, useMemo a
 import { c as z } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
 import { S as J } from "./spinner-DLaYfLPl.js";
-import { A as W } from "./alert-34A3K8y-.js";
+import { A as W } from "./alert-CVMq99Cq.js";
 import { loadStripe as de } from "@stripe/stripe-js";
 import { Elements as ce, useStripe as le, useElements as me, PaymentElement as ue, AddressElement as pe } from "@stripe/react-stripe-js";
 import { u as fe } from "./registry-C9nwlNyL.js";
@@ -587,4 +587,4 @@ export {
   ye as p,
   ee as s
 };
-//# sourceMappingURL=payment-form-BIk2K3i3.js.map
+//# sourceMappingURL=payment-form-C3HMAsGG.js.map