@alfadocs/ui-kit-debug 1.55.0 → 1.56.0

package/dist/_chunks/freemium-paywall-B6ojVXq7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"freemium-paywall-B6ojVXq7.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      // Backs the `submit` capability: commits the current plan selection\n      // to the host's upgrade flow (checkout / billing).\n      openWorld: true,\n      descriptionKey: 'ui.agent.freemiumPaywall.actions.upgrade',\n      description: 'Fire onUpgrade with the currently-selected plan id.',\n      errors: ['No plan selected — upgrade is a no-op until a plan is chosen.'],\n      invoke: (handle) => {\n        handle.upgrade();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      // Backs the `dismiss` capability.\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 { TriangleAlert, 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          // `inset-x-0` compiles to logical `inset-inline`; the\n          // `inset-inline-0` spelling compiled to nothing.\n          'ds:inset-x-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  /**\n   * Stable instance id. Emitted on the dialog content as\n   * `data-component-id` and used as the agent-registry instance key so\n   * a host can address this specific paywall.\n   */\n  id?: string;\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      id,\n      layout = 'centered',\n      density = 'full',\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\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, id);\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              // --animation-duration is 0ms in the accessible themes, as on\n              // Dialog, so the overlay does not animate there.\n              'ds:duration-[var(--animation-duration)]',\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            data-component-id={id}\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                    <TriangleAlert\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:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-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","id","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","TriangleAlert","Progress","RadixRadioGroup","plan","formattedPrice","formatPaymentAmount","period","priceLine","planName","key","i","Check","Button"],"mappings":"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"}

