@alfadocs/ui-kit-debug 0.38.0 → 0.40.0

package/dist/_chunks/{file-upload-CnzRcErt.js → file-upload-BosbPDb1.js}

@@ -181,7 +181,7 @@ const Ve = [
 ), Te = B(
   [
     "ds:flex ds:items-center ds:gap-[var(--spacing-md)]",
-    "ds:rounded-[var(--radius-md)] ds:border ds:bg-background",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)] ds:bg-background",
     "ds:p-[var(--spacing-md)]",
     "ds:text-[length:var(--font-size-sm)] ds:text-foreground",
     "ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
@@ -797,4 +797,4 @@ export {
   Ee as L,
   qe as f
 };
-//# sourceMappingURL=file-upload-CnzRcErt.js.map
+//# sourceMappingURL=file-upload-BosbPDb1.js.map

package/dist/_chunks/file-upload-BosbPDb1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-BosbPDb1.js","sources":["../../node_modules/lucide-react/dist/esm/icons/cloud-upload.js","../../node_modules/lucide-react/dist/esm/icons/file-archive.js","../../node_modules/lucide-react/dist/esm/icons/file-image.js","../../node_modules/lucide-react/dist/esm/icons/file.js","../../node_modules/lucide-react/dist/esm/icons/loader-circle.js","../../node_modules/lucide-react/dist/esm/icons/upload.js","../../src/components/file-upload/file-upload.agent.ts","../../src/components/file-upload/file-upload.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 13v8\", key: \"1l5pq0\" }],\n  [\"path\", { d: \"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\", key: \"1pljnt\" }],\n  [\"path\", { d: \"m8 17 4-4 4 4\", key: \"1quai1\" }]\n];\nconst CloudUpload = createLucideIcon(\"cloud-upload\", __iconNode);\n\nexport { __iconNode, CloudUpload as default };\n//# sourceMappingURL=cloud-upload.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: \"M13.659 22H18a2 2 0 0 0 2-2V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v11.5\",\n      key: \"4pqfef\"\n    }\n  ],\n  [\"path\", { d: \"M14 2v5a1 1 0 0 0 1 1h5\", key: \"wfsgrz\" }],\n  [\"path\", { d: \"M8 12v-1\", key: \"1ej8lb\" }],\n  [\"path\", { d: \"M8 18v-2\", key: \"qcmpov\" }],\n  [\"path\", { d: \"M8 7V6\", key: \"1nbb54\" }],\n  [\"circle\", { cx: \"8\", cy: \"20\", r: \"2\", key: \"ckkr5m\" }]\n];\nconst FileArchive = createLucideIcon(\"file-archive\", __iconNode);\n\nexport { __iconNode, FileArchive as default };\n//# sourceMappingURL=file-archive.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: \"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\",\n      key: \"1oefj6\"\n    }\n  ],\n  [\"path\", { d: \"M14 2v5a1 1 0 0 0 1 1h5\", key: \"wfsgrz\" }],\n  [\"circle\", { cx: \"10\", cy: \"12\", r: \"2\", key: \"737tya\" }],\n  [\"path\", { d: \"m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22\", key: \"wt3hpn\" }]\n];\nconst FileImage = createLucideIcon(\"file-image\", __iconNode);\n\nexport { __iconNode, FileImage as default };\n//# sourceMappingURL=file-image.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: \"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\",\n      key: \"1oefj6\"\n    }\n  ],\n  [\"path\", { d: \"M14 2v5a1 1 0 0 0 1 1h5\", key: \"wfsgrz\" }]\n];\nconst File = createLucideIcon(\"file\", __iconNode);\n\nexport { __iconNode, File as default };\n//# sourceMappingURL=file.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 = [[\"path\", { d: \"M21 12a9 9 0 1 1-6.219-8.56\", key: \"13zald\" }]];\nconst LoaderCircle = createLucideIcon(\"loader-circle\", __iconNode);\n\nexport { __iconNode, LoaderCircle as default };\n//# sourceMappingURL=loader-circle.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  [\"path\", { d: \"M12 3v12\", key: \"1x0j5s\" }],\n  [\"path\", { d: \"m17 8-5-5-5 5\", key: \"7q97r8\" }],\n  [\"path\", { d: \"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\", key: \"ih7n3h\" }]\n];\nconst Upload = createLucideIcon(\"upload\", __iconNode);\n\nexport { __iconNode, Upload as default };\n//# sourceMappingURL=upload.js.map\n","import type { AgentAdapter } from '../../agent/types';\nimport type { FileUploadHandle } from './file-upload';\n\nexport const fileUploadAgent: AgentAdapter<FileUploadHandle> = {\n  id: 'file-upload',\n  capabilities: ['submit', 'dismiss'],\n  state: {\n    files: {\n      type: 'Array<{ id, name, size, status }>',\n      description:\n        'Files currently tracked by the uploader. Identifiers and metadata only — never file content.',\n      read: (handle) => handle.getFiles(),\n    },\n  },\n  actions: {\n    remove_file: {\n      safety: 'destructive',\n      argsType: '{ id: string }',\n      description: 'Remove the file with the given id from the upload list.',\n      invoke: (handle, args: { id: string }) => {\n        handle.removeFile(args.id);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      description: 'Remove all files from the upload list.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'file-upload' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-file-id',\n      description: 'Each tracked file emits its id as data-file-id.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useDropzone, type FileRejection } from 'react-dropzone';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  AlertCircle,\n  CheckCircle2,\n  CloudUpload,\n  File as FileIcon,\n  FileArchive,\n  FileImage,\n  FileSpreadsheet,\n  FileText,\n  Loader2,\n  Upload,\n  X,\n} from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport { useAgentRegistration } from '../../agent';\nimport { fileUploadAgent } from './file-upload.agent';\n\n/* -------------------------------------------------------------------------- */\n/*  Types                                                                     */\n/* -------------------------------------------------------------------------- */\n\nexport interface FileUploadFile {\n  file: File;\n  id: string;\n  status: 'pending' | 'uploading' | 'complete' | 'error';\n  progress: number;\n  preview?: string;\n  error?: string;\n}\n\nexport interface FileUploadRejection {\n  file: File;\n  reason:\n    | 'file-too-large'\n    | 'file-too-small'\n    | 'file-invalid-type'\n    | 'too-many-files';\n}\n\n// Curated agent-readiness handle — see file-upload.agent.ts.\nexport interface FileUploadHandle {\n  getFiles: () => Array<{\n    id: string;\n    name: string;\n    size: number;\n    status: FileUploadFile['status'];\n  }>;\n  removeFile: (id: string) => void;\n  clear: () => void;\n}\n\nexport interface FileUploadProps {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  accept?: Record<string, string[]>;\n  maxSize?: number;\n  minSize?: number;\n  maxFiles?: number;\n  multiple?: boolean;\n  disabled?: boolean;\n  strictAccept?: boolean;\n  onDrop?: (accepted: File[], rejected: FileUploadRejection[]) => void;\n  onUpload?: (\n    file: File,\n    helpers: {\n      signal: AbortSignal;\n      onProgress: (percent: number) => void;\n    },\n  ) => Promise<void>;\n  onRemove?: (file: FileUploadFile) => void;\n  onReject?: (rejections: FileUploadRejection[]) => void;\n  variant?: 'dropzone' | 'button' | 'both';\n  showPreview?: boolean;\n  className?: string;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  CVA                                                                       */\n/* -------------------------------------------------------------------------- */\n\nconst dropzoneVariants = cva(\n  [\n    'ds:relative ds:flex ds:flex-col ds:items-center ds:justify-center',\n    'ds:min-h-48 ds:px-[var(--spacing-lg)] ds:py-[var(--spacing-xl)]',\n    'ds:rounded-[var(--radius-lg)] ds:border-2 ds:border-dashed',\n    'ds:bg-background',\n    'ds:transition-all 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-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:cursor-pointer',\n    'ds:group',\n  ].join(' '),\n  {\n    variants: {\n      isDragActive: {\n        true: 'ds:border-primary ds:bg-primary/10 ds:scale-[1.01]',\n        false:\n          'ds:border-border ds:hover:border-muted-foreground/40 ds:hover:bg-muted/5',\n      },\n      hasError: {\n        true: 'ds:border-destructive ds:bg-destructive/5 ds:hover:border-destructive',\n        false: '',\n      },\n      isDisabled: {\n        true: 'ds:cursor-not-allowed ds:opacity-50 ds:hover:border-border ds:hover:bg-background',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isDragActive: false,\n      hasError: false,\n      isDisabled: false,\n    },\n  },\n);\n\nconst browseButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]',\n    'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-primary/30 ds:bg-primary/5',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-sm)]',\n    'ds:text-primary ds:text-[length:var(--font-size-sm)] ds:font-medium',\n    'ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-primary/10 ds:hover:border-primary/50',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n);\n\nconst fileItemVariants = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)] ds:bg-background',\n    'ds:p-[var(--spacing-md)]',\n    'ds:text-[length:var(--font-size-sm)] ds:text-foreground',\n    'ds:transition-all ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      status: {\n        pending: 'ds:border-border',\n        uploading: 'ds:border-primary/30 ds:bg-primary/[0.02]',\n        complete: 'ds:border-[var(--success)]/30 ds:bg-[var(--success)]/[0.02]',\n        error: 'ds:border-destructive/30 ds:bg-destructive/[0.02]',\n      },\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst actionButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-muted-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:text-foreground ds:hover:bg-muted/40',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  ].join(' '),\n);\n\n/* -------------------------------------------------------------------------- */\n/*  Helpers                                                                   */\n/* -------------------------------------------------------------------------- */\n\nfunction generateId(): string {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n    return crypto.randomUUID();\n  }\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;\n}\n\nfunction isImageFile(file: File): boolean {\n  return file.type.startsWith('image/');\n}\n\nfunction getFileIcon(file: File): ReactNode {\n  const ext = file.name.split('.').pop()?.toLowerCase() ?? '';\n  if (['pdf', 'doc', 'docx', 'txt', 'rtf'].includes(ext)) {\n    return (\n      <FileText\n        aria-hidden=\"true\"\n        className=\"ds:size-10 ds:shrink-0 ds:text-muted-foreground\"\n      />\n    );\n  }\n  if (['zip', 'rar', '7z', 'tar', 'gz'].includes(ext)) {\n    return (\n      <FileArchive\n        aria-hidden=\"true\"\n        className=\"ds:size-10 ds:shrink-0 ds:text-muted-foreground\"\n      />\n    );\n  }\n  if (['xls', 'xlsx', 'csv'].includes(ext)) {\n    return (\n      <FileSpreadsheet\n        aria-hidden=\"true\"\n        className=\"ds:size-10 ds:shrink-0 ds:text-muted-foreground\"\n      />\n    );\n  }\n  if (['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg', 'bmp'].includes(ext)) {\n    return (\n      <FileImage\n        aria-hidden=\"true\"\n        className=\"ds:size-10 ds:shrink-0 ds:text-muted-foreground\"\n      />\n    );\n  }\n  return (\n    <FileIcon\n      aria-hidden=\"true\"\n      className=\"ds:size-10 ds:shrink-0 ds:text-muted-foreground\"\n    />\n  );\n}\n\nfunction getStatusIcon(status: FileUploadFile['status']): ReactNode {\n  switch (status) {\n    case 'uploading':\n      return (\n        <Loader2\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:shrink-0 ds:text-primary ds:animate-spin\"\n        />\n      );\n    case 'complete':\n      return (\n        <CheckCircle2\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:shrink-0 ds:text-[var(--success)]\"\n        />\n      );\n    case 'error':\n      return (\n        <AlertCircle\n          aria-hidden=\"true\"\n          className=\"ds:size-4 ds:shrink-0 ds:text-destructive\"\n        />\n      );\n    default:\n      return null;\n  }\n}\n\nconst UNIT_KEYS = [\n  'inputs.fileUpload.units.bytes',\n  'inputs.fileUpload.units.kilobytes',\n  'inputs.fileUpload.units.megabytes',\n  'inputs.fileUpload.units.gigabytes',\n] as const;\n\nconst UNIT_FALLBACKS = ['B', 'KB', 'MB', 'GB'] as const;\n\nfunction formatFileSize(\n  bytes: number,\n  locale: string,\n  t: (key: string, fallback: string) => string,\n): string {\n  let value = bytes;\n  let unitIndex = 0;\n  while (value >= 1024 && unitIndex < UNIT_FALLBACKS.length - 1) {\n    value /= 1024;\n    unitIndex++;\n  }\n  const formatted = new Intl.NumberFormat(locale, {\n    maximumFractionDigits: unitIndex === 0 ? 0 : 1,\n  }).format(value);\n  const unit = t(UNIT_KEYS[unitIndex], UNIT_FALLBACKS[unitIndex]);\n  return `${formatted} ${unit}`;\n}\n\nfunction mapRejectionCode(code: string): FileUploadRejection['reason'] {\n  switch (code) {\n    case 'file-too-large':\n      return 'file-too-large';\n    case 'file-too-small':\n      return 'file-too-small';\n    case 'file-invalid-type':\n      return 'file-invalid-type';\n    case 'too-many-files':\n      return 'too-many-files';\n    default:\n      return 'file-invalid-type';\n  }\n}\n\nfunction getExtensionFromName(name: string): string {\n  const parts = name.split('.');\n  return parts.length > 1 ? `.${parts.pop()!.toLowerCase()}` : '';\n}\n\n// Single source of truth for `accept`-based file matching.\n// Semantics: file passes if any entry matches BOTH mime AND extension.\n// An empty extensions list for an entry means \"any extension is fine\".\nfunction isAcceptedFile(file: File, accept: Record<string, string[]>): boolean {\n  const fileExt = getExtensionFromName(file.name);\n  for (const [mime, extensions] of Object.entries(accept)) {\n    const mimeMatch =\n      mime === '*/*' ||\n      (mime.endsWith('/*') && file.type.startsWith(mime.replace('/*', '/'))) ||\n      file.type === mime;\n    const extMatch =\n      extensions.length === 0 ||\n      extensions.some((ext) => ext.toLowerCase() === fileExt);\n    if (mimeMatch && extMatch) return true;\n  }\n  return false;\n}\n\nfunction formatAcceptHint(accept: Record<string, string[]>): string {\n  const extensions: string[] = [];\n  for (const exts of Object.values(accept)) {\n    for (const ext of exts) {\n      extensions.push(ext.toUpperCase().replace('.', ''));\n    }\n  }\n  if (extensions.length > 0) return extensions.join(', ');\n  const mimeLabels: string[] = [];\n  for (const mime of Object.keys(accept)) {\n    if (mime.endsWith('/*')) {\n      mimeLabels.push(mime.replace('/*', '').split('/').pop() ?? mime);\n    } else {\n      mimeLabels.push(mime.split('/').pop() ?? mime);\n    }\n  }\n  return mimeLabels.join(', ');\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                 */\n/* -------------------------------------------------------------------------- */\n\nexport const FileUpload = forwardRef<HTMLDivElement, FileUploadProps>(\n  (\n    {\n      id,\n      accept,\n      maxSize,\n      minSize,\n      maxFiles = 1,\n      multiple = false,\n      disabled,\n      strictAccept = false,\n      onDrop: onDropProp,\n      onUpload,\n      onRemove,\n      onReject,\n      variant = 'both',\n      showPreview = true,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    const fallbackId = useId();\n\n    const effectiveDisabled = ctx.disabled || disabled;\n    const hasError = ctx.invalid;\n    const inputId = ctx.id || fallbackId;\n\n    const [files, setFiles] = useState<FileUploadFile[]>([]);\n    const [rejections, setRejections] = useState<FileUploadRejection[]>([]);\n    const abortControllers = useRef<Map<string, AbortController>>(new Map());\n    const statusRef = useRef<HTMLSpanElement>(null);\n    const filesRef = useRef<FileUploadFile[]>(files);\n    filesRef.current = files;\n\n    const announceStatus = useCallback((message: string) => {\n      if (statusRef.current) {\n        statusRef.current.textContent = message;\n      }\n    }, []);\n\n    const validateStrictAccept = useCallback(\n      (file: File): boolean => {\n        if (!strictAccept || !accept) return true;\n        return isAcceptedFile(file, accept);\n      },\n      [strictAccept, accept],\n    );\n\n    const uploadFile = useCallback(\n      async (uploadFileState: FileUploadFile) => {\n        if (!onUpload) return;\n        const controller = new AbortController();\n        abortControllers.current.set(uploadFileState.id, controller);\n\n        setFiles((prev) =>\n          prev.map((f) =>\n            f.id === uploadFileState.id\n              ? { ...f, status: 'uploading', progress: 0 }\n              : f,\n          ),\n        );\n        announceStatus(t('inputs.fileUpload.uploading', 'Uploading\\u2026'));\n\n        try {\n          await onUpload(uploadFileState.file, {\n            signal: controller.signal,\n            onProgress: (percent: number) => {\n              setFiles((prev) =>\n                prev.map((f) =>\n                  f.id === uploadFileState.id ? { ...f, progress: percent } : f,\n                ),\n              );\n              announceStatus(\n                t('inputs.fileUpload.progress', '{{percent}}% uploaded', {\n                  percent,\n                }),\n              );\n            },\n          });\n          setFiles((prev) =>\n            prev.map((f) =>\n              f.id === uploadFileState.id\n                ? { ...f, status: 'complete', progress: 100 }\n                : f,\n            ),\n          );\n          announceStatus(t('inputs.fileUpload.complete', 'Upload complete'));\n        } catch (err: unknown) {\n          if (controller.signal.aborted) {\n            setFiles((prev) => prev.filter((f) => f.id !== uploadFileState.id));\n            return;\n          }\n          const errorMessage =\n            err instanceof Error\n              ? err.message\n              : t('inputs.fileUpload.errors.uploadFailed', 'Upload failed');\n          setFiles((prev) =>\n            prev.map((f) =>\n              f.id === uploadFileState.id\n                ? { ...f, status: 'error', error: errorMessage }\n                : f,\n            ),\n          );\n        } finally {\n          abortControllers.current.delete(uploadFileState.id);\n        }\n      },\n      [onUpload, announceStatus, t],\n    );\n\n    const handleDrop = useCallback(\n      (accepted: File[], fileRejections: FileRejection[]) => {\n        const mapped: FileUploadRejection[] = fileRejections.flatMap((r) =>\n          r.errors.map((e) => ({\n            file: r.file,\n            reason: mapRejectionCode(e.code),\n          })),\n        );\n\n        const strictRejected: FileUploadRejection[] = [];\n        const strictAccepted: File[] = [];\n        for (const file of accepted) {\n          if (!validateStrictAccept(file)) {\n            strictRejected.push({ file, reason: 'file-invalid-type' });\n          } else {\n            strictAccepted.push(file);\n          }\n        }\n\n        const allRejections = [...mapped, ...strictRejected];\n        setRejections(allRejections);\n\n        if (allRejections.length > 0) {\n          onReject?.(allRejections);\n        }\n\n        const newFiles: FileUploadFile[] = strictAccepted.map((file) => ({\n          file,\n          id: generateId(),\n          status: 'pending' as const,\n          progress: 0,\n          preview: isImageFile(file) ? URL.createObjectURL(file) : undefined,\n        }));\n\n        setFiles((prev) => {\n          if (!multiple && maxFiles === 1) {\n            for (const f of prev) {\n              if (f.preview) URL.revokeObjectURL(f.preview);\n            }\n            return newFiles;\n          }\n          return [...prev, ...newFiles];\n        });\n\n        onDropProp?.(strictAccepted, allRejections);\n        announceStatus(\n          t('inputs.fileUpload.filesSelected', '{{count}} file(s) selected', {\n            count: strictAccepted.length,\n          }),\n        );\n\n        for (const nf of newFiles) {\n          void uploadFile(nf);\n        }\n      },\n      [\n        multiple,\n        maxFiles,\n        onDropProp,\n        onReject,\n        validateStrictAccept,\n        announceStatus,\n        uploadFile,\n        t,\n      ],\n    );\n\n    const { getRootProps, getInputProps, isDragActive, open } = useDropzone({\n      accept,\n      maxSize,\n      minSize,\n      maxFiles: multiple ? maxFiles : 1,\n      multiple,\n      disabled: effectiveDisabled,\n      onDrop: handleDrop,\n      noClick: variant === 'button',\n      noKeyboard: variant === 'button',\n    });\n\n    const handleCancel = useCallback((fileId: string) => {\n      const controller = abortControllers.current.get(fileId);\n      controller?.abort();\n      setFiles((prev) => {\n        const file = prev.find((f) => f.id === fileId);\n        if (file?.preview) URL.revokeObjectURL(file.preview);\n        return prev.filter((f) => f.id !== fileId);\n      });\n    }, []);\n\n    const handleRemove = useCallback(\n      (fileId: string) => {\n        const removed = filesRef.current.find((f) => f.id === fileId);\n        if (removed?.preview) URL.revokeObjectURL(removed.preview);\n        setFiles((prev) => prev.filter((f) => f.id !== fileId));\n        if (removed) {\n          onRemove?.(removed);\n        }\n      },\n      [onRemove],\n    );\n\n    const clearAll = useCallback(() => {\n      for (const f of filesRef.current) {\n        const controller = abortControllers.current.get(f.id);\n        controller?.abort();\n        if (f.preview) URL.revokeObjectURL(f.preview);\n      }\n      setFiles([]);\n    }, []);\n\n    const agentHandle = useMemo<FileUploadHandle>(\n      () => ({\n        getFiles: () =>\n          filesRef.current.map((f) => ({\n            id: f.id,\n            name: f.file.name,\n            size: f.file.size,\n            status: f.status,\n          })),\n        removeFile: (fileId: string) => handleRemove(fileId),\n        clear: () => clearAll(),\n      }),\n      [handleRemove, clearAll],\n    );\n    useAgentRegistration(fileUploadAgent, agentHandle, id);\n\n    const validatePastedFiles = useCallback(\n      (\n        pastedFiles: File[],\n      ): { accepted: File[]; rejected: FileUploadRejection[] } => {\n        const accepted: File[] = [];\n        const rejected: FileUploadRejection[] = [];\n        const effectiveMaxFiles = multiple ? maxFiles : 1;\n\n        for (const file of pastedFiles) {\n          if (accepted.length >= effectiveMaxFiles) {\n            rejected.push({ file, reason: 'too-many-files' });\n            continue;\n          }\n          if (maxSize !== undefined && file.size > maxSize) {\n            rejected.push({ file, reason: 'file-too-large' });\n            continue;\n          }\n          if (minSize !== undefined && file.size < minSize) {\n            rejected.push({ file, reason: 'file-too-small' });\n            continue;\n          }\n          if (accept && !isAcceptedFile(file, accept)) {\n            rejected.push({ file, reason: 'file-invalid-type' });\n            continue;\n          }\n          accepted.push(file);\n        }\n        return { accepted, rejected };\n      },\n      [accept, maxSize, minSize, maxFiles, multiple],\n    );\n\n    const handlePaste = useCallback(\n      (event: ClipboardEvent<HTMLDivElement>) => {\n        if (effectiveDisabled) return;\n        const pastedFiles = Array.from(event.clipboardData.files);\n        if (pastedFiles.length > 0) {\n          event.preventDefault();\n          const { accepted, rejected } = validatePastedFiles(pastedFiles);\n          const fileRejections: FileRejection[] = rejected.map((r) => ({\n            file: r.file,\n            errors: [{ code: r.reason, message: r.reason }],\n          }));\n          handleDrop(accepted, fileRejections);\n        }\n      },\n      [effectiveDisabled, handleDrop, validatePastedFiles],\n    );\n\n    useEffect(() => {\n      return () => {\n        for (const f of filesRef.current) {\n          if (f.preview) URL.revokeObjectURL(f.preview);\n        }\n      };\n    }, []);\n\n    const constraintHints = useMemo(() => {\n      const hints: string[] = [];\n      if (accept) {\n        hints.push(formatAcceptHint(accept));\n      }\n      if (maxSize) {\n        hints.push(\n          t('inputs.fileUpload.maxSizeHint', 'Max {{size}}', {\n            size: formatFileSize(maxSize, i18n.language, t),\n          }),\n        );\n      }\n      if (multiple && maxFiles > 1) {\n        hints.push(\n          t('inputs.fileUpload.maxFilesHint', 'Up to {{count}} files', {\n            count: maxFiles,\n          }),\n        );\n      }\n      return hints;\n    }, [accept, maxSize, multiple, maxFiles, t, i18n.language]);\n\n    const errorMessages = useMemo(() => {\n      return rejections.map((r) => {\n        switch (r.reason) {\n          case 'file-too-large':\n            return t(\n              'inputs.fileUpload.errors.fileTooLarge',\n              'File exceeds {{maxSize}}',\n              {\n                maxSize: maxSize\n                  ? formatFileSize(maxSize, i18n.language, t)\n                  : '',\n              },\n            );\n          case 'file-too-small':\n            return t(\n              'inputs.fileUpload.errors.fileTooSmall',\n              'File is smaller than {{minSize}}',\n              {\n                minSize: minSize\n                  ? formatFileSize(minSize, i18n.language, t)\n                  : '',\n              },\n            );\n          case 'file-invalid-type':\n            return t(\n              'inputs.fileUpload.errors.fileInvalidType',\n              'File type not accepted',\n            );\n          case 'too-many-files':\n            return t(\n              'inputs.fileUpload.errors.tooManyFiles',\n              'Maximum {{maxFiles}} files allowed',\n              {\n                maxFiles,\n              },\n            );\n        }\n      });\n    }, [rejections, t, maxSize, minSize, maxFiles, i18n.language]);\n\n    const renderFileList = () => {\n      if (files.length === 0) return null;\n\n      return (\n        <ul className=\"ds:mt-[var(--spacing-md)] ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:p-0 ds:m-0\">\n          {files.map((f) => (\n            <li\n              key={f.id}\n              data-file-id={f.id}\n              className={fileItemVariants({ status: f.status })}\n            >\n              {showPreview && f.preview ? (\n                <img\n                  src={f.preview}\n                  alt=\"\"\n                  aria-hidden=\"true\"\n                  className=\"ds:size-12 ds:shrink-0 ds:rounded-[var(--radius-md)] ds:object-cover ds:border ds:border-border\"\n                />\n              ) : (\n                getFileIcon(f.file)\n              )}\n\n              <div className=\"ds:flex-1 ds:min-w-0\">\n                <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                  <p className=\"ds:truncate type-label ds:m-0\">{f.file.name}</p>\n                  {getStatusIcon(f.status)}\n                </div>\n                <p className=\"type-meta ds:text-muted-foreground ds:m-0 ds:mt-0.5\">\n                  {formatFileSize(f.file.size, i18n.language, t)}\n                  {f.status === 'uploading' && (\n                    <span className=\"ds:ms-[var(--spacing-sm)] ds:text-primary ds:font-medium\">\n                      {f.progress}%\n                    </span>\n                  )}\n                  {f.status === 'complete' && (\n                    <span className=\"ds:ms-[var(--spacing-sm)] ds:text-[var(--success)] ds:font-medium\">\n                      {t('inputs.fileUpload.complete', 'Complete')}\n                    </span>\n                  )}\n                </p>\n\n                {f.status === 'uploading' && (\n                  <div\n                    role=\"progressbar\"\n                    aria-label={f.file.name}\n                    aria-valuenow={f.progress}\n                    aria-valuemin={0}\n                    aria-valuemax={100}\n                    className=\"ds:mt-[var(--spacing-sm)] ds:h-1.5 ds:w-full ds:rounded-[var(--radius-full)] ds:bg-muted ds:overflow-hidden\"\n                  >\n                    <div\n                      className=\"ds:h-full ds:rounded-[var(--radius-full)] ds:bg-primary ds:transition-[inline-size] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none\"\n                      // eslint-disable-next-line react/forbid-dom-props -- progress bar width is runtime-computed\n                      style={{ inlineSize: `${f.progress}%` }}\n                    />\n                  </div>\n                )}\n\n                {f.status === 'error' && f.error && (\n                  <p\n                    role=\"alert\"\n                    className=\"type-meta ds:text-destructive ds:m-0 ds:mt-[var(--spacing-xs)]\"\n                  >\n                    {f.error}\n                  </p>\n                )}\n              </div>\n\n              {f.status === 'uploading' && (\n                <button\n                  type=\"button\"\n                  onClick={() => handleCancel(f.id)}\n                  aria-label={t('inputs.fileUpload.cancel', 'Cancel upload')}\n                  className={actionButtonVariants()}\n                >\n                  <X aria-hidden=\"true\" className=\"ds:size-4\" />\n                </button>\n              )}\n              {(f.status === 'complete' ||\n                f.status === 'pending' ||\n                f.status === 'error') && (\n                <button\n                  type=\"button\"\n                  onClick={() => handleRemove(f.id)}\n                  aria-label={t('inputs.fileUpload.remove', 'Remove file')}\n                  className={actionButtonVariants()}\n                >\n                  <X aria-hidden=\"true\" className=\"ds:size-4\" />\n                </button>\n              )}\n            </li>\n          ))}\n        </ul>\n      );\n    };\n\n    const renderDropzone = () => {\n      if (variant === 'button') return null;\n\n      const rootProps = getRootProps({\n        className: dropzoneVariants({\n          isDragActive,\n          hasError: hasError ?? false,\n          isDisabled: effectiveDisabled ?? false,\n          className,\n        }),\n        tabIndex: effectiveDisabled ? -1 : 0,\n      });\n\n      // Compose the caller's forwarded ref with react-dropzone's internal\n      // root ref. Spreading `{...rootProps}` and then setting `ref={ref}`\n      // would clobber dropzone's ref callback, breaking its keydown guard\n      // (`rootRef.current.isEqualNode(event.target)`).\n      const rootRefFromDropzone = (\n        rootProps as unknown as {\n          ref?:\n            | ((node: HTMLDivElement | null) => void)\n            | { current: HTMLDivElement | null };\n        }\n      ).ref;\n      const composedRef = (node: HTMLDivElement | null) => {\n        if (typeof rootRefFromDropzone === 'function') {\n          rootRefFromDropzone(node);\n        } else if (rootRefFromDropzone) {\n          (rootRefFromDropzone as { current: HTMLDivElement | null }).current =\n            node;\n        }\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as { current: HTMLDivElement | null }).current = node;\n        }\n      };\n      return (\n        <div\n          {...rootProps}\n          ref={composedRef}\n          onPaste={handlePaste}\n          id={inputId}\n          aria-label={t(\n            'inputs.fileUpload.dropHere',\n            'Drop files here or click to browse',\n          )}\n          aria-describedby={ctx.describedBy || undefined}\n          aria-invalid={ctx.invalid || undefined}\n          aria-required={ctx.required || undefined}\n          data-testid=\"file-upload-dropzone\"\n        >\n          <input\n            {...getInputProps({\n              'aria-label': t(\n                'inputs.fileUpload.dropHere',\n                'Drop files here or click to browse',\n              ),\n            })}\n          />\n\n          <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <div className=\"ds:flex ds:items-center ds:justify-center ds:size-14 ds:rounded-[var(--radius-full)] ds:bg-primary/10 ds:text-primary ds:transition-colors ds:duration-[var(--animation-duration)] ds:group-hover:bg-primary/15 ds:motion-reduce:transition-none\">\n              {isDragActive ? (\n                <CloudUpload aria-hidden=\"true\" className=\"ds:size-7\" />\n              ) : (\n                <Upload aria-hidden=\"true\" className=\"ds:size-7\" />\n              )}\n            </div>\n\n            <div className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)]\">\n              <p className=\"type-label ds:text-foreground ds:text-center ds:m-0\">\n                {isDragActive\n                  ? t('inputs.fileUpload.dropActive', 'Drop files here')\n                  : t(\n                      'inputs.fileUpload.dropHere',\n                      'Drop files here or click to browse',\n                    )}\n              </p>\n\n              {constraintHints.length > 0 && !isDragActive && (\n                <p className=\"type-meta ds:text-muted-foreground ds:text-center ds:m-0\">\n                  {constraintHints.join(' \\u00b7 ')}\n                </p>\n              )}\n            </div>\n\n            {variant === 'both' && !isDragActive && (\n              <button\n                type=\"button\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  open();\n                }}\n                disabled={effectiveDisabled}\n                className={browseButtonVariants({\n                  className: 'ds:mt-[var(--spacing-xs)]',\n                })}\n              >\n                <Upload aria-hidden=\"true\" className=\"ds:size-4\" />\n                {t('inputs.fileUpload.browse', 'Browse files')}\n              </button>\n            )}\n          </div>\n        </div>\n      );\n    };\n\n    const renderButton = () => {\n      if (variant === 'dropzone') return null;\n\n      if (variant === 'button') {\n        return (\n          <div onPaste={handlePaste} ref={ref}>\n            <input\n              {...getInputProps({\n                'aria-label': t('inputs.fileUpload.browse', 'Browse files'),\n              })}\n            />\n            <button\n              type=\"button\"\n              onClick={open}\n              disabled={effectiveDisabled}\n              className={browseButtonVariants({ className })}\n              id={variant === 'button' ? inputId : undefined}\n              aria-describedby={\n                variant === 'button' ? ctx.describedBy || undefined : undefined\n              }\n              aria-invalid={\n                variant === 'button' ? ctx.invalid || undefined : undefined\n              }\n              aria-required={\n                variant === 'button' ? ctx.required || undefined : undefined\n              }\n            >\n              <Upload aria-hidden=\"true\" className=\"ds:size-4\" />\n              {t('inputs.fileUpload.browse', 'Browse files')}\n            </button>\n          </div>\n        );\n      }\n\n      return null;\n    };\n\n    return (\n      <div data-component=\"file-upload\" data-component-id={id}>\n        {renderDropzone()}\n        {renderButton()}\n        {renderFileList()}\n\n        {errorMessages.length > 0 && (\n          <div\n            role=\"alert\"\n            className=\"ds:mt-[var(--spacing-sm)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n          >\n            {errorMessages.map((msg, i) => (\n              <div\n                key={i}\n                className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\"\n              >\n                <AlertCircle\n                  aria-hidden=\"true\"\n                  className=\"ds:size-3.5 ds:shrink-0 ds:text-destructive\"\n                />\n                <p className=\"type-meta ds:text-destructive ds:m-0\">{msg}</p>\n              </div>\n            ))}\n          </div>\n        )}\n\n        <span\n          ref={statusRef}\n          role=\"status\"\n          aria-live=\"polite\"\n          className=\"ds:sr-only\"\n        />\n      </div>\n    );\n  },\n);\n\nFileUpload.displayName = 'FileUpload';\n"],"names":["__iconNode","CloudUpload","createLucideIcon","FileArchive","FileImage","File","LoaderCircle","Upload","fileUploadAgent","handle","args","dropzoneVariants","cva","browseButtonVariants","fileItemVariants","actionButtonVariants","generateId","isImageFile","file","getFileIcon","ext","_a","jsx","FileText","FileSpreadsheet","FileIcon","getStatusIcon","status","Loader2","CheckCircle2","AlertCircle","UNIT_KEYS","UNIT_FALLBACKS","formatFileSize","bytes","locale","t","value","unitIndex","formatted","unit","mapRejectionCode","code","getExtensionFromName","name","parts","isAcceptedFile","accept","fileExt","mime","extensions","mimeMatch","extMatch","formatAcceptHint","exts","mimeLabels","FileUpload","forwardRef","id","maxSize","minSize","maxFiles","multiple","disabled","strictAccept","onDropProp","onUpload","onRemove","onReject","variant","showPreview","className","ref","i18n","useTranslation","ctx","useFormField","fallbackId","useId","effectiveDisabled","hasError","inputId","files","setFiles","useState","rejections","setRejections","abortControllers","useRef","statusRef","filesRef","announceStatus","useCallback","message","validateStrictAccept","uploadFile","uploadFileState","controller","prev","f","percent","err","errorMessage","handleDrop","accepted","fileRejections","mapped","r","e","strictRejected","strictAccepted","allRejections","newFiles","nf","getRootProps","getInputProps","isDragActive","open","useDropzone","handleCancel","fileId","handleRemove","removed","clearAll","agentHandle","useMemo","useAgentRegistration","validatePastedFiles","pastedFiles","rejected","effectiveMaxFiles","handlePaste","event","useEffect","constraintHints","hints","errorMessages","renderFileList","jsxs","X","renderDropzone","rootProps","rootRefFromDropzone","node","renderButton","msg","i"],"mappings":";;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,4DAA4D,KAAK,SAAQ,CAAE;AAAA,EACzF,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAChD,GACMC,KAAcC,EAAiB,gBAAgBF,EAAU;ACd/D;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,2BAA2B,KAAK,SAAQ,CAAE;AAAA,EACxD,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,UAAU,KAAK,SAAQ,CAAE;AAAA,EACvC,CAAC,UAAU,EAAE,IAAI,KAAK,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AACzD,GACMG,KAAcD,EAAiB,gBAAgBF,EAAU;ACvB/D;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,2BAA2B,KAAK,SAAQ,CAAE;AAAA,EACxD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,UAAU;AAAA,EACxD,CAAC,QAAQ,EAAE,GAAG,mDAAmD,KAAK,SAAQ,CAAE;AAClF,GACMI,KAAYF,EAAiB,cAAcF,EAAU;ACrB3D;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,2BAA2B,KAAK,SAAQ,CAAE;AAC1D,GACMK,KAAOH,EAAiB,QAAQF,EAAU;ACnBhD;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa,CAAC,CAAC,QAAQ,EAAE,GAAG,+BAA+B,KAAK,SAAQ,CAAE,CAAC,GAC3EM,KAAeJ,EAAiB,iBAAiBF,EAAU;ACVjE;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,KAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,YAAY,KAAK,SAAQ,CAAE;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAAA,EAC9C,CAAC,QAAQ,EAAE,GAAG,6CAA6C,KAAK,SAAQ,CAAE;AAC5E,GACMO,IAASL,EAAiB,UAAUF,EAAU,GCXvCQ,KAAkD;AAAA,EAC7D,IAAI;AAAA,EACJ,cAAc,CAAC,UAAU,SAAS;AAAA,EAClC,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,EACpC;AAAA,EAEF,SAAS;AAAA,IACP,aAAa;AAAA,MACX,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,aAAa;AAAA,MACb,QAAQ,CAACA,GAAQC,MAAyB;AACxC,QAAAD,EAAO,WAAWC,EAAK,EAAE;AAAA,MAC3B;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,QAAQ,CAACD,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,cAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCmDME,KAAmBC;AAAA,EACvB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,MAEJ,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,cAAc;AAAA,MACd,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ,GAEMC,KAAuBD;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEME,KAAmBF;AAAA,EACvB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ,GAEMG,KAAuBH;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ;AAMA,SAASI,KAAqB;AAC5B,SAAI,OAAO,SAAW,OAAe,OAAO,aACnC,OAAO,WAAA,IAET,GAAG,KAAK,IAAA,CAAK,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC;AACjE;AAEA,SAASC,GAAYC,GAAqB;AACxC,SAAOA,EAAK,KAAK,WAAW,QAAQ;AACtC;AAEA,SAASC,GAAYD,GAAuB;;AAC1C,QAAME,MAAMC,IAAAH,EAAK,KAAK,MAAM,GAAG,EAAE,IAAA,MAArB,gBAAAG,EAA4B,kBAAiB;AACzD,SAAI,CAAC,OAAO,OAAO,QAAQ,OAAO,KAAK,EAAE,SAASD,CAAG,IAEjD,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,IAAA;AAAA,EAAA,IAIZ,CAAC,OAAO,OAAO,MAAM,OAAO,IAAI,EAAE,SAASH,CAAG,IAE9C,gBAAAE;AAAA,IAACnB;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,IAAA;AAAA,EAAA,IAIZ,CAAC,OAAO,QAAQ,KAAK,EAAE,SAASiB,CAAG,IAEnC,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,IAAA;AAAA,EAAA,IAIZ,CAAC,OAAO,OAAO,QAAQ,OAAO,QAAQ,OAAO,KAAK,EAAE,SAASJ,CAAG,IAEhE,gBAAAE;AAAA,IAAClB;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,IAAA;AAAA,EAAA,IAKd,gBAAAkB;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,SAASC,GAAcC,GAA6C;AAClE,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aACE,gBAAAL;AAAA,QAACM;AAAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB,KAAK;AACH,aACE,gBAAAN;AAAA,QAACO;AAAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB,KAAK;AACH,aACE,gBAAAP;AAAA,QAACQ;AAAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACE,aAAO;AAAA,EAAA;AAEb;AAEA,MAAMC,KAAY;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,KAAiB,CAAC,KAAK,MAAM,MAAM,IAAI;AAE7C,SAASC,EACPC,GACAC,GACAC,GACQ;AACR,MAAIC,IAAQH,GACRI,IAAY;AAChB,SAAOD,KAAS,QAAQC,IAAYN,GAAe,SAAS;AAC1D,IAAAK,KAAS,MACTC;AAEF,QAAMC,IAAY,IAAI,KAAK,aAAaJ,GAAQ;AAAA,IAC9C,uBAAuBG,MAAc,IAAI,IAAI;AAAA,EAAA,CAC9C,EAAE,OAAOD,CAAK,GACTG,IAAOJ,EAAEL,GAAUO,CAAS,GAAGN,GAAeM,CAAS,CAAC;AAC9D,SAAO,GAAGC,CAAS,IAAIC,CAAI;AAC7B;AAEA,SAASC,GAAiBC,GAA6C;AACrE,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEA,SAASC,GAAqBC,GAAsB;AAClD,QAAMC,IAAQD,EAAK,MAAM,GAAG;AAC5B,SAAOC,EAAM,SAAS,IAAI,IAAIA,EAAM,MAAO,aAAa,KAAK;AAC/D;AAKA,SAASC,GAAe5B,GAAY6B,GAA2C;AAC7E,QAAMC,IAAUL,GAAqBzB,EAAK,IAAI;AAC9C,aAAW,CAAC+B,GAAMC,CAAU,KAAK,OAAO,QAAQH,CAAM,GAAG;AACvD,UAAMI,IACJF,MAAS,SACRA,EAAK,SAAS,IAAI,KAAK/B,EAAK,KAAK,WAAW+B,EAAK,QAAQ,MAAM,GAAG,CAAC,KACpE/B,EAAK,SAAS+B,GACVG,IACJF,EAAW,WAAW,KACtBA,EAAW,KAAK,CAAC9B,MAAQA,EAAI,YAAA,MAAkB4B,CAAO;AACxD,QAAIG,KAAaC,EAAU,QAAO;AAAA,EACpC;AACA,SAAO;AACT;AAEA,SAASC,GAAiBN,GAA0C;AAClE,QAAMG,IAAuB,CAAA;AAC7B,aAAWI,KAAQ,OAAO,OAAOP,CAAM;AACrC,eAAW3B,KAAOkC;AAChB,MAAAJ,EAAW,KAAK9B,EAAI,YAAA,EAAc,QAAQ,KAAK,EAAE,CAAC;AAGtD,MAAI8B,EAAW,SAAS,EAAG,QAAOA,EAAW,KAAK,IAAI;AACtD,QAAMK,IAAuB,CAAA;AAC7B,aAAWN,KAAQ,OAAO,KAAKF,CAAM;AACnC,IAAIE,EAAK,SAAS,IAAI,IACpBM,EAAW,KAAKN,EAAK,QAAQ,MAAM,EAAE,EAAE,MAAM,GAAG,EAAE,IAAA,KAASA,CAAI,IAE/DM,EAAW,KAAKN,EAAK,MAAM,GAAG,EAAE,IAAA,KAASA,CAAI;AAGjD,SAAOM,EAAW,KAAK,IAAI;AAC7B;AAMO,MAAMC,KAAaC;AAAA,EACxB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,QAAAX;AAAA,IACA,SAAAY;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,QAAQC;AAAA,IACR,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,aAAAC,KAAc;AAAA,IACd,WAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,EAAE,GAAApC,GAAG,MAAAqC,EAAA,IAASC,GAAA,GACdC,IAAMC,GAAA,GACNC,KAAaC,GAAA,GAEbC,IAAoBJ,EAAI,YAAYZ,GACpCiB,KAAWL,EAAI,SACfM,IAAUN,EAAI,MAAME,IAEpB,CAACK,GAAOC,CAAQ,IAAIC,GAA2B,CAAA,CAAE,GACjD,CAACC,GAAYC,EAAa,IAAIF,GAAgC,CAAA,CAAE,GAChEG,IAAmBC,EAAqC,oBAAI,KAAK,GACjEC,IAAYD,EAAwB,IAAI,GACxCE,IAAWF,EAAyBN,CAAK;AAC/C,IAAAQ,EAAS,UAAUR;AAEnB,UAAMS,IAAiBC,EAAY,CAACC,MAAoB;AACtD,MAAIJ,EAAU,YACZA,EAAU,QAAQ,cAAcI;AAAA,IAEpC,GAAG,CAAA,CAAE,GAECC,IAAuBF;AAAA,MAC3B,CAAC1E,MACK,CAAC8C,KAAgB,CAACjB,IAAe,KAC9BD,GAAe5B,GAAM6B,CAAM;AAAA,MAEpC,CAACiB,GAAcjB,CAAM;AAAA,IAAA,GAGjBgD,IAAaH;AAAA,MACjB,OAAOI,MAAoC;AACzC,YAAI,CAAC9B,EAAU;AACf,cAAM+B,IAAa,IAAI,gBAAA;AACvB,QAAAV,EAAiB,QAAQ,IAAIS,EAAgB,IAAIC,CAAU,GAE3Dd;AAAA,UAAS,CAACe,MACRA,EAAK;AAAA,YAAI,CAACC,MACRA,EAAE,OAAOH,EAAgB,KACrB,EAAE,GAAGG,GAAG,QAAQ,aAAa,UAAU,MACvCA;AAAA,UAAA;AAAA,QACN,GAEFR,EAAevD,EAAE,+BAA+B,YAAiB,CAAC;AAElE,YAAI;AACF,gBAAM8B,EAAS8B,EAAgB,MAAM;AAAA,YACnC,QAAQC,EAAW;AAAA,YACnB,YAAY,CAACG,MAAoB;AAC/B,cAAAjB;AAAA,gBAAS,CAACe,MACRA,EAAK;AAAA,kBAAI,CAACC,MACRA,EAAE,OAAOH,EAAgB,KAAK,EAAE,GAAGG,GAAG,UAAUC,MAAYD;AAAA,gBAAA;AAAA,cAC9D,GAEFR;AAAA,gBACEvD,EAAE,8BAA8B,yBAAyB;AAAA,kBACvD,SAAAgE;AAAA,gBAAA,CACD;AAAA,cAAA;AAAA,YAEL;AAAA,UAAA,CACD,GACDjB;AAAA,YAAS,CAACe,MACRA,EAAK;AAAA,cAAI,CAACC,MACRA,EAAE,OAAOH,EAAgB,KACrB,EAAE,GAAGG,GAAG,QAAQ,YAAY,UAAU,QACtCA;AAAA,YAAA;AAAA,UACN,GAEFR,EAAevD,EAAE,8BAA8B,iBAAiB,CAAC;AAAA,QACnE,SAASiE,GAAc;AACrB,cAAIJ,EAAW,OAAO,SAAS;AAC7B,YAAAd,EAAS,CAACe,MAASA,EAAK,OAAO,CAAC,MAAM,EAAE,OAAOF,EAAgB,EAAE,CAAC;AAClE;AAAA,UACF;AACA,gBAAMM,IACJD,aAAe,QACXA,EAAI,UACJjE,EAAE,yCAAyC,eAAe;AAChE,UAAA+C;AAAA,YAAS,CAACe,MACRA,EAAK;AAAA,cAAI,CAAC,MACR,EAAE,OAAOF,EAAgB,KACrB,EAAE,GAAG,GAAG,QAAQ,SAAS,OAAOM,MAChC;AAAA,YAAA;AAAA,UACN;AAAA,QAEJ,UAAA;AACE,UAAAf,EAAiB,QAAQ,OAAOS,EAAgB,EAAE;AAAA,QACpD;AAAA,MACF;AAAA,MACA,CAAC9B,GAAUyB,GAAgBvD,CAAC;AAAA,IAAA,GAGxBmE,IAAaX;AAAA,MACjB,CAACY,GAAkBC,MAAoC;AACrD,cAAMC,IAAgCD,EAAe;AAAA,UAAQ,CAACE,MAC5DA,EAAE,OAAO,IAAI,CAACC,OAAO;AAAA,YACnB,MAAMD,EAAE;AAAA,YACR,QAAQlE,GAAiBmE,EAAE,IAAI;AAAA,UAAA,EAC/B;AAAA,QAAA,GAGEC,IAAwC,CAAA,GACxCC,IAAyB,CAAA;AAC/B,mBAAW5F,KAAQsF;AACjB,UAAKV,EAAqB5E,CAAI,IAG5B4F,EAAe,KAAK5F,CAAI,IAFxB2F,EAAe,KAAK,EAAE,MAAA3F,GAAM,QAAQ,qBAAqB;AAM7D,cAAM6F,IAAgB,CAAC,GAAGL,GAAQ,GAAGG,CAAc;AACnD,QAAAvB,GAAcyB,CAAa,GAEvBA,EAAc,SAAS,MACzB3C,KAAA,QAAAA,EAAW2C;AAGb,cAAMC,IAA6BF,EAAe,IAAI,CAAC5F,OAAU;AAAA,UAC/D,MAAAA;AAAA,UACA,IAAIF,GAAA;AAAA,UACJ,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAASC,GAAYC,CAAI,IAAI,IAAI,gBAAgBA,CAAI,IAAI;AAAA,QAAA,EACzD;AAEF,QAAAiE,EAAS,CAACe,MAAS;AACjB,cAAI,CAACpC,KAAYD,MAAa,GAAG;AAC/B,uBAAWsC,KAAKD;AACd,cAAIC,EAAE,WAAS,IAAI,gBAAgBA,EAAE,OAAO;AAE9C,mBAAOa;AAAA,UACT;AACA,iBAAO,CAAC,GAAGd,GAAM,GAAGc,CAAQ;AAAA,QAC9B,CAAC,GAED/C,KAAA,QAAAA,EAAa6C,GAAgBC,IAC7BpB;AAAA,UACEvD,EAAE,mCAAmC,8BAA8B;AAAA,YACjE,OAAO0E,EAAe;AAAA,UAAA,CACvB;AAAA,QAAA;AAGH,mBAAWG,KAAMD;AACf,UAAKjB,EAAWkB,CAAE;AAAA,MAEtB;AAAA,MACA;AAAA,QACEnD;AAAA,QACAD;AAAA,QACAI;AAAA,QACAG;AAAA,QACA0B;AAAA,QACAH;AAAA,QACAI;AAAA,QACA3D;AAAA,MAAA;AAAA,IACF,GAGI,EAAE,cAAA8E,IAAc,eAAAC,GAAe,cAAAC,GAAc,MAAAC,EAAA,IAASC,GAAY;AAAA,MACtE,QAAAvE;AAAA,MACA,SAAAY;AAAA,MACA,SAAAC;AAAA,MACA,UAAUE,IAAWD,IAAW;AAAA,MAChC,UAAAC;AAAA,MACA,UAAUiB;AAAA,MACV,QAAQwB;AAAA,MACR,SAASlC,MAAY;AAAA,MACrB,YAAYA,MAAY;AAAA,IAAA,CACzB,GAEKkD,KAAe3B,EAAY,CAAC4B,MAAmB;AACnD,YAAMvB,IAAaV,EAAiB,QAAQ,IAAIiC,CAAM;AACtD,MAAAvB,KAAA,QAAAA,EAAY,SACZd,EAAS,CAACe,MAAS;AACjB,cAAMhF,IAAOgF,EAAK,KAAK,CAACC,MAAMA,EAAE,OAAOqB,CAAM;AAC7C,eAAItG,KAAA,QAAAA,EAAM,WAAS,IAAI,gBAAgBA,EAAK,OAAO,GAC5CgF,EAAK,OAAO,CAACC,MAAMA,EAAE,OAAOqB,CAAM;AAAA,MAC3C,CAAC;AAAA,IACH,GAAG,CAAA,CAAE,GAECC,IAAe7B;AAAA,MACnB,CAAC4B,MAAmB;AAClB,cAAME,IAAUhC,EAAS,QAAQ,KAAK,CAACS,MAAMA,EAAE,OAAOqB,CAAM;AAC5D,QAAIE,KAAA,QAAAA,EAAS,WAAS,IAAI,gBAAgBA,EAAQ,OAAO,GACzDvC,EAAS,CAACe,MAASA,EAAK,OAAO,CAACC,MAAMA,EAAE,OAAOqB,CAAM,CAAC,GAClDE,MACFvD,KAAA,QAAAA,EAAWuD;AAAA,MAEf;AAAA,MACA,CAACvD,CAAQ;AAAA,IAAA,GAGLwD,IAAW/B,EAAY,MAAM;AACjC,iBAAWO,KAAKT,EAAS,SAAS;AAChC,cAAMO,IAAaV,EAAiB,QAAQ,IAAIY,EAAE,EAAE;AACpD,QAAAF,KAAA,QAAAA,EAAY,SACRE,EAAE,WAAS,IAAI,gBAAgBA,EAAE,OAAO;AAAA,MAC9C;AACA,MAAAhB,EAAS,CAAA,CAAE;AAAA,IACb,GAAG,CAAA,CAAE,GAECyC,KAAcC;AAAA,MAClB,OAAO;AAAA,QACL,UAAU,MACRnC,EAAS,QAAQ,IAAI,CAACS,OAAO;AAAA,UAC3B,IAAIA,EAAE;AAAA,UACN,MAAMA,EAAE,KAAK;AAAA,UACb,MAAMA,EAAE,KAAK;AAAA,UACb,QAAQA,EAAE;AAAA,QAAA,EACV;AAAA,QACJ,YAAY,CAACqB,MAAmBC,EAAaD,CAAM;AAAA,QACnD,OAAO,MAAMG,EAAA;AAAA,MAAS;AAAA,MAExB,CAACF,GAAcE,CAAQ;AAAA,IAAA;AAEzB,IAAAG,GAAqBtH,IAAiBoH,IAAalE,CAAE;AAErD,UAAMqE,IAAsBnC;AAAA,MAC1B,CACEoC,MAC0D;AAC1D,cAAMxB,IAAmB,CAAA,GACnByB,IAAkC,CAAA,GAClCC,IAAoBpE,IAAWD,IAAW;AAEhD,mBAAW3C,KAAQ8G,GAAa;AAC9B,cAAIxB,EAAS,UAAU0B,GAAmB;AACxC,YAAAD,EAAS,KAAK,EAAE,MAAA/G,GAAM,QAAQ,kBAAkB;AAChD;AAAA,UACF;AACA,cAAIyC,MAAY,UAAazC,EAAK,OAAOyC,GAAS;AAChD,YAAAsE,EAAS,KAAK,EAAE,MAAA/G,GAAM,QAAQ,kBAAkB;AAChD;AAAA,UACF;AACA,cAAI0C,MAAY,UAAa1C,EAAK,OAAO0C,GAAS;AAChD,YAAAqE,EAAS,KAAK,EAAE,MAAA/G,GAAM,QAAQ,kBAAkB;AAChD;AAAA,UACF;AACA,cAAI6B,KAAU,CAACD,GAAe5B,GAAM6B,CAAM,GAAG;AAC3C,YAAAkF,EAAS,KAAK,EAAE,MAAA/G,GAAM,QAAQ,qBAAqB;AACnD;AAAA,UACF;AACA,UAAAsF,EAAS,KAAKtF,CAAI;AAAA,QACpB;AACA,eAAO,EAAE,UAAAsF,GAAU,UAAAyB,EAAA;AAAA,MACrB;AAAA,MACA,CAAClF,GAAQY,GAASC,GAASC,GAAUC,CAAQ;AAAA,IAAA,GAGzCqE,KAAcvC;AAAA,MAClB,CAACwC,MAA0C;AACzC,YAAIrD,EAAmB;AACvB,cAAMiD,IAAc,MAAM,KAAKI,EAAM,cAAc,KAAK;AACxD,YAAIJ,EAAY,SAAS,GAAG;AAC1B,UAAAI,EAAM,eAAA;AACN,gBAAM,EAAE,UAAA5B,GAAU,UAAAyB,MAAaF,EAAoBC,CAAW,GACxDvB,IAAkCwB,EAAS,IAAI,CAACtB,OAAO;AAAA,YAC3D,MAAMA,EAAE;AAAA,YACR,QAAQ,CAAC,EAAE,MAAMA,EAAE,QAAQ,SAASA,EAAE,OAAA,CAAQ;AAAA,UAAA,EAC9C;AACF,UAAAJ,EAAWC,GAAUC,CAAc;AAAA,QACrC;AAAA,MACF;AAAA,MACA,CAAC1B,GAAmBwB,GAAYwB,CAAmB;AAAA,IAAA;AAGrD,IAAAM,GAAU,MACD,MAAM;AACX,iBAAWlC,KAAKT,EAAS;AACvB,QAAIS,EAAE,WAAS,IAAI,gBAAgBA,EAAE,OAAO;AAAA,IAEhD,GACC,CAAA,CAAE;AAEL,UAAMmC,KAAkBT,EAAQ,MAAM;AACpC,YAAMU,IAAkB,CAAA;AACxB,aAAIxF,KACFwF,EAAM,KAAKlF,GAAiBN,CAAM,CAAC,GAEjCY,KACF4E,EAAM;AAAA,QACJnG,EAAE,iCAAiC,gBAAgB;AAAA,UACjD,MAAMH,EAAe0B,GAASc,EAAK,UAAUrC,CAAC;AAAA,QAAA,CAC/C;AAAA,MAAA,GAGD0B,KAAYD,IAAW,KACzB0E,EAAM;AAAA,QACJnG,EAAE,kCAAkC,yBAAyB;AAAA,UAC3D,OAAOyB;AAAA,QAAA,CACR;AAAA,MAAA,GAGE0E;AAAA,IACT,GAAG,CAACxF,GAAQY,GAASG,GAAUD,GAAUzB,GAAGqC,EAAK,QAAQ,CAAC,GAEpD+D,KAAgBX,EAAQ,MACrBxC,EAAW,IAAI,CAACsB,MAAM;AAC3B,cAAQA,EAAE,QAAA;AAAA,QACR,KAAK;AACH,iBAAOvE;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,cACE,SAASuB,IACL1B,EAAe0B,GAASc,EAAK,UAAUrC,CAAC,IACxC;AAAA,YAAA;AAAA,UACN;AAAA,QAEJ,KAAK;AACH,iBAAOA;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,cACE,SAASwB,IACL3B,EAAe2B,GAASa,EAAK,UAAUrC,CAAC,IACxC;AAAA,YAAA;AAAA,UACN;AAAA,QAEJ,KAAK;AACH,iBAAOA;AAAA,YACL;AAAA,YACA;AAAA,UAAA;AAAA,QAEJ,KAAK;AACH,iBAAOA;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,cACE,UAAAyB;AAAA,YAAA;AAAA,UACF;AAAA,MACF;AAAA,IAEN,CAAC,GACA,CAACwB,GAAYjD,GAAGuB,GAASC,GAASC,GAAUY,EAAK,QAAQ,CAAC,GAEvDgE,KAAiB,MACjBvD,EAAM,WAAW,IAAU,yBAG5B,MAAA,EAAG,WAAU,uGACX,UAAAA,EAAM,IAAI,CAACiB,MACV,gBAAAuC;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,gBAAcvC,EAAE;AAAA,QAChB,WAAWrF,GAAiB,EAAE,QAAQqF,EAAE,QAAQ;AAAA,QAE/C,UAAA;AAAA,UAAA7B,MAAe6B,EAAE,UAChB,gBAAA7E;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK6E,EAAE;AAAA,cACP,KAAI;AAAA,cACJ,eAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA,IAGZhF,GAAYgF,EAAE,IAAI;AAAA,UAGpB,gBAAAuC,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,cAAA,gBAAApH,EAAC,KAAA,EAAE,WAAU,iCAAiC,UAAA6E,EAAE,KAAK,MAAK;AAAA,cACzDzE,GAAcyE,EAAE,MAAM;AAAA,YAAA,GACzB;AAAA,YACA,gBAAAuC,EAAC,KAAA,EAAE,WAAU,uDACV,UAAA;AAAA,cAAAzG,EAAekE,EAAE,KAAK,MAAM1B,EAAK,UAAUrC,CAAC;AAAA,cAC5C+D,EAAE,WAAW,eACZ,gBAAAuC,EAAC,QAAA,EAAK,WAAU,4DACb,UAAA;AAAA,gBAAAvC,EAAE;AAAA,gBAAS;AAAA,cAAA,GACd;AAAA,cAEDA,EAAE,WAAW,cACZ,gBAAA7E,EAAC,QAAA,EAAK,WAAU,qEACb,UAAAc,EAAE,8BAA8B,UAAU,EAAA,CAC7C;AAAA,YAAA,GAEJ;AAAA,YAEC+D,EAAE,WAAW,eACZ,gBAAA7E;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,cAAY6E,EAAE,KAAK;AAAA,gBACnB,iBAAeA,EAAE;AAAA,gBACjB,iBAAe;AAAA,gBACf,iBAAe;AAAA,gBACf,WAAU;AAAA,gBAEV,UAAA,gBAAA7E;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBAEV,OAAO,EAAE,YAAY,GAAG6E,EAAE,QAAQ,IAAA;AAAA,kBAAI;AAAA,gBAAA;AAAA,cACxC;AAAA,YAAA;AAAA,YAIHA,EAAE,WAAW,WAAWA,EAAE,SACzB,gBAAA7E;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,WAAU;AAAA,gBAET,UAAA6E,EAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UACL,GAEJ;AAAA,UAECA,EAAE,WAAW,eACZ,gBAAA7E;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAMiG,GAAapB,EAAE,EAAE;AAAA,cAChC,cAAY/D,EAAE,4BAA4B,eAAe;AAAA,cACzD,WAAWrB,GAAA;AAAA,cAEX,UAAA,gBAAAO,EAACqH,IAAA,EAAE,eAAY,QAAO,WAAU,YAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,WAG9CxC,EAAE,WAAW,cACbA,EAAE,WAAW,aACbA,EAAE,WAAW,YACb,gBAAA7E;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAMmG,EAAatB,EAAE,EAAE;AAAA,cAChC,cAAY/D,EAAE,4BAA4B,aAAa;AAAA,cACvD,WAAWrB,GAAA;AAAA,cAEX,UAAA,gBAAAO,EAACqH,IAAA,EAAE,eAAY,QAAO,WAAU,YAAA,CAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9C;AAAA,MAAA;AAAA,MAjFGxC,EAAE;AAAA,IAAA,CAoFV,GACH,GAIEyC,KAAiB,MAAM;AAC3B,UAAIvE,MAAY,SAAU,QAAO;AAEjC,YAAMwE,IAAY3B,GAAa;AAAA,QAC7B,WAAWvG,GAAiB;AAAA,UAC1B,cAAAyG;AAAA,UACA,UAAUpC,MAAY;AAAA,UACtB,YAAYD,KAAqB;AAAA,UACjC,WAAAR;AAAA,QAAA,CACD;AAAA,QACD,UAAUQ,IAAoB,KAAK;AAAA,MAAA,CACpC,GAMK+D,IACJD,EAKA;AAcF,aACE,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGG;AAAA,UACJ,KAhBgB,CAACE,MAAgC;AACnD,YAAI,OAAOD,KAAwB,aACjCA,EAAoBC,CAAI,IACfD,MACRA,EAA2D,UAC1DC,IAEA,OAAOvE,KAAQ,aACjBA,EAAIuE,CAAI,IACCvE,MACRA,EAA2C,UAAUuE;AAAA,UAE1D;AAAA,UAKI,SAASZ;AAAA,UACT,IAAIlD;AAAA,UACJ,cAAY7C;AAAA,YACV;AAAA,YACA;AAAA,UAAA;AAAA,UAEF,oBAAkBuC,EAAI,eAAe;AAAA,UACrC,gBAAcA,EAAI,WAAW;AAAA,UAC7B,iBAAeA,EAAI,YAAY;AAAA,UAC/B,eAAY;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAArD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACE,GAAG6F,EAAc;AAAA,kBAChB,cAAc/E;AAAA,oBACZ;AAAA,oBACA;AAAA,kBAAA;AAAA,gBACF,CACD;AAAA,cAAA;AAAA,YAAA;AAAA,YAGH,gBAAAsG,EAAC,OAAA,EAAI,WAAU,kEACb,UAAA;AAAA,cAAA,gBAAApH,EAAC,SAAI,WAAU,oPACZ,UAAA8F,IACC,gBAAA9F,EAACrB,MAAY,eAAY,QAAO,WAAU,YAAA,CAAY,IAEtD,gBAAAqB,EAACf,GAAA,EAAO,eAAY,QAAO,WAAU,aAAY,GAErD;AAAA,cAEA,gBAAAmI,EAAC,OAAA,EAAI,WAAU,kEACb,UAAA;AAAA,gBAAA,gBAAApH,EAAC,OAAE,WAAU,uDACV,cACGc,EAAE,gCAAgC,iBAAiB,IACnDA;AAAA,kBACE;AAAA,kBACA;AAAA,gBAAA,GAER;AAAA,gBAECkG,GAAgB,SAAS,KAAK,CAAClB,KAC9B,gBAAA9F,EAAC,KAAA,EAAE,WAAU,4DACV,UAAAgH,GAAgB,KAAK,KAAU,EAAA,CAClC;AAAA,cAAA,GAEJ;AAAA,cAECjE,MAAY,UAAU,CAAC+C,KACtB,gBAAAsB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,CAAC9B,MAAM;AACd,oBAAAA,EAAE,gBAAA,GACFS,EAAA;AAAA,kBACF;AAAA,kBACA,UAAUtC;AAAA,kBACV,WAAWlE,GAAqB;AAAA,oBAC9B,WAAW;AAAA,kBAAA,CACZ;AAAA,kBAED,UAAA;AAAA,oBAAA,gBAAAS,EAACf,GAAA,EAAO,eAAY,QAAO,WAAU,aAAY;AAAA,oBAChD6B,EAAE,4BAA4B,cAAc;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC/C,EAAA,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN,GAEM4G,KAAe,MACf3E,MAAY,aAAmB,OAE/BA,MAAY,WAEZ,gBAAAqE,EAAC,OAAA,EAAI,SAASP,IAAa,KAAA3D,GACzB,UAAA;AAAA,MAAA,gBAAAlD;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG6F,EAAc;AAAA,YAChB,cAAc/E,EAAE,4BAA4B,cAAc;AAAA,UAAA,CAC3D;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAsG;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAASrB;AAAA,UACT,UAAUtC;AAAA,UACV,WAAWlE,GAAqB,EAAE,WAAA0D,GAAW;AAAA,UAC7C,IAAIF,MAAY,WAAWY,IAAU;AAAA,UACrC,oBACEZ,MAAY,YAAWM,EAAI,eAAe;AAAA,UAE5C,gBACEN,MAAY,YAAWM,EAAI,WAAW;AAAA,UAExC,iBACEN,MAAY,YAAWM,EAAI,YAAY;AAAA,UAGzC,UAAA;AAAA,YAAA,gBAAArD,EAACf,GAAA,EAAO,eAAY,QAAO,WAAU,aAAY;AAAA,YAChD6B,EAAE,4BAA4B,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/C,GACF,IAIG;AAGT,WACE,gBAAAsG,EAAC,OAAA,EAAI,kBAAe,eAAc,qBAAmBhF,GAClD,UAAA;AAAA,MAAAkF,GAAA;AAAA,MACAI,GAAA;AAAA,MACAP,GAAA;AAAA,MAEAD,GAAc,SAAS,KACtB,gBAAAlH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UAET,UAAAkH,GAAc,IAAI,CAACS,GAAKC,MACvB,gBAAAR;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAApH;AAAA,kBAACQ;AAAAA,kBAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,WAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEZ,gBAAAR,EAAC,KAAA,EAAE,WAAU,wCAAwC,UAAA2H,EAAA,CAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YAPpDC;AAAA,UAAA,CASR;AAAA,QAAA;AAAA,MAAA;AAAA,MAIL,gBAAA5H;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKmE;AAAA,UACL,MAAK;AAAA,UACL,aAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,EAEJ;AACF;AAEAjC,GAAW,cAAc;","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/_chunks/{freemium-paywall-D1N02Oam.js → freemium-paywall-BAk3a6er.js}

