@alfadocs/ui-kit-debug 1.55.0 → 1.57.0

package/dist/_chunks/dependent-selector-Bet3XAFj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dependent-selector-Bet3XAFj.js","sources":["../../src/components/dependent-selector/dependent-selector.agent.ts","../../src/components/dependent-selector/dependent-selector.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — DependentSelector.                                     */\n/*                                                                        */\n/* Mirrors radio-group.agent.ts: a single-select domain control. The      */\n/* selected person id is the externally-observable state; `select_single` */\n/* is the capability. Per-row `data-option-id` lets an agent address each */\n/* person by their stable opaque id.                                      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { DependentSelectorHandle } from './dependent-selector';\n\nexport const dependentSelectorAgent: AgentAdapter<DependentSelectorHandle> = {\n  id: 'dependent-selector',\n  capabilities: ['select_single'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.dependentSelector.state.value',\n      description:\n        'Id of the currently selected person, 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: 'Stable opaque id of the person row to select.',\n          },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.dependentSelector.actions.setValue',\n      description: 'Select the person row with the given id.',\n      examples: [\n        { args: { value: 'person-2' }, note: 'Select the second dependent.' },\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: 'dependent-selector',\n      description: 'Marks the DependentSelector root (role=radiogroup).',\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 person id emitted on each rendered person row.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\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 { useTranslation } from 'react-i18next';\nimport { Avatar } from '../avatar';\nimport { Badge } from '../badge';\nimport { Tooltip } from '../tooltip';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { dependentSelectorAgent } from './dependent-selector.agent';\n\n/* -------------------------------------------------------------------- */\n/* DependentSelector                                                      */\n/*                                                                        */\n/* Single-select roster of people — the verified guardian (\"You\") plus    */\n/* their registered dependents/minors — that a check-in kiosk uses to     */\n/* answer \"Who are you checking in?\". Built on Radix RadioGroup semantics  */\n/* (role=radiogroup, single tab stop, roving arrow-key focus, one         */\n/* selected value), mirroring the proven src/components/radio-group/      */\n/* pattern. Each option is a person row (Avatar + name + relationship +   */\n/* optional age/Minor badge) wrapped in a <label> so the whole card is    */\n/* the click target.                                                      */\n/*                                                                        */\n/* The kit owns the localised relationship + age strings via the closed   */\n/* `relationshipKey` enum — consumers pass data, never free-text labels,  */\n/* or i18n/RTL breaks. `age` is display-only (pre-computed whole years);  */\n/* `isMinor` is an explicit per-person flag, NOT age<18 inference.        */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\n/**\n * Closed relationship vocabulary. The kit owns the localised label for\n * each key (`dependentSelector.relationship.<key>`). `'other'` is the\n * escape hatch for relationships the enum doesn't model.\n */\nexport type DependentRelationship =\n  | 'self'\n  | 'son'\n  | 'daughter'\n  | 'child'\n  | 'spouse'\n  | 'parent'\n  | 'sibling'\n  | 'ward'\n  | 'other';\n\nexport interface DependentSelectorPerson {\n  /** Stable id — becomes the radio value + `data-option-id`. */\n  id: string;\n  /** Display-formatted name (already formatted by the consumer). */\n  name: string;\n  /** Closed relationship key — the kit owns the localised label. */\n  relationshipKey: DependentRelationship;\n  /**\n   * Explicit \"minor\" flag — drives the localised \"Minor\" badge.\n   * Consumer-supplied, NOT derived from `age < 18` (legal age of\n   * majority varies by market).\n   */\n  isMinor?: boolean;\n  /** Avatar image source — falls back to initials, then icon. */\n  avatarSrc?: string;\n  /** Whole years, pre-computed by the consumer. Display-only. */\n  age?: number;\n  /**\n   * ISO 8601 date of birth. Used ONLY for the row title/tooltip — never\n   * parsed for display math (timezone/locale birthday math is the\n   * consumer's job).\n   */\n  dob?: string;\n  /** Disables this row; skipped by arrow navigation. */\n  disabled?: boolean;\n  /** Shown in a Tooltip on the disabled row (like Radio.disabledReason). */\n  disabledReason?: string;\n}\n\n/** Agent-readiness curated handle for DependentSelector. */\nexport interface DependentSelectorHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n}\n\n/* -------------------------------------------------------------------- */\n/* CVA                                                                    */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0',\n  {\n    variants: {\n      size: { sm: '', md: '', lg: '' },\n      tone: { default: '', checkin: '' },\n    },\n    defaultVariants: { size: 'md', tone: 'checkin' },\n  },\n);\n\nconst rowVariants = cva(\n  [\n    // The row IS the Radix Item (`<button role=\"radio\">`). Reset the\n    // button chrome, lay out avatar + text on the inline axis. Logical\n    // properties only.\n    'ds:group ds:flex ds:items-center ds:gap-[var(--spacing-md)] ds:w-full ds:text-start ds:appearance-none',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-card',\n    // Touch-target floor: even sm clears AA/AAA (44 → 48px in accessible).\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    // Selected state: low-alpha accent tint BEHIND tokenised text +\n    // a ring-coloured border (never accent as a foreground meeting text).\n    'ds:data-[state=checked]:border-ring',\n    // Roving focus ring on the item itself — single tab stop, arrow keys\n    // move focus+selection.\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    // Forced-colours: repaint a ButtonBorder edge + a Highlight checked\n    // edge + a CanvasText focus ring so the row + its checked state\n    // survive Windows High Contrast Mode.\n    'ds:forced-colors:border-[ButtonBorder]',\n    'ds:forced-colors:data-[state=checked]:border-[Highlight]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-xs)]',\n        md: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-sm)]',\n        lg: 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n      },\n      tone: {\n        // Neutral RadioGroup-card tint for plain forms.\n        default:\n          'ds:data-[state=checked]:bg-[color-mix(in_srgb,var(--accent)_5%,transparent)]',\n        // Accent-tinted selected surface tuned for the check-in kiosk —\n        // slightly stronger low-alpha mix BEHIND the tokenised foreground.\n        checkin:\n          'ds:data-[state=checked]:bg-[color-mix(in_srgb,var(--accent)_8%,transparent)]',\n      },\n      disabled: {\n        true: 'ds:cursor-not-allowed ds:opacity-50',\n        false:\n          'ds:cursor-pointer ds:hover:bg-[color-mix(in_srgb,var(--accent)_4%,transparent)]',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'checkin', disabled: false },\n  },\n);\n\nconst avatarSizeBySize = { sm: 'sm', md: 'md', lg: 'lg' } as const;\n\n// Keep the loading skeleton's avatar footprint in lock-step with the real\n// Avatar scale (sm=size-8 / md=size-10 / lg=size-12) so the roster\n// resolving in doesn't shift the row height.\nconst skeletonAvatarSizeBySize = {\n  sm: 'ds:size-8',\n  md: 'ds:size-10',\n  lg: 'ds:size-12',\n} as const;\n\nconst nameTypeBySize = {\n  sm: 'type-body-sm',\n  md: 'type-label',\n  lg: 'type-body',\n} as const;\n\n/* -------------------------------------------------------------------- */\n/* Props                                                                  */\n/* -------------------------------------------------------------------- */\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>;\n\nexport interface DependentSelectorProps\n  extends\n    Omit<\n      RadixRootProps,\n      'children' | 'orientation' | 'value' | 'defaultValue' | 'onValueChange'\n    >,\n    VariantProps<typeof rootVariants> {\n  /** Ordered roster to render as options. */\n  people: DependentSelectorPerson[];\n  /** Controlled selected person id. */\n  value?: string;\n  /** Uncontrolled initial selection. Ignored when `value` is set. */\n  defaultValue?: string;\n  /** Fires with the newly selected person id on user selection. */\n  onValueChange?: (personId: string) => void;\n  /** Accessible group name, rendered as the `<legend>`. */\n  label?: string;\n  /** Optional helper paragraph under the legend (wired via aria-describedby). */\n  description?: string;\n  /** Shows N skeleton rows while the roster resolves; sets aria-busy. */\n  loading?: boolean;\n  /** Validation/empty-confirmation message — role=alert + aria-invalid. */\n  error?: string;\n  /** Slot shown when no selectable dependents exist (only self / empty). */\n  emptyState?: ReactNode;\n  /** Forwarded to the radiogroup root as id + data-component-id. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const DependentSelector = forwardRef<\n  HTMLDivElement,\n  DependentSelectorProps\n>(\n  (\n    {\n      people,\n      value,\n      defaultValue,\n      onValueChange,\n      label,\n      description,\n      size: sizeProp = 'md',\n      tone: toneProp = 'checkin',\n      loading = false,\n      error,\n      emptyState,\n      id,\n      className,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      ...props\n    },\n    ref,\n  ) => {\n    // CVA's VariantProps types each axis as `T | null | undefined`; the\n    // destructure default only covers `undefined`, so coalesce `null`\n    // too before the values index the size→class lookup maps.\n    const size = sizeProp ?? 'md';\n    const tone = toneProp ?? 'checkin';\n    const { t } = useTranslation('ui');\n    const baseId = useId();\n    const legendId = `${baseId}-legend`;\n    const descriptionId = `${baseId}-description`;\n    const errorId = `${baseId}-error`;\n\n    /* ---- Dev-mode accessible-name enforcement ---- */\n    const warnedRef = useRef(false);\n    useEffect(() => {\n      if (\n        import.meta.env.DEV &&\n        !warnedRef.current &&\n        !label &&\n        !ariaLabel &&\n        !ariaLabelledBy\n      ) {\n        warnedRef.current = true;\n        console.warn(\n          '<DependentSelector> rendered without an accessible name. Pass `label`, or `aria-label` / `aria-labelledby`, so the radiogroup is never unnamed.',\n        );\n      }\n    }, [label, ariaLabel, ariaLabelledBy]);\n\n    /* ---- Selectable roster + single-selectable auto-select ---- */\n    const selectablePeople = useMemo(\n      () => people.filter((person) => !person.disabled),\n      [people],\n    );\n    // The dependents region (everything that isn't the verified self row)\n    // drives the empty-state slot.\n    const hasDependents = people.some(\n      (person) => person.relationshipKey !== 'self',\n    );\n    const autoSelectId =\n      selectablePeople.length === 1 ? selectablePeople[0].id : undefined;\n\n    /* ---- Controlled / uncontrolled value handling (mirrors RadioGroup) ---- */\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? autoSelectId ?? '',\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 (loading) return;\n      if (!isControlled) setInternalValue(next);\n      onValueChange?.(next);\n    };\n\n    /* ---- Auto-select change notification ----                          */\n    /* When exactly one selectable person exists we seed the uncontrolled */\n    /* selection (Radix `defaultValue` + internal state) so the row       */\n    /* paints checked — but Radix never fires onValueChange for a         */\n    /* defaultValue. In the kiosk consent flow the consumer wires the     */\n    /* consent audit trail off onValueChange, so we fire it once on mount */\n    /* for that auto-selection. Only when uncontrolled, not loading, and  */\n    /* the consumer didn't pass an explicit defaultValue.                 */\n    const onValueChangeRef = useRef(onValueChange);\n    onValueChangeRef.current = onValueChange;\n    const autoSelectNotifiedRef = useRef(false);\n    useEffect(() => {\n      if (\n        !autoSelectNotifiedRef.current &&\n        !isControlled &&\n        !loading &&\n        defaultValue === undefined &&\n        autoSelectId !== undefined\n      ) {\n        autoSelectNotifiedRef.current = true;\n        onValueChangeRef.current?.(autoSelectId);\n      }\n    }, [isControlled, loading, defaultValue, autoSelectId]);\n\n    /* ---- Agent registration ---- */\n    const agentHandle = useMemo<DependentSelectorHandle>(\n      () => ({\n        getValue: () => currentValueRef.current,\n        setValue: (next) => handleValueChange(next),\n      }),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isControlled, loading, onValueChange],\n    );\n    useAgentRegistration(dependentSelectorAgent, agentHandle, id);\n\n    /* ---- Direction (Radix auto-flips Left/Right for rtl) ---- */\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    /* ---- Resolved a11y wiring ----                                    */\n    /* ONE grouping mechanism: when `label` is set we render a plain      */\n    /* heading <div id={legendId}> (NOT a native <fieldset>/<legend>) and */\n    /* name the single role=radiogroup via aria-labelledby. A fieldset    */\n    /* would add a second, redundant named group nested around the        */\n    /* radiogroup — so we deliberately avoid it.                          */\n    const resolvedAriaLabelledBy =\n      ariaLabelledBy ?? (label ? legendId : undefined);\n    const describedBy =\n      [description ? descriptionId : null, error ? errorId : null]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    /* ---- Helpers ---- */\n    const relationshipLabel = (key: DependentRelationship): string =>\n      t(`dependentSelector.relationship.${key}`);\n\n    const ageLabel = (age: number): string =>\n      t('dependentSelector.age', { count: age });\n\n    /** Compose the full accessible name a screen reader announces. */\n    const personAccessibleName = (person: DependentSelectorPerson): string => {\n      const base = t('dependentSelector.optionLabel', {\n        name: person.name,\n        relationship: relationshipLabel(person.relationshipKey),\n      });\n      const parts = [base];\n      if (typeof person.age === 'number') parts.push(ageLabel(person.age));\n      if (person.isMinor) parts.push(t('dependentSelector.minorBadge'));\n      return parts.join(', ');\n    };\n\n    /* ---- Description + error nodes ---- */\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-center 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    /* ---- Skeleton rows (loading) ---- */\n    const skeletonRows = (\n      <div\n        aria-hidden=\"true\"\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n      >\n        {Array.from({ length: 3 }).map((_, index) => (\n          <div\n            key={index}\n            className={rowVariants({ size, tone, disabled: false })}\n          >\n            <span\n              className={`ds:inline-flex ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-muted ds:animate-pulse ${skeletonAvatarSizeBySize[size]}`}\n            />\n            <span className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0 ds:flex-1\">\n              <span className=\"ds:h-4 ds:w-1/2 ds:rounded-[var(--radius-sm)] ds:bg-muted ds:animate-pulse\" />\n              <span className=\"ds:h-3 ds:w-1/3 ds:rounded-[var(--radius-sm)] ds:bg-muted ds:animate-pulse\" />\n            </span>\n          </div>\n        ))}\n      </div>\n    );\n\n    /* ---- Person row ----                                               */\n    /* The Radix Item IS the card: it renders the `<button role=\"radio\">` */\n    /* that owns the roving tabindex + arrow navigation, so the whole row */\n    /* is the focus + click target. The composed name lives on            */\n    /* `aria-label`; the visible content is aria-hidden so a screen reader */\n    /* hears the clean composed name once (no duplication).               */\n    const renderPerson = (person: DependentSelectorPerson) => {\n      const rowId = `${baseId}-row-${person.id}`;\n      const accessibleName = personAccessibleName(person);\n\n      const row = (\n        <RadixRadioGroup.Item\n          key={person.id}\n          id={rowId}\n          value={person.id}\n          // Native `disabled` is the single disabled model: Radix renders\n          // a <button disabled> that is skipped by roving arrow nav and is\n          // non-selectable. `aria-disabled` is intentionally NOT also set —\n          // on a natively-disabled button it is redundant (it is meant for\n          // elements that REMAIN focusable). The disabledReason tooltip is\n          // reached via a focusable wrapper span below, not this button.\n          disabled={person.disabled}\n          aria-label={accessibleName}\n          title={person.dob ?? undefined}\n          data-option-id={person.id}\n          className={rowVariants({\n            size,\n            tone,\n            disabled: Boolean(person.disabled),\n          })}\n        >\n          {/* The Avatar is intentionally aria-hidden: its name only feeds\n              initials/colour, and the radio's own aria-label is the sole\n              accessible name. Keep aria-hidden so a future refactor doesn't\n              reintroduce a duplicate \"image, <name>\" announcement (the kit\n              Avatar always renders role=\"img\" + aria-label={name}). */}\n          <Avatar\n            src={person.avatarSrc}\n            name={person.name}\n            size={avatarSizeBySize[size]}\n            aria-hidden=\"true\"\n          />\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0 ds:flex-1\"\n          >\n            <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:min-w-0\">\n              <span\n                className={`${nameTypeBySize[size]} ds:text-foreground ds:truncate ds:min-w-0`}\n              >\n                {person.name}\n              </span>\n              {person.isMinor ? (\n                // Neutral chip (validated AA ~6:1) — the \"Minor\" flag is\n                // informational, not a warning STATE. The tonal `warning`\n                // variant fails AA at the small chip font size.\n                <Badge variant=\"neutral\" size=\"sm\">\n                  {t('dependentSelector.minorBadge')}\n                </Badge>\n              ) : null}\n            </span>\n            <span className=\"type-body-sm ds:text-muted-foreground ds:truncate ds:min-w-0\">\n              {relationshipLabel(person.relationshipKey)}\n              {typeof person.age === 'number'\n                ? ` · ${ageLabel(person.age)}`\n                : null}\n            </span>\n          </span>\n        </RadixRadioGroup.Item>\n      );\n\n      if (person.disabled && person.disabledReason) {\n        // The Radix Item renders a <button disabled>, which is removed\n        // from the tab order and does not fire hover/pointer events — so a\n        // Tooltip wrapped directly around it would never open. Wrap the row\n        // in a focusable, hoverable <span tabIndex={0}> and make THAT the\n        // tooltip trigger, so the disabledReason is reachable by both mouse\n        // hover and keyboard focus (mirrors radio.tsx putting the Tooltip\n        // on the non-disabled wrapper, not the disabled control).\n        return (\n          <Tooltip key={person.id} label={person.disabledReason}>\n            <span\n              // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- intentional focusable tooltip trigger so keyboard users can reach the disabled reason\n              tabIndex={0}\n              data-disabled-row={person.id}\n              aria-label={accessibleName}\n              className=\"ds:flex ds:min-w-0 ds:rounded-[var(--radius-md)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]\"\n            >\n              {row}\n            </span>\n          </Tooltip>\n        );\n      }\n      return row;\n    };\n\n    /* ---- Empty-state slot ---- */\n    const resolvedEmptyState = emptyState ?? (\n      <p className=\"type-body-sm ds:text-muted-foreground\">\n        {t('dependentSelector.empty')}\n      </p>\n    );\n\n    /* ---- Radiogroup body ----                                          */\n    /* While loading we still render a role=radiogroup container (carrying */\n    /* the data-component marker + aria-busy) holding aria-hidden skeleton */\n    /* rows — selection is inert. Otherwise the Radix root renders the     */\n    /* real person rows.                                                   */\n    const body = loading ? (\n      <div\n        ref={composedRef}\n        id={id}\n        role=\"radiogroup\"\n        aria-label={!resolvedAriaLabelledBy ? ariaLabel : undefined}\n        aria-labelledby={resolvedAriaLabelledBy}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        aria-busy=\"true\"\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0\"\n        data-component=\"dependent-selector\"\n        data-component-id={id}\n      >\n        <span className=\"ds:sr-only\">\n          {t('dependentSelector.loadingLabel')}\n        </span>\n        {skeletonRows}\n      </div>\n    ) : (\n      <RadixRadioGroup.Root\n        ref={composedRef}\n        id={id}\n        dir={dir}\n        value={isControlled ? (value ?? '') : undefined}\n        defaultValue={\n          !isControlled ? (defaultValue ?? autoSelectId) : undefined\n        }\n        onValueChange={handleValueChange}\n        aria-label={!resolvedAriaLabelledBy ? ariaLabel : undefined}\n        aria-labelledby={resolvedAriaLabelledBy}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0\"\n        data-component=\"dependent-selector\"\n        data-component-id={id}\n        {...props}\n      >\n        {people.map(renderPerson)}\n      </RadixRadioGroup.Root>\n    );\n\n    /* ---- Outer wrapper ----                                            */\n    /* When `label` is set we render a plain heading <div id={legendId}>  */\n    /* styled like a legend, and the single role=radiogroup is named via  */\n    /* aria-labelledby={legendId}. We do NOT wrap in <fieldset>/<legend>: */\n    /* that would create a second named grouping container nested around  */\n    /* the radiogroup (the legend announced twice). One grouping          */\n    /* mechanism only.                                                    */\n    const outerClasses = rootVariants({ size, tone, className });\n\n    return (\n      <div className={outerClasses}>\n        {label ? (\n          <div id={legendId} className=\"type-label ds:text-foreground\">\n            {label}\n          </div>\n        ) : null}\n        {descriptionNode}\n        {body}\n        {!loading && !hasDependents ? resolvedEmptyState : null}\n        {errorNode}\n      </div>\n    );\n  },\n);\n\nDependentSelector.displayName = 'DependentSelector';\n"],"names":["dependentSelectorAgent","handle","args","rootVariants","cva","rowVariants","avatarSizeBySize","skeletonAvatarSizeBySize","nameTypeBySize","DependentSelector","forwardRef","people","value","defaultValue","onValueChange","label","description","sizeProp","toneProp","loading","error","emptyState","id","className","ariaLabel","ariaLabelledBy","props","ref","size","tone","t","useTranslation","baseId","useId","legendId","descriptionId","errorId","useRef","useEffect","selectablePeople","useMemo","person","hasDependents","autoSelectId","isControlled","internalValue","setInternalValue","useState","currentValue","currentValueRef","handleValueChange","next","onValueChangeRef","autoSelectNotifiedRef","_a","agentHandle","useAgentRegistration","rootRef","composedRef","composeRefs","dir","useDirection","resolvedAriaLabelledBy","describedBy","relationshipLabel","key","ageLabel","age","personAccessibleName","parts","descriptionNode","jsx","errorNode","jsxs","CircleAlert","skeletonRows","_","index","renderPerson","rowId","accessibleName","row","RadixRadioGroup","Avatar","Badge","Tooltip","resolvedEmptyState","body","outerClasses"],"mappings":"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"}