package/dist/_chunks/help-me-write-templates-B7L3zGsE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"help-me-write-templates-B7L3zGsE.js","sources":["../../src/patterns/help-me-write-templates/help-me-write-templates.tsx"],"sourcesContent":["/**\n * Help me write templates (HTP-6383) — practice-shared AI templates in the\n * RichTextEditor.\n *\n * Runtime pattern: real consuming apps mount this in production (surfaced via\n * `src/patterns/index.ts` and the `./patterns/help-me-write-templates`\n * subpath). Templates are an AI action of the editor itself, next to\n * spelling and auto-format: a Templates segment in the AI pill and in the\n * selection bubble (`aiTemplates`). Picking one rewrites the selection, else\n * the whole note, then this pattern offers Undo. The editor keeps the\n * patient AI-consent gate and resume-after-grant for all of it.\n *\n * Parts, usable on their own or wired together by `useHelpMeWriteTemplates`:\n *  - `HelpMeWriteTemplatesBar` — the Help-me-write bar (`renderHelpMeWrite`):\n *    a free prompt with an optional mic, the draft and Insert.\n *  - `AiTemplateManager` — the dialog to list, create, edit and delete\n *    templates and pick the default.\n *  - `AiCreditsExhaustedNotice` — the out-of-credits state the bar shows when\n *    an AI call rejects with `AiCreditsExhaustedError`, from the bar or the pill.\n *  - `HelpMeWriteUndoNotice` — the success notice with Undo after a template\n *    rewrote the note.\n *\n * The host owns the templates (list + persistence) and the AI call. The kit\n * never talks to a backend.\n */\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type DragEvent,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport {\n  ArrowLeft,\n  Astroid,\n  GripVertical,\n  Mic,\n  Pencil,\n  Plus,\n  RotateCcw,\n  Send,\n  Square,\n  Trash2,\n  TrendingUp,\n  X,\n} from 'lucide-react';\n\nimport { Alert } from '../../components/alert';\nimport { Button, IconButton } from '../../components/button';\nimport { Dialog } from '../../components/dialog';\nimport { EditorOverlay } from '../../components/editor-overlay';\nimport { EmptyState } from '../../components/empty-state';\nimport { FormField } from '../../components/form-field';\nimport { Progress } from '../../components/progress';\nimport type {\n  HelpMeWriteRenderContext,\n  RichTextEditorAiApplied,\n  RichTextEditorAiTemplates,\n  RichTextEditorProps,\n} from '../../components/rich-text-editor';\nimport { Spinner } from '../../components/spinner';\nimport { TextArea } from '../../components/text-area';\nimport { StateBackedTextInput } from '../../components/_shared/state-backed-text-input';\nimport { SafeHtml } from '../../components/_shared/safe-html';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/** A practice-shared AI template. */\nexport interface AiTemplate {\n  id: string;\n  /** Up to 100 characters, unique within the practice. */\n  name: string;\n  /** One line under the name in the Templates menu. */\n  description?: string;\n  /** The instructions sent to the AI, up to 4000 characters. */\n  prompt: string;\n  /**\n   * @deprecated The list order is the menu order: the first template is the\n   * one most people use. Ignored; reorder with `onReorderTemplates`.\n   */\n  isDefault?: boolean;\n}\n\n/** What the manager hands `onSaveTemplate`: `id` is absent for a new one. */\nexport type AiTemplateDraft = Omit<AiTemplate, 'id'> & { id?: string };\n\n/** One Help-me-write request. `template` is absent for a free prompt. */\nexport interface HelpMeWriteRequest {\n  template?: AiTemplate;\n  /** The free prompt, or extra instructions for a template. May be ''. */\n  prompt: string;\n  /**\n   * The context, as plain text. For a template, the text it rewrites. For\n   * the free prompt, what the draft is about. From the AI pill it is the\n   * whole note; from the selection bubble, the selected text.\n   */\n  sourceText: string;\n  /** Where `sourceText` came from. */\n  scope?: 'document' | 'selection';\n  signal: AbortSignal;\n}\n\n/**\n * Throw (or reject with) this from `onGenerate` when the practice is out of\n * AI credits (the platform endpoint's 402), and the bar shows the\n * out-of-credits notice instead of a generic error.\n */\nexport class AiCreditsExhaustedError extends Error {\n  constructor(message = 'AI credits exhausted') {\n    super(message);\n    this.name = 'AiCreditsExhaustedError';\n  }\n}\n\n/** The practice's allowance, for the out-of-credits notice. All optional. */\nexport interface AiCreditsInfo {\n  remaining?: number;\n  limit?: number;\n  /** When the monthly allowance returns. */\n  resetsOn?: Date;\n  /**\n   * Shows a \"Buy AI credits\" button and \"add credits\" wording. Omit while\n   * credits cannot be bought: the notice then only says when AI returns.\n   */\n  onBuyCredits?: () => void;\n  /** Shows a \"See what each action costs\" link. */\n  onSeeCosts?: () => void;\n}\n\nexport type HelpMeWriteApplyMode = 'replace' | 'below' | 'insert';\n\n/** Fired after a draft lands in the editor. */\nexport interface HelpMeWriteApplied {\n  mode: HelpMeWriteApplyMode;\n  template?: AiTemplate;\n  /** The editor's HTML before the change. */\n  previousHtml: string;\n  /** Puts `previousHtml` back in the editor (what Undo does). */\n  undo: () => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* Shared classes                                                      */\n/* ------------------------------------------------------------------ */\n\n// Match the composer's input height (--min-target-size), like the kit bar.\nconst ACTION_SIZE = 'ds:!size-[var(--min-target-size)]';\nconst BRAND_ACTION = `${ACTION_SIZE} ds:bg-[image:var(--gradient-brand)] ds:rounded-full`;\n// The recording mic goes solid destructive, as in the kit's own bar.\nconst RECORDING_MIC =\n  'ds:aria-pressed:!bg-[var(--destructive)] ds:aria-pressed:!text-[var(--destructive-foreground)]';\nconst metaClass =\n  'ds:m-0 ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]';\nconst eyebrowClass =\n  'type-eyebrow ds:m-0 ds:text-[color:var(--muted-foreground)]';\nconst previewClass = [\n  'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]',\n  'ds:bg-[color-mix(in_srgb,var(--background)_70%,transparent)]',\n  'ds:p-[var(--spacing-sm)] ds:[max-block-size:14rem] ds:overflow-y-auto',\n  'ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]',\n  'ds:[&_ul]:list-disc ds:[&_ul]:ps-[var(--spacing-md)]',\n  'ds:[&_h3]:font-medium ds:[&_h3]:[margin-block-start:var(--spacing-xs)]',\n  'ds:[&_p]:[margin-block-end:var(--spacing-xs)]',\n  'ds:[&>:first-child]:[margin-block-start:0]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\n// Default template first, then the rest in their saved order.\n\n// Join dictated text onto the prompt with a single space.\nfunction joinWith(base: string, extra: string): string {\n  if (!extra) return base;\n  if (!base) return extra;\n  return /\\s$/.test(base) ? `${base}${extra}` : `${base} ${extra}`;\n}\n\nfunction isAbort(err: unknown): boolean {\n  return (\n    typeof err === 'object' &&\n    err !== null &&\n    'name' in err &&\n    (err as { name?: string }).name === 'AbortError'\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* AiCreditsExhaustedNotice                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface AiCreditsExhaustedNoticeProps {\n  credits?: AiCreditsInfo;\n  /** Shows a Back button (the bar uses it to return to the prompt). */\n  onBack?: () => void;\n}\n\n/** The out-of-credits state: what happened, the allowance, and the ways on. */\nexport function AiCreditsExhaustedNotice({\n  credits,\n  onBack,\n}: AiCreditsExhaustedNoticeProps): React.JSX.Element {\n  const { t, i18n } = useTranslation('ui');\n  const limit = credits?.limit;\n  const remaining = credits?.remaining ?? 0;\n  const remainingText =\n    limit !== undefined\n      ? t('helpMeWriteTemplates.credits.remaining', { remaining, limit })\n      : undefined;\n  const resetsOn = credits?.resetsOn\n    ? new Intl.DateTimeFormat(i18n.language, {\n        day: 'numeric',\n        month: 'long',\n      }).format(credits.resetsOn)\n    : undefined;\n  return (\n    <div\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n      data-component=\"ai-credits-exhausted-notice\"\n    >\n      <Alert variant=\"promo\" icon={<Astroid aria-hidden=\"true\" />}>\n        <Alert.Title as=\"h2\">\n          {t('helpMeWriteTemplates.credits.title')}\n        </Alert.Title>\n        <Alert.Description>\n          {/* Without a way to buy credits, only say when AI comes back. */}\n          {credits?.onBuyCredits\n            ? resetsOn\n              ? t('helpMeWriteTemplates.credits.bodyResets', { date: resetsOn })\n              : t('helpMeWriteTemplates.credits.body')\n            : resetsOn\n              ? t('helpMeWriteTemplates.credits.bodyWaitResets', {\n                  date: resetsOn,\n                })\n              : t('helpMeWriteTemplates.credits.bodyWait')}\n        </Alert.Description>\n        {limit !== undefined && remainingText ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]\">\n            <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              <span className=\"type-label\">\n                {t('helpMeWriteTemplates.credits.meterLabel')}\n              </span>\n              <span className=\"type-label ds:ms-auto ds:tabular-nums\">\n                {remainingText}\n              </span>\n            </div>\n            <Progress\n              value={Math.max(0, limit - remaining)}\n              max={limit}\n              size=\"sm\"\n              ariaLabel={t('helpMeWriteTemplates.credits.meterLabel')}\n              ariaValueText={remainingText}\n            />\n          </div>\n        ) : null}\n        {credits?.onBuyCredits || credits?.onSeeCosts ? (\n          <Alert.Action>\n            {credits.onBuyCredits ? (\n              <Button\n                intent=\"tonal\"\n                size=\"sm\"\n                startIcon={<TrendingUp aria-hidden=\"true\" />}\n                onClick={credits.onBuyCredits}\n              >\n                {t('helpMeWriteTemplates.credits.cta')}\n              </Button>\n            ) : null}\n            {credits.onSeeCosts ? (\n              <Button intent=\"link\" size=\"sm\" onClick={credits.onSeeCosts}>\n                {t('helpMeWriteTemplates.credits.secondary')}\n              </Button>\n            ) : null}\n          </Alert.Action>\n        ) : null}\n      </Alert>\n      <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n        {onBack ? (\n          <Button intent=\"ghost\" startIcon={<ArrowLeft />} onClick={onBack}>\n            {t('helpMeWriteTemplates.credits.back')}\n          </Button>\n        ) : null}\n        <p className={metaClass}>{t('helpMeWriteTemplates.credits.kept')}</p>\n      </div>\n    </div>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* HelpMeWriteTemplatesBar                                             */\n/* ------------------------------------------------------------------ */\n\nexport interface HelpMeWriteTemplatesBarProps {\n  /** What `RichTextEditor`'s `renderHelpMeWrite` hands its host. */\n  context: HelpMeWriteRenderContext;\n  /**\n   * @deprecated Templates run from the editor's AI pill (`aiTemplates`),\n   * not from this bar. Ignored.\n   */\n  templates?: AiTemplate[];\n  /** The AI call. Reject with `AiCreditsExhaustedError` when out of credits. */\n  onGenerate: (request: HelpMeWriteRequest) => Promise<string>;\n  /** @deprecated The manager opens from the pill's Templates menu. Ignored. */\n  onManageTemplates?: (mode: 'list' | 'create') => void;\n  /** After a draft lands. */\n  onApplied?: (applied: HelpMeWriteApplied) => void;\n  /** Shown in the out-of-credits notice. */\n  credits?: AiCreditsInfo;\n  /** Show the mic in the prompt when the editor has `onDictate`. Default true. */\n  enableDictation?: boolean;\n  /** Ignore Escape (e.g. while the manager dialog above it is open). */\n  suspendClose?: boolean;\n}\n\n/**\n * The Help-me-write bar, docked in the editor's AI slot: a free prompt with\n * an optional mic, then the draft and Insert. It also shows the\n * out-of-credits notice, including when a pill action ran out.\n */\nexport function HelpMeWriteTemplatesBar({\n  context,\n  onGenerate,\n  onApplied,\n  credits,\n  enableDictation = true,\n  suspendClose = false,\n}: HelpMeWriteTemplatesBarProps): React.JSX.Element {\n  const { t } = useTranslation('ui');\n  const { open } = context;\n  const draftId = useId();\n  const errorId = useId();\n  const [prompt, setPrompt] = useState('');\n  const [loading, setLoading] = useState(false);\n  const [errored, setErrored] = useState(false);\n  const [outOfCredits, setOutOfCredits] = useState(false);\n  const [draft, setDraft] = useState<string | null>(null);\n  const abortRef = useRef<AbortController | null>(null);\n  const onDictate = enableDictation ? context.onDictate : undefined;\n\n  /* ---- Mic in the prompt (the editor's own dictation seam) ---- */\n  const [isDictating, setIsDictating] = useState(false);\n  const [interim, setInterim] = useState('');\n  const [announcement, setAnnouncement] = useState('');\n  const dictateAbortRef = useRef<AbortController | null>(null);\n  const stopDictation = useCallback(() => dictateAbortRef.current?.abort(), []);\n  const toggleDictation = useCallback(() => {\n    if (isDictating) {\n      stopDictation();\n      return;\n    }\n    if (!onDictate) return;\n    const controller = new AbortController();\n    dictateAbortRef.current = controller;\n    setIsDictating(true);\n    setAnnouncement(t('helpMeWriteTemplates.bar.listening'));\n    onDictate({\n      signal: controller.signal,\n      onPartialTranscript: (text) => {\n        if (!controller.signal.aborted) setInterim(text);\n      },\n      onFinalTranscript: (text) => {\n        if (controller.signal.aborted) return;\n        setInterim('');\n        const trimmed = text.trim();\n        if (trimmed) {\n          setPrompt((p) => joinWith(p, trimmed));\n          setAnnouncement(trimmed);\n        }\n      },\n    })\n      .catch((err: unknown) => {\n        // Out of credits shows the notice; other dictation errors are\n        // non-fatal (the user can type instead).\n        if (err instanceof AiCreditsExhaustedError) setOutOfCredits(true);\n      })\n      .finally(() => {\n        setInterim('');\n        if (dictateAbortRef.current === controller) {\n          dictateAbortRef.current = null;\n          setIsDictating(false);\n          setAnnouncement('');\n        }\n      });\n  }, [isDictating, onDictate, stopDictation, t]);\n\n  // Each open starts fresh.\n  useEffect(() => {\n    if (open) {\n      setPrompt('');\n      setLoading(false);\n      setErrored(false);\n      // Opened because an AI call ran out of credits: start on the notice.\n      setOutOfCredits(context.creditsExhausted);\n      setDraft(null);\n    } else {\n      abortRef.current?.abort();\n      dictateAbortRef.current?.abort();\n    }\n    // Only on open/close; `context` is a fresh object every editor render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  useEffect(\n    () => () => {\n      abortRef.current?.abort();\n      dictateAbortRef.current?.abort();\n    },\n    [],\n  );\n\n  const run = useCallback(() => {\n    if (loading || !prompt.trim()) return;\n    stopDictation();\n    abortRef.current?.abort();\n    const controller = new AbortController();\n    abortRef.current = controller;\n    setErrored(false);\n    setLoading(true);\n    const onSelection = context.scope === 'selection';\n    onGenerate({\n      prompt: prompt.trim(),\n      sourceText: onSelection ? context.selectionText : context.getText(),\n      scope: onSelection ? 'selection' : 'document',\n      signal: controller.signal,\n    })\n      .then((result) => {\n        if (controller.signal.aborted) return;\n        setDraft(result);\n        setLoading(false);\n      })\n      .catch((err: unknown) => {\n        if (controller.signal.aborted || isAbort(err)) return;\n        if (err instanceof AiCreditsExhaustedError) setOutOfCredits(true);\n        else setErrored(true);\n        setLoading(false);\n      });\n    // `context` is a fresh object every editor render; read it at call time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [loading, prompt, onGenerate, stopDictation]);\n\n  const { onClose: contextClose } = context;\n  const close = useCallback(() => {\n    if (suspendClose) return;\n    contextClose();\n  }, [suspendClose, contextClose]);\n\n  const insert = () => {\n    if (draft === null) return;\n    const previousHtml = context.getHTML();\n    context.insertAtSelection(draft);\n    context.onClose();\n    const { setContent } = context;\n    onApplied?.({\n      mode: context.scope === 'selection' ? 'replace' : 'insert',\n      previousHtml,\n      undo: () => setContent(previousHtml),\n    });\n  };\n\n  let body: ReactNode;\n  if (outOfCredits) {\n    body = (\n      <AiCreditsExhaustedNotice\n        credits={credits}\n        onBack={() => setOutOfCredits(false)}\n      />\n    );\n  } else if (draft !== null) {\n    body = (\n      <>\n        <section\n          aria-labelledby={draftId}\n          className=\"ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-2xs)]\"\n        >\n          <h2 id={draftId} className={eyebrowClass}>\n            {t('helpMeWriteTemplates.bar.after')}\n          </h2>\n          <SafeHtml\n            html={draft}\n            profile=\"rich-text\"\n            className={previewClass}\n            tabIndex={0}\n          />\n        </section>\n        <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <Button intent=\"ghost\" startIcon={<X />} onClick={context.onClose}>\n            {t('helpMeWriteTemplates.bar.discard')}\n          </Button>\n          <Button\n            intent=\"ghost\"\n            startIcon={<RotateCcw />}\n            onClick={() => {\n              setDraft(null);\n              run();\n            }}\n          >\n            {t('helpMeWriteTemplates.bar.retry')}\n          </Button>\n          <span className=\"ds:flex-1\" aria-hidden=\"true\" />\n          <Button intent=\"primary\" onClick={insert}>\n            {context.scope === 'selection'\n              ? t('helpMeWriteTemplates.bar.replace')\n              : t('helpMeWriteTemplates.bar.insert')}\n          </Button>\n        </div>\n      </>\n    );\n  } else {\n    // While dictating the field shows the committed prompt plus live interim\n    // text, read-only so the stream is not fought over by typing.\n    const fieldValue = isDictating ? joinWith(prompt, interim) : prompt;\n    body = (\n      <>\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <IconButton\n            size=\"md\"\n            intent=\"outline\"\n            className={ACTION_SIZE}\n            icon={<X />}\n            aria-label={t('helpMeWriteTemplates.bar.close')}\n            onClick={context.onClose}\n          />\n          <div className=\"ds:min-w-0 ds:flex-1\">\n            <TextArea\n              size=\"md\"\n              value={fieldValue}\n              onChange={(event) => setPrompt(event.target.value)}\n              placeholder={t('editor.ai.promptPlaceholder')}\n              aria-label={t('editor.ai.promptLabel')}\n              autoResize\n              minRows={1}\n              maxRows={3}\n              readOnly={loading || isDictating}\n              tone={errored ? 'error' : 'default'}\n              aria-describedby={errored ? errorId : undefined}\n            />\n          </div>\n          {onDictate ? (\n            <IconButton\n              size=\"md\"\n              intent=\"outline\"\n              className={\n                isDictating ? `${ACTION_SIZE} ${RECORDING_MIC}` : ACTION_SIZE\n              }\n              icon={\n                isDictating ? <Square className=\"ds:fill-current\" /> : <Mic />\n              }\n              aria-pressed={isDictating}\n              aria-label={\n                isDictating\n                  ? t('helpMeWriteTemplates.bar.dictateStop')\n                  : t('helpMeWriteTemplates.bar.dictateStart')\n              }\n              disabled={loading}\n              onClick={toggleDictation}\n            />\n          ) : null}\n          <IconButton\n            size=\"md\"\n            intent=\"primary\"\n            className={BRAND_ACTION}\n            icon={loading ? <Spinner size=\"sm\" variant=\"pulse\" /> : <Send />}\n            disabled={loading || !prompt.trim()}\n            aria-busy={loading || undefined}\n            aria-label={t('helpMeWriteTemplates.bar.write')}\n            onClick={run}\n          />\n        </div>\n        {onDictate ? (\n          <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n            {announcement}\n          </p>\n        ) : null}\n        {errored ? (\n          <p id={errorId} role=\"alert\" className={metaClass}>\n            {t('helpMeWriteTemplates.bar.error')}\n          </p>\n        ) : null}\n        <p className={metaClass}>\n          {context.scope === 'selection'\n            ? t('helpMeWriteTemplates.bar.contextSelection')\n            : t('helpMeWriteTemplates.bar.contextDocument')}{' '}\n          {context.privacyNotice}\n        </p>\n      </>\n    );\n  }\n\n  return (\n    <EditorOverlay\n      open={open}\n      onClose={close}\n      ariaLabel={t('editor.ai.helpMeWrite')}\n    >\n      <div className=\"ds:contents\" data-component=\"help-me-write-templates-bar\">\n        {body}\n      </div>\n    </EditorOverlay>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* AiTemplateManager                                                   */\n/* ------------------------------------------------------------------ */\n\n/* The kit's list-reorder idiom (Sidebar favourites, anamnesis): HTML5 drag\n   on the row, a grip handle that also moves with Alt+Arrow / Alt+Home /\n   Alt+End, and a polite announcement of every move. Rows are keyed, so the\n   moved row's handle keeps focus. */\nconst reorderRowClass = cva('', {\n  variants: {\n    dragging: { true: 'ds:opacity-60', false: '' },\n    dropTarget: {\n      true: 'ds:outline-[length:var(--focus-ring-width)] ds:outline-dashed ds:outline-[var(--primary)] ds:outline-offset-[-2px]',\n      false: '',\n    },\n  },\n  defaultVariants: { dragging: false, dropTarget: false },\n});\n\nfunction useReorder(\n  templates: AiTemplate[],\n  onReorder: ((orderedIds: string[]) => void | Promise<void>) | undefined,\n) {\n  const { t } = useTranslation('ui');\n  const [dragSource, setDragSource] = useState<number | null>(null);\n  const [dropTarget, setDropTarget] = useState<number | null>(null);\n  const [message, setMessage] = useState('');\n  // Toggle an invisible suffix so a repeated move is announced again.\n  const toggle = useRef(false);\n\n  const move = (from: number, to: number): void => {\n    const target = Math.max(0, Math.min(templates.length - 1, to));\n    if (!onReorder || target === from) return;\n    const ids = templates.map((tpl) => tpl.id);\n    const [moved] = ids.splice(from, 1);\n    ids.splice(target, 0, moved);\n    void onReorder(ids);\n    toggle.current = !toggle.current;\n    const text = t('helpMeWriteTemplates.manager.reorderAnnounce', {\n      label: templates[from].name,\n      to: target + 1,\n      total: templates.length,\n    });\n    setMessage(toggle.current ? text : `${text}\\u200b`);\n  };\n\n  const rowProps = (index: number) =>\n    onReorder\n      ? {\n          draggable: true as const,\n          onDragStart: (event: DragEvent<HTMLElement>) => {\n            setDragSource(index);\n            event.dataTransfer.effectAllowed = 'move';\n            // Firefox needs data to start a drag.\n            event.dataTransfer.setData('text/plain', String(index));\n          },\n          onDragEnd: () => {\n            setDragSource(null);\n            setDropTarget(null);\n          },\n          onDragOver: (event: DragEvent<HTMLElement>) => {\n            if (dragSource === null) return;\n            event.preventDefault();\n            event.dataTransfer.dropEffect = 'move';\n            setDropTarget(index);\n          },\n          onDragLeave: () => setDropTarget(null),\n          onDrop: (event: DragEvent<HTMLElement>) => {\n            event.preventDefault();\n            const source = dragSource;\n            setDragSource(null);\n            setDropTarget(null);\n            if (source !== null) move(source, index);\n          },\n        }\n      : {};\n\n  const rowClass = (index: number): string =>\n    reorderRowClass({\n      dragging: dragSource === index,\n      dropTarget: dropTarget === index && dragSource !== index,\n    });\n\n  const handle = (index: number, name: string): ReactNode => (\n    <IconButton\n      size=\"sm\"\n      intent=\"ghost\"\n      icon={<GripVertical aria-hidden=\"true\" />}\n      aria-label={t('helpMeWriteTemplates.manager.reorderHandle', {\n        label: name,\n      })}\n      className=\"ds:cursor-grab ds:active:cursor-grabbing\"\n      onKeyDown={(event: KeyboardEvent<HTMLButtonElement>) => {\n        if (!event.altKey) return;\n        const to =\n          event.key === 'ArrowUp'\n            ? index - 1\n            : event.key === 'ArrowDown'\n              ? index + 1\n              : event.key === 'Home'\n                ? 0\n                : event.key === 'End'\n                  ? templates.length - 1\n                  : null;\n        if (to === null) return;\n        event.preventDefault();\n        move(index, to);\n      }}\n    />\n  );\n\n  const liveRegion = (\n    <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n      {message}\n    </span>\n  );\n\n  return { rowProps, rowClass, handle, liveRegion };\n}\n\nexport interface AiTemplateManagerProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Open on the list (default) or straight on a new-template form. */\n  initialMode?: 'list' | 'create';\n  templates: AiTemplate[];\n  /** Persist a new (no `id`) or edited template. A rejection keeps the form open. */\n  onSaveTemplate: (draft: AiTemplateDraft) => void | Promise<void>;\n  /** Omit to hide Delete. */\n  onDeleteTemplate?: (id: string) => void | Promise<void>;\n  /**\n   * Persist a new order (every template id, first to last): the order of\n   * the Templates menu. Omit to hide the drag handles.\n   */\n  onReorderTemplates?: (orderedIds: string[]) => void | Promise<void>;\n}\n\ninterface FormState {\n  id?: string;\n  name: string;\n  description: string;\n  prompt: string;\n  submitted: boolean;\n}\n\nconst EMPTY_FORM: FormState = {\n  name: '',\n  description: '',\n  prompt: '',\n  submitted: false,\n};\n\n/** List, create, edit and delete the practice's templates. */\nexport function AiTemplateManager({\n  open,\n  onOpenChange,\n  initialMode = 'list',\n  templates,\n  onSaveTemplate,\n  onDeleteTemplate,\n  onReorderTemplates,\n}: AiTemplateManagerProps): React.JSX.Element {\n  const { t } = useTranslation('ui');\n  const reorder = useReorder(templates, onReorderTemplates);\n  const [form, setForm] = useState<FormState | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [saveFailed, setSaveFailed] = useState(false);\n  const [pendingDelete, setPendingDelete] = useState<AiTemplate | null>(null);\n  const [deleting, setDeleting] = useState(false);\n  const [deleteFailed, setDeleteFailed] = useState(false);\n\n  // Wait for the host: the confirmation stays open (busy) until the delete\n  // settles, and shows an error if it fails.\n  const confirmDelete = async () => {\n    if (!pendingDelete || deleting) return;\n    setDeleting(true);\n    setDeleteFailed(false);\n    try {\n      await onDeleteTemplate?.(pendingDelete.id);\n      setPendingDelete(null);\n    } catch {\n      setDeleteFailed(true);\n    } finally {\n      setDeleting(false);\n    }\n  };\n\n  useEffect(() => {\n    if (open) {\n      setSaveFailed(false);\n      setForm(initialMode === 'create' ? { ...EMPTY_FORM } : null);\n    }\n    // Only when it opens; `templates` changing mid-edit keeps the form.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  const nameTaken = (name: string, id?: string): boolean =>\n    templates.some(\n      (tpl) => tpl.id !== id && tpl.name.toLowerCase() === name.toLowerCase(),\n    );\n\n  const nameError = (() => {\n    if (!form?.submitted) return undefined;\n    const name = form.name.trim();\n    if (!name) return t('helpMeWriteTemplates.manager.nameRequired');\n    return nameTaken(name, form.id)\n      ? t('helpMeWriteTemplates.manager.nameTaken')\n      : undefined;\n  })();\n  const promptError =\n    form?.submitted && !form.prompt.trim()\n      ? t('helpMeWriteTemplates.manager.promptRequired')\n      : undefined;\n\n  const save = async () => {\n    if (!form || saving) return;\n    const next = { ...form, submitted: true };\n    setForm(next);\n    const name = next.name.trim();\n    const prompt = next.prompt.trim();\n    if (!name || !prompt || nameTaken(name, next.id)) return;\n    setSaving(true);\n    setSaveFailed(false);\n    try {\n      await onSaveTemplate({\n        id: next.id,\n        name,\n        description: next.description.trim() || undefined,\n        prompt,\n      });\n      setForm(null);\n    } catch {\n      setSaveFailed(true);\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const title = form\n    ? form.id\n      ? t('helpMeWriteTemplates.manager.formEdit')\n      : t('helpMeWriteTemplates.manager.formNew')\n    : t('helpMeWriteTemplates.manager.title');\n\n  return (\n    <>\n      <Dialog open={open} onOpenChange={onOpenChange}>\n        <Dialog.Content size=\"lg\">\n          <div className=\"ds:contents\" data-component=\"ai-template-manager\">\n            <Dialog.Header>\n              <Dialog.Title>{title}</Dialog.Title>\n              <Dialog.Description>\n                {t('helpMeWriteTemplates.manager.description')}\n              </Dialog.Description>\n            </Dialog.Header>\n            <Dialog.Body>\n              {form ? (\n                <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n                  {saveFailed ? (\n                    <Alert variant=\"error\">\n                      {t('helpMeWriteTemplates.manager.saveError')}\n                    </Alert>\n                  ) : null}\n                  <FormField\n                    label={t('helpMeWriteTemplates.manager.name')}\n                    error={nameError}\n                    required\n                  >\n                    <StateBackedTextInput\n                      value={form.name}\n                      maxLength={100}\n                      placeholder={t(\n                        'helpMeWriteTemplates.manager.namePlaceholder',\n                      )}\n                      onChange={(event) =>\n                        setForm({ ...form, name: event.target.value })\n                      }\n                    />\n                  </FormField>\n                  <FormField\n                    label={t('helpMeWriteTemplates.manager.descLabel')}\n                    description={t('helpMeWriteTemplates.manager.descHint')}\n                    optional\n                  >\n                    <StateBackedTextInput\n                      value={form.description}\n                      maxLength={120}\n                      onChange={(event) =>\n                        setForm({ ...form, description: event.target.value })\n                      }\n                    />\n                  </FormField>\n                  <FormField\n                    label={t('helpMeWriteTemplates.manager.prompt')}\n                    description={t(\n                      'helpMeWriteTemplates.manager.promptDescription',\n                    )}\n                    error={promptError}\n                    required\n                  >\n                    <TextArea\n                      value={form.prompt}\n                      maxLength={4000}\n                      autoResize\n                      minRows={4}\n                      maxRows={10}\n                      onChange={(event) =>\n                        setForm({ ...form, prompt: event.target.value })\n                      }\n                    />\n                  </FormField>\n                </div>\n              ) : templates.length === 0 ? (\n                <EmptyState\n                  variant=\"first-use\"\n                  size=\"sm\"\n                  title={t('helpMeWriteTemplates.manager.emptyTitle')}\n                  description={t(\n                    'helpMeWriteTemplates.manager.emptyDescription',\n                  )}\n                  primaryAction={{\n                    label: t('helpMeWriteTemplates.manager.new'),\n                    onClick: () => setForm({ ...EMPTY_FORM }),\n                  }}\n                />\n              ) : (\n                <ul\n                  aria-label={t('helpMeWriteTemplates.manager.listLabel')}\n                  className=\"ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0\"\n                >\n                  {templates.map((tpl, index) => (\n                    <li\n                      key={tpl.id}\n                      {...reorder.rowProps(index)}\n                      className={`ds:flex ds:items-start ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)] ds:p-[var(--spacing-sm)] ${reorder.rowClass(index)}`}\n                    >\n                      {onReorderTemplates\n                        ? reorder.handle(index, tpl.name)\n                        : null}\n                      <div className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n                        <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n                          <span className=\"type-title-item ds:text-[color:var(--foreground)]\">\n                            {tpl.name}\n                          </span>\n                        </div>\n                        <p className={`${metaClass} ds:line-clamp-2`}>\n                          {tpl.description || tpl.prompt}\n                        </p>\n                      </div>\n                      <IconButton\n                        size=\"sm\"\n                        intent=\"ghost\"\n                        icon={<Pencil />}\n                        aria-label={t('helpMeWriteTemplates.manager.edit', {\n                          name: tpl.name,\n                        })}\n                        onClick={() =>\n                          setForm({\n                            id: tpl.id,\n                            name: tpl.name,\n                            description: tpl.description ?? '',\n                            prompt: tpl.prompt,\n                            submitted: false,\n                          })\n                        }\n                      />\n                      {onDeleteTemplate ? (\n                        <IconButton\n                          size=\"sm\"\n                          intent=\"ghost\"\n                          icon={<Trash2 />}\n                          aria-label={t('helpMeWriteTemplates.manager.delete', {\n                            name: tpl.name,\n                          })}\n                          onClick={() => setPendingDelete(tpl)}\n                        />\n                      ) : null}\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {reorder.liveRegion}\n            </Dialog.Body>\n            <Dialog.Footer>\n              {form ? (\n                <>\n                  <Button intent=\"secondary\" onClick={() => setForm(null)}>\n                    {t('helpMeWriteTemplates.manager.cancel')}\n                  </Button>\n                  <Button\n                    intent=\"primary\"\n                    loading={saving}\n                    onClick={() => void save()}\n                  >\n                    {t('helpMeWriteTemplates.manager.save')}\n                  </Button>\n                </>\n              ) : (\n                <>\n                  {templates.length > 0 ? (\n                    <Button\n                      intent=\"outline\"\n                      startIcon={<Plus />}\n                      onClick={() => setForm({ ...EMPTY_FORM })}\n                    >\n                      {t('helpMeWriteTemplates.manager.new')}\n                    </Button>\n                  ) : null}\n                  <Dialog.Close asChild>\n                    <Button intent=\"primary\">\n                      {t('helpMeWriteTemplates.manager.done')}\n                    </Button>\n                  </Dialog.Close>\n                </>\n              )}\n            </Dialog.Footer>\n          </div>\n        </Dialog.Content>\n      </Dialog>\n      <Dialog\n        open={pendingDelete != null}\n        onOpenChange={(next) => {\n          if (!next && !deleting) {\n            setPendingDelete(null);\n            setDeleteFailed(false);\n          }\n        }}\n      >\n        <Dialog.Content size=\"sm\" variant=\"alert\">\n          <Dialog.Header>\n            <Dialog.Title>\n              {t('helpMeWriteTemplates.manager.deleteTitle', {\n                name: pendingDelete?.name ?? '',\n              })}\n            </Dialog.Title>\n            <Dialog.Description>\n              {t('helpMeWriteTemplates.manager.deleteDescription')}\n            </Dialog.Description>\n          </Dialog.Header>\n          {deleteFailed ? (\n            <Dialog.Body>\n              <Alert variant=\"error\">\n                {t('helpMeWriteTemplates.manager.deleteError')}\n              </Alert>\n            </Dialog.Body>\n          ) : null}\n          <Dialog.Footer>\n            <Dialog.Close asChild>\n              <Button intent=\"secondary\" disabled={deleting}>\n                {t('helpMeWriteTemplates.manager.cancel')}\n              </Button>\n            </Dialog.Close>\n            <Button\n              intent=\"destructive\"\n              loading={deleting}\n              onClick={() => void confirmDelete()}\n            >\n              {t('helpMeWriteTemplates.manager.deleteConfirm')}\n            </Button>\n          </Dialog.Footer>\n        </Dialog.Content>\n      </Dialog>\n    </>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* HelpMeWriteUndoNotice                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface HelpMeWriteUndoNoticeProps {\n  /** The change to offer Undo for; `null` hides the notice. */\n  applied: HelpMeWriteApplied | null;\n  onUndo: () => void;\n  onDismiss: () => void;\n}\n\n/** \"Note rewritten with …\" plus Undo; takes focus when it appears. */\nexport function HelpMeWriteUndoNotice({\n  applied,\n  onUndo,\n  onDismiss,\n}: HelpMeWriteUndoNoticeProps): React.JSX.Element | null {\n  const { t } = useTranslation('ui');\n  const undoRef = useRef<HTMLButtonElement>(null);\n  useEffect(() => {\n    if (applied) undoRef.current?.focus();\n  }, [applied]);\n  if (!applied?.template) return null;\n  const name = applied.template.name;\n  return (\n    <Alert\n      variant=\"success\"\n      dismissible\n      onOpenChange={(isOpen) => {\n        if (!isOpen) onDismiss();\n      }}\n      data-component=\"help-me-write-undo-notice\"\n    >\n      <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n        <span>\n          {applied.mode === 'below'\n            ? t('helpMeWriteTemplates.undo.addedBelow', { name })\n            : t('helpMeWriteTemplates.undo.replaced', { name })}\n        </span>\n        <Button ref={undoRef} intent=\"outline\" size=\"sm\" onClick={onUndo}>\n          {t('helpMeWriteTemplates.undo.undo')}\n        </Button>\n      </div>\n    </Alert>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* useHelpMeWriteTemplates — the whole thing in one call               */\n/* ------------------------------------------------------------------ */\n\nexport interface UseHelpMeWriteTemplatesOptions {\n  templates: AiTemplate[];\n  /** The AI call, for both templates (from the pill) and the free prompt. */\n  onGenerate: HelpMeWriteTemplatesBarProps['onGenerate'];\n  /** Enables the manager (create / edit). Omit for read-only template users. */\n  onSaveTemplate?: AiTemplateManagerProps['onSaveTemplate'];\n  /** Enables Delete in the manager. */\n  onDeleteTemplate?: AiTemplateManagerProps['onDeleteTemplate'];\n  /** Enables drag-and-drop reordering in the manager (the menu order). */\n  onReorderTemplates?: AiTemplateManagerProps['onReorderTemplates'];\n  credits?: AiCreditsInfo;\n  /** Mic in the bar's prompt when the editor has `onDictate`. Default true. */\n  enableDictation?: boolean;\n  /** Also told about every applied draft (e.g. for analytics). */\n  onApplied?: (applied: HelpMeWriteApplied) => void;\n  /**\n   * Shows the AI-credits/bundles hover card on every AI trigger the editor\n   * has (this bar's own segment included, via `editorProps`). One wiring\n   * covers both the bar's existing out-of-credits notice (`credits`, shown\n   * only once the practice actually runs out) and this always-available\n   * hover preview.\n   */\n  creditsNotice?: RichTextEditorProps['aiCreditsNotice'];\n}\n\n/** The `RichTextEditor` props the hook drives; spread them on the editor. */\nexport interface HelpMeWriteTemplatesEditorProps {\n  renderHelpMeWrite: (context: HelpMeWriteRenderContext) => ReactNode;\n  aiTemplates: RichTextEditorAiTemplates;\n  onAiApplied: (applied: RichTextEditorAiApplied) => void;\n  aiCreditsNotice?: RichTextEditorProps['aiCreditsNotice'];\n}\n\nexport interface UseHelpMeWriteTemplatesResult extends HelpMeWriteTemplatesEditorProps {\n  /** All three editor props at once: `<RichTextEditor {...hmw.editorProps} />`. */\n  editorProps: HelpMeWriteTemplatesEditorProps;\n  /** Mount once, anywhere (a portalled dialog); `null` without `onSaveTemplate`. */\n  manager: ReactNode;\n  /** Place where the Undo notice should show, e.g. above the editor. */\n  undoNotice: ReactNode;\n  openManager: (mode?: 'list' | 'create') => void;\n}\n\n/**\n * Wires templates, the Help-me-write bar, the manager and Undo into the\n * editor. Templates run from the editor's AI pill and selection bubble;\n * the bar is the free prompt. Usage:\n *\n *   const hmw = useHelpMeWriteTemplates({ templates, onGenerate, onSaveTemplate });\n *   {hmw.undoNotice}\n *   <RichTextEditor {...hmw.editorProps} … />\n *   {hmw.manager}\n */\nexport function useHelpMeWriteTemplates({\n  templates,\n  onGenerate,\n  onSaveTemplate,\n  onDeleteTemplate,\n  onReorderTemplates,\n  credits,\n  enableDictation,\n  onApplied,\n  creditsNotice,\n}: UseHelpMeWriteTemplatesOptions): UseHelpMeWriteTemplatesResult {\n  const [manager, setManager] = useState<{\n    open: boolean;\n    mode: 'list' | 'create';\n  }>({ open: false, mode: 'list' });\n  const [applied, setApplied] = useState<HelpMeWriteApplied | null>(null);\n  const openManager = useCallback(\n    (mode: 'list' | 'create' = 'list') => setManager({ open: true, mode }),\n    [],\n  );\n\n  const renderHelpMeWrite = useCallback(\n    (context: HelpMeWriteRenderContext): ReactNode => (\n      <HelpMeWriteTemplatesBar\n        context={context}\n        onGenerate={onGenerate}\n        credits={credits}\n        enableDictation={enableDictation}\n        suspendClose={manager.open}\n        onApplied={onApplied}\n      />\n    ),\n    [onGenerate, credits, enableDictation, manager.open, onApplied],\n  );\n\n  // The editor runs templates; the host's full template (with its prompt)\n  // goes to `onGenerate`, looked up by id.\n  const aiTemplates = useMemo<RichTextEditorAiTemplates>(() => {\n    const byId = new Map(templates.map((tpl) => [tpl.id, tpl]));\n    return {\n      templates,\n      onRun: ({ template, text, scope, signal }): Promise<string> => {\n        const full = byId.get(template.id);\n        if (!full) return Promise.reject(new Error('Unknown template'));\n        return onGenerate({\n          template: full,\n          prompt: '',\n          sourceText: text,\n          scope,\n          signal,\n        });\n      },\n      onManage: onSaveTemplate ? openManager : undefined,\n    };\n  }, [templates, onGenerate, onSaveTemplate, openManager]);\n\n  const onAiApplied = useCallback(\n    (event: RichTextEditorAiApplied): void => {\n      if (event.action !== 'template' || !event.template) return;\n      const template = templates.find((tpl) => tpl.id === event.template?.id);\n      const change: HelpMeWriteApplied = {\n        mode: 'replace',\n        template,\n        previousHtml: event.previousHtml,\n        undo: event.undo,\n      };\n      setApplied(template ? change : null);\n      onApplied?.(change);\n    },\n    [templates, onApplied],\n  );\n\n  const managerNode = useMemo(\n    () =>\n      onSaveTemplate ? (\n        <AiTemplateManager\n          open={manager.open}\n          initialMode={manager.mode}\n          onOpenChange={(isOpen) => setManager((m) => ({ ...m, open: isOpen }))}\n          templates={templates}\n          onSaveTemplate={onSaveTemplate}\n          onDeleteTemplate={onDeleteTemplate}\n          onReorderTemplates={onReorderTemplates}\n        />\n      ) : null,\n    [manager, templates, onSaveTemplate, onDeleteTemplate, onReorderTemplates],\n  );\n\n  const undoNotice = (\n    <HelpMeWriteUndoNotice\n      applied={applied}\n      onUndo={() => {\n        applied?.undo();\n        setApplied(null);\n      }}\n      onDismiss={() => setApplied(null)}\n    />\n  );\n\n  const editorProps = useMemo<HelpMeWriteTemplatesEditorProps>(\n    () => ({\n      renderHelpMeWrite,\n      aiTemplates,\n      onAiApplied,\n      aiCreditsNotice: creditsNotice,\n    }),\n    [renderHelpMeWrite, aiTemplates, onAiApplied, creditsNotice],\n  );\n\n  return {\n    ...editorProps,\n    editorProps,\n    manager: managerNode,\n    undoNotice,\n    openManager,\n  };\n}\n"],"names":["AiCreditsExhaustedError","message","ACTION_SIZE","BRAND_ACTION","RECORDING_MIC","metaClass","eyebrowClass","previewClass","joinWith","base","extra","isAbort","err","AiCreditsExhaustedNotice","credits","onBack","t","i18n","useTranslation","limit","remaining","remainingText","resetsOn","jsxs","Alert","Astroid","jsx","Progress","Button","TrendingUp","ArrowLeft","HelpMeWriteTemplatesBar","context","onGenerate","onApplied","enableDictation","suspendClose","open","draftId","useId","errorId","prompt","setPrompt","useState","loading","setLoading","errored","setErrored","outOfCredits","setOutOfCredits","draft","setDraft","abortRef","useRef","onDictate","isDictating","setIsDictating","interim","setInterim","announcement","setAnnouncement","dictateAbortRef","stopDictation","useCallback","_a","toggleDictation","controller","text","trimmed","p","useEffect","_b","run","onSelection","result","contextClose","close","insert","previousHtml","setContent","body","Fragment","SafeHtml","X","RotateCcw","fieldValue","IconButton","TextArea","event","Square","Mic","Spinner","Send","EditorOverlay","reorderRowClass","cva","useReorder","templates","onReorder","dragSource","setDragSource","dropTarget","setDropTarget","setMessage","toggle","move","from","to","target","ids","tpl","moved","index","source","name","GripVertical","EMPTY_FORM","AiTemplateManager","onOpenChange","initialMode","onSaveTemplate","onDeleteTemplate","onReorderTemplates","reorder","form","setForm","saving","setSaving","saveFailed","setSaveFailed","pendingDelete","setPendingDelete","deleting","setDeleting","deleteFailed","setDeleteFailed","confirmDelete","nameTaken","id","nameError","promptError","save","next","title","Dialog","FormField","StateBackedTextInput","EmptyState","Pencil","Trash2","Plus","HelpMeWriteUndoNotice","applied","onUndo","onDismiss","undoRef","isOpen","useHelpMeWriteTemplates","creditsNotice","manager","setManager","setApplied","openManager","mode","renderHelpMeWrite","aiTemplates","useMemo","byId","template","scope","signal","full","onAiApplied","change","managerNode","m","undoNotice","editorProps"],"mappings":"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"}