@@ -8,7 +8,7 @@ import { u as X } from "./use-controllable-state-BiY4xTzM.js";
 import { u as Y } from "./registry-nPAVE19X.js";
 import { B as I } from "./button-DD_0Xdmr.js";
 import { P as Z } from "./progress-kzIRcdaq.js";
-import { f as $ } from "./payment-form-D5rgnZu7.js";
+import { f as $ } from "./payment-form-Dy3WIIsC.js";
 import { T as ee } from "./triangle-alert-CBPUIzQo.js";
 import { C as se } from "./check-DPdL_Sm7.js";
 const ae = {
@@ -199,14 +199,14 @@ const ae = {
                     t.priceAmount,
                     t.currency,
                     O.language
-                  ), N = t.perKey ? s(t.perKey) : void 0, U = N ? s("paywall.pricePer", { price: w, period: N }) : w, B = s(t.nameKey);
+                  ), N = t.perKey ? s(t.perKey) : void 0, U = N ? s("paywall.pricePer", { price: w, period: N }) : w, _ = s(t.nameKey);
                   return /* @__PURE__ */ d(
                     k.Item,
                     {
                       value: t.id,
                       className: [
                         "ds:group ds:relative ds:flex ds:flex-col ds:items-stretch",
-                        "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+                        "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
                         "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]",
                         "ds:text-start ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
                         "ds:data-[state=checked]:border-[color:var(--primary)]",
@@ -216,7 +216,7 @@ const ae = {
                       ].join(" "),
                       children: [
                         /* @__PURE__ */ d("span", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-                          /* @__PURE__ */ e("span", { className: "ds:font-semibold", children: B }),
+                          /* @__PURE__ */ e("span", { className: "ds:font-semibold", children: _ }),
                           /* @__PURE__ */ e("span", { className: "ds:tabular-nums", children: U })
                         ] }),
                         t.featuresKeys && t.featuresKeys.length > 0 ? /* @__PURE__ */ e(
@@ -224,7 +224,7 @@ const ae = {
                           {
                             "aria-label": s("paywall.features"),
                             className: "ds:mt-[var(--spacing-xs)] ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-                            children: t.featuresKeys.map((_, q) => /* @__PURE__ */ d(
+                            children: t.featuresKeys.map((B, q) => /* @__PURE__ */ d(
                               "li",
                               {
                                 className: "ds:flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm",
@@ -236,7 +236,7 @@ const ae = {
                                       className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--primary)] ds:mt-[1px]"
                                     }
                                   ),
-                                  /* @__PURE__ */ e("span", { children: s(_) })
+                                  /* @__PURE__ */ e("span", { children: s(B) })
                                 ]
                               },
                               q
@@ -265,4 +265,4 @@ export {
   te as F,
   ae as f
 };
-//# sourceMappingURL=freemium-paywall-D1N02Oam.js.map
+//# sourceMappingURL=freemium-paywall-BAk3a6er.js.map

package/dist/_chunks/{freemium-paywall-D1N02Oam.js.map → freemium-paywall-BAk3a6er.js.map}

@@ -1 +1 @@
-{"version":3,"file":"freemium-paywall-D1N02Oam.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  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 { useControllableState } from '../../hooks/use-controllable-state';\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('paywall.title'). */\n  title?: ReactNode;\n  /** Description override; defaults to t('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 [currentSelectedRaw, handleSelectedChange] =\n      useControllableState<string>({\n        value: selectedPlanId,\n        defaultValue: defaultSelectedPlanId ?? plans[0]?.id ?? '',\n        onChange: onSelectedPlanChange,\n      });\n    const currentSelected = currentSelectedRaw ?? '';\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(--background)]/70',\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\">{title ?? t('paywall.title')}</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('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('paywall.usageFull')\n                      : t('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('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('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('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('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('paywall.notNow')}\n                </Button>\n              </RadixAlertDialog.Cancel>\n              <RadixAlertDialog.Action asChild>\n                <Button intent=\"primary\" onClick={handleUpgrade}>\n                  {t('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","currentSelectedRaw","handleSelectedChange","useControllableState","_a","currentSelected","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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"}
+{"version":3,"file":"freemium-paywall-BAk3a6er.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  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 { useControllableState } from '../../hooks/use-controllable-state';\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('paywall.title'). */\n  title?: ReactNode;\n  /** Description override; defaults to t('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 [currentSelectedRaw, handleSelectedChange] =\n      useControllableState<string>({\n        value: selectedPlanId,\n        defaultValue: defaultSelectedPlanId ?? plans[0]?.id ?? '',\n        onChange: onSelectedPlanChange,\n      });\n    const currentSelected = currentSelectedRaw ?? '';\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(--background)]/70',\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\">{title ?? t('paywall.title')}</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('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('paywall.usageFull')\n                      : t('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('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('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('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-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\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('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('paywall.notNow')}\n                </Button>\n              </RadixAlertDialog.Cancel>\n              <RadixAlertDialog.Action asChild>\n                <Button intent=\"primary\" onClick={handleUpgrade}>\n                  {t('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","currentSelectedRaw","handleSelectedChange","useControllableState","_a","currentSelected","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/header-settings-CBLwUK6t.js

@@ -0,0 +1,244 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as A, useRef as p, useImperativeHandle as C, useCallback as x, useMemo as I } from "react";
+import { c as N } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { I as o } from "./icon-button-CKEOrN37.js";
+import { I as M } from "./icon-button-group-C48khLE0.js";
+import { D as r } from "./dropdown-menu-BC5ZdOMo.js";
+import { S as R } from "./switch-BJ6HD3Mn.js";
+import { c as v, a as H, L as _ } from "./locale-picker-D99UyZVJ.js";
+import { u as O } from "./use-locale-BkCIHujH.js";
+import { u as P } from "./use-theme-C2dHKUAN.js";
+import { u as j } from "./registry-nPAVE19X.js";
+import { S as K } from "./settings-ca2Yi9R8.js";
+import { S as D, M as z } from "./sun-BuXE0xUS.js";
+import { M as V } from "./monitor-D-SFdbrU.js";
+const B = {
+  id: "header-settings",
+  capabilities: ["view_change"],
+  state: {},
+  actions: {
+    set_locale: {
+      safety: "write",
+      argsType: "{ locale: string }",
+      descriptionKey: "ui.agent.headerSettings.actions.setLocale",
+      description: "Switch the active locale to the given IETF tag.",
+      invoke: (t, i) => {
+        t.setLocale(i.locale);
+      }
+    },
+    set_theme: {
+      safety: "write",
+      argsType: '{ theme: "light" | "dark" | "system" }',
+      descriptionKey: "ui.agent.headerSettings.actions.setTheme",
+      description: "Switch the theme preference.",
+      invoke: (t, i) => {
+        t.setTheme(i.theme);
+      }
+    },
+    set_accessibility: {
+      safety: "write",
+      argsType: '{ accessibility: "default" | "accessible" }',
+      descriptionKey: "ui.agent.headerSettings.actions.setAccessibility",
+      description: "Switch the accessibility preference.",
+      invoke: (t, i) => {
+        t.setAccessibility(i.accessibility);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "header-settings",
+      description: "Marks the HeaderSettings wrapper."
+    }
+  }
+};
+function G(t, i) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(t, i);
+    } catch {
+    }
+}
+function W(t) {
+  if (typeof document > "u") return;
+  const i = document.documentElement;
+  i.lang = t, i.dir = v[t].dir;
+}
+const F = N("ds:inline-flex ds:items-center", {
+  variants: {
+    align: {
+      start: "",
+      end: ""
+    }
+  },
+  defaultVariants: { align: "end" }
+}), U = [
+  "ds:w-[20rem] ds:p-[var(--spacing-xs)]",
+  "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+  "ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-lg)]"
+].join(" "), Y = A(
+  (t, i) => {
+    const {
+      align: g = "end",
+      size: y = "md",
+      disabled: S = !1,
+      className: w,
+      id: m,
+      ...L
+    } = t, { t: s } = E(), n = P(), { setLocale: h } = O(), u = p(null);
+    C(i, () => u.current, []);
+    const f = x(
+      (a) => {
+        h(a), W(a), G(_, a);
+      },
+      [h]
+    ), b = p(f);
+    b.current = f;
+    const c = p(n);
+    c.current = n;
+    const k = I(
+      () => ({
+        setLocale: (a) => {
+          Object.prototype.hasOwnProperty.call(v, a) && b.current(a);
+        },
+        setTheme: (a) => c.current.setTheme(a),
+        setAccessibility: (a) => c.current.setAccessibility(a)
+      }),
+      []
+    );
+    j(B, k, m);
+    const T = n.accessibility === "accessible";
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: u,
+        "data-component": "header-settings",
+        "data-component-id": m,
+        className: F({ align: g, className: w }),
+        ...L,
+        children: /* @__PURE__ */ l(r.Root, { children: [
+          /* @__PURE__ */ e(r.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+            o,
+            {
+              size: y,
+              disabled: S,
+              icon: /* @__PURE__ */ e(K, { "aria-hidden": !0 }),
+              "aria-label": s("navigation.headerSettings.trigger")
+            }
+          ) }),
+          /* @__PURE__ */ e(r.Portal, { children: /* @__PURE__ */ l(
+            r.Content,
+            {
+              align: g,
+              sideOffset: 8,
+              className: U,
+              onKeyDownCapture: (a) => {
+                const d = a.target;
+                (d == null ? void 0 : d.tagName) === "INPUT" && // Always allow Escape so the menu can close.
+                a.key !== "Escape" && a.stopPropagation();
+              },
+              children: [
+                /* @__PURE__ */ e(r.Label, { children: s("navigation.headerSettings.language.label") }),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": s("navigation.headerSettings.language.label"),
+                    className: [
+                      "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+                      // Stretch the compact LocalePicker to the full menu
+                      // width so it reads as a single row affordance (not
+                      // a centred pill). The picker's root is
+                      // inline-flex; the `*:` child selector + `flex-1`
+                      // gives it `flex: 1 1 0%` once it's a child of the
+                      // flex container we make this div into.
+                      "ds:flex ds:[&>*]:flex-1"
+                    ].join(" "),
+                    children: /* @__PURE__ */ e(H, { variant: "compact", popoverSide: "end" })
+                  }
+                ),
+                /* @__PURE__ */ e(r.Separator, {}),
+                /* @__PURE__ */ e(r.Label, { children: s("navigation.headerSettings.appearance.label") }),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": s("navigation.headerSettings.appearance.label"),
+                    className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+                    children: /* @__PURE__ */ l(
+                      M,
+                      {
+                        role: "radiogroup",
+                        mode: "toggle-single",
+                        size: "sm",
+                        "aria-label": s("navigation.headerSettings.appearance.label"),
+                        value: n.theme,
+                        onValueChange: (a) => n.setTheme(a),
+                        children: [
+                          /* @__PURE__ */ e(
+                            o,
+                            {
+                              icon: /* @__PURE__ */ e(D, { "aria-hidden": !0 }),
+                              "aria-label": s("navigation.headerSettings.appearance.light"),
+                              value: "light"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            o,
+                            {
+                              icon: /* @__PURE__ */ e(z, { "aria-hidden": !0 }),
+                              "aria-label": s("navigation.headerSettings.appearance.dark"),
+                              value: "dark"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            o,
+                            {
+                              icon: /* @__PURE__ */ e(V, { "aria-hidden": !0 }),
+                              "aria-label": s(
+                                "navigation.headerSettings.appearance.system"
+                              ),
+                              value: "system"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(r.Separator, {}),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": s(
+                      "navigation.headerSettings.appearance.accessible"
+                    ),
+                    className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]",
+                    children: /* @__PURE__ */ e(
+                      R,
+                      {
+                        label: s("navigation.headerSettings.appearance.accessible"),
+                        labelSide: "start",
+                        size: "sm",
+                        checked: T,
+                        onCheckedChange: (a) => n.setAccessibility(a ? "accessible" : "default")
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ) })
+        ] })
+      }
+    );
+  }
+);
+Y.displayName = "HeaderSettings";
+export {
+  Y as H
+};
+//# sourceMappingURL=header-settings-CBLwUK6t.js.map