package/dist/_chunks/dialog-D52AI4nF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog-D52AI4nF.js","sources":["../../src/components/dialog/dialog.agent.ts","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { DialogHandle } from './dialog';\n\n/**\n * Dialog wraps Radix Dialog. The curated handle (`DialogHandle`) bridges the\n * Radix controlled-or-uncontrolled `open` state so an agent can observe and\n * drive the dialog without owning the React state itself.\n */\nexport const dialogAgent: AgentAdapter<DialogHandle> = {\n  id: 'dialog',\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.dialog.state.isOpen',\n      description: 'True when the dialog is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.dialog.actions.open',\n      description: 'Open the dialog.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.dialog.actions.close',\n      description: 'Close the dialog. Reversible by reopening.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n    dismiss: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.dialog.actions.dismiss',\n      description:\n        'Dismiss the dialog. 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: 'dialog' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Dialog.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\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 { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent';\nimport { dialogAgent } from './dialog.agent';\n\n// The `ds-dialog__*` class names below are the framework-agnostic contract\n// defined in src/styles.css (@layer ui-kit-components). The React component\n// renders the SAME classes a vanilla (non-React) host hand-authors — the\n// surface (`ds-dialog__surface` + its size modifiers), the close button\n// (`ds-dialog__close`), and the body slot (`ds-dialog__body`) — so there is\n// ONE visual skin (scrim, radius, elevation, bg, padding, centering, sizing,\n// close-button glyph + hover/focus) and the two surfaces can't drift. The few\n// Tailwind utilities that remain are NOT skin: they are the Radix animation\n// hooks (`data-[state=…]:animate-*`) and the surface focus-suppression chrome\n// — neither lives in the vanilla CSS contract. Layer order\n// (`…, utilities, ui-kit-tokens, ui-kit-components`) puts the `ds-dialog__*`\n// rules after Tailwind's utilities, so the contract owns every visual\n// property and the animation utilities only touch `animation` / `outline`.\nconst OVERLAY_CLASSES = [\n  'ds-dialog__backdrop',\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\n// Animation + focus chrome only — every visual property (position, centering,\n// bg, radius, elevation, padding, sizing) comes from `.ds-dialog__surface`.\nconst SURFACE_CHROME = [\n  'ds:focus-visible:outline-none',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\n// CVA drives only the contract class names per size. `ds-dialog` is the host\n// marker (cascade-reset boundary); `ds-dialog__surface` carries the panel skin;\n// the `--sm` / `--lg` / `--fullscreen` modifiers shift only `max-inline-size`\n// (or the fullscreen geometry) and are defined alongside the base rule in\n// src/styles.css — so size, like the skin, lives in one place.\nconst contentVariants = cva(`ds-dialog ds-dialog__surface ${SURFACE_CHROME}`, {\n  variants: {\n    size: {\n      sm: 'ds-dialog__surface--sm',\n      md: '',\n      lg: 'ds-dialog__surface--lg',\n      fullscreen: 'ds-dialog__surface--fullscreen',\n    },\n    // `body` pins the header and footer and scrolls only `Dialog.Body` once\n    // the content passes the height cap. `surface` (default) scrolls the\n    // whole panel as one block.\n    scroll: {\n      surface: '',\n      body: 'ds-dialog__surface--scroll-body',\n    },\n  },\n  defaultVariants: { size: 'md', scroll: 'surface' },\n});\n\n// Curated agent-readiness handle — see dialog.agent.ts.\nexport interface DialogHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface DialogRootProps extends ComponentPropsWithoutRef<\n  typeof RadixDialog.Root\n> {\n  /** Opaque instance id — forwarded to Dialog.Content as `data-component-id`. */\n  id?: string;\n}\n\nconst DialogIdContext = createContext<string | undefined>(undefined);\n\nconst DialogRoot = ({\n  children,\n  id,\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: DialogRootProps) => {\n  const [openRaw, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n  const open = openRaw ?? false;\n\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  }, [open]);\n\n  const handle = useMemo<DialogHandle>(\n    () => ({\n      getIsOpen: () => openRef.current,\n      open: () => setOpen(true),\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(dialogAgent, handle, id);\n\n  return (\n    <DialogIdContext.Provider value={id}>\n      <RadixDialog.Root open={open} onOpenChange={setOpen} {...props}>\n        {children}\n      </RadixDialog.Root>\n    </DialogIdContext.Provider>\n  );\n};\nDialogRoot.displayName = 'Dialog.Root';\n\nconst DialogTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nDialogTrigger.displayName = 'Dialog.Trigger';\n\nconst DialogClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nDialogClose.displayName = 'Dialog.Close';\n\nexport interface DialogContentProps\n  extends\n    Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'role'>,\n    VariantProps<typeof contentVariants> {\n  size?: 'sm' | 'md' | 'lg' | 'fullscreen';\n  variant?: 'default' | 'alert' | 'confirmation';\n  /**\n   * Hide the top-right dismiss \"X\". The default is **variant-aware**: the X is\n   * shown for `variant=\"default\"` and hidden for `variant=\"alert\"` /\n   * `\"confirmation\"` (forced-choice surfaces, where the decision is made via\n   * the explicit footer actions). An explicit value always wins — pass `false`\n   * to force the X onto an alert, or `true` to suppress it on a default dialog.\n   */\n  hideCloseButton?: boolean;\n  /**\n   * What scrolls once the content passes the height cap (85dvh). `surface`\n   * (default) scrolls the whole panel, title and footer included. `body`\n   * keeps `Dialog.Header` and `Dialog.Footer` in view and scrolls only\n   * `Dialog.Body`, so the content must sit in a `Dialog.Body`. Below 480px\n   * of viewport height it falls back to scrolling the whole panel.\n   */\n  scroll?: 'surface' | 'body';\n  className?: string;\n  children: ReactNode;\n}\n\nconst DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (\n    {\n      size = 'md',\n      variant = 'default',\n      scroll = 'surface',\n      hideCloseButton,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const instanceId = useContext(DialogIdContext);\n    // Only forward `role` when we actually need to override Radix's default\n    // (`role=\"dialog\"`). Passing `role={undefined}` explicitly wins over\n    // Radix's internal assignment and strips the attribute entirely.\n    const roleOverride =\n      variant === 'alert' ? { role: 'alertdialog' as const } : {};\n\n    // Variant-aware close default: plain dialogs expose the dismiss X; alert\n    // and confirmation dialogs are forced-choice (no X) so the decision is\n    // made via the explicit footer actions. An explicit `hideCloseButton`\n    // always wins.\n    const closeHidden = hideCloseButton ?? variant !== 'default';\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay\n          data-component=\"dialog-overlay\"\n          className={OVERLAY_CLASSES}\n        />\n        <RadixDialog.Content\n          ref={ref}\n          {...roleOverride}\n          data-component=\"dialog\"\n          data-component-id={instanceId}\n          className={contentVariants({ size, scroll, className })}\n          {...props}\n        >\n          {children}\n\n          {!closeHidden && (\n            // The close is a plain button carrying the `ds-dialog__close`\n            // contract class — the SAME class a vanilla host renders. The CSS\n            // (src/styles.css) owns its position, sizing, glyph size, hover\n            // wash, and focus ring from tokens, so the React and non-React\n            // close buttons are identical and can't drift.\n            <RadixDialog.Close\n              type=\"button\"\n              className=\"ds-dialog__close\"\n              aria-label={t('common.close', 'Close')}\n            >\n              <X aria-hidden=\"true\" />\n            </RadixDialog.Close>\n          )}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nDialogContent.displayName = 'Dialog.Content';\n\nconst DialogHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds-dialog__header', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'Dialog.Header';\n\n// Optional body slot. Carries the `ds-dialog__body` contract class — the SAME\n// class a vanilla host renders — so content / iframe slots match between the\n// React and non-React surfaces and can't drift. Additive: content placed\n// directly in Dialog.Content (without this wrapper) still works as before.\nconst DialogBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds-dialog__body', className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogBody.displayName = 'Dialog.Body';\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['ds-dialog__title type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nDialogTitle.displayName = 'Dialog.Title';\n\nconst DialogDescription = 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));\nDialogDescription.displayName = 'Dialog.Description';\n\ninterface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {\n  divider?: boolean;\n}\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ className, divider = false, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:mt-[var(--spacing-md)]',\n        divider &&\n          'ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Body: DialogBody,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n\nexport type { DialogFooterProps };\n"],"names":["dialogAgent","handle","OVERLAY_CLASSES","SURFACE_CHROME","contentVariants","cva","DialogIdContext","createContext","DialogRoot","children","id","openProp","defaultOpen","onOpenChange","props","openRaw","setOpen","useControllableState","open","openRef","useRef","useEffect","useMemo","useAgentRegistration","jsx","RadixDialog","DialogTrigger","forwardRef","ref","DialogClose","DialogContent","size","variant","scroll","hideCloseButton","className","t","useTranslation","instanceId","useContext","roleOverride","closeHidden","jsxs","X","DialogHeader","DialogBody","DialogTitle","DialogDescription","DialogFooter","divider","Dialog"],"mappings":"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"}

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/hover-card-BnTueNS2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hover-card-BnTueNS2.js","sources":["../../src/components/hover-card/hover-card.agent.ts","../../src/components/hover-card/hover-card.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — HoverCard.                                           */\n/*                                                                      */\n/* Unlike Tooltip, a hover card holds interactive content, so an agent  */\n/* has a legitimate reason to open one and read its state.              */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { HoverCardHandle } from './hover-card';\n\nexport const hoverCardAgent: AgentAdapter<HoverCardHandle> = {\n  id: 'hover-card',\n  capabilities: ['open', 'close'],\n  state: {\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.hoverCard.state.isOpen',\n      description: 'True when the hover card is currently open.',\n      read: (handle) => handle.getIsOpen(),\n    },\n  },\n  actions: {\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.hoverCard.actions.open',\n      description: 'Open the hover card without moving focus into it.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.hoverCard.actions.close',\n      description: 'Close the hover card.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'hover-card' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on HoverCard.Root.',\n    },\n  },\n};\n","import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixPopover from '@radix-ui/react-popover';\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 { useAgentRegistration } from '../../agent';\nimport { hoverCardAgent } from './hover-card.agent';\n\n/* -------------------------------------------------------------------- */\n/* Logical → physical side                                              */\n/* -------------------------------------------------------------------- */\n\nexport type HoverCardSide = 'top' | 'end' | 'bottom' | 'start';\n\nfunction resolvePhysicalSide(\n  logicalSide: HoverCardSide,\n  isRtl: boolean,\n): 'left' | 'top' | 'right' | 'bottom' {\n  if (logicalSide === 'top' || logicalSide === 'bottom') return logicalSide;\n  if (logicalSide === 'start') return isRtl ? 'right' : 'left';\n  /* logicalSide === 'end' */\n  return isRtl ? 'left' : 'right';\n}\n\n/* -------------------------------------------------------------------- */\n/* Contexts                                                             */\n/* -------------------------------------------------------------------- */\n\ninterface HoverCardA11yContext {\n  headingId: string | undefined;\n  setHeadingId: (id: string | undefined) => void;\n}\n\nconst A11yContext = createContext<HoverCardA11yContext>({\n  headingId: undefined,\n  setHeadingId: () => {},\n});\n\ninterface HoverCardRootContext {\n  /** Keeps the card open while the pointer or focus is inside the content. */\n  cancelClose: () => void;\n  closeWithDelay: () => void;\n  /** True when this open should move focus into the card. */\n  shouldFocusOnOpen: () => boolean;\n  /** True when focus was actually moved in, so closing may return it. */\n  didMoveFocus: () => boolean;\n  noteMovedFocus: () => void;\n  /** Called when closing hands focus back, so the trigger's focus handler\n   *  does not read that return as a fresh Tab and reopen the card. */\n  noteFocusReturn: () => void;\n  clearMovedFocus: () => void;\n  registerContent: (node: HTMLDivElement | null) => void;\n  /** The trigger node, used to resolve the reading direction. Content is\n   *  portalled to body, so only the trigger can see a scoped [dir]. */\n  triggerRef: React.MutableRefObject<HTMLElement | null>;\n  instanceId: string | undefined;\n}\n\nconst RootContext = createContext<HoverCardRootContext>({\n  cancelClose: () => {},\n  closeWithDelay: () => {},\n  shouldFocusOnOpen: () => false,\n  didMoveFocus: () => false,\n  noteMovedFocus: () => {},\n  noteFocusReturn: () => {},\n  clearMovedFocus: () => {},\n  registerContent: () => {},\n  triggerRef: { current: null },\n  instanceId: undefined,\n});\n\n/** `flush` moves padding from the Content onto the inner slots, so Media can\n *  bleed to the card's edge. */\nconst PaddingContext = createContext<'default' | 'flush'>('default');\n\n/* -------------------------------------------------------------------- */\n/* CVA — content surface                                                */\n/* -------------------------------------------------------------------- */\n\nconst contentVariants = cva(\n  [\n    // Same elevated surface as Popover: `--card-border` at 32% alpha reads as\n    // a subtle edge in both themes, where the shadow alone lets the card\n    // float as an unbounded blob on dark. Forced colours upgrade it to a\n    // fully visible `CanvasText` edge.\n    'ds:relative ds:bg-[var(--popover)] ds:border ds:border-[color:var(--card-border)]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:max-w-[calc(100vw-var(--spacing-lg))]',\n    'ds:z-[var(--z-popover)]',\n    'ds:text-[var(--popover-foreground)] ds:text-[length:var(--font-size-sm)]',\n    'ds:break-words',\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n    'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2 ds:data-[side=left]:slide-in-from-right-2',\n    'ds:data-[side=right]:slide-in-from-left-2 ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:transition-none ds:motion-reduce:animate-none',\n    'ds:forced-colors:border-[CanvasText]',\n    'ds:focus-visible:outline-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:w-[var(--popover-size-sm)]',\n        md: 'ds:w-[var(--popover-size-md)]',\n        lg: 'ds:w-[var(--popover-size-lg)]',\n      },\n      padding: {\n        default: 'ds:p-[var(--spacing-md)]',\n        // Media bleeds to the edge, so the slots pad themselves instead.\n        flush: 'ds:p-[var(--spacing-none)] ds:overflow-hidden',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      padding: 'default',\n    },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* Root                                                                 */\n/* -------------------------------------------------------------------- */\n\n// Curated agent-readiness handle — see hover-card.agent.ts.\nexport interface HoverCardHandle {\n  getIsOpen: () => boolean;\n  open: () => void;\n  close: () => void;\n}\n\nexport interface HoverCardProps {\n  children: ReactNode;\n  /**\n   * How the card opens. `hover-or-click` (the default) opens on pointer hover\n   * without taking focus, and on click, tap or Enter with focus moved into the\n   * card so the footer actions are reachable. `click` disables hover entirely.\n   */\n  openOn?: 'hover-or-click' | 'click';\n  /** Controlled open state. */\n  open?: boolean;\n  /** Uncontrolled initial open state. */\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Delay before a hover opens the card, in ms. Default 300. */\n  openDelay?: number;\n  /** Grace period before a pointer leaving closes the card, in ms. Default 300. */\n  closeDelay?: number;\n  /** Opaque instance id — emitted on Content as `data-component-id`. */\n  id?: string;\n}\n\nfunction HoverCardRoot({\n  children,\n  openOn = 'hover-or-click',\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  openDelay = 300,\n  closeDelay = 300,\n  id,\n}: HoverCardProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const isOpenRef = useRef(isOpen);\n  useEffect(() => {\n    isOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const clearTimer = useCallback(() => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  }, []);\n  useEffect(() => clearTimer, [clearTimer]);\n\n  /* Focus bookkeeping. A hover must never pull focus off whatever the user is\n     doing; a click or Enter must move focus in, or the footer buttons are\n     unreachable. `focusOnOpen` decides which, and `movedFocus` records whether\n     closing is allowed to hand focus back to the trigger. */\n  const focusOnOpenRef = useRef(false);\n  const movedFocusRef = useRef(false);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  const openWithDelay = useCallback(() => {\n    clearTimer();\n    timerRef.current = setTimeout(() => {\n      focusOnOpenRef.current = false;\n      setOpen(true);\n    }, openDelay);\n  }, [clearTimer, openDelay, setOpen]);\n\n  const closeWithDelay = useCallback(() => {\n    clearTimer();\n    timerRef.current = setTimeout(() => setOpen(false), closeDelay);\n  }, [clearTimer, closeDelay, setOpen]);\n\n  /* Closing hands focus back to the trigger, which fires the trigger's focus\n     handler and would reopen the card it just closed — an Escape that does\n     nothing. The return is swallowed once, with a timeout as a safety net so\n     a suppression can never outlive the interaction that armed it. */\n  const suppressFocusOpenRef = useRef(false);\n  const suppressTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const noteFocusReturn = useCallback(() => {\n    suppressFocusOpenRef.current = true;\n    if (suppressTimerRef.current) clearTimeout(suppressTimerRef.current);\n    suppressTimerRef.current = setTimeout(() => {\n      suppressFocusOpenRef.current = false;\n    }, 100);\n  }, []);\n  useEffect(\n    () => () => {\n      if (suppressTimerRef.current) clearTimeout(suppressTimerRef.current);\n    },\n    [],\n  );\n\n  /** Tabbing onto the trigger reveals the card at once, but leaves focus on\n   *  the trigger so a keyboard user can pass by without being pulled in. */\n  const openOnFocus = useCallback(() => {\n    if (suppressFocusOpenRef.current) {\n      suppressFocusOpenRef.current = false;\n      return;\n    }\n    clearTimer();\n    focusOnOpenRef.current = false;\n    setOpen(true);\n  }, [clearTimer, setOpen]);\n\n  const focusContent = useCallback(() => {\n    movedFocusRef.current = true;\n    contentRef.current?.focus();\n  }, []);\n\n  /* Press bookkeeping. \"Was the card open?\" is the wrong question: hover and\n     Tab both reveal it, so by the time Enter or a click arrives it is already\n     open and a naive toggle would close what the user is trying to enter.\n     The right question is whether focus was already INSIDE the card, which\n     separates \"take me in\" from \"I am in, let me out\".\n\n     It must be snapshotted at press start, not read at click time, because\n     pointerdown moves focus to the trigger and would erase the answer.\n     `null` means an orphan press (a programmatic `.click()`, or assistive\n     tech dispatching click alone) and is treated as \"take me in\". */\n  const focusWasInsideRef = useRef<boolean | null>(null);\n  const notePressStart = useCallback(() => {\n    const content = contentRef.current;\n    focusWasInsideRef.current = Boolean(\n      content && content.contains(document.activeElement),\n    );\n  }, []);\n\n  const handleTriggerClick = useCallback(() => {\n    const focusWasInside = focusWasInsideRef.current;\n    focusWasInsideRef.current = null;\n    if (focusWasInside === true) {\n      setOpen(false);\n      return;\n    }\n    focusOnOpenRef.current = true;\n    if (isOpenRef.current) {\n      // Hover or Tab already opened it, so no state change will fire\n      // onOpenAutoFocus. Move focus in directly.\n      focusContent();\n    } else {\n      setOpen(true);\n    }\n  }, [focusContent, setOpen]);\n\n  const agentHandle = useMemo<HoverCardHandle>(\n    () => ({\n      getIsOpen: () => isOpenRef.current,\n      open: () => {\n        focusOnOpenRef.current = false;\n        setOpen(true);\n      },\n      close: () => setOpen(false),\n    }),\n    [setOpen],\n  );\n  useAgentRegistration(hoverCardAgent, agentHandle, id);\n\n  const [headingId, setHeadingId] = useState<string | undefined>(undefined);\n\n  const isHoverMode = openOn === 'hover-or-click';\n\n  const rootValue = useMemo<HoverCardRootContext>(\n    () => ({\n      cancelClose: clearTimer,\n      closeWithDelay: isHoverMode ? closeWithDelay : () => {},\n      shouldFocusOnOpen: () => focusOnOpenRef.current,\n      didMoveFocus: () => movedFocusRef.current,\n      noteMovedFocus: () => {\n        movedFocusRef.current = true;\n      },\n      noteFocusReturn,\n      clearMovedFocus: () => {\n        movedFocusRef.current = false;\n      },\n      registerContent: (node) => {\n        contentRef.current = node;\n      },\n      triggerRef,\n      instanceId: id,\n    }),\n    [clearTimer, closeWithDelay, id, isHoverMode, noteFocusReturn],\n  );\n\n  const triggerValue = useMemo<HoverCardTriggerContext>(\n    () => ({\n      isHoverMode,\n      openOnFocus,\n      openWithDelay,\n      closeWithDelay,\n      cancelClose: clearTimer,\n      notePressStart,\n      onClick: handleTriggerClick,\n    }),\n    [\n      clearTimer,\n      closeWithDelay,\n      handleTriggerClick,\n      isHoverMode,\n      notePressStart,\n      openOnFocus,\n      openWithDelay,\n    ],\n  );\n\n  return (\n    <A11yContext.Provider value={{ headingId, setHeadingId }}>\n      <RootContext.Provider value={rootValue}>\n        <TriggerContext.Provider value={triggerValue}>\n          <RadixPopover.Root open={isOpen} onOpenChange={setOpen}>\n            {children}\n          </RadixPopover.Root>\n        </TriggerContext.Provider>\n      </RootContext.Provider>\n    </A11yContext.Provider>\n  );\n}\nHoverCardRoot.displayName = 'HoverCard.Root';\n\n/* -------------------------------------------------------------------- */\n/* Trigger                                                              */\n/* -------------------------------------------------------------------- */\n\ninterface HoverCardTriggerContext {\n  isHoverMode: boolean;\n  openOnFocus: () => void;\n  openWithDelay: () => void;\n  closeWithDelay: () => void;\n  cancelClose: () => void;\n  notePressStart: () => void;\n  onClick: () => void;\n}\n\nconst TriggerContext = createContext<HoverCardTriggerContext>({\n  isHoverMode: true,\n  openOnFocus: () => {},\n  openWithDelay: () => {},\n  closeWithDelay: () => {},\n  cancelClose: () => {},\n  notePressStart: () => {},\n  onClick: () => {},\n});\n\nexport type HoverCardTriggerProps = ComponentPropsWithoutRef<\n  typeof RadixPopover.Trigger\n>;\n\nconst HoverCardTrigger = forwardRef<HTMLButtonElement, HoverCardTriggerProps>(\n  (\n    {\n      children,\n      onMouseEnter,\n      onMouseLeave,\n      onFocus,\n      onBlur,\n      onPointerDown,\n      onKeyDown,\n      onClick,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useContext(TriggerContext);\n    const { triggerRef } = useContext(RootContext);\n\n    const setRefs = useCallback(\n      (node: HTMLButtonElement | null) => {\n        triggerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref, triggerRef],\n    );\n\n    return (\n      <RadixPopover.Trigger\n        ref={setRefs}\n        onMouseEnter={(event) => {\n          if (ctx.isHoverMode) ctx.openWithDelay();\n          onMouseEnter?.(event);\n        }}\n        onMouseLeave={(event) => {\n          if (ctx.isHoverMode) ctx.closeWithDelay();\n          onMouseLeave?.(event);\n        }}\n        onFocus={(event) => {\n          if (ctx.isHoverMode) ctx.openOnFocus();\n          onFocus?.(event);\n        }}\n        onBlur={(event) => {\n          if (ctx.isHoverMode) ctx.closeWithDelay();\n          onBlur?.(event);\n        }}\n        onPointerDown={(event) => {\n          ctx.notePressStart();\n          onPointerDown?.(event);\n        }}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' || event.key === ' ') ctx.notePressStart();\n          onKeyDown?.(event);\n        }}\n        onClick={(event) => {\n          // Own the toggle outright: Radix's own click toggle would close a\n          // card that this very press had just opened via focus.\n          event.preventDefault();\n          ctx.onClick();\n          onClick?.(event);\n        }}\n        {...props}\n      >\n        {children}\n      </RadixPopover.Trigger>\n    );\n  },\n);\nHoverCardTrigger.displayName = 'HoverCard.Trigger';\n\nexport type HoverCardAnchorProps = ComponentPropsWithoutRef<\n  typeof RadixPopover.Anchor\n>;\n\nconst HoverCardAnchor = forwardRef<\n  ElementRef<typeof RadixPopover.Anchor>,\n  HoverCardAnchorProps\n>((props, ref) => {\n  const { triggerRef } = useContext(RootContext);\n  const setRefs = useCallback(\n    (node: ElementRef<typeof RadixPopover.Anchor> | null) => {\n      triggerRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref, triggerRef],\n  );\n\n  return <RadixPopover.Anchor ref={setRefs} {...props} />;\n});\nHoverCardAnchor.displayName = 'HoverCard.Anchor';\n\n/* -------------------------------------------------------------------- */\n/* Content                                                              */\n/* -------------------------------------------------------------------- */\n\nexport interface HoverCardContentProps\n  extends\n    Omit<\n      ComponentPropsWithoutRef<typeof RadixPopover.Content>,\n      'side' | 'align'\n    >,\n    VariantProps<typeof contentVariants> {\n  /** Logical side, resolved against the reading direction. Default `'top'`. */\n  side?: HoverCardSide;\n  align?: 'start' | 'center' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  padding?: 'default' | 'flush';\n  /** Render the arrow. Default `true`. */\n  showArrow?: boolean;\n  /** Render a close button, for touch users on a card with actions. */\n  showClose?: boolean;\n  /**\n   * An action pinned to the top-end corner — the same slot `showClose` uses.\n   * For a card whose ANCHOR has a real open action, so the card mirrors it\n   * instead of describing it in prose (\"Click to open …\"). Only give a card\n   * one when the trigger genuinely opens something; a card that merely points\n   * somewhere else should say so in a hint line, because an icon button there\n   * promises a click the anchor does not have.\n   *\n   * A card carrying one must be interactive — the pointer has to be able to\n   * travel into it — so do not combine it with a pointer-events-none peek.\n   */\n  headerAction?: ReactNode;\n  className?: string;\n  children: ReactNode;\n}\n\nconst HoverCardContent = forwardRef<HTMLDivElement, HoverCardContentProps>(\n  (\n    {\n      side = 'top',\n      align = 'center',\n      size = 'md',\n      padding = 'default',\n      showArrow = true,\n      showClose = false,\n      headerAction,\n      dir: providedDirection,\n      className,\n      children,\n      onOpenAutoFocus,\n      onCloseAutoFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onFocusCapture,\n      ...props\n    },\n    ref,\n  ) => {\n    const { headingId } = useContext(A11yContext);\n    const root = useContext(RootContext);\n    const { t } = useTranslation('ui');\n    const [isRtl, setIsRtl] = useState(false);\n    const localRef = useRef<HTMLDivElement | null>(null);\n\n    const setRefs = useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        root.registerContent(node);\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref, root],\n    );\n\n    // Read direction from the TRIGGER, not from this content: the content is\n    // portalled to body, where `closest('[dir]')` can only ever find <html>.\n    // Reading the trigger lets one RTL region inside an LTR page resolve\n    // start/end correctly.\n    useEffect(() => {\n      const anchor = root.triggerRef.current;\n      const scoped = anchor?.closest('[dir]');\n      const resolved =\n        scoped?.getAttribute('dir') ?? document.documentElement.dir ?? 'ltr';\n      setIsRtl(resolved === 'rtl');\n    }, [root.triggerRef]);\n\n    const contentDirection = providedDirection ?? (isRtl ? 'rtl' : 'ltr');\n    const directionIsRtl = contentDirection === 'rtl';\n    const physicalSide = resolvePhysicalSide(side, directionIsRtl);\n    // Radix resolves `align` physically unless a DirectionProvider is present,\n    // which the kit does not mount. On the block axis (a card on the inline\n    // start or end) align is unaffected by direction; on the inline axis it\n    // must be mirrored by hand so `align=\"start\"` means the reading start.\n    const isInlineAxis = physicalSide === 'top' || physicalSide === 'bottom';\n    const physicalAlign =\n      directionIsRtl && isInlineAxis && align !== 'center'\n        ? align === 'start'\n          ? 'end'\n          : 'start'\n        : align;\n\n    return (\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          ref={setRefs}\n          dir={contentDirection}\n          side={physicalSide}\n          align={physicalAlign}\n          sideOffset={8}\n          collisionPadding={8}\n          aria-labelledby={headingId}\n          className={contentVariants({ size, padding, className })}\n          data-component=\"hover-card\"\n          data-component-id={root.instanceId}\n          onOpenAutoFocus={(event) => {\n            // A hover-opened card must not take focus; a click- or\n            // Enter-opened one must, or the footer actions are unreachable.\n            if (root.shouldFocusOnOpen()) root.noteMovedFocus();\n            else event.preventDefault();\n            onOpenAutoFocus?.(event);\n          }}\n          onCloseAutoFocus={(event) => {\n            // Only hand focus back if we took it in the first place, and warn\n            // the trigger that the focus it is about to receive is a return.\n            if (root.didMoveFocus()) root.noteFocusReturn();\n            else event.preventDefault();\n            root.clearMovedFocus();\n            onCloseAutoFocus?.(event);\n          }}\n          onMouseEnter={(event) => {\n            root.cancelClose();\n            onMouseEnter?.(event);\n          }}\n          onMouseLeave={(event) => {\n            root.closeWithDelay();\n            onMouseLeave?.(event);\n          }}\n          onFocusCapture={(event) => {\n            root.cancelClose();\n            onFocusCapture?.(event);\n          }}\n          {...props}\n        >\n          <PaddingContext.Provider value={padding}>\n            {children}\n          </PaddingContext.Provider>\n          {showClose || headerAction ? (\n            <div\n              className={[\n                'ds:absolute ds:top-[var(--spacing-sm)] ds:end-[var(--spacing-sm)]',\n                'ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]',\n              ].join(' ')}\n            >\n              {headerAction}\n              {showClose ? (\n                <RadixPopover.Close asChild>\n                  <IconButton\n                    icon={<X />}\n                    intent=\"ghost\"\n                    size=\"sm\"\n                    aria-label={t('common.close', 'Close')}\n                  />\n                </RadixPopover.Close>\n              ) : null}\n            </div>\n          ) : null}\n          {showArrow ? (\n            // Radix places the arrow on the resolved side and keeps it over\n            // the trigger through collision flip and shift.\n            //\n            // A custom path, not the default polygon, so the card's OUTLINE\n            // carries on around the point instead of stopping dead at it. The\n            // path is left open (no `Z`), so the fill closes the triangle\n            // while the stroke draws only the two slanted sides — a closed\n            // path would rule a line straight across the arrow's base.\n            // `-translate-y-px` then tucks that base a hairline under the\n            // card, so the card's own border does not show through it. The\n            // translate is applied inside Radix's rotation wrapper, so \"up\"\n            // means \"towards the card\" on every side.\n            <RadixPopover.Arrow asChild width={12} height={6}>\n              <svg\n                viewBox=\"0 0 12 6\"\n                preserveAspectRatio=\"none\"\n                aria-hidden=\"true\"\n                className=\"ds:-translate-y-px ds:fill-[var(--popover)] ds:stroke-[color:var(--card-border)]\"\n              >\n                <path d=\"M0 0 L6 6 L12 0\" strokeLinejoin=\"round\" />\n              </svg>\n            </RadixPopover.Arrow>\n          ) : null}\n        </RadixPopover.Content>\n      </RadixPopover.Portal>\n    );\n  },\n);\nHoverCardContent.displayName = 'HoverCard.Content';\n\n/* -------------------------------------------------------------------- */\n/* Slots                                                                */\n/* -------------------------------------------------------------------- */\n\n/** The media slot: an avatar row, a thumbnail, or a banner. Under\n *  `padding=\"flush\"` it bleeds to the card's edge. */\nconst HoverCardMedia = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-slot=\"media\"\n    className={['ds:flex ds:items-center ds:gap-[var(--spacing-sm)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nHoverCardMedia.displayName = 'HoverCard.Media';\n\n/**\n * The card's category line, above the heading: \"Signing\", \"Billing\",\n * \"Anamnesis\". It says WHICH KIND of thing the reader is looking at, so a\n * card that appears under the pointer is self-describing without repeating\n * the chip's own words in the heading.\n *\n * Decorative by role: the heading carries the meaning and the accessible\n * name, so the eyebrow is quiet type and adds no landmark of its own.\n */\nconst HoverCardEyebrow = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    data-slot=\"eyebrow\"\n    className={[\n      'ds:m-0 type-eyebrow ds:text-[color:var(--muted-foreground)]',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nHoverCardEyebrow.displayName = 'HoverCard.Eyebrow';\n\nexport interface HoverCardHeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n}\n\nconst HoverCardHeading = forwardRef<HTMLHeadingElement, HoverCardHeadingProps>(\n  ({ as: Tag = 'h3', id: providedId, className, ...props }, ref) => {\n    const generatedId = useId();\n    const headingId = providedId ?? generatedId;\n    const { setHeadingId } = useContext(A11yContext);\n    const padding = useContext(PaddingContext);\n\n    useEffect(() => {\n      setHeadingId(headingId);\n      return () => setHeadingId(undefined);\n    }, [headingId, setHeadingId]);\n\n    return (\n      <Tag\n        ref={ref}\n        id={headingId}\n        data-slot=\"heading\"\n        className={[\n          'type-title-item ds:leading-snug ds:break-words',\n          padding === 'flush'\n            ? 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)]'\n            : '',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      />\n    );\n  },\n);\nHoverCardHeading.displayName = 'HoverCard.Heading';\n\n/** The body slot. A `div`, not a `p`: a hover card body routinely holds\n *  KeyValuePairs and chips, and a `p` may only contain phrasing content. */\nconst HoverCardBody = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const padding = useContext(PaddingContext);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"body\"\n      className={[\n        'type-body-sm ds:text-[var(--muted-foreground)]',\n        'ds:mt-[var(--spacing-xs)]',\n        padding === 'flush'\n          ? 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]'\n          : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  );\n});\nHoverCardBody.displayName = 'HoverCard.Body';\n\n/** The action row. Actions sit at the inline end; anything that should stay at\n *  the inline start (a status badge) gets `ds:me-auto`. */\nconst HoverCardFooter = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const padding = useContext(PaddingContext);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"footer\"\n      className={[\n        'ds:flex ds:flex-wrap ds:items-center ds:justify-end',\n        'ds:gap-[var(--spacing-sm)]',\n        'ds:border-t ds:border-[color:var(--card-border)]',\n        padding === 'flush'\n          ? 'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]'\n          : 'ds:mt-[var(--spacing-md)] ds:pt-[var(--spacing-md)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  );\n});\nHoverCardFooter.displayName = 'HoverCard.Footer';\n\n/* -------------------------------------------------------------------- */\n/* useHoverCardTiming                                                    */\n/*                                                                        */\n/* Lets a CUSTOM anchored trigger — one that can't use `Trigger asChild`  */\n/* because it already spends its one asChild slot elsewhere (a           */\n/* DropdownMenu's own trigger, say) — share the SAME close timer          */\n/* `Content` itself cancels/re-arms on hover and focus. Without this,     */\n/* an anchored trigger that keeps its own separate close timer goes       */\n/* stale the moment the pointer or focus moves onto the (portalled)       */\n/* content: `Content`'s built-in handlers cancel ROOT's timer, which      */\n/* was never the one counting down, so the card closes under the user's   */\n/* cursor. Call this from a descendant of `HoverCard` (anywhere inside    */\n/* the tree the Root provides context to), drive your own open timing,    */\n/* but always close through `closeWithDelay` / `cancelClose` here —       */\n/* never a private `setTimeout`.                                          */\n/* -------------------------------------------------------------------- */\nexport function useHoverCardTiming(): {\n  cancelClose: () => void;\n  closeWithDelay: () => void;\n} {\n  const { cancelClose, closeWithDelay } = useContext(RootContext);\n  return { cancelClose, closeWithDelay };\n}\n\n/* -------------------------------------------------------------------- */\n\nexport const HoverCard = Object.assign(HoverCardRoot, {\n  Root: HoverCardRoot,\n  Trigger: HoverCardTrigger,\n  // Anchor the card to an arbitrary element when a trigger button is\n  // unsuitable, such as a calendar grid cell.\n  Anchor: HoverCardAnchor,\n  Content: HoverCardContent,\n  Media: HoverCardMedia,\n  Eyebrow: HoverCardEyebrow,\n  Heading: HoverCardHeading,\n  Body: HoverCardBody,\n  Footer: HoverCardFooter,\n});\n"],"names":["hoverCardAgent","handle","resolvePhysicalSide","logicalSide","isRtl","A11yContext","createContext","RootContext","PaddingContext","contentVariants","cva","HoverCardRoot","children","openOn","controlledOpen","defaultOpen","onOpenChange","openDelay","closeDelay","id","internalOpen","setInternalOpen","useState","isControlled","isOpen","setOpen","useCallback","next","isOpenRef","useRef","useEffect","timerRef","clearTimer","focusOnOpenRef","movedFocusRef","contentRef","triggerRef","openWithDelay","closeWithDelay","suppressFocusOpenRef","suppressTimerRef","noteFocusReturn","openOnFocus","focusContent","_a","focusWasInsideRef","notePressStart","content","handleTriggerClick","focusWasInside","agentHandle","useMemo","useAgentRegistration","headingId","setHeadingId","isHoverMode","rootValue","node","triggerValue","jsx","TriggerContext","RadixPopover","HoverCardTrigger","forwardRef","onMouseEnter","onMouseLeave","onFocus","onBlur","onPointerDown","onKeyDown","onClick","props","ref","ctx","useContext","setRefs","event","HoverCardAnchor","HoverCardContent","side","align","size","padding","showArrow","showClose","headerAction","providedDirection","className","onOpenAutoFocus","onCloseAutoFocus","onFocusCapture","root","t","useTranslation","setIsRtl","localRef","anchor","scoped","resolved","contentDirection","directionIsRtl","physicalSide","physicalAlign","jsxs","IconButton","X","HoverCardMedia","HoverCardEyebrow","HoverCardHeading","Tag","providedId","generatedId","useId","HoverCardBody","HoverCardFooter","useHoverCardTiming","cancelClose","HoverCard"],"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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"}