package/dist/_chunks/key-value-pair-Ax8IJr1M.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"key-value-pair-Ax8IJr1M.js","sources":["../../src/components/key-value-pair/key-value-pair.tsx"],"sourcesContent":["import { forwardRef, useState, useCallback, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* CVA — root wrapper                                                   */\n/*                                                                      */\n/* The layout variants below describe the LOGICAL flow of label/value. */\n/* When an `icon` prop is supplied, the root flips to `flex-row` and    */\n/* renders the icon at the leading edge regardless of the chosen        */\n/* layout — the layout then governs the inner label/value stack. Cap-  */\n/* height alignment is handled by `items-start` + a small `mt` offset  */\n/* on the icon wrapper so a wrapping value doesn't push the icon       */\n/* downward.                                                            */\n/* ------------------------------------------------------------------ */\n\n/* ------------------------------------------------------------------ */\n/* CVA — value cell                                                     */\n/*                                                                      */\n/* `alignValue` decides whether the value starts beside the label or    */\n/* is pinned to the inline-end of the row. Pinning matters when a       */\n/* column of rows carries one comparable figure (a price, a count):     */\n/* left where it falls, its position shifts with the label width and    */\n/* the eye can't run down it.                                           */\n/*                                                                      */\n/* Standalone, the value is a flex sibling — `start` lets it absorb     */\n/* the free space, `end` pushes it over with an auto inline margin.     */\n/* Inside a `<KeyValueList>` the value is a grid item in the third      */\n/* track (`minmax(0,1fr)`), where the same auto margin pins it to the   */\n/* track's end. One pair of classes covers both.                        */\n/*                                                                      */\n/* Horizontal only. In `vertical` the value already sits below the      */\n/* label with nothing to pin against, so `alignValue` is a documented   */\n/* no-op there rather than a surprise.                                  */\n/* ------------------------------------------------------------------ */\n\nconst keyValuePairValueVariants = cva(\n  'type-body ds:text-foreground ds:min-w-0 ds:[unicode-bidi:isolate]',\n  {\n    variants: {\n      layout: {\n        horizontal: '',\n        vertical: 'ds:shrink',\n      },\n      alignValue: {\n        start: '',\n        end: '',\n      },\n      mono: {\n        true: 'ds:font-[family-name:var(--font-mono)]',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      // `flex-1` lets the value absorb the remaining inline space when\n      // the KVP root flexes icon / label / value as direct siblings.\n      // Without it the value shrinks to its content width and the row\n      // leaves inline-end whitespace.\n      {\n        layout: 'horizontal',\n        alignValue: 'start',\n        class: 'ds:flex-1 ds:shrink',\n      },\n      // Pinned: drop `flex-1` so the cell is content-width, then let an\n      // auto inline-start margin eat the slack. `ms-*` is the logical\n      // spelling, so this flips correctly in a right-to-left locale.\n      {\n        layout: 'horizontal',\n        alignValue: 'end',\n        class: 'ds:ms-auto ds:shrink-0',\n      },\n    ],\n    defaultVariants: {\n      layout: 'horizontal',\n      alignValue: 'start',\n      mono: false,\n    },\n  },\n);\n\nconst keyValuePairVariants = cva('ds:flex', {\n  variants: {\n    layout: {\n      horizontal: 'ds:flex-row ds:items-center ds:gap-[var(--spacing-sm)]',\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n    /** Internal — flips the root to a horizontal flex when an icon\n        is present so the icon can sit at the leading edge of both\n        horizontal and vertical inner stacks. `items-start` keeps the\n        icon anchored to the label row even when the value wraps. */\n    hasIcon: {\n      true: 'ds:flex-row ds:items-start ds:gap-[var(--spacing-sm)]',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    hasIcon: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePairProps                                                    */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValuePairProps\n  extends\n    React.HTMLAttributes<HTMLDivElement>,\n    Omit<VariantProps<typeof keyValuePairVariants>, 'hasIcon'> {\n  /** The label (term). Stays a string: it is interpolated into the copy\n   *  button's accessible name, where a node would render \"[object Object]\". */\n  label: string;\n  /**\n   * Display-only override for the rendered label — a node when the term needs\n   * more than text (a PHI lock beside it, a badge). `label` is still required\n   * and remains the string every accessible name is built from.\n   */\n  labelNode?: React.ReactNode;\n  /** The value — accepts plain text, Badge, Tag, monospace code, any ReactNode */\n  value: React.ReactNode;\n  /** Layout direction */\n  layout?: 'horizontal' | 'vertical';\n  /** Render value in monospace font */\n  mono?: boolean;\n  /**\n   * Where the value sits on the row.\n   *\n   * `start` (default) keeps the existing behaviour — the value begins\n   * immediately after the label and absorbs the remaining width.\n   *\n   * `end` pins the value to the inline-end of the row, so its position\n   * no longer moves with the label's length. Use it for the one\n   * comparable figure in a list of rows — a price, a count, a score —\n   * where a reader wants to scan down a column rather than read each\n   * line. Pinning every row defeats the point.\n   *\n   * Horizontal layout only: in `vertical` the value already sits below\n   * the label, so there is nothing to pin against and this is ignored.\n   */\n  alignValue?: 'start' | 'end';\n  /** Show a copy-to-clipboard IconButton beside the value */\n  copyable?: boolean;\n  /** The text to copy — defaults to `value` if value is a string */\n  copyText?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the pair.\n   * Pass a `lucide-react` icon (or any single React element) for\n   * visual consistency. The wrapper applies `aria-hidden=\"true\"` and\n   * paints the icon with `var(--key-value-pair-icon-color)` (defaults\n   * to `--muted-foreground`); consumers can recolour the slot via\n   * that token without forking the component.\n   *\n   * Cap-height alignment with the label is automatic — the wrapper\n   * uses `mt-0.5` so the glyph rides the label row, not the\n   * geometric centre of a wrapping value.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the\n   * intent is clear at the call site: this slot is for a single\n   * SVG/icon, not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\n/* ------------------------------------------------------------------ */\n/* KeyValuePair                                                         */\n/* ------------------------------------------------------------------ */\n\nexport const KeyValuePair = forwardRef<HTMLDivElement, KeyValuePairProps>(\n  (\n    {\n      label,\n      labelNode,\n      value,\n      layout = 'horizontal',\n      alignValue = 'start',\n      mono = false,\n      copyable = false,\n      copyText,\n      icon,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const textToCopy =\n      copyText ?? (typeof value === 'string' ? value : undefined);\n\n    const handleCopy = useCallback(async () => {\n      if (!textToCopy) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'KeyValuePair: copyable is true but no copyText was provided and value is not a string. Copy no-op.',\n          );\n        }\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(textToCopy);\n        setCopied(true);\n        setAnnouncement(t('keyValuePair.copied'));\n        setTimeout(() => {\n          setCopied(false);\n          setAnnouncement('');\n        }, 2000);\n      } catch {\n        setAnnouncement(t('keyValuePair.notAvailable'));\n        setTimeout(() => setAnnouncement(''), 3000);\n      }\n    }, [textToCopy, t]);\n\n    const valueClasses = keyValuePairValueVariants({\n      layout,\n      alignValue,\n      mono,\n    });\n\n    const hasIcon = icon !== undefined && icon !== null;\n\n    // Inner stack — used ONLY for `layout=\"vertical\"` when an icon is\n    // present (icon on the leading edge, label-on-top-of-value stacked\n    // next to it). For `layout=\"horizontal\"` we render the icon /\n    // label / value as direct flex children of the root — wrapping\n    // them in a single `<div>` would break the KeyValueList subgrid\n    // (the subgrid's 3 tracks would collapse to 2: the wrapper +\n    // icon). See the conditional below.\n    const innerStackClass =\n      'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0 ds:flex-1';\n\n    const stack = (\n      <>\n        <span className=\"type-label ds:text-muted-foreground ds:shrink-0\">\n          {labelNode ?? label}\n          <span className=\"ds:sr-only\">: </span>\n        </span>\n        <span className={valueClasses}>{value}</span>\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={t('keyValuePair.copy', { label })}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className={\n              layout === 'horizontal'\n                ? // Only one element on the row may claim the slack. When\n                  // the value is pinned it has already taken it with its\n                  // own `ms-auto`; a second auto margin here would split\n                  // the free space between them and strand the value in\n                  // the middle of the row instead of at its end.\n                  alignValue === 'end'\n                  ? 'ds:shrink-0'\n                  : 'ds:ms-auto ds:shrink-0'\n                : 'ds:self-start'\n            }\n          />\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={keyValuePairVariants({ layout, hasIcon, className })}\n        data-component=\"key-value-pair\"\n        {...props}\n      >\n        {hasIcon ? (\n          <>\n            {/* Decorative icon wrapper. `aria-hidden` so SR users only\n                hear \"<label>: <value>\" — the icon is brand polish,\n                not semantic content.\n\n                `translate-y` shifts the icon down by 2px visually so\n                its centre lines up with the label's x-height centre.\n                In a baseline-aligned subgrid row, the icon's margin-\n                box bottom pins to the label's text baseline — that\n                leaves the 16px SVG sitting visually 3-4px above the\n                label's centre. `translate-y` adjusts only the paint\n                position; the underlying baseline math still holds,\n                so multi-line value cells (e.g. address + map link)\n                stay correctly aligned with the FIRST line of the\n                value. */}\n            <span\n              aria-hidden=\"true\"\n              className=\"ds:inline-flex ds:shrink-0 ds:translate-y-0.5 ds:text-[color:var(--key-value-pair-icon-color)] ds:[&_svg]:size-4\"\n            >\n              {icon}\n            </span>\n            {/* `horizontal` layout: render label / value / copy as\n                direct flex children of the root so each piece falls\n                into its own track when this KVP is promoted to a\n                subgrid row by `<KeyValueList>`. Wrapping them in a\n                `<div>` here would collapse the subgrid's 3 tracks\n                (icon | label | value) to 2 (icon | wrapper) and labels\n                across rows would no longer share a column. The root's\n                `flex flex-row` + `gap-sm` keeps the standalone visual\n                identical.\n\n                `vertical` layout still needs the wrapper because the\n                stack is column-flow — label-on-top-of-value next to\n                the icon. */}\n            {layout === 'horizontal' ? (\n              stack\n            ) : (\n              <div className={innerStackClass}>{stack}</div>\n            )}\n          </>\n        ) : (\n          stack\n        )}\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {announcement}\n        </span>\n      </div>\n    );\n  },\n);\n\nKeyValuePair.displayName = 'KeyValuePair';\n\n/* ------------------------------------------------------------------ */\n/* KeyValueList — subgrid alignment for a column of KVP rows           */\n/*                                                                      */\n/* When several `<KeyValuePair>` rows live in the same card (practice  */\n/* profile, settings panel, contact card, etc.), the per-row flex      */\n/* layout means each row's label column has a different width. The     */\n/* values end up zigzagged. Wrapping in `<KeyValueList>` puts all rows */\n/* into a single 3-column CSS subgrid (icon | label | value), so       */\n/* labels share a column across rows and values start at the same     */\n/* inline-start edge.                                                  */\n/*                                                                      */\n/* Standalone `<KeyValuePair>` instances outside a `<KeyValueList>`    */\n/* keep their existing per-row flex layout — no behaviour change for   */\n/* consumers that didn't opt in.                                       */\n/* ------------------------------------------------------------------ */\n\nexport interface KeyValueListProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Gap between rows. Maps to spacing tokens — defaults to `md`.\n   * Smaller gaps suit dense settings panels; larger gaps suit\n   * profile cards.\n   */\n  rowGap?: 'sm' | 'md' | 'lg';\n}\n\nconst rowGapClassMap: Record<\n  NonNullable<KeyValueListProps['rowGap']>,\n  string\n> = {\n  sm: 'ds:gap-y-[var(--spacing-sm)]',\n  md: 'ds:gap-y-[var(--spacing-md)]',\n  lg: 'ds:gap-y-[var(--spacing-lg)]',\n};\n\nexport const KeyValueList = forwardRef<HTMLDivElement, KeyValueListProps>(\n  ({ children, className, rowGap = 'md', ...props }, ref) => {\n    // Three-column subgrid: icon | label | value.\n    //   - col 1: `auto` — width of the widest icon (or 0 if no rows have icons)\n    //   - col 2: `auto` — width of the widest label, shared across all rows\n    //   - col 3: `minmax(0, 1fr)` — value flexes; `minmax` prevents the\n    //     value from forcing the grid wider than its container when the\n    //     value contains a long unbroken string (e.g. an email or URL).\n    //\n    // Each child `<KeyValuePair>` (which renders as a `<div>` with a\n    // `data-component=\"key-value-pair\"` marker) is promoted into a\n    // subgrid row by the CSS below — the cell boundaries align across\n    // every direct child.\n    //\n    // We render as `<div>` (not `<dl>`): axe enforces \"dl can only\n    // contain dt/dd\" and the inner KVP renders as a `<div>`. The KVP's\n    // own SR markup (label + `<span class=\"sr-only\">: </span>` + value)\n    // already conveys term-value semantics — wrapping in a `<dl>`\n    // doesn't add anything the screen reader doesn't already get.\n    return (\n      <div\n        ref={ref}\n        data-component=\"key-value-list\"\n        className={[\n          'ds:grid ds:grid-cols-[auto_auto_minmax(0,1fr)]',\n          'ds:gap-x-[var(--spacing-md)]',\n          rowGapClassMap[rowGap],\n          // Each direct `data-component=\"key-value-pair\"` child becomes\n          // a subgrid row spanning all three columns. The KVP's own\n          // flex layout still works inside the cell (icon shrinks-0,\n          // label shrinks-0, value flexes) — subgrid just aligns the\n          // boundaries between siblings.\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:grid-cols-subgrid',\n          'ds:[&>[data-component=\"key-value-pair\"]]:col-span-3',\n          'ds:[&>[data-component=\"key-value-pair\"]]:items-baseline',\n          // Unset the KVP's intra-row `gap-sm` so the subgrid inherits\n          // the parent KeyValueList's `gap-x-md` for every track gap\n          // (icon→label and label→value). `gap-0` here would override\n          // the parent's gap and crowd the icon against the label;\n          // `[gap:normal]` is the subgrid-spec way to defer to the\n          // parent.\n          'ds:[&>[data-component=\"key-value-pair\"]]:[gap:normal]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nKeyValueList.displayName = 'KeyValueList';\n"],"names":["keyValuePairValueVariants","cva","keyValuePairVariants","KeyValuePair","forwardRef","label","labelNode","value","layout","alignValue","mono","copyable","copyText","icon","className","props","ref","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","textToCopy","handleCopy","useCallback","valueClasses","hasIcon","innerStackClass","stack","jsxs","Fragment","jsx","IconButton","Check","Copy","rowGapClassMap","KeyValueList","children","rowGap"],"mappings":"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"}

package/dist/_chunks/position-grid-D2D5_Tze.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"position-grid-D2D5_Tze.js","sources":["../../src/components/position-grid/position-grid.agent.ts","../../src/components/position-grid/position-grid.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — PositionGrid.                                          */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { PositionGridHandle } from './position-grid';\n\nexport const positionGridAgent: AgentAdapter<PositionGridHandle> = {\n  id: 'position-grid',\n  capabilities: ['select_single'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.positionGrid.state.value',\n      description:\n        'Currently selected position value (e.g. \"top-start\"), or empty string when none.',\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: 'string' } },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.positionGrid.actions.setValue',\n      description: 'Select the cell with the given position value.',\n      examples: [\n        {\n          args: { value: 'center' },\n          note: 'Selects the centre cell of the default 3×3 grid.',\n        },\n      ],\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'position-grid',\n      description: 'Marks the PositionGrid root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description: 'Position value emitted on each rendered cell.',\n    },\n  },\n};\n","import { forwardRef, useMemo, useRef, useState } from 'react';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { positionGridAgent } from './position-grid.agent';\n\n/** Agent-readiness curated handle for PositionGrid. */\nexport interface PositionGridHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  focus: () => void;\n}\n\n/** One selectable cell in the grid. */\nexport interface PositionGridOption {\n  /** Stable value emitted on selection (logical, e.g. `top-start`). */\n  value: string;\n  /** Accessible name for the cell — sighted users read the dot's position. */\n  label: string;\n}\n\nexport interface PositionGridProps {\n  /** Controlled selected value. Pair with onChange. */\n  value?: string;\n  /** Uncontrolled initial value. */\n  defaultValue?: string;\n  /** Fires with the newly-selected value. */\n  onChange?: (value: string) => void;\n  /**\n   * Override the default 9-cell set. When omitted, the default 3×3 anchor grid\n   * renders with bundled `positionGrid.*` labels. Cells flow in array order\n   * across the three columns.\n   */\n  positions?: PositionGridOption[];\n  /** Native form name for the underlying radio group. */\n  name?: string;\n  /** Disables every cell. */\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  /** Group accessible name. Defaults to the bundled `positionGrid.groupLabel`. */\n  'aria-label'?: string;\n}\n\n/** Default 3×3 anchor set. `labelKey` resolves against the bundled\n *  `positionGrid` i18n root; values use logical start/end naming (never\n *  left/right), so the layout mirrors correctly under `dir=\"rtl\"`. */\nconst DEFAULT_POSITIONS: ReadonlyArray<{ value: string; labelKey: string }> = [\n  { value: 'top-start', labelKey: 'topStart' },\n  { value: 'top', labelKey: 'top' },\n  { value: 'top-end', labelKey: 'topEnd' },\n  { value: 'start', labelKey: 'start' },\n  { value: 'center', labelKey: 'center' },\n  { value: 'end', labelKey: 'end' },\n  { value: 'bottom-start', labelKey: 'bottomStart' },\n  { value: 'bottom', labelKey: 'bottom' },\n  { value: 'bottom-end', labelKey: 'bottomEnd' },\n];\n\n// grid-cols-3 is intentional: the picker is a fixed-column anchor grid; custom\n// `positions` flow across the same three columns in array order.\nconst gridVariants = cva(\n  'ds:grid ds:grid-cols-3 ds:gap-[var(--spacing-2xs)] ds:w-fit',\n);\n\nconst cellVariants = cva(\n  [\n    'ds:group ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:aspect-square ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background',\n    'ds:cursor-pointer',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:border-ring',\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    'ds:data-[state=checked]:border-primary',\n    'ds:data-[state=checked]:bg-[color-mix(in_srgb,var(--accent)_8%,transparent)]',\n    'ds:data-[disabled]:border-muted',\n  ].join(' '),\n);\n\nconst markerVariants = cva(\n  [\n    'ds:size-2.5 ds:rounded-full ds:bg-muted-foreground',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:group-data-[state=checked]:bg-primary',\n    'ds:group-data-[disabled]:bg-muted',\n  ].join(' '),\n);\n\nexport const PositionGrid = forwardRef<HTMLDivElement, PositionGridProps>(\n  function PositionGrid(\n    {\n      value,\n      defaultValue,\n      onChange,\n      positions,\n      name,\n      disabled,\n      id,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation('ui');\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    // Pass the resolved direction to Radix so arrow-key navigation (and the\n    // CSS grid's inline flow) mirror correctly under dir=\"rtl\".\n    const dir = useDirection(rootRef);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const currentValue = isControlled ? (value ?? '') : internalValue;\n    const currentValueRef = useRef<string>(currentValue);\n    currentValueRef.current = currentValue;\n\n    const items = useMemo<PositionGridOption[]>(\n      () =>\n        positions ??\n        DEFAULT_POSITIONS.map((p) => ({\n          value: p.value,\n          label: t(`positionGrid.${p.labelKey}`),\n        })),\n      [positions, t],\n    );\n\n    const groupLabel = ariaLabel ?? t('positionGrid.groupLabel');\n\n    const handleValueChange = (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const agentHandle = useMemo<PositionGridHandle>(\n      () => ({\n        getValue: () => currentValueRef.current,\n        setValue: (next) => handleValueChange(next),\n        focus: () => {\n          const root = rootRef.current;\n          if (!root) return;\n          const checked = root.querySelector<HTMLElement>(\n            '[role=\"radio\"][aria-checked=\"true\"]',\n          );\n          const target =\n            checked ?? root.querySelector<HTMLElement>('[role=\"radio\"]');\n          target?.focus();\n        },\n      }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isControlled, onChange],\n    );\n    useAgentRegistration(positionGridAgent, agentHandle, id);\n\n    return (\n      <RadixRadioGroup.Root\n        ref={composedRef}\n        id={id}\n        name={name}\n        dir={dir}\n        disabled={disabled}\n        value={isControlled ? value : undefined}\n        defaultValue={!isControlled ? defaultValue : undefined}\n        onValueChange={handleValueChange}\n        aria-label={groupLabel}\n        className={gridVariants({ className })}\n        data-component=\"position-grid\"\n        data-component-id={id}\n      >\n        {items.map((pos) => (\n          <RadixRadioGroup.Item\n            key={pos.value}\n            value={pos.value}\n            aria-label={pos.label}\n            data-option-id={pos.value}\n            className={cellVariants()}\n          >\n            <span aria-hidden=\"true\" className={markerVariants()} />\n          </RadixRadioGroup.Item>\n        ))}\n      </RadixRadioGroup.Root>\n    );\n  },\n);\n\nPositionGrid.displayName = 'PositionGrid';\n\nexport { gridVariants as positionGridVariants };\n"],"names":["positionGridAgent","handle","args","DEFAULT_POSITIONS","gridVariants","cva","cellVariants","markerVariants","PositionGrid","forwardRef","value","defaultValue","onChange","positions","name","disabled","id","className","ariaLabel","ref","t","useTranslation","rootRef","useRef","composedRef","composeRefs","dir","useDirection","isControlled","internalValue","setInternalValue","useState","currentValue","currentValueRef","items","useMemo","p","groupLabel","handleValueChange","next","agentHandle","root","target","useAgentRegistration","jsx","RadixRadioGroup","pos"],"mappings":";;;;;;;;AASO,MAAMA,IAAsD;AAAA,EACjE,IAAI;AAAA,EACJ,cAAc,CAAC,eAAe;AAAA,EAC9B,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,EACpC;AAAA,EAEF,SAAS;AAAA,IACP,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY,EAAE,OAAO,EAAE,MAAM,WAAS;AAAA,QACtC,UAAU,CAAC,OAAO;AAAA,MAAA;AAAA,MAEpB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,UAAU;AAAA,QACR;AAAA,UACE,MAAM,EAAE,OAAO,SAAA;AAAA,UACf,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAQ,CAACA,GAAQC,MAA4B;AAC3C,QAAAD,EAAO,SAASC,EAAK,KAAK;AAAA,MAC5B;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCVMC,IAAwE;AAAA,EAC5E,EAAE,OAAO,aAAa,UAAU,WAAA;AAAA,EAChC,EAAE,OAAO,OAAO,UAAU,MAAA;AAAA,EAC1B,EAAE,OAAO,WAAW,UAAU,SAAA;AAAA,EAC9B,EAAE,OAAO,SAAS,UAAU,QAAA;AAAA,EAC5B,EAAE,OAAO,UAAU,UAAU,SAAA;AAAA,EAC7B,EAAE,OAAO,OAAO,UAAU,MAAA;AAAA,EAC1B,EAAE,OAAO,gBAAgB,UAAU,cAAA;AAAA,EACnC,EAAE,OAAO,UAAU,UAAU,SAAA;AAAA,EAC7B,EAAE,OAAO,cAAc,UAAU,YAAA;AACnC,GAIMC,IAAeC;AAAA,EACnB;AACF,GAEMC,IAAeD;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;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,IAAiBF;AAAA,EACrB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEaG,IAAeC;AAAA,EAC1B,SACE;AAAA,IACE,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAcC;AAAA,EAAA,GAEhBC,GACA;AACA,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAE3BC,IAAUC,EAAuB,IAAI,GACrCC,IAAcC,EAAYN,GAAKG,CAAO,GAGtCI,IAAMC,EAAaL,CAAO,GAE1BM,IAAelB,MAAU,QACzB,CAACmB,GAAeC,CAAgB,IAAIC;AAAA,MACxCpB,KAAgB;AAAA,IAAA,GAEZqB,IAAeJ,IAAgBlB,KAAS,KAAMmB,GAC9CI,IAAkBV,EAAeS,CAAY;AACnD,IAAAC,EAAgB,UAAUD;AAE1B,UAAME,IAAQC;AAAA,MACZ,MACEtB,KACAV,EAAkB,IAAI,CAACiC,OAAO;AAAA,QAC5B,OAAOA,EAAE;AAAA,QACT,OAAOhB,EAAE,gBAAgBgB,EAAE,QAAQ,EAAE;AAAA,MAAA,EACrC;AAAA,MACJ,CAACvB,GAAWO,CAAC;AAAA,IAAA,GAGTiB,IAAanB,KAAaE,EAAE,yBAAyB,GAErDkB,IAAoB,CAACC,MAAiB;AAC1C,MAAKX,KAAcE,EAAiBS,CAAI,GACxC3B,KAAA,QAAAA,EAAW2B;AAAA,IACb,GAEMC,IAAcL;AAAA,MAClB,OAAO;AAAA,QACL,UAAU,MAAMF,EAAgB;AAAA,QAChC,UAAU,CAACM,MAASD,EAAkBC,CAAI;AAAA,QAC1C,OAAO,MAAM;AACX,gBAAME,IAAOnB,EAAQ;AACrB,cAAI,CAACmB,EAAM;AAIX,gBAAMC,IAHUD,EAAK;AAAA,YACnB;AAAA,UAAA,KAGWA,EAAK,cAA2B,gBAAgB;AAC7D,UAAAC,KAAA,QAAAA,EAAQ;AAAA,QACV;AAAA,MAAA;AAAA;AAAA,MAGF,CAACd,GAAchB,CAAQ;AAAA,IAAA;AAEzB,WAAA+B,EAAqB3C,GAAmBwC,GAAaxB,CAAE,GAGrD,gBAAA4B;AAAA,MAACC,EAAgB;AAAA,MAAhB;AAAA,QACC,KAAKrB;AAAA,QACL,IAAAR;AAAA,QACA,MAAAF;AAAA,QACA,KAAAY;AAAA,QACA,UAAAX;AAAA,QACA,OAAOa,IAAelB,IAAQ;AAAA,QAC9B,cAAekB,IAA8B,SAAfjB;AAAA,QAC9B,eAAe2B;AAAA,QACf,cAAYD;AAAA,QACZ,WAAWjC,EAAa,EAAE,WAAAa,GAAW;AAAA,QACrC,kBAAe;AAAA,QACf,qBAAmBD;AAAA,QAElB,UAAAkB,EAAM,IAAI,CAACY,MACV,gBAAAF;AAAA,UAACC,EAAgB;AAAA,UAAhB;AAAA,YAEC,OAAOC,EAAI;AAAA,YACX,cAAYA,EAAI;AAAA,YAChB,kBAAgBA,EAAI;AAAA,YACpB,WAAWxC,EAAA;AAAA,YAEX,4BAAC,QAAA,EAAK,eAAY,QAAO,WAAWC,IAAe,CAAG;AAAA,UAAA;AAAA,UANjDuC,EAAI;AAAA,QAAA,CAQZ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAtC,EAAa,cAAc;"}

package/dist/_chunks/radio-group-BT97ty7o.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-group-BT97ty7o.js","sources":["../../src/components/radio-group/radio-group.agent.ts","../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — RadioGroup.                                            */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { RadioGroupHandle } from './radio-group';\n\nexport const radioGroupAgent: AgentAdapter<RadioGroupHandle> = {\n  id: 'radio-group',\n  capabilities: ['select_single'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.radioGroup.state.value',\n      description: 'Currently selected radio value, or empty string when none.',\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: {\n            type: 'string',\n            description: 'Value of the radio to select (its data-option-id).',\n          },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.radioGroup.actions.setValue',\n      description:\n        'Select the radio with the given value. A value that matches no enabled radio is ignored.',\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'radio-group',\n      description: 'Marks the RadioGroup root.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n    item: {\n      attr: 'data-option-id',\n      description: 'Stable opaque value emitted on each rendered Radio child.',\n    },\n  },\n};\n","import {\n  Children,\n  forwardRef,\n  isValidElement,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport * as RadixRadioGroup from '@radix-ui/react-radio-group';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CircleAlert } from 'lucide-react';\nimport {\n  RadioGroupInternalContext,\n  type RadioGroupInternalContextShape,\n  type RadioGroupVariant,\n} from './radio-group-context';\nimport { RadioSegmentFace, radioSegmentVariants } from './radio';\nimport { TooltipProvider } from '../tooltip';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useIsomorphicLayoutEffect } from '../../hooks/use-isomorphic-layout-effect';\nimport { useAgentRegistration } from '../../agent';\nimport { radioGroupAgent } from './radio-group.agent';\n\n/** Agent-readiness curated handle for RadioGroup. */\nexport interface RadioGroupHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n}\n\n// The segmented track: one bordered strip, segments never wrap.\nconst SEGMENTED_TRACK =\n  'ds:flex ds:flex-nowrap ds:items-stretch ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:p-[var(--spacing-2xs)]';\n\nconst radioGroupVariants = cva('ds:flex', {\n  variants: {\n    variant: {\n      vertical: 'ds:flex-col ds:gap-[var(--spacing-sm)]',\n      horizontal: 'ds:flex-row ds:flex-wrap ds:gap-[var(--spacing-md)]',\n      card: 'ds:flex-col ds:gap-[var(--spacing-md)]',\n      segmented: `${SEGMENTED_TRACK} ds:w-fit ds:max-w-full ds:min-w-0`,\n    },\n  },\n  defaultVariants: {\n    variant: 'vertical',\n  },\n});\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>;\n\ntype SegmentChildProps = {\n  value?: string;\n  icon?: ReactNode;\n  label?: string;\n  shortLabel?: string;\n};\n\nconst noop = () => undefined;\n\n/**\n * Collapse rule for the segmented variant. A hidden, always-mounted copy of\n * the track holds every segment at full width; the labels collapse once that\n * copy is wider than the line (less any `controlEnd`). A CSS container query\n * cannot do this: its breakpoint is a fixed length, but the width the labels\n * need changes with the locale and the accessible type scale, and the\n * per-segment tooltips have to switch on and off in script anyway. The copy\n * never collapses, so the result cannot flip back and forth.\n *\n * `structureKey` changes when the measured elements remount (controlEnd or\n * the legend added or removed): only then is the observer rebuilt.\n * `contentKey` changes with the segments' text and icons: a cheap re-measure.\n */\nfunction useSegmentedCollapse(\n  enabled: boolean,\n  structureKey: string,\n  contentKey: string,\n) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const measureRef = useRef<HTMLDivElement>(null);\n  const lineRef = useRef<HTMLDivElement>(null);\n  const endRef = useRef<HTMLSpanElement>(null);\n  const [collapsed, setCollapsed] = useState(false);\n  const measureNowRef = useRef<() => void>(noop);\n\n  useIsomorphicLayoutEffect(() => {\n    const container = containerRef.current;\n    const measure = measureRef.current;\n    if (!enabled || !container || !measure) {\n      setCollapsed(false);\n      return;\n    }\n    const update = () => {\n      const available = container.clientWidth;\n      // Not laid out yet (hidden tab, test DOM): keep the labels.\n      if (available <= 0) {\n        setCollapsed(false);\n        return;\n      }\n      const end = endRef.current;\n      const line = lineRef.current;\n      const endWidth =\n        end && line\n          ? end.offsetWidth +\n            (Number.parseFloat(window.getComputedStyle(line).columnGap) || 0)\n          : 0;\n      // +1 absorbs sub-pixel rounding.\n      setCollapsed(measure.scrollWidth > available - endWidth + 1);\n    };\n    measureNowRef.current = update;\n    update();\n    if (typeof ResizeObserver === 'undefined') {\n      return () => {\n        measureNowRef.current = noop;\n      };\n    }\n    const observer = new ResizeObserver(update);\n    observer.observe(container);\n    observer.observe(measure);\n    if (endRef.current) observer.observe(endRef.current);\n    return () => {\n      observer.disconnect();\n      measureNowRef.current = noop;\n    };\n  }, [enabled, structureKey]);\n\n  // New labels or icons: measure before paint rather than a frame later.\n  useIsomorphicLayoutEffect(() => {\n    measureNowRef.current();\n  }, [contentKey]);\n\n  return { containerRef, measureRef, lineRef, endRef, collapsed };\n}\n\nexport interface RadioGroupProps\n  extends\n    Omit<RadixRootProps, 'children' | 'orientation'>,\n    VariantProps<typeof radioGroupVariants> {\n  children: React.ReactNode;\n  /**\n   * `segmented` is a one-line strip of icon + label segments (give each\n   * `Radio` an `icon`, and a `shortLabel` when the full label is long). It\n   * fills its container's inline size; when the labels no longer fit, every\n   * segment shows its icon alone with its label in a tooltip. Its `Radio`\n   * children must be direct elements (a `.map` is fine) so the group can\n   * measure them.\n   */\n  variant?: RadioGroupVariant;\n  label?: string;\n  /** Rendered at the inline START of the legend line, `--spacing-xs` before\n   *  the text — a status chip or a marker, never a control. Its text joins\n   *  the group's accessible name, and it leads the question so a reader\n   *  never has to cross the line to learn what the mark refers to. */\n  labelStart?: React.ReactNode;\n  /** Rendered at the inline end of the legend line — a status chip or a\n   *  marker, never a control. Its text joins the group's accessible name. */\n  labelEnd?: React.ReactNode;\n  /** Segmented variant only: rendered just after the track, on the same\n   *  line and outside the radiogroup — e.g. an `InfoTip` explaining a\n   *  disabled segment. Its width is kept out of the labels' budget. */\n  controlEnd?: React.ReactNode;\n  description?: string;\n  error?: string;\n  required?: boolean;\n}\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      children,\n      variant = 'vertical',\n      label,\n      labelStart,\n      labelEnd,\n      controlEnd,\n      description,\n      error,\n      required,\n      disabled,\n      className,\n      id,\n      value,\n      defaultValue,\n      onValueChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const baseId = useId();\n    const legendId = `${baseId}-legend`;\n    const descriptionId = `${baseId}-description`;\n    const errorId = `${baseId}-error`;\n\n    const describedBy =\n      [description ? descriptionId : null, error ? errorId : null]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    // When a visible label is provided it names the inner radiogroup via\n    // aria-labelledby. The outer <fieldset> is neutralised to role=\"presentation\"\n    // (below) so screen readers announce ONE named radiogroup, not a named group\n    // wrapping a named radiogroup.\n    const labelledBy = label ? legendId : undefined;\n\n    const isSegmented = variant === 'segmented';\n    const orientation: 'vertical' | 'horizontal' =\n      variant === 'horizontal' || isSegmented ? 'horizontal' : 'vertical';\n\n    const segmentChildren = isSegmented\n      ? (Children.toArray(children).filter(isValidElement) as Array<\n          ReactElement<SegmentChildProps>\n        >)\n      : [];\n    const segmentContentKey = segmentChildren\n      .map(\n        (child) =>\n          `${child.props.value ?? ''}:${child.props.shortLabel ?? child.props.label ?? ''}:${child.props.icon ? 1 : 0}`,\n      )\n      .join('|');\n\n    const segmented = useSegmentedCollapse(\n      isSegmented,\n      `${Boolean(controlEnd)}:${Boolean(label)}`,\n      segmentContentKey,\n    );\n    const collapsed = isSegmented && segmented.collapsed;\n\n    const ctxValue: RadioGroupInternalContextShape = useMemo(\n      () => ({ variant, collapsed }),\n      [variant, collapsed],\n    );\n\n    const descriptionNode = description ? (\n      <p id={descriptionId} className=\"type-body-sm ds:text-muted-foreground\">\n        {description}\n      </p>\n    ) : null;\n\n    const errorNode = error ? (\n      <p\n        id={errorId}\n        role=\"alert\"\n        className=\"ds:inline-flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n      >\n        <CircleAlert aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n        <span>{error}</span>\n      </p>\n    ) : null;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const currentValue = isControlled ? (value ?? '') : internalValue;\n    const currentValueRef = useRef<string>(currentValue);\n    currentValueRef.current = currentValue;\n\n    const handleValueChange = (next: string) => {\n      if (!isControlled) setInternalValue(next);\n      onValueChange?.(next);\n    };\n\n    const agentHandle = useMemo<RadioGroupHandle>(\n      () => ({\n        getValue: () => currentValueRef.current,\n        // An agent may only pick what a user could: a value with a rendered,\n        // enabled radio. Unoffered or disabled values are ignored.\n        setValue: (next) => {\n          const offered = Array.from(\n            rootRef.current?.querySelectorAll<HTMLElement>('[role=\"radio\"]') ??\n              [],\n          ).some(\n            (radio) =>\n              radio.getAttribute('data-option-id') === next &&\n              !radio.hasAttribute('data-disabled'),\n          );\n          if (offered) handleValueChange(next);\n        },\n      }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isControlled, onValueChange],\n    );\n    useAgentRegistration(radioGroupAgent, agentHandle, id);\n\n    const root = (\n      <RadixRadioGroup.Root\n        ref={composedRef}\n        id={id}\n        orientation={orientation}\n        dir={dir}\n        disabled={disabled}\n        required={required}\n        value={isControlled ? value : undefined}\n        defaultValue={!isControlled ? defaultValue : undefined}\n        onValueChange={handleValueChange}\n        aria-labelledby={labelledBy}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        aria-required={required || undefined}\n        className={radioGroupVariants({ variant, className })}\n        data-component=\"radio-group\"\n        data-component-id={id}\n        data-collapsed={collapsed ? '' : undefined}\n        {...props}\n      >\n        {children}\n      </RadixRadioGroup.Root>\n    );\n\n    const control = isSegmented ? (\n      // Segments carry a tooltip each; bring a provider so the variant is\n      // safe in a host without one at its root.\n      <TooltipProvider>\n        <div\n          ref={segmented.containerRef}\n          className=\"ds:relative ds:w-full ds:min-w-0\"\n        >\n          {/* Measuring copy: laid out but invisible (so unfocusable) and out\n              of the a11y tree; it holds no controls. The clipping box keeps\n              it from widening a scroll container. Never display:none — it\n              must keep its width. */}\n          <div\n            aria-hidden=\"true\"\n            className=\"ds:pointer-events-none ds:invisible ds:absolute ds:inset-0 ds:overflow-hidden\"\n          >\n            <div\n              ref={segmented.measureRef}\n              data-segment-measure=\"\"\n              className={`ds:absolute ds:start-0 ds:top-0 ds:w-max ${SEGMENTED_TRACK}`}\n            >\n              {segmentChildren.map((child, index) => (\n                <span\n                  key={child.key ?? index}\n                  className={radioSegmentVariants()}\n                >\n                  <RadioSegmentFace\n                    icon={child.props.icon}\n                    text={child.props.shortLabel ?? child.props.label ?? ''}\n                    collapsed={false}\n                  />\n                </span>\n              ))}\n            </div>\n          </div>\n          <div\n            ref={segmented.lineRef}\n            className=\"ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-md)]\"\n          >\n            {root}\n            {controlEnd ? (\n              <span\n                ref={segmented.endRef}\n                className=\"ds:inline-flex ds:shrink-0 ds:items-center\"\n              >\n                {controlEnd}\n              </span>\n            ) : null}\n          </div>\n        </div>\n      </TooltipProvider>\n    ) : (\n      root\n    );\n\n    const outerClasses =\n      'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0';\n\n    const hasLegendSlot = Boolean(labelStart || labelEnd);\n\n    const legendText = (\n      <>\n        {label}\n        {required ? (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:text-destructive ds:ms-[var(--spacing-xs)]\"\n          >\n            *\n          </span>\n        ) : null}\n      </>\n    );\n    if (label) {\n      return (\n        <RadioGroupInternalContext.Provider value={ctxValue}>\n          <fieldset\n            role=\"presentation\"\n            className={`${outerClasses} ds:border-0 ds:p-0 ds:m-0`}\n          >\n            {/* A legend cannot flex itself reliably, so the row lives in a\n                span inside it; the legend goes full-width only when there is\n                something to push to the end. */}\n            <legend\n              id={legendId}\n              className={\n                hasLegendSlot\n                  ? 'type-label ds:text-foreground ds:p-0 ds:w-full'\n                  : 'type-label ds:text-foreground ds:p-0'\n              }\n            >\n              {hasLegendSlot ? (\n                <span className=\"ds:flex ds:items-start ds:gap-[var(--spacing-xs)]\">\n                  {labelStart ? (\n                    <span className=\"ds:inline-flex ds:shrink-0 ds:items-center\">\n                      {labelStart}\n                    </span>\n                  ) : null}\n                  {/* An explicit separator, so the accessible name reads\n                      \"Highlighted, Smoker\" and not one run-on word. The row\n                      is a flex box, which drops a whitespace-only text node —\n                      it costs nothing on screen. */}\n                  {labelStart ? ' ' : null}\n                  <span>{legendText}</span>\n                  {labelEnd ? ' ' : null}\n                  {labelEnd ? (\n                    <span className=\"ds:ms-auto ds:inline-flex ds:shrink-0 ds:items-center\">\n                      {labelEnd}\n                    </span>\n                  ) : null}\n                </span>\n              ) : (\n                legendText\n              )}\n            </legend>\n            {descriptionNode}\n            {control}\n            {errorNode}\n          </fieldset>\n        </RadioGroupInternalContext.Provider>\n      );\n    }\n\n    return (\n      <RadioGroupInternalContext.Provider value={ctxValue}>\n        <div className={outerClasses}>\n          {descriptionNode}\n          {control}\n          {errorNode}\n        </div>\n      </RadioGroupInternalContext.Provider>\n    );\n  },\n);\n\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["radioGroupAgent","handle","args","SEGMENTED_TRACK","radioGroupVariants","cva","noop","useSegmentedCollapse","enabled","structureKey","contentKey","containerRef","useRef","measureRef","lineRef","endRef","collapsed","setCollapsed","useState","measureNowRef","useIsomorphicLayoutEffect","container","measure","update","available","end","line","endWidth","observer","RadioGroup","forwardRef","children","variant","label","labelStart","labelEnd","controlEnd","description","error","required","disabled","className","id","value","defaultValue","onValueChange","props","ref","baseId","useId","legendId","descriptionId","errorId","describedBy","labelledBy","isSegmented","orientation","segmentChildren","Children","isValidElement","segmentContentKey","child","segmented","ctxValue","useMemo","descriptionNode","jsx","errorNode","jsxs","CircleAlert","rootRef","composedRef","composeRefs","dir","useDirection","isControlled","internalValue","setInternalValue","currentValue","currentValueRef","handleValueChange","next","agentHandle","_a","radio","useAgentRegistration","root","RadixRadioGroup","control","TooltipProvider","index","radioSegmentVariants","RadioSegmentFace","outerClasses","hasLegendSlot","legendText","Fragment","RadioGroupInternalContext"],"mappings":"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"}

package/dist/_chunks/sheet-CNFW8mYZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-CNFW8mYZ.js","sources":["../../src/components/sheet/sheet.agent.ts","../../src/components/sheet/sheet.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { SheetHandle } from './sheet';\n\nexport const sheetAgent: AgentAdapter<SheetHandle> = {\n  id: 'sheet',\n  // `dismiss` shares the handle's close() — it is the same imperative close\n  // path with destructive intent (loses uncommitted input). Backed.\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.sheet.state.isOpen',\n      description: 'True when the sheet is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      // Pure ephemeral UI state — opening loses no data.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.sheet.actions.open',\n      description: 'Open the sheet.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      // Pure ephemeral UI state — closing is reversible by reopening and\n      // loses no committed data.\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.sheet.actions.close',\n      description: 'Close the sheet. Reversible by reopening.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    dismiss: {\n      // Same close() path, but flagged destructive because dismissing a sheet\n      // mid-edit discards any in-progress input that was not committed.\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.sheet.actions.dismiss',\n      description:\n        'Dismiss the sheet. Loses any in-progress input that has not been committed.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'sheet' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Sheet.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { ScrollArea } from '../scroll-area/scroll-area';\nimport { useAgentRegistration } from '../../agent';\nimport { sheetAgent } from './sheet.agent';\n\nconst OVERLAY_CLASSES = [\n  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n  'ds:bg-[var(--background)]/[var(--opacity-70)]',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst contentVariants = cva(\n  [\n    'ds:fixed ds:z-[var(--z-modal)] ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-xl)]',\n    'ds:focus-visible:outline-none',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      side: {\n        start: [\n          'ds:start-0 ds:inset-y-0',\n          'ds:border-e ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-left-full ds:rtl:data-[state=open]:slide-in-from-right-full',\n          'ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-left-full ds:rtl:data-[state=closed]:slide-out-to-right-full',\n          'ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]',\n        ].join(' '),\n        end: [\n          'ds:end-0 ds:inset-y-0',\n          'ds:border-s ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-right-full ds:rtl:data-[state=open]:slide-in-from-left-full',\n          'ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-right-full ds:rtl:data-[state=closed]:slide-out-to-left-full',\n          'ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]',\n        ].join(' '),\n        top: [\n          'ds:top-0 ds:inset-x-0',\n          'ds:border-b ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-top-full',\n          'ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-top-full',\n        ].join(' '),\n        bottom: [\n          'ds:bottom-0 ds:inset-x-0',\n          'ds:border-t ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-bottom-full',\n          'ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-bottom-full',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { side: 'end' },\n  },\n);\n\nfunction getSizeClass(\n  side: 'start' | 'end' | 'top' | 'bottom',\n  size: 'sm' | 'md' | 'lg',\n): string {\n  if (side === 'start' || side === 'end') {\n    // These MUST carry the `ds:` prefix — a bare `[inline-size:…]` is not a\n    // recognised utility under `prefix: 'ds'`, so Tailwind emits no rule and the\n    // sheet renders full-bleed (the mobile `ds:max-sm:[inline-size:100dvw]`\n    // classes work precisely because they are prefixed).\n    const map = {\n      sm: 'ds:[inline-size:360px]',\n      md: 'ds:[inline-size:480px]',\n      lg: 'ds:[inline-size:640px]',\n    } as const;\n    return map[size];\n  }\n\n  const map = {\n    sm: 'ds:[block-size:40dvh]',\n    md: 'ds:[block-size:60dvh]',\n    lg: 'ds:[block-size:80dvh]',\n  } as const;\n  return map[size];\n}\n\n// Curated agent-readiness handle — see sheet.agent.ts.\nexport interface SheetHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface SheetRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  /** Opaque instance id — forwarded to Sheet.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst SheetIdContext = createContext<string | undefined>(undefined);\n\nconst SheetRoot = ({\n  children,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: SheetRootProps) => {\n  const isControlled = openProp !== undefined;\n  const [internalOpen, setInternalOpen] = useState<boolean>(\n    defaultOpen ?? false,\n  );\n  const open = isControlled ? Boolean(openProp) : internalOpen;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const handle = useMemo<SheetHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(sheetAgent, handle, id);\n\n  return (\n    <SheetIdContext.Provider value={id}>\n      <RadixDialog.Root open={open} onOpenChange={setOpen} {...props}>\n        {children}\n      </RadixDialog.Root>\n    </SheetIdContext.Provider>\n  );\n};\nSheetRoot.displayName = 'Sheet.Root';\n\nconst SheetTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nSheetTrigger.displayName = 'Sheet.Trigger';\n\nconst SheetClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nSheetClose.displayName = 'Sheet.Close';\n\nexport interface SheetContentProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'className'>,\n    VariantProps<typeof contentVariants> {\n  side?: 'start' | 'end' | 'top' | 'bottom';\n  size?: 'sm' | 'md' | 'lg';\n  className?: string;\n  children: ReactNode;\n}\n\nconst SheetContent = forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = 'end', size = 'md', className, children, ...props }, ref) => {\n    const instanceId = useContext(SheetIdContext);\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          data-component=\"sheet-overlay\"\n          className={OVERLAY_CLASSES}\n        />\n        <RadixDialog.Content\n          ref={ref}\n          className={[\n            contentVariants({ side }),\n            getSizeClass(side, size),\n            className,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          data-component=\"sheet\"\n          data-component-id={instanceId}\n          {...props}\n        >\n          {children}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nSheetContent.displayName = 'Sheet.Content';\n\nconst SheetHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => {\n    const { t } = useTranslation('ui');\n\n    return (\n      <div\n        ref={ref}\n        className={[\n          'ds:sticky ds:top-0 ds:z-10 ds:flex ds:items-center ds:justify-between',\n          'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n          'ds:border-b ds:border-[color:var(--border)] ds:bg-[var(--popover)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n        <SheetClose asChild>\n          <IconButton\n            icon={<X />}\n            intent=\"ghost\"\n            size=\"sm\"\n            aria-label={t('common.close', 'Close')}\n          />\n        </SheetClose>\n      </div>\n    );\n  },\n);\nSheetHeader.displayName = 'Sheet.Header';\n\nconst SheetBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    // ScrollArea forwards its ref to the scroll container (Radix viewport), so\n    // SheetBody's ref still points at the scroller — preserving scrollTop access.\n    <ScrollArea\n      ref={ref}\n      orientation=\"vertical\"\n      className=\"ds:flex-1 ds:min-h-0\"\n    >\n      <div\n        className={[\n          'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-lg)]',\n          'ds:break-words',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    </ScrollArea>\n  ),\n);\nSheetBody.displayName = 'Sheet.Body';\n\nconst SheetFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:sticky ds:bottom-0 ds:z-10 ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n        'ds:border-t ds:border-[color:var(--border)] ds:bg-[var(--popover)]',\n        'ds:max-sm:flex-col ds:max-sm:[&>*]:w-full',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'Sheet.Footer';\n\nconst SheetTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSheetTitle.displayName = 'Sheet.Title';\n\nconst SheetDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSheetDescription.displayName = 'Sheet.Description';\n\nexport const Sheet = Object.assign(SheetRoot, {\n  Root: SheetRoot,\n  Trigger: SheetTrigger,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Body: SheetBody,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n});\n\nexport type SheetHeaderProps = HTMLAttributes<HTMLDivElement>;\nexport type SheetBodyProps = HTMLAttributes<HTMLDivElement>;\nexport type SheetFooterProps = HTMLAttributes<HTMLDivElement>;\n"],"names":["sheetAgent","handle","OVERLAY_CLASSES","contentVariants","cva","getSizeClass","side","size","SheetIdContext","createContext","SheetRoot","children","id","openProp","defaultOpen","onOpenChange","props","isControlled","internalOpen","setInternalOpen","useState","open","openRef","useRef","useEffect","setOpen","useCallback","next","useMemo","useAgentRegistration","jsx","RadixDialog","SheetTrigger","forwardRef","ref","SheetClose","SheetContent","className","instanceId","useContext","jsxs","SheetHeader","t","useTranslation","IconButton","X","SheetBody","ScrollArea","SheetFooter","SheetTitle","SheetDescription","Sheet"],"mappings":"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"}

package/dist/_chunks/stat-51CDL4au.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stat-51CDL4au.js","sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useCountUp } from '../../hooks/use-count-up';\n\n/* ------------------------------------------------------------------ */\n/* CVA — stat root                                                      */\n/* ------------------------------------------------------------------ */\n\n// `h-full` lets Stats grow to fill a flex / grid parent's cell, so a\n// row paired with taller cards (BenefitCard, Card, etc.) reads as a\n// matching set instead of mismatched heights. In a non-stretching\n// parent (block flow, inline) it's a no-op — block-size defers to\n// content as before. The flex-col inside still pins label/icon row\n// at the top and the number below, so growing the card adds the\n// extra space below the number instead of inserting it between\n// label and value.\nconst statVariants = cva('ds:flex ds:flex-col ds:h-full', {\n  variants: {\n    variant: {\n      default: 'ds:gap-[var(--spacing-xs)]',\n      outlined: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:border ds:border-[color:var(--border)]',\n        'ds:rounded-[var(--radius-md)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n      // White card surface with the shared card shadow + border —\n      // matches `Card variant=\"elevated\"` and `BenefitCard.elevated`\n      // tokens (`--card`, `--card-border`, `--shadow-card`,\n      // `--radius-lg`) so a grid of elevated Stats reads as a set of\n      // shaded panels without nesting a Card around each one. The\n      // border is essential in dark mode: shadow alone on a dark\n      // surface loses contrast and the card boundary disappears.\n      // `--surface-border-width` bumps it to 2px in the accessible themes,\n      // matching Card / BenefitCard's 0.31.5 accessibility uplift.\n      elevated: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:bg-[var(--card)]',\n        'ds:text-[var(--card-foreground)]',\n        'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n        'ds:shadow-[var(--shadow-card)]',\n        'ds:rounded-[var(--radius-lg)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        // Forced-colors: UA strips shadow, so render a border as the\n        // separation cue — mirrors Card's forced-colors behaviour.\n        'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n      ].join(' '),\n      compact: 'ds:gap-[var(--spacing-none)]',\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n    align: {\n      start: 'ds:items-start ds:text-start',\n      center: 'ds:items-center ds:text-center',\n      end: 'ds:items-end ds:text-end',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    align: 'start',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — value element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva('type-metric', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-metric-size:var(--font-size-xl)]',\n      md: 'ds:[--type-metric-size:var(--font-size-3xl)]',\n      lg: 'ds:[--type-metric-size:var(--font-size-5xl)]',\n    },\n    variant: {\n      default: '',\n      outlined: '',\n      elevated: '',\n      compact: '',\n    },\n    // Colour of the headline metric value. Defaults to `--foreground`\n    // (the existing render). `primary` / `accent` are the brand intents\n    // — use for hero / marketing stats where the number IS the visual\n    // marker. `success` / `destructive` / `info` / `warning` map to the\n    // semantic tokens for KPI tiles that want to signal status via the\n    // value colour itself (e.g. revenue green, debt red). The trend\n    // chevron and the label colour are independent of this prop.\n    intent: {\n      foreground: 'ds:text-[var(--foreground)]',\n      primary: 'ds:text-[var(--primary)]',\n      accent: 'ds:text-[var(--accent)]',\n      success: 'ds:text-[var(--success)]',\n      destructive: 'ds:text-[var(--destructive)]',\n      info: 'ds:text-[var(--info)]',\n      warning: 'ds:text-[var(--warning)]',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'compact',\n      size: 'sm',\n      className: 'ds:[--type-metric-size:var(--font-size-lg)]',\n    },\n    {\n      variant: 'compact',\n      size: 'md',\n      className: 'ds:[--type-metric-size:var(--font-size-xl)]',\n    },\n    {\n      variant: 'compact',\n      size: 'lg',\n      className: 'ds:[--type-metric-size:var(--font-size-2xl)]',\n    },\n  ],\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n    intent: 'foreground',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — trend element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst trendVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label',\n  {\n    variants: {\n      trend: {\n        up: 'ds:text-[var(--success)]',\n        down: 'ds:text-[var(--destructive)]',\n        flat: 'ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: {\n      trend: 'flat',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* StatTrend (internal — not exported)                                  */\n/* ------------------------------------------------------------------ */\n\ninterface StatTrendProps {\n  trend: 'up' | 'down' | 'flat';\n  delta: number | string;\n  deltaFormat?: 'decimal' | 'percent';\n  locale?: string;\n}\n\nconst ARROW = { up: '↑', down: '↓', flat: '→' } as const;\nconst TREND_KEY = {\n  up: 'stat.trend.up',\n  down: 'stat.trend.down',\n  flat: 'stat.trend.flat',\n} as const;\n\nfunction StatTrend({\n  trend,\n  delta,\n  deltaFormat = 'decimal',\n  locale,\n}: StatTrendProps) {\n  const { t, i18n } = useTranslation('ui');\n\n  const formattedDelta =\n    typeof delta === 'string'\n      ? delta\n      : new Intl.NumberFormat(locale ?? i18n.language, {\n          style: deltaFormat === 'percent' ? 'percent' : 'decimal',\n        }).format(deltaFormat === 'percent' ? delta / 100 : delta);\n\n  return (\n    <span className={trendVariants({ trend })}>\n      <span aria-hidden=\"true\">{ARROW[trend]}</span>\n      <span className=\"ds:sr-only\">{t(TREND_KEY[trend])}</span>\n      {formattedDelta}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Parse a string value into a numeric target for the count-up         */\n/* ------------------------------------------------------------------ */\n\ntype ParsedValue = {\n  /** Numeric target for the count-up. */\n  target: number;\n  /** Leading sign captured from the input string (e.g. \"+\" / \"-\"). */\n  sign: '' | '+' | '-';\n  /** Trailing shorthand suffix (e.g. \"K\" / \"M\" / \"B\") to re-append. */\n  suffix: string;\n};\n\n/**\n * Strip locale-aware separators, a leading sign, and the K/M/B\n * shorthand suffix from a pre-formatted string so the count-up has a\n * pure numeric target to animate towards. Returns `null` for any input\n * that can't be parsed — the caller short-circuits to static rendering\n * in that case.\n */\nfunction parseStatValue(raw: string, locale: string): ParsedValue | null {\n  const trimmed = raw.trim();\n  if (trimmed === '') return null;\n\n  // Capture leading sign so we can re-attach it every frame. Stat's\n  // marketing usage (\"+500.000\", \"-12\") often relies on it.\n  let sign: '' | '+' | '-' = '';\n  let body = trimmed;\n  if (body.startsWith('+')) {\n    sign = '+';\n    body = body.slice(1).trimStart();\n  } else if (body.startsWith('-') || body.startsWith('−')) {\n    // Hyphen-minus or the typographic minus sign — both treated as -.\n    sign = '-';\n    body = body.slice(1).trimStart();\n  }\n\n  // Trailing K / M / B shorthand (case-insensitive). Re-append verbatim\n  // so \"+1.5K\" renders as \"+1.5K\" at every frame.\n  let suffix = '';\n  const suffixMatch = body.match(/[KMB]$/i);\n  if (suffixMatch) {\n    suffix = suffixMatch[0];\n    body = body.slice(0, -1).trimEnd();\n  }\n\n  // Discover the locale's group + decimal glyphs from a probe value.\n  // formatToParts is the canonical way; we fall back to `.` decimal /\n  // `,` group if Intl can't tell us (no-locale envs).\n  let group = '';\n  let decimal = '.';\n  try {\n    const probe = new Intl.NumberFormat(locale).formatToParts(12345.6);\n    for (const part of probe) {\n      if (part.type === 'group') group = part.value;\n      else if (part.type === 'decimal') decimal = part.value;\n    }\n  } catch {\n    /* swallow — defaults already set */\n  }\n\n  // Heuristic for input strings that look like JS-native decimals\n  // (e.g. `\"1500.25\"`) regardless of the requested locale: if the body\n  // is a clean US-style decimal AND the fraction after the `.` is NOT\n  // a three-digit thousands group in a locale that uses `.` as the\n  // group separator, treat it as a direct numeric literal. This covers\n  // the common case where a caller types `value=\"1500.25\"` and expects\n  // the count-up to land on 1500.25 even though the output locale is\n  // it-IT (which uses `.` for thousands).\n  const usStyleMatch = body.match(/^(\\d+)\\.(\\d+)$/);\n  if (usStyleMatch) {\n    const fractionLen = usStyleMatch[2].length;\n    if (!(fractionLen === 3 && group === '.')) {\n      const direct = Number.parseFloat(body);\n      if (Number.isFinite(direct)) {\n        return { target: direct, sign, suffix };\n      }\n    }\n  }\n\n  // Strip every group separator we discovered, then normalise the\n  // decimal separator to `.` so JS can parseFloat the result.\n  // Note: when the locale's group separator is empty (e.g. some\n  // numbering systems) the replace is a no-op.\n  let normalised = body;\n  if (group !== '') {\n    normalised = normalised.split(group).join('');\n  }\n  if (decimal !== '.') {\n    normalised = normalised.split(decimal).join('.');\n  }\n\n  // Defence-in-depth: strip whitespace plus NBSP (U+00A0) and NARROW\n  // NO-BREAK SPACE (U+202F) that some locales (fr-FR, it-IT) use as\n  // thousand separators. Hex escapes keep this source ASCII-clean.\n  normalised = normalised.replace(/[\\s\\u00A0\\u202F]/g, '');\n\n  const numeric = Number.parseFloat(normalised);\n  if (!Number.isFinite(numeric)) return null;\n\n  return { target: numeric, sign, suffix };\n}\n\n/* ------------------------------------------------------------------ */\n/* StatProps                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface StatProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statVariants> {\n  /** Metric label rendered above the value. */\n  label: string;\n  /** Numeric or pre-formatted string value. */\n  value: number | string;\n  /** Number formatting style. Omit to use default decimal formatting. */\n  format?: 'decimal' | 'currency' | 'percent';\n  /** ISO 4217 currency code — required when format=\"currency\". */\n  currency?: string;\n  /** BCP 47 locale override. Defaults to the active i18n language. */\n  locale?: string;\n  /** Trend direction. Requires `delta` to render the trend row. */\n  trend?: 'up' | 'down' | 'flat';\n  /** Trend delta magnitude, e.g. 12 for \"↑ 12%\". */\n  delta?: number | string;\n  /** Number formatting style for the delta. Default \"decimal\". */\n  deltaFormat?: 'decimal' | 'percent';\n  /** Optional leading icon rendered at the start of the label row. */\n  icon?: ReactNode;\n  /**\n   * Colour of the headline value. Defaults to `foreground`. Brand\n   * intents (`primary`, `accent`) are for hero / marketing stats where\n   * the number is the visual marker. Semantic intents\n   * (`success`, `destructive`, `info`, `warning`) signal status via\n   * the value colour itself — e.g. revenue green, debt red on KPI\n   * tiles. Trend chevron and label colour are independent.\n   */\n  intent?:\n    | 'foreground'\n    | 'primary'\n    | 'accent'\n    | 'success'\n    | 'destructive'\n    | 'info'\n    | 'warning';\n  /** Renders animated skeleton placeholders instead of content. */\n  loading?: boolean;\n  /**\n   * Animate the numeric value from 0 (or from the captured leading\n   * sign) to the final value when the Stat first scrolls into view.\n   * Default `false`. Marketing surfaces opt in; dashboards leave it\n   * off so live metrics render immediately.\n   */\n  animate?: boolean;\n  /**\n   * When `true`, the count-up re-plays every time the Stat scrolls\n   * out of view and back in. Default `false` — animate once per\n   * element per session, matching the booking-website hero pattern.\n   * Ignored under `prefers-reduced-motion: reduce`.\n   */\n  animateOnEveryView?: boolean;\n  /** Animation duration in milliseconds. Default 1600. */\n  animateDurationMs?: number;\n  /**\n   * BCP 47 locale used for the per-frame count-up formatting. Falls\n   * back to `locale`, then to the active i18n language.\n   */\n  animateLocale?: string;\n  /**\n   * Override the locale's thousand / decimal glyphs for the count-up.\n   * Wins over locale defaults. Pass partial overrides — `decimal`\n   * alone is valid; the unspecified separator stays at the locale\n   * default.\n   */\n  animateSeparators?: {\n    thousand?: string;\n    decimal?: string;\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Stat                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const Stat = forwardRef<HTMLDivElement, StatProps>(\n  (\n    {\n      label,\n      value,\n      format,\n      currency,\n      locale,\n      trend,\n      delta,\n      deltaFormat = 'decimal',\n      icon,\n      loading = false,\n      animate = false,\n      animateOnEveryView = false,\n      animateDurationMs = 1600,\n      animateLocale,\n      animateSeparators,\n      variant = 'default',\n      size = 'md',\n      align = 'start',\n      intent = 'foreground',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { i18n } = useTranslation('ui');\n    const labelId = useId();\n    const lang = locale ?? i18n.language;\n\n    /* -------------------------------------------------- */\n    /* Static formatting — the value as it would appear   */\n    /* in the non-animated (or post-animation) state.     */\n    /* -------------------------------------------------- */\n\n    const formatValue = useCallback((): string => {\n      if (typeof value === 'string') return value;\n\n      switch (format) {\n        case 'currency':\n          return new Intl.NumberFormat(lang, {\n            style: 'currency',\n            currency: currency ?? 'USD',\n          }).format(value);\n        case 'percent':\n          return new Intl.NumberFormat(lang, { style: 'percent' }).format(\n            value,\n          );\n        case 'decimal':\n          return new Intl.NumberFormat(lang, { style: 'decimal' }).format(\n            value,\n          );\n        default:\n          return new Intl.NumberFormat(lang).format(value);\n      }\n    }, [value, format, lang, currency]);\n\n    const staticValue = formatValue();\n\n    /* -------------------------------------------------- */\n    /* Parse the value into a numeric target for the      */\n    /* count-up. Numeric values use `value` directly;     */\n    /* string values are stripped of sign / shorthand /   */\n    /* locale separators and re-decorated each frame.     */\n    /* -------------------------------------------------- */\n\n    const animationLocale = animateLocale ?? lang;\n    const hasWarnedRef = useRef<boolean>(false);\n\n    const parsed = useMemo<ParsedValue | null>(() => {\n      if (!animate) return null;\n      if (typeof value === 'number') {\n        // Numeric: target is the number itself; no sign / suffix to\n        // re-attach.\n        return Number.isFinite(value)\n          ? { target: value, sign: '', suffix: '' }\n          : null;\n      }\n      return parseStatValue(value, animationLocale);\n    }, [animate, value, animationLocale]);\n\n    // Dev-mode warning when an animate-flagged Stat has an unparseable\n    // string value. Render static, no throw — one warn per component.\n    if (\n      animate &&\n      typeof value === 'string' &&\n      parsed === null &&\n      import.meta.env.DEV &&\n      !hasWarnedRef.current\n    ) {\n      hasWarnedRef.current = true;\n      console.warn(\n        `Stat: value=\"${value}\" couldn't be parsed for the count-up animation. Rendering static.`,\n      );\n    }\n\n    const shouldAnimate = animate && parsed !== null;\n\n    /* -------------------------------------------------- */\n    /* Wire the hook unconditionally — rules-of-hooks.    */\n    /* When `shouldAnimate` is false the hook still runs  */\n    /* but `to === from` so it's a no-op visually.        */\n    /* -------------------------------------------------- */\n\n    const target = parsed?.target ?? 0;\n    const sign = parsed?.sign ?? '';\n    const suffix = parsed?.suffix ?? '';\n\n    // Wrap the count-up formatter so the captured sign + suffix are\n    // re-applied every frame. The hook hands us the locale-formatted\n    // magnitude; we own the decoration around it.\n    const formatter = useCallback(\n      (n: number) => {\n        // Use the absolute value for the magnitude so the captured\n        // sign is the sole source of the rendered sign. Negative\n        // numbers passed in (e.g. `to: -12`) come through unsigned;\n        // we re-apply via `sign`. Always force `useGrouping: true` so\n        // ICU's locale-default `min2` doesn't suppress the thousand\n        // glyph on 4-digit values like 1.000 (it-IT). The user wrote\n        // a stat value — they want it grouped.\n        const magnitudeNF = (() => {\n          try {\n            return new Intl.NumberFormat(animationLocale, {\n              useGrouping: true,\n            });\n          } catch {\n            return null;\n          }\n        })();\n\n        let magnitudeStr: string;\n        if (magnitudeNF) {\n          if (animateSeparators) {\n            // Hand-build the grouped magnitude so we don't depend on\n            // ICU's locale-by-locale grouping defaults (which differ\n            // between engines and can drop the group at 4-digit\n            // thresholds even with `useGrouping: true`). Locale only\n            // influences sign handling, which we apply separately.\n            const abs = Math.abs(n);\n            const intPart = Math.trunc(abs);\n            const fracPart = abs - intPart;\n            const groupGlyph = animateSeparators.thousand ?? '';\n            const intStr = String(intPart).replace(\n              /\\B(?=(\\d{3})+(?!\\d))/g,\n              groupGlyph,\n            );\n            if (fracPart === 0) {\n              magnitudeStr = intStr;\n            } else {\n              const fracStr = fracPart.toFixed(6).replace(/0+$/, '').slice(2);\n              const decimalGlyph = animateSeparators.decimal ?? '.';\n              magnitudeStr = fracStr ? intStr + decimalGlyph + fracStr : intStr;\n            }\n          } else {\n            magnitudeStr = magnitudeNF.format(Math.abs(n));\n          }\n        } else {\n          magnitudeStr = String(Math.abs(n));\n        }\n\n        // Re-derive the sign every frame: the captured sign wins, but\n        // a negative `to` with no leading sign in the source still\n        // renders with a leading \"-\" so the final formatted output\n        // matches locale conventions.\n        let resolvedSign: string = sign;\n        if (sign === '' && n < 0) resolvedSign = '-';\n\n        return `${resolvedSign}${magnitudeStr}${suffix}`;\n      },\n      [animationLocale, animateSeparators, sign, suffix],\n    );\n\n    const countUp = useCountUp({\n      to: target,\n      from: 0,\n      durationMs: animateDurationMs,\n      startOnVisible: true,\n      retriggerOnReEntry: animateOnEveryView,\n      // `formatter` is the only path we use — it owns both the locale\n      // formatting and the sign/suffix re-application.\n      formatter,\n    });\n\n    /* -------------------------------------------------- */\n    /* Loading state                                       */\n    /* -------------------------------------------------- */\n\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-busy=\"true\"\n          aria-label={label}\n          data-component=\"stat\"\n          className={statVariants({ variant, size, align, className })}\n          {...props}\n        >\n          <div className=\"ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n          <div className=\"ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n        </div>\n      );\n    }\n\n    /* -------------------------------------------------- */\n    /* Render                                              */\n    /* -------------------------------------------------- */\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={labelId}\n        data-component=\"stat\"\n        className={statVariants({ variant, size, align, className })}\n        {...props}\n      >\n        <span className=\"ds:inline-flex ds:items-center\">\n          {icon && (\n            <span\n              aria-hidden=\"true\"\n              className={[\n                'ds:me-[var(--spacing-xs)] ds:inline-flex ds:shrink-0',\n                // Accent tint on the leading icon. The icon is decorative\n                // (aria-hidden), so magenta-500's 3.2:1 contrast on white\n                // is acceptable here — the Stat label + value still\n                // carry the accessible name at `--foreground`.\n                'ds:text-[color:var(--accent)]',\n                'ds:forced-colors:text-[CanvasText]',\n              ].join(' ')}\n            >\n              {icon}\n            </span>\n          )}\n          <span\n            id={labelId}\n            className=\"type-label ds:text-[var(--muted-foreground)]\"\n          >\n            {label}\n          </span>\n        </span>\n        {shouldAnimate ? (\n          // The animated number is wrapped in an `aria-live=\"off\"` span\n          // so screen readers don't announce every interpolated frame.\n          // The `role=\"group\"` ancestor (with `aria-labelledby` pointing\n          // at the label) carries the final accessible reading — the\n          // animated frames are decorative only.\n          <span\n            ref={countUp.ref}\n            aria-live=\"off\"\n            className={valueVariants({ size, variant, intent })}\n          >\n            {countUp.value}\n          </span>\n        ) : (\n          <span className={valueVariants({ size, variant, intent })}>\n            {staticValue}\n          </span>\n        )}\n        {trend != null && delta != null && (\n          <StatTrend\n            trend={trend}\n            delta={delta}\n            deltaFormat={deltaFormat}\n            locale={locale}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nStat.displayName = 'Stat';\n"],"names":["statVariants","cva","valueVariants","trendVariants","ARROW","TREND_KEY","StatTrend","trend","delta","deltaFormat","locale","t","i18n","useTranslation","formattedDelta","jsx","parseStatValue","raw","trimmed","sign","body","suffix","suffixMatch","group","decimal","probe","part","usStyleMatch","direct","normalised","numeric","Stat","forwardRef","label","value","format","currency","icon","loading","animate","animateOnEveryView","animateDurationMs","animateLocale","animateSeparators","variant","size","align","intent","className","props","ref","labelId","useId","lang","staticValue","useCallback","animationLocale","useRef","parsed","useMemo","shouldAnimate","target","formatter","n","magnitudeNF","magnitudeStr","abs","intPart","fracPart","groupGlyph","intStr","fracStr","decimalGlyph","resolvedSign","countUp","useCountUp","jsxs"],"mappings":"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"}