@alfadocs/ui-kit-debug 1.34.0 → 1.36.0

package/dist/_chunks/{date-picker-B6NW_PS5.js.map → date-picker-6tFnKFty.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-picker-B6NW_PS5.js","sources":["../../src/components/date-picker/date-picker.agent.ts","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — DatePicker.                                            */\n/*                                                                        */\n/* DatePicker wraps react-day-picker inside a Radix Popover. The agent    */\n/* surface curates the input + popover into a small set of date-shaped    */\n/* operations — set / clear / open / close. The handle is the curated    */\n/* surface; raw rdp internals are deliberately not exposed.              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` §15.                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { DatePickerHandle } from './date-picker';\n\nexport const datePickerAgent: AgentAdapter<DatePickerHandle> = {\n  id: 'date-picker',\n  // Persisted single date (value state + set_date) → select_single + set_value,\n  // plus open/close of the calendar popover.\n  capabilities: ['select_single', 'set_value', 'open', 'close'],\n  state: {\n    value: {\n      type: 'iso-date',\n      descriptionKey: 'ui.agent.datePicker.state.value',\n      description: 'Currently-selected ISO date, or null.',\n      read: (handle) => handle.getValue()?.toISOString() ?? null,\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.datePicker.state.isOpen',\n      description: 'Whether the calendar popover is open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    set_date: {\n      safety: 'write',\n      argsType: '{ date: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          date: {\n            type: 'string',\n            format: 'date',\n            description: 'ISO date, e.g. \"2026-06-23\".',\n          },\n        },\n        required: ['date'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.setDate',\n      description: 'Select a specific date (ISO yyyy-mm-dd).',\n      examples: [{ args: { date: '2026-06-23' }, note: 'Select 23 Jun 2026.' }],\n      invoke: (handle, args: { date: string }) => {\n        handle.setValue(new Date(args.date));\n      },\n    },\n    clear: {\n      // Discards the selected date — loses the user's input.\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.clear',\n      description: 'Clear the selected date.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.open',\n      description: 'Open the calendar popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.close',\n      description: 'Close the calendar popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'date-picker',\n      description: 'Marks the DatePicker wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport * as Popover from '@radix-ui/react-popover';\nimport { DayPicker } from 'react-day-picker';\nimport {\n  format as fnsFormat,\n  parse as fnsParse,\n  isValid,\n  isSameDay,\n  isBefore,\n  isAfter,\n} from 'date-fns';\nimport { CalendarDays, Check } from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport {\n  useDateFnsLocale,\n  getShortDateFormat,\n  buildDisabledMatcher,\n  CalendarChevron,\n  calendarClassNames,\n  triggerVariants,\n  calendarIconVariants,\n  popoverContentVariants,\n  presetButtonVariants,\n} from '../_shared';\nimport { useAgentRegistration } from '../../agent';\nimport { datePickerAgent } from './date-picker.agent';\n\n/* -------------------------------------------------------------------------- */\n/*  Imperative handle                                                          */\n/* -------------------------------------------------------------------------- */\n\n/** Curated imperative handle exposed via `ref` — also consumed by the agent adapter. */\nexport interface DatePickerHandle {\n  /** Get the current selected date, or undefined. */\n  getValue: () => Date | undefined;\n  /** Set the selected date. */\n  setValue: (date: Date | undefined) => void;\n  /** Clear the selected date. */\n  clear: () => void;\n  /** Whether the popover is open. */\n  isOpen: () => boolean;\n  /** Open the calendar popover. */\n  open: () => void;\n  /** Close the calendar popover. */\n  close: () => void;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface DatePickerPreset {\n  label: string;\n  date: () => Date;\n}\n\nexport interface DatePickerProps extends Pick<\n  VariantProps<typeof triggerVariants>,\n  'size'\n> {\n  /** Current selected date — controlled. */\n  value?: Date;\n  /** Default selected date — uncontrolled. */\n  defaultValue?: Date;\n  /** Called when the selected date changes. */\n  onChange?: (date: Date | undefined) => void;\n  /** Minimum selectable date. */\n  minDate?: Date;\n  /** Maximum selectable date. */\n  maxDate?: Date;\n  /** Disabled dates — array or predicate. */\n  disabledDates?: Date[] | ((date: Date) => boolean);\n  /** Week starts on (0=Sunday). Derived from locale if not specified. */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** Quick-pick presets shown inline-start of the calendar. */\n  presets?: DatePickerPreset[];\n  /** Component size. */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Trigger chrome. `'input'` (default) is the soft input look — fill + the\n   * `--shadow-input` halo — that matches other form fields. `'button'` renders\n   * the trigger as an outline Button (flat, `--radius-md`, no halo, `md` = 40px)\n   * so the picker sits flush among Buttons in a toolbar. Use `'button'` only in\n   * toolbars, not in forms: the input halo is a11y-load-bearing (it lifts the\n   * field border to the WCAG 1.4.11 3:1 composite), whereas a button-chrome\n   * trigger relies on its value/label like a Button does. Mirrors\n   * `DateRangePicker`'s prop of the same name.\n   */\n  chrome?: 'input' | 'button';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** Additional class names. */\n  className?: string;\n  /** id override. */\n  id?: string;\n  /** Accessible name for the date input, when the picker is NOT wrapped in a\n   * `FormField`. Without one — and without a FormField's `<label htmlFor>` —\n   * the input has no accessible name at all, so a picker placed inline beside\n   * chips or in a toolbar was unnamed to a screen reader. Ignored in favour of\n   * the FormField label when both are present. */\n  'aria-label'?: string;\n  /** Accessible name by reference, same conditions as `aria-label`. */\n  'aria-labelledby'?: string;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      minDate,\n      maxDate,\n      disabledDates,\n      weekStartsOn,\n      presets,\n      size = 'md',\n      chrome = 'input',\n      disabled,\n      placeholder,\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    // A FormField labels the input through `<label htmlFor>`; outside one the\n    // caller's aria-label is the only name available.\n    const inFormField = useContext(FormFieldContext) !== null;\n    const effectiveId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : 'default';\n\n    const locale = useDateFnsLocale(i18n.language);\n    const dateFormat = getShortDateFormat(i18n.language);\n    const placeholderText =\n      placeholder ?? t('inputs.datePicker.placeholder', 'Select date');\n\n    const [currentValueRaw, setDateValue] = useControllableState<\n      Date | undefined\n    >({\n      value,\n      defaultValue,\n      onChange,\n    });\n    const currentValue = currentValueRaw;\n\n    const [open, setOpen] = useState(false);\n    const [inputText, setInputText] = useState(\n      currentValue ? fnsFormat(currentValue, dateFormat, { locale }) : '',\n    );\n    const [inputInvalid, setInputInvalid] = useState(false);\n    const [month, setMonth] = useState<Date>(currentValue ?? new Date());\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Sync input text when value changes externally\n    useEffect(() => {\n      if (currentValue) {\n        setInputText(fnsFormat(currentValue, dateFormat, { locale }));\n        setInputInvalid(false);\n      } else {\n        setInputText('');\n      }\n    }, [currentValue, dateFormat, locale]);\n\n    const disabledMatcher = buildDisabledMatcher(\n      minDate,\n      maxDate,\n      disabledDates,\n    );\n\n    /** Check if a date is disabled. */\n    const isDateDisabled = useCallback(\n      (date: Date): boolean => {\n        if (minDate && isBefore(date, minDate)) return true;\n        if (maxDate && isAfter(date, maxDate)) return true;\n        if (Array.isArray(disabledDates)) {\n          return disabledDates.some(\n            (d) => d.toDateString() === date.toDateString(),\n          );\n        }\n        if (typeof disabledDates === 'function') {\n          return disabledDates(date);\n        }\n        return false;\n      },\n      [minDate, maxDate, disabledDates],\n    );\n\n    const emit = useCallback(\n      (date: Date | undefined) => {\n        setDateValue(date);\n      },\n      [setDateValue],\n    );\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const text = e.target.value;\n      setInputText(text);\n\n      if (text.length === 0) {\n        setInputInvalid(false);\n        emit(undefined);\n        return;\n      }\n\n      const parsed = fnsParse(text, dateFormat, new Date(), { locale });\n      if (isValid(parsed) && !isDateDisabled(parsed)) {\n        setInputInvalid(false);\n        emit(parsed);\n        setMonth(parsed);\n      } else if (text.length === dateFormat.length) {\n        setInputInvalid(true);\n      }\n    };\n\n    const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter' && open) {\n        e.preventDefault();\n        setOpen(false);\n      }\n      if (e.key === 'Escape' && open) {\n        e.preventDefault();\n        setOpen(false);\n      }\n      if (e.key === 'ArrowDown' && !open) {\n        e.preventDefault();\n        setOpen(true);\n      }\n    };\n\n    const handleDaySelect = (date: Date | undefined) => {\n      if (date) {\n        emit(date);\n        setOpen(false);\n        inputRef.current?.focus();\n      }\n    };\n\n    const handlePresetClick = (preset: DatePickerPreset) => {\n      const date = preset.date();\n      emit(date);\n      setMonth(date);\n      setOpen(false);\n      inputRef.current?.focus();\n    };\n\n    // A preset is \"active\" when the selected date matches the one it produces,\n    // so the shortcut and the highlighted day visibly agree.\n    const isPresetActive = (preset: DatePickerPreset): boolean =>\n      currentValue ? isSameDay(preset.date(), currentValue) : false;\n\n    const gridLabel = t('inputs.datePicker.gridLabel', 'Calendar');\n\n    const handle = useMemo<DatePickerHandle>(\n      () => ({\n        getValue: () => currentValue,\n        setValue: (date) => emit(date),\n        clear: () => emit(undefined),\n        isOpen: () => open,\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [currentValue, emit, open],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n    useAgentRegistration(datePickerAgent, handle, effectiveId);\n\n    return (\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <div\n          ref={rootRef}\n          className={className}\n          data-component=\"date-picker\"\n          data-component-id={effectiveId}\n        >\n          <div className=\"ds:relative\">\n            {/* `Popover.Trigger asChild` slots Radix's trigger props\n               (including `type=\"button\"`, `aria-haspopup`,\n               `aria-expanded`) onto the child element. We want those on\n               the input, not the surrounding `<div>`, so the input is\n               the direct asChild target and the icon sits as a sibling. */}\n            <Popover.Trigger asChild disabled={effectiveDisabled}>\n              <input\n                ref={inputRef}\n                id={effectiveId}\n                type=\"text\"\n                // ARIA 1.2 permits `role=\"combobox\"` on `<input>`. That's\n                // what makes `aria-expanded` / `aria-controls` valid\n                // here — the input acts as a combobox-style trigger\n                // whose popup is the calendar dialog. `aria-haspopup=\"dialog\"`\n                // replaces `aria-controls` for the dialog-popup pattern.\n                // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n                role=\"combobox\"\n                value={inputText}\n                placeholder={placeholderText}\n                disabled={effectiveDisabled}\n                // A FormField labels the input through `<label htmlFor>`, so\n                // its label wins and these stay off. Outside one they are the\n                // only name the input can have.\n                aria-label={inFormField ? undefined : ariaLabel}\n                aria-labelledby={inFormField ? undefined : ariaLabelledBy}\n                aria-describedby={ctx.describedBy || undefined}\n                aria-invalid={ctx.invalid || inputInvalid || undefined}\n                aria-required={ctx.required || undefined}\n                aria-haspopup=\"dialog\"\n                aria-expanded={open}\n                onChange={handleInputChange}\n                onKeyDown={handleInputKeyDown}\n                onClick={() => !open && setOpen(true)}\n                className={triggerVariants({\n                  size,\n                  tone: inputInvalid ? 'error' : effectiveTone,\n                  chrome,\n                })}\n              />\n            </Popover.Trigger>\n            <span aria-hidden=\"true\" className={calendarIconVariants({ size })}>\n              <CalendarDays />\n            </span>\n          </div>\n\n          <Popover.Portal>\n            <Popover.Content\n              sideOffset={4}\n              align=\"start\"\n              /* Portaled to <body>, i.e. OUTSIDE the trigger's\n                 [data-component] scope — without its own marker the panel\n                 misses the kit's `[data-component]` baselines (brand\n                 font-family, thin scrollbar, cascade protections) and\n                 renders in the host page's font. Same idiom as\n                 `select-content`. */\n              data-component=\"date-picker-content\"\n              className={popoverContentVariants()}\n              onOpenAutoFocus={(e) => {\n                // Keep focus on input, don't auto-focus the calendar\n                e.preventDefault();\n              }}\n            >\n              <div className=\"ds:flex ds:gap-[var(--spacing-md)]\">\n                {/* Presets column */}\n                {presets && presets.length > 0 ? (\n                  <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]\">\n                    {presets.map((preset) => {\n                      const active = isPresetActive(preset);\n                      return (\n                        <button\n                          key={preset.label}\n                          type=\"button\"\n                          aria-pressed={active}\n                          onClick={() => handlePresetClick(preset)}\n                          className={presetButtonVariants({ active })}\n                        >\n                          <span className=\"ds:min-w-0 ds:truncate\">\n                            {preset.label}\n                          </span>\n                          {active ? (\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:size-4 ds:shrink-0 ds:text-primary\"\n                            />\n                          ) : null}\n                        </button>\n                      );\n                    })}\n                  </div>\n                ) : null}\n\n                {/* Calendar */}\n                <div role=\"region\" aria-label={gridLabel}>\n                  <DayPicker\n                    mode=\"single\"\n                    selected={currentValue}\n                    onSelect={handleDaySelect}\n                    month={month}\n                    onMonthChange={setMonth}\n                    disabled={disabledMatcher}\n                    weekStartsOn={weekStartsOn}\n                    locale={locale}\n                    showOutsideDays\n                    fixedWeeks\n                    classNames={calendarClassNames}\n                    components={{ Chevron: CalendarChevron }}\n                  />\n                </div>\n              </div>\n            </Popover.Content>\n          </Popover.Portal>\n        </div>\n      </Popover.Root>\n    );\n  },\n);\n\nDatePicker.displayName = 'DatePicker';\n"],"names":["datePickerAgent","handle","_a","args","DatePicker","forwardRef","value","defaultValue","onChange","minDate","maxDate","disabledDates","weekStartsOn","presets","size","chrome","disabled","placeholder","className","id","ariaLabel","ariaLabelledBy","ref","t","i18n","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","effectiveId","effectiveDisabled","effectiveTone","locale","useDateFnsLocale","dateFormat","getShortDateFormat","placeholderText","currentValueRaw","setDateValue","useControllableState","currentValue","open","setOpen","useState","inputText","setInputText","fnsFormat","inputInvalid","setInputInvalid","month","setMonth","inputRef","useRef","useEffect","disabledMatcher","buildDisabledMatcher","isDateDisabled","useCallback","date","isBefore","isAfter","d","emit","handleInputChange","text","parsed","fnsParse","isValid","handleInputKeyDown","handleDaySelect","handlePresetClick","preset","isPresetActive","isSameDay","gridLabel","useMemo","rootRef","useImperativeHandle","useAgentRegistration","Popover","jsxs","jsx","triggerVariants","calendarIconVariants","CalendarDays","popoverContentVariants","active","presetButtonVariants","Check","DayPicker","calendarClassNames","CalendarChevron"],"mappings":"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"}
+{"version":3,"file":"date-picker-6tFnKFty.js","sources":["../../src/components/date-picker/date-picker.agent.ts","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — DatePicker.                                            */\n/*                                                                        */\n/* DatePicker wraps react-day-picker inside a Radix Popover. The agent    */\n/* surface curates the input + popover into a small set of date-shaped    */\n/* operations — set / clear / open / close. The handle is the curated    */\n/* surface; raw rdp internals are deliberately not exposed.              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` §15.                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { DatePickerHandle } from './date-picker';\n\nexport const datePickerAgent: AgentAdapter<DatePickerHandle> = {\n  id: 'date-picker',\n  // Persisted single date (value state + set_date) → select_single + set_value,\n  // plus open/close of the calendar popover.\n  capabilities: ['select_single', 'set_value', 'open', 'close'],\n  state: {\n    value: {\n      type: 'iso-date',\n      descriptionKey: 'ui.agent.datePicker.state.value',\n      description: 'Currently-selected ISO date, or null.',\n      read: (handle) => handle.getValue()?.toISOString() ?? null,\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.datePicker.state.isOpen',\n      description: 'Whether the calendar popover is open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    set_date: {\n      safety: 'write',\n      argsType: '{ date: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          date: {\n            type: 'string',\n            format: 'date',\n            description: 'ISO date, e.g. \"2026-06-23\".',\n          },\n        },\n        required: ['date'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.setDate',\n      description: 'Select a specific date (ISO yyyy-mm-dd).',\n      examples: [{ args: { date: '2026-06-23' }, note: 'Select 23 Jun 2026.' }],\n      invoke: (handle, args: { date: string }) => {\n        handle.setValue(new Date(args.date));\n      },\n    },\n    clear: {\n      // Discards the selected date — loses the user's input.\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.clear',\n      description: 'Clear the selected date.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.open',\n      description: 'Open the calendar popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.close',\n      description: 'Close the calendar popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'date-picker',\n      description: 'Marks the DatePicker wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type KeyboardEvent,\n} from 'react';\nimport { type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport * as Popover from '@radix-ui/react-popover';\nimport { DayPicker } from 'react-day-picker';\nimport {\n  format as fnsFormat,\n  parse as fnsParse,\n  isValid,\n  isSameDay,\n  isBefore,\n  isAfter,\n} from 'date-fns';\nimport { CalendarDays, Check } from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport {\n  useDateFnsLocale,\n  getShortDateFormat,\n  buildDisabledMatcher,\n  CalendarChevron,\n  calendarClassNames,\n  triggerVariants,\n  calendarIconVariants,\n  popoverContentVariants,\n  presetButtonVariants,\n} from '../_shared';\nimport { useAgentRegistration } from '../../agent';\nimport { datePickerAgent } from './date-picker.agent';\n\n/* -------------------------------------------------------------------------- */\n/*  Imperative handle                                                          */\n/* -------------------------------------------------------------------------- */\n\n/** Curated imperative handle exposed via `ref` — also consumed by the agent adapter. */\nexport interface DatePickerHandle {\n  /** Get the current selected date, or undefined. */\n  getValue: () => Date | undefined;\n  /** Set the selected date. */\n  setValue: (date: Date | undefined) => void;\n  /** Clear the selected date. */\n  clear: () => void;\n  /** Whether the popover is open. */\n  isOpen: () => boolean;\n  /** Open the calendar popover. */\n  open: () => void;\n  /** Close the calendar popover. */\n  close: () => void;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface DatePickerPreset {\n  label: string;\n  date: () => Date;\n}\n\nexport interface DatePickerProps extends Pick<\n  VariantProps<typeof triggerVariants>,\n  'size'\n> {\n  /** Current selected date — controlled. */\n  value?: Date;\n  /** Default selected date — uncontrolled. */\n  defaultValue?: Date;\n  /** Called when the selected date changes. */\n  onChange?: (date: Date | undefined) => void;\n  /** Minimum selectable date. */\n  minDate?: Date;\n  /** Maximum selectable date. */\n  maxDate?: Date;\n  /** Disabled dates — array or predicate. */\n  disabledDates?: Date[] | ((date: Date) => boolean);\n  /** Week starts on (0=Sunday). Derived from locale if not specified. */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** Quick-pick presets shown inline-start of the calendar. */\n  presets?: DatePickerPreset[];\n  /** Component size. */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Trigger chrome. `'input'` (default) is the soft input look — fill + the\n   * `--shadow-input` halo — that matches other form fields. `'button'` renders\n   * the trigger as an outline Button (flat, `--radius-md`, no halo, `md` = 40px)\n   * so the picker sits flush among Buttons in a toolbar. Use `'button'` only in\n   * toolbars, not in forms: the input halo is a11y-load-bearing (it lifts the\n   * field border to the WCAG 1.4.11 3:1 composite), whereas a button-chrome\n   * trigger relies on its value/label like a Button does. Mirrors\n   * `DateRangePicker`'s prop of the same name.\n   */\n  chrome?: 'input' | 'button';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** Additional class names. */\n  className?: string;\n  /** id override. */\n  id?: string;\n  /** Accessible name for the date input, when the picker is NOT wrapped in a\n   * `FormField`. Without one — and without a FormField's `<label htmlFor>` —\n   * the input has no accessible name at all, so a picker placed inline beside\n   * chips or in a toolbar was unnamed to a screen reader. Ignored in favour of\n   * the FormField label when both are present. */\n  'aria-label'?: string;\n  /** Accessible name by reference, same conditions as `aria-label`. */\n  'aria-labelledby'?: string;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      minDate,\n      maxDate,\n      disabledDates,\n      weekStartsOn,\n      presets,\n      size = 'md',\n      chrome = 'input',\n      disabled,\n      placeholder,\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    // A FormField labels the input through `<label htmlFor>`; outside one the\n    // caller's aria-label is the only name available.\n    const inFormField = useContext(FormFieldContext) !== null;\n    const effectiveId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : 'default';\n\n    const locale = useDateFnsLocale(i18n.language);\n    const dateFormat = getShortDateFormat(i18n.language);\n    const placeholderText =\n      placeholder ?? t('inputs.datePicker.placeholder', 'Select date');\n\n    const [currentValueRaw, setDateValue] = useControllableState<\n      Date | undefined\n    >({\n      value,\n      defaultValue,\n      onChange,\n    });\n    const currentValue = currentValueRaw;\n\n    const [open, setOpen] = useState(false);\n    const [inputText, setInputText] = useState(\n      currentValue ? fnsFormat(currentValue, dateFormat, { locale }) : '',\n    );\n    const [inputInvalid, setInputInvalid] = useState(false);\n    const [month, setMonth] = useState<Date>(currentValue ?? new Date());\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Sync input text when value changes externally\n    useEffect(() => {\n      if (currentValue) {\n        setInputText(fnsFormat(currentValue, dateFormat, { locale }));\n        setInputInvalid(false);\n      } else {\n        setInputText('');\n      }\n    }, [currentValue, dateFormat, locale]);\n\n    const disabledMatcher = buildDisabledMatcher(\n      minDate,\n      maxDate,\n      disabledDates,\n    );\n\n    /** Check if a date is disabled. */\n    const isDateDisabled = useCallback(\n      (date: Date): boolean => {\n        if (minDate && isBefore(date, minDate)) return true;\n        if (maxDate && isAfter(date, maxDate)) return true;\n        if (Array.isArray(disabledDates)) {\n          return disabledDates.some(\n            (d) => d.toDateString() === date.toDateString(),\n          );\n        }\n        if (typeof disabledDates === 'function') {\n          return disabledDates(date);\n        }\n        return false;\n      },\n      [minDate, maxDate, disabledDates],\n    );\n\n    const emit = useCallback(\n      (date: Date | undefined) => {\n        setDateValue(date);\n      },\n      [setDateValue],\n    );\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const text = e.target.value;\n      setInputText(text);\n\n      if (text.length === 0) {\n        setInputInvalid(false);\n        emit(undefined);\n        return;\n      }\n\n      const parsed = fnsParse(text, dateFormat, new Date(), { locale });\n      if (isValid(parsed) && !isDateDisabled(parsed)) {\n        setInputInvalid(false);\n        emit(parsed);\n        setMonth(parsed);\n      } else if (text.length === dateFormat.length) {\n        setInputInvalid(true);\n      }\n    };\n\n    const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter' && open) {\n        e.preventDefault();\n        setOpen(false);\n      }\n      if (e.key === 'Escape' && open) {\n        e.preventDefault();\n        setOpen(false);\n      }\n      if (e.key === 'ArrowDown' && !open) {\n        e.preventDefault();\n        setOpen(true);\n      }\n    };\n\n    const handleDaySelect = (date: Date | undefined) => {\n      if (date) {\n        emit(date);\n        setOpen(false);\n        inputRef.current?.focus();\n      }\n    };\n\n    const handlePresetClick = (preset: DatePickerPreset) => {\n      const date = preset.date();\n      emit(date);\n      setMonth(date);\n      setOpen(false);\n      inputRef.current?.focus();\n    };\n\n    // A preset is \"active\" when the selected date matches the one it produces,\n    // so the shortcut and the highlighted day visibly agree.\n    const isPresetActive = (preset: DatePickerPreset): boolean =>\n      currentValue ? isSameDay(preset.date(), currentValue) : false;\n\n    const gridLabel = t('inputs.datePicker.gridLabel', 'Calendar');\n\n    const handle = useMemo<DatePickerHandle>(\n      () => ({\n        getValue: () => currentValue,\n        setValue: (date) => emit(date),\n        clear: () => emit(undefined),\n        isOpen: () => open,\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [currentValue, emit, open],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n    useAgentRegistration(datePickerAgent, handle, effectiveId);\n\n    return (\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <div\n          ref={rootRef}\n          className={className}\n          data-component=\"date-picker\"\n          data-component-id={effectiveId}\n        >\n          <div className=\"ds:relative\">\n            {/* `Popover.Trigger asChild` slots Radix's trigger props\n               (including `type=\"button\"`, `aria-haspopup`,\n               `aria-expanded`) onto the child element. We want those on\n               the input, not the surrounding `<div>`, so the input is\n               the direct asChild target and the icon sits as a sibling. */}\n            <Popover.Trigger asChild disabled={effectiveDisabled}>\n              <input\n                ref={inputRef}\n                id={effectiveId}\n                type=\"text\"\n                // ARIA 1.2 permits `role=\"combobox\"` on `<input>`. That's\n                // what makes `aria-expanded` / `aria-controls` valid\n                // here — the input acts as a combobox-style trigger\n                // whose popup is the calendar dialog. `aria-haspopup=\"dialog\"`\n                // replaces `aria-controls` for the dialog-popup pattern.\n                // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n                role=\"combobox\"\n                value={inputText}\n                placeholder={placeholderText}\n                disabled={effectiveDisabled}\n                // A FormField labels the input through `<label htmlFor>`, so\n                // its label wins and these stay off. Outside one they are the\n                // only name the input can have.\n                aria-label={inFormField ? undefined : ariaLabel}\n                aria-labelledby={inFormField ? undefined : ariaLabelledBy}\n                aria-describedby={ctx.describedBy || undefined}\n                aria-invalid={ctx.invalid || inputInvalid || undefined}\n                aria-required={ctx.required || undefined}\n                aria-haspopup=\"dialog\"\n                aria-expanded={open}\n                onChange={handleInputChange}\n                onKeyDown={handleInputKeyDown}\n                onClick={() => !open && setOpen(true)}\n                className={triggerVariants({\n                  size,\n                  tone: inputInvalid ? 'error' : effectiveTone,\n                  chrome,\n                })}\n              />\n            </Popover.Trigger>\n            <span aria-hidden=\"true\" className={calendarIconVariants({ size })}>\n              <CalendarDays />\n            </span>\n          </div>\n\n          <Popover.Portal>\n            <Popover.Content\n              sideOffset={4}\n              align=\"start\"\n              /* Portaled to <body>, i.e. OUTSIDE the trigger's\n                 [data-component] scope — without its own marker the panel\n                 misses the kit's `[data-component]` baselines (brand\n                 font-family, thin scrollbar, cascade protections) and\n                 renders in the host page's font. Same idiom as\n                 `select-content`. */\n              data-component=\"date-picker-content\"\n              className={popoverContentVariants()}\n              onOpenAutoFocus={(e) => {\n                // Keep focus on input, don't auto-focus the calendar\n                e.preventDefault();\n              }}\n            >\n              <div className=\"ds:flex ds:gap-[var(--spacing-md)]\">\n                {/* Presets column */}\n                {presets && presets.length > 0 ? (\n                  <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]\">\n                    {presets.map((preset) => {\n                      const active = isPresetActive(preset);\n                      return (\n                        <button\n                          key={preset.label}\n                          type=\"button\"\n                          aria-pressed={active}\n                          onClick={() => handlePresetClick(preset)}\n                          className={presetButtonVariants({ active })}\n                        >\n                          <span className=\"ds:min-w-0 ds:truncate\">\n                            {preset.label}\n                          </span>\n                          {active ? (\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:size-4 ds:shrink-0 ds:text-primary\"\n                            />\n                          ) : null}\n                        </button>\n                      );\n                    })}\n                  </div>\n                ) : null}\n\n                {/* Calendar */}\n                <div role=\"region\" aria-label={gridLabel}>\n                  <DayPicker\n                    mode=\"single\"\n                    selected={currentValue}\n                    onSelect={handleDaySelect}\n                    month={month}\n                    onMonthChange={setMonth}\n                    disabled={disabledMatcher}\n                    weekStartsOn={weekStartsOn}\n                    locale={locale}\n                    showOutsideDays\n                    fixedWeeks\n                    classNames={calendarClassNames}\n                    components={{ Chevron: CalendarChevron }}\n                  />\n                </div>\n              </div>\n            </Popover.Content>\n          </Popover.Portal>\n        </div>\n      </Popover.Root>\n    );\n  },\n);\n\nDatePicker.displayName = 'DatePicker';\n"],"names":["datePickerAgent","handle","_a","args","DatePicker","forwardRef","value","defaultValue","onChange","minDate","maxDate","disabledDates","weekStartsOn","presets","size","chrome","disabled","placeholder","className","id","ariaLabel","ariaLabelledBy","ref","t","i18n","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","effectiveId","effectiveDisabled","effectiveTone","locale","useDateFnsLocale","dateFormat","getShortDateFormat","placeholderText","currentValueRaw","setDateValue","useControllableState","currentValue","open","setOpen","useState","inputText","setInputText","fnsFormat","inputInvalid","setInputInvalid","month","setMonth","inputRef","useRef","useEffect","disabledMatcher","buildDisabledMatcher","isDateDisabled","useCallback","date","isBefore","isAfter","d","emit","handleInputChange","text","parsed","fnsParse","isValid","handleInputKeyDown","handleDaySelect","handlePresetClick","preset","isPresetActive","isSameDay","gridLabel","useMemo","rootRef","useImperativeHandle","useAgentRegistration","Popover","jsxs","jsx","triggerVariants","calendarIconVariants","CalendarDays","popoverContentVariants","active","presetButtonVariants","Check","DayPicker","calendarClassNames","CalendarChevron"],"mappings":"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"}

package/dist/_chunks/{dependent-selector-yTKKsuc9.js → dependent-selector-BHDP0nBB.js}

@@ -4,8 +4,8 @@ import * as E from "@radix-ui/react-radio-group";
 import { c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as pe } from "react-i18next";
 import { A as ue } from "./avatar-CkDeQOSI.js";
-import { B as fe } from "./badge-sTusUqZD.js";
-import { T as ge } from "./tooltip-DvmfrNvB.js";
+import { B as fe } from "./badge-BudgzTe_.js";
+import { T as ge } from "./tooltip-Cp-PLePW.js";
 import { c as ve } from "./compose-refs-C0k0tdqF.js";
 import { u as be } from "./registry-DvAUVLHh.js";
 import { u as he } from "./use-direction-Dp8h70PP.js";
@@ -335,4 +335,4 @@ export {
   ke as D,
   xe as d
 };
-//# sourceMappingURL=dependent-selector-yTKKsuc9.js.map
+//# sourceMappingURL=dependent-selector-BHDP0nBB.js.map

package/dist/_chunks/{dependent-selector-yTKKsuc9.js.map → dependent-selector-BHDP0nBB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dependent-selector-yTKKsuc9.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();\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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"}
+{"version":3,"file":"dependent-selector-BHDP0nBB.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();\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/{description-list-CjJqR8WK.js → description-list-C1RXMDZ_.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as V } from "react/jsx-runtime";
 import { forwardRef as c, useMemo as x, Children as C, isValidElement as T, useContext as R, useState as b, useCallback as j, createContext as P } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
-import { I as A } from "./icon-button-DA2CAGHZ.js";
+import { I as A } from "./icon-button-8xqRnkdG.js";
 import { C as S } from "./check-DrFSN__t.js";
 import { C as B } from "./copy-vRpqqHtY.js";
 function E(s) {
@@ -316,4 +316,4 @@ const Z = Object.assign(k, {
 export {
   Z as D
 };
-//# sourceMappingURL=description-list-CjJqR8WK.js.map
+//# sourceMappingURL=description-list-C1RXMDZ_.js.map

package/dist/_chunks/{description-list-CjJqR8WK.js.map → description-list-C1RXMDZ_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"description-list-CjJqR8WK.js","sources":["../../src/components/description-list/description-list.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type CSSProperties,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* labelWidth → label / value track resolver                            */\n/*                                                                      */\n/* The `inline` / `responsive` layouts render a two- or three-column    */\n/* grid (icon? · label · value · copy?). The label column's width is    */\n/* parameterised so consumers can pick the right behaviour for the      */\n/* surrounding container:                                                */\n/*                                                                      */\n/*  - `auto` (default): label sizes to its intrinsic content; the       */\n/*    value column takes the remainder. Long labels wrap word-by-word   */\n/*    in narrow contexts instead of being squeezed into a 1fr column    */\n/*    that can collapse below the longest word.                          */\n/*  - `fixed`: legacy ⅓ / ⅔ ratio (label `minmax(0,1fr)`, value          */\n/*    `minmax(0,2fr)`). Use for wide forms where consistent alignment    */\n/*    across rows is more important than fitting the longest label.     */\n/*  - any CSS length / track size (`'8rem'`, `'min-content'`, …):       */\n/*    forces the label column to that width.                            */\n/*                                                                      */\n/* The resolved values are surfaced as `--description-list-label-track` */\n/* and `--description-list-value-track` on the root `<dl>` so each Row  */\n/* can compose them with the icon / copy auto columns it needs.         */\n/* ------------------------------------------------------------------ */\n\ntype LabelWidthPreset = 'auto' | 'fixed';\nexport type DescriptionListLabelWidth = LabelWidthPreset | (string & {});\n\nfunction resolveLabelTrack(labelWidth: DescriptionListLabelWidth): string {\n  // `auto` uses `fit-content(50%)` rather than the bare `auto` keyword.\n  // CSS `auto` resolves to `minmax(min-content, max-content)`, which can't\n  // shrink the term column below the dt's max-content in a narrow container\n  // (the failure mode booking-website hit with long Italian medical labels\n  // in a 320 px Carousel slide). `fit-content(50%)` clamps to\n  // `max(min-content, min(50%-of-container, max-content))`:\n  //   - in narrow containers it caps at 50 % of the row width, leaving the\n  //     other half for the detail column; the dt wraps at word boundaries\n  //     via `overflow-wrap: break-word`.\n  //   - in wide containers it expands to the dt's max-content, so short\n  //     labels don't stretch unnecessarily.\n  if (labelWidth === 'auto') return 'fit-content(50%)';\n  if (labelWidth === 'fixed') return 'minmax(0,1fr)';\n  return labelWidth;\n}\n\nfunction resolveValueTrack(labelWidth: DescriptionListLabelWidth): string {\n  return labelWidth === 'fixed' ? 'minmax(0,2fr)' : 'minmax(0,1fr)';\n}\n\n/* ------------------------------------------------------------------ */\n/* Context                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface DescriptionListContextShape {\n  layout: 'inline' | 'stacked' | 'responsive';\n  density: 'default' | 'compact';\n  divider: 'none' | 'between' | 'bordered';\n  /**\n   * True when at least one direct child Row was rendered with a\n   * non-null `icon` prop. Every Row in the list then reserves a\n   * leading icon column (rendering a `size-4` empty placeholder\n   * when this row has no icon) so the grid's `auto` column resolves\n   * to the same width across all rows and sibling Rows align.\n   */\n  hasIcons: boolean;\n}\n\nconst DescriptionListContext = createContext<DescriptionListContextShape>({\n  layout: 'inline',\n  density: 'default',\n  divider: 'none',\n  hasIcons: false,\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root <dl>                                                      */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    layout: {\n      inline: '',\n      stacked: '',\n      responsive: '',\n    },\n    density: {\n      default: 'ds:gap-[var(--spacing-md)]',\n      compact: 'ds:gap-[var(--spacing-sm)]',\n    },\n    divider: {\n      none: '',\n      between: '',\n      bordered: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'inline',\n    density: 'default',\n    divider: 'none',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — row <div>                                                      */\n/*                                                                      */\n/* The grid template is selected per (layout × hasIcons × copyable).    */\n/* Inline / responsive (above sm) layouts use a 2-, 3-, or 4-column     */\n/* grid. Stacked layouts use flex-col when there are no icons, and a    */\n/* 2- or 3-column grid when icons are present (so the icon can sit at   */\n/* the leading edge of the dt/dd stack without breaking the dl/dt/dd    */\n/* parent-child relationship the HTML5 spec requires).                  */\n/*                                                                      */\n/* The icon column is `auto` — it resolves to the icon wrapper's        */\n/* intrinsic box (`size-4` = 1rem), which matches the empty placeholder */\n/* rendered on rows without an icon. That keeps sibling rows aligned    */\n/* even when only some rows carry an icon.                              */\n/*                                                                      */\n/* The copy IconButton is pinned to the trailing column via             */\n/* `[&>button]:col-start-N` so it does not wrap to an unrelated cell    */\n/* when the row also contains multiple `<dd>` siblings.                 */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListRowVariants = cva('', {\n  variants: {\n    layout: {\n      inline: '',\n      stacked: '',\n      responsive: '',\n    },\n    divider: {\n      none: '',\n      between:\n        'ds:[&:not(:last-child)]:border-b ds:[&:not(:last-child)]:border-[color:var(--border)] ds:[&:not(:last-child)]:pb-[var(--spacing-md)]',\n      bordered:\n        'ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-sm)]',\n    },\n    copyable: {\n      true: '',\n      false: '',\n    },\n    hasIcons: {\n      true: '',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    /* ----- inline / no icons ----- */\n    {\n      layout: 'inline',\n      hasIcons: false,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline',\n    },\n    {\n      layout: 'inline',\n      hasIcons: false,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>button]:col-start-3 ds:[&>button]:self-start',\n    },\n    /* ----- inline / with icons -----\n       `items-baseline` aligns Term (`type-label` 14 px / 1.4 lh) and\n       Detail (`type-body` 16 px / 1.6 lh) by their text baselines so\n       their cap-heights line up — without it Detail's larger\n       line-box pushed plain-text values visibly below the label.\n       Per-cell overrides keep the icon at row-top (with the\n       `mt-[5px]` cap-height nudge intact) and the copy button at\n       row-start too. Chip cells (Badges / Tags inside the Detail\n       column) baseline-align via their internal text baseline; the\n       shift is sub-pixel and the chip rows remain visually anchored\n       with the row's label. */\n    {\n      layout: 'inline',\n      hasIcons: true,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start',\n    },\n    {\n      layout: 'inline',\n      hasIcons: true,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start ds:[&>button]:col-start-4 ds:[&>button]:self-start',\n    },\n    /* ----- stacked / no icons / no copyable ----- */\n    {\n      layout: 'stacked',\n      hasIcons: false,\n      copyable: false,\n      className: 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n    /* ----- stacked / no icons / copyable — 2-col grid so the copy\n            button sits in a trailing column instead of below dd ----- */\n    {\n      layout: 'stacked',\n      hasIcons: false,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[minmax(0,1fr)_auto] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>button]:col-start-2 ds:[&>button]:row-span-full',\n    },\n    /* ----- stacked / with icons — explicit grid so dt/dd remain\n            direct children of the row div while the icon sits at the\n            leading edge of the column-2 stack. `labelWidth` does not\n            apply here (single content column). ----- */\n    {\n      layout: 'stacked',\n      hasIcons: true,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[auto_minmax(0,1fr)] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>dt]:col-start-2 ds:[&>dd]:col-start-2 ds:[&>[data-dl-icon-slot]]:row-span-full',\n    },\n    {\n      layout: 'stacked',\n      hasIcons: true,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[auto_minmax(0,1fr)_auto] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>dt]:col-start-2 ds:[&>dd]:col-start-2 ds:[&>[data-dl-icon-slot]]:row-span-full ds:[&>button]:col-start-3 ds:[&>button]:row-span-full',\n    },\n    /* ----- responsive / no icons (inline above sm, stacked below) ----- */\n    {\n      layout: 'responsive',\n      hasIcons: false,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]',\n    },\n    {\n      layout: 'responsive',\n      hasIcons: false,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>button]:col-start-3 ds:[&>button]:self-start ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]',\n    },\n    /* ----- responsive / with icons ----- */\n    {\n      layout: 'responsive',\n      hasIcons: true,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start ds:max-sm:grid-cols-[auto_minmax(0,1fr)] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full',\n    },\n    {\n      layout: 'responsive',\n      hasIcons: true,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start ds:[&>button]:col-start-4 ds:[&>button]:self-start ds:max-sm:grid-cols-[auto_minmax(0,1fr)_auto] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full ds:max-sm:[&>button]:col-start-3 ds:max-sm:[&>button]:row-span-full',\n    },\n  ],\n  defaultVariants: {\n    layout: 'inline',\n    divider: 'none',\n    copyable: false,\n    hasIcons: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElement> {\n  layout?: 'inline' | 'stacked' | 'responsive';\n  density?: 'default' | 'compact';\n  divider?: 'none' | 'between' | 'bordered';\n  /**\n   * Width of the term column in `inline` and `responsive` layouts.\n   *\n   * - `'auto'` (default): the term column sizes to its intrinsic content\n   *   per row, so labels wrap at word boundaries in narrow contexts (carousel\n   *   cards, sidebar panels) and the detail column takes the remaining inline\n   *   space. **Sibling rows do NOT share column widths under this preset** —\n   *   each row's columns size to its own content. Use this when intrinsic\n   *   per-row sizing matters more than vertical alignment of values.\n   * - `'fixed'`: ⅓ / ⅔ split — term column is `minmax(0, 1fr)` and detail\n   *   column is `minmax(0, 2fr)`. Sibling rows share the same proportional\n   *   widths, so values align vertically across rows. Use this when shared\n   *   value-column alignment matters (the typical use case for a list of\n   *   contact rows, profile fields, or any tabular-feeling metadata).\n   * - any CSS track size (`'8rem'`, `'min-content'`, `'40%'`, …): pins the\n   *   term column to that width and lets the detail column take the rest.\n   *\n   * Ignored when `layout=\"stacked\"` (single content column).\n   */\n  labelWidth?: DescriptionListLabelWidth;\n}\n\nexport interface DescriptionListRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** When true, shows a copy-to-clipboard button using KeyValuePair's established mechanism */\n  copyable?: boolean;\n  /** Text written to the clipboard when copyable=true */\n  copyText?: string;\n  /** Label used in the copy button's aria-label: \"Copy {copyLabel}\". Falls back to copyText. */\n  copyLabel?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the row.\n   * Pass a `lucide-react` icon (or any single React element) for visual\n   * consistency. The wrapper applies `aria-hidden=\"true\"` and paints\n   * the icon with `var(--description-list-icon-color)` (defaults to\n   * `--muted-foreground`); consumers can recolour the slot via that\n   * token without forking the component.\n   *\n   * When any row in the list passes an `icon`, every row reserves a\n   * leading icon column so values align across siblings — including\n   * rows that did not pass an icon.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the intent\n   * is clear at the call site: this slot is for a single SVG/icon,\n   * not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\nexport type DescriptionListTermProps = React.HTMLAttributes<HTMLElement>;\n\nexport interface DescriptionListDetailProps extends React.HTMLAttributes<HTMLElement> {\n  /** Right-aligns numeric values via text-end */\n  numeric?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root — <dl>                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListRoot = forwardRef<HTMLDListElement, DescriptionListProps>(\n  (\n    {\n      layout = 'inline',\n      density = 'default',\n      divider = 'none',\n      labelWidth = 'auto',\n      className,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Detect whether any direct child Row carries a non-null `icon` prop.\n    // `Children.toArray` flattens nested arrays from `.map()` calls; fragments\n    // (`<>…</>`) and deeper wrappers (HOCs, custom containers) are NOT\n    // unwrapped. Consumers who hit that edge case can force the icon column\n    // by passing `icon={<></>}` on at least one direct-child Row.\n    const hasIcons = useMemo(\n      () =>\n        Children.toArray(children).some(\n          (child) =>\n            isValidElement(child) &&\n            (child.props as { icon?: unknown }).icon != null,\n        ),\n      [children],\n    );\n\n    // Inline style — permitted per 23-constraints §Runtime-computed dimensions\n    //   (CSS custom property setter; the grid-template-columns rule that\n    //   consumes these variables lives in CVA on each Row).\n    const gridStyle = useMemo<CSSProperties>(\n      () =>\n        ({\n          ...style,\n          '--description-list-label-track': resolveLabelTrack(labelWidth),\n          '--description-list-value-track': resolveValueTrack(labelWidth),\n        }) as CSSProperties,\n      [style, labelWidth],\n    );\n\n    return (\n      <DescriptionListContext.Provider\n        value={{ layout, density, divider, hasIcons }}\n      >\n        <dl\n          ref={ref}\n          className={descriptionListVariants({\n            layout,\n            density,\n            divider,\n            className,\n          })}\n          data-component=\"description-list\"\n          data-label-width={\n            labelWidth === 'auto' || labelWidth === 'fixed'\n              ? labelWidth\n              : 'custom'\n          }\n          // eslint-disable-next-line react/forbid-dom-props -- 23-constraints §Runtime-computed dimensions: labelWidth resolves to a CSS track size set on `--description-list-label-track`. The grid-template-columns rule that consumes the variable lives in CVA on each Row.\n          style={gridStyle}\n          {...props}\n        >\n          {children}\n        </dl>\n      </DescriptionListContext.Provider>\n    );\n  },\n);\nDescriptionListRoot.displayName = 'DescriptionList';\n\n/* ------------------------------------------------------------------ */\n/* Row — <div> that groups a <dt> with its <dd>(s)                     */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListRow = forwardRef<HTMLDivElement, DescriptionListRowProps>(\n  (\n    {\n      copyable = false,\n      copyText,\n      copyLabel,\n      icon,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { layout, divider, hasIcons } = useContext(DescriptionListContext);\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const handleCopy = useCallback(async () => {\n      if (!copyText) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'DescriptionList.Row: copyable=true but no copyText provided. Copy is a no-op.',\n          );\n        }\n        return;\n      }\n      try {\n        await navigator.clipboard.writeText(copyText);\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    }, [copyText, t]);\n\n    const ariaLabel = t('keyValuePair.copy', {\n      label: copyLabel ?? copyText ?? '',\n    });\n\n    return (\n      <div\n        ref={ref}\n        className={descriptionListRowVariants({\n          layout,\n          divider,\n          copyable,\n          hasIcons,\n          className,\n        })}\n        {...props}\n      >\n        {/* Icon slot — rendered on every row when the list has any icons\n            so column-1 width is consistent across siblings. The wrapper\n            is `size-4` regardless of whether it contains an SVG, so the\n            grid's `auto` column resolves to the same 1rem width for\n            both icon-bearing and icon-less rows. `aria-hidden` keeps SR\n            announcements as \"term: definition\" without an interstitial\n            icon role. */}\n        {hasIcons && (\n          <span\n            data-dl-icon-slot\n            aria-hidden=\"true\"\n            // Cap-height alignment for the icon vs the label's first\n            // line. The previous `mt-0.5` (2 px) left the icon\n            // visibly above the label — `type-label` at 14 px /\n            // 1.4 lh has its cap-height roughly 5 px below the row\n            // top, so a 16 px icon centred at row+10 was painting\n            // above the label's letter tops. `mt-[5px]` lands the\n            // icon's visible glyph (after lucide's internal ~2 px\n            // padding) right on the label cap-height.\n            // `align-self` defers to the parent grid's\n            // `items-start` so the icon stays anchored to the row's\n            // first line — multi-line values (badge chips, wrapped\n            // text) don't drag the icon down.\n            className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:mt-[5px] ds:items-center ds:justify-center ds:[&_svg]:size-4 ds:text-[color:var(--description-list-icon-color)]\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={ariaLabel}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className=\"ds:self-start\"\n          />\n        )}\n        {copyable && (\n          <span role=\"status\" className=\"ds:sr-only\">\n            {announcement}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nDescriptionListRow.displayName = 'DescriptionList.Row';\n\n/* ------------------------------------------------------------------ */\n/* CVA — term <dt>                                                      */\n/* ------------------------------------------------------------------ */\n\n// Term / Detail use `overflow-wrap: break-word` (not `anywhere`) so natural-\n// language content wraps at word boundaries first. `anywhere` introduces a\n// soft-wrap opportunity at every character boundary, which combines with\n// `minmax(0, …)` grid tracks to break Italian / German labels mid-word in\n// narrow contexts (carousel cards, sidebar panels). `break-word` still breaks\n// genuinely unbreakable strings — URLs, hashes, long IDs — at the column\n// edge, so transaction IDs and email addresses don't push the layout wider.\nconst descriptionListTermVariants = cva(\n  'type-label ds:text-[color:var(--muted-foreground)] ds:text-start ds:[overflow-wrap:break-word] ds:[word-break:normal]',\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — detail <dd>                                                    */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListDetailVariants = cva(\n  'type-body ds:text-[color:var(--foreground)] ds:m-0 ds:[overflow-wrap:break-word] ds:[word-break:normal]',\n  {\n    variants: {\n      numeric: {\n        true: 'ds:text-end',\n        false: 'ds:text-start',\n      },\n    },\n    defaultVariants: {\n      numeric: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Term — <dt>                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListTerm = forwardRef<HTMLElement, DescriptionListTermProps>(\n  ({ className, ...props }, ref) => (\n    <dt\n      ref={ref as React.Ref<HTMLElement>}\n      className={descriptionListTermVariants({ className })}\n      {...props}\n    />\n  ),\n);\nDescriptionListTerm.displayName = 'DescriptionList.Term';\n\n/* ------------------------------------------------------------------ */\n/* Detail — <dd>                                                        */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListDetail = forwardRef<\n  HTMLElement,\n  DescriptionListDetailProps\n>(({ numeric = false, className, ...props }, ref) => (\n  <dd\n    ref={ref as React.Ref<HTMLElement>}\n    className={descriptionListDetailVariants({ numeric, className })}\n    {...props}\n  />\n));\nDescriptionListDetail.displayName = 'DescriptionList.Detail';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const DescriptionList = Object.assign(DescriptionListRoot, {\n  Row: DescriptionListRow,\n  Term: DescriptionListTerm,\n  Detail: DescriptionListDetail,\n});\n"],"names":["resolveLabelTrack","labelWidth","resolveValueTrack","DescriptionListContext","createContext","descriptionListVariants","cva","descriptionListRowVariants","DescriptionListRoot","forwardRef","layout","density","divider","className","children","style","props","ref","hasIcons","useMemo","Children","child","isValidElement","gridStyle","jsx","DescriptionListRow","copyable","copyText","copyLabel","icon","useContext","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","handleCopy","useCallback","ariaLabel","jsxs","IconButton","Check","Copy","descriptionListTermVariants","descriptionListDetailVariants","DescriptionListTerm","DescriptionListDetail","numeric","DescriptionList"],"mappings":"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"}
+{"version":3,"file":"description-list-C1RXMDZ_.js","sources":["../../src/components/description-list/description-list.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type CSSProperties,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Copy, Check } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\n/* ------------------------------------------------------------------ */\n/* labelWidth → label / value track resolver                            */\n/*                                                                      */\n/* The `inline` / `responsive` layouts render a two- or three-column    */\n/* grid (icon? · label · value · copy?). The label column's width is    */\n/* parameterised so consumers can pick the right behaviour for the      */\n/* surrounding container:                                                */\n/*                                                                      */\n/*  - `auto` (default): label sizes to its intrinsic content; the       */\n/*    value column takes the remainder. Long labels wrap word-by-word   */\n/*    in narrow contexts instead of being squeezed into a 1fr column    */\n/*    that can collapse below the longest word.                          */\n/*  - `fixed`: legacy ⅓ / ⅔ ratio (label `minmax(0,1fr)`, value          */\n/*    `minmax(0,2fr)`). Use for wide forms where consistent alignment    */\n/*    across rows is more important than fitting the longest label.     */\n/*  - any CSS length / track size (`'8rem'`, `'min-content'`, …):       */\n/*    forces the label column to that width.                            */\n/*                                                                      */\n/* The resolved values are surfaced as `--description-list-label-track` */\n/* and `--description-list-value-track` on the root `<dl>` so each Row  */\n/* can compose them with the icon / copy auto columns it needs.         */\n/* ------------------------------------------------------------------ */\n\ntype LabelWidthPreset = 'auto' | 'fixed';\nexport type DescriptionListLabelWidth = LabelWidthPreset | (string & {});\n\nfunction resolveLabelTrack(labelWidth: DescriptionListLabelWidth): string {\n  // `auto` uses `fit-content(50%)` rather than the bare `auto` keyword.\n  // CSS `auto` resolves to `minmax(min-content, max-content)`, which can't\n  // shrink the term column below the dt's max-content in a narrow container\n  // (the failure mode booking-website hit with long Italian medical labels\n  // in a 320 px Carousel slide). `fit-content(50%)` clamps to\n  // `max(min-content, min(50%-of-container, max-content))`:\n  //   - in narrow containers it caps at 50 % of the row width, leaving the\n  //     other half for the detail column; the dt wraps at word boundaries\n  //     via `overflow-wrap: break-word`.\n  //   - in wide containers it expands to the dt's max-content, so short\n  //     labels don't stretch unnecessarily.\n  if (labelWidth === 'auto') return 'fit-content(50%)';\n  if (labelWidth === 'fixed') return 'minmax(0,1fr)';\n  return labelWidth;\n}\n\nfunction resolveValueTrack(labelWidth: DescriptionListLabelWidth): string {\n  return labelWidth === 'fixed' ? 'minmax(0,2fr)' : 'minmax(0,1fr)';\n}\n\n/* ------------------------------------------------------------------ */\n/* Context                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface DescriptionListContextShape {\n  layout: 'inline' | 'stacked' | 'responsive';\n  density: 'default' | 'compact';\n  divider: 'none' | 'between' | 'bordered';\n  /**\n   * True when at least one direct child Row was rendered with a\n   * non-null `icon` prop. Every Row in the list then reserves a\n   * leading icon column (rendering a `size-4` empty placeholder\n   * when this row has no icon) so the grid's `auto` column resolves\n   * to the same width across all rows and sibling Rows align.\n   */\n  hasIcons: boolean;\n}\n\nconst DescriptionListContext = createContext<DescriptionListContextShape>({\n  layout: 'inline',\n  density: 'default',\n  divider: 'none',\n  hasIcons: false,\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — root <dl>                                                      */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    layout: {\n      inline: '',\n      stacked: '',\n      responsive: '',\n    },\n    density: {\n      default: 'ds:gap-[var(--spacing-md)]',\n      compact: 'ds:gap-[var(--spacing-sm)]',\n    },\n    divider: {\n      none: '',\n      between: '',\n      bordered: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'inline',\n    density: 'default',\n    divider: 'none',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — row <div>                                                      */\n/*                                                                      */\n/* The grid template is selected per (layout × hasIcons × copyable).    */\n/* Inline / responsive (above sm) layouts use a 2-, 3-, or 4-column     */\n/* grid. Stacked layouts use flex-col when there are no icons, and a    */\n/* 2- or 3-column grid when icons are present (so the icon can sit at   */\n/* the leading edge of the dt/dd stack without breaking the dl/dt/dd    */\n/* parent-child relationship the HTML5 spec requires).                  */\n/*                                                                      */\n/* The icon column is `auto` — it resolves to the icon wrapper's        */\n/* intrinsic box (`size-4` = 1rem), which matches the empty placeholder */\n/* rendered on rows without an icon. That keeps sibling rows aligned    */\n/* even when only some rows carry an icon.                              */\n/*                                                                      */\n/* The copy IconButton is pinned to the trailing column via             */\n/* `[&>button]:col-start-N` so it does not wrap to an unrelated cell    */\n/* when the row also contains multiple `<dd>` siblings.                 */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListRowVariants = cva('', {\n  variants: {\n    layout: {\n      inline: '',\n      stacked: '',\n      responsive: '',\n    },\n    divider: {\n      none: '',\n      between:\n        'ds:[&:not(:last-child)]:border-b ds:[&:not(:last-child)]:border-[color:var(--border)] ds:[&:not(:last-child)]:pb-[var(--spacing-md)]',\n      bordered:\n        'ds:border ds:border-[color:var(--border)] ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-sm)]',\n    },\n    copyable: {\n      true: '',\n      false: '',\n    },\n    hasIcons: {\n      true: '',\n      false: '',\n    },\n  },\n  compoundVariants: [\n    /* ----- inline / no icons ----- */\n    {\n      layout: 'inline',\n      hasIcons: false,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline',\n    },\n    {\n      layout: 'inline',\n      hasIcons: false,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>button]:col-start-3 ds:[&>button]:self-start',\n    },\n    /* ----- inline / with icons -----\n       `items-baseline` aligns Term (`type-label` 14 px / 1.4 lh) and\n       Detail (`type-body` 16 px / 1.6 lh) by their text baselines so\n       their cap-heights line up — without it Detail's larger\n       line-box pushed plain-text values visibly below the label.\n       Per-cell overrides keep the icon at row-top (with the\n       `mt-[5px]` cap-height nudge intact) and the copy button at\n       row-start too. Chip cells (Badges / Tags inside the Detail\n       column) baseline-align via their internal text baseline; the\n       shift is sub-pixel and the chip rows remain visually anchored\n       with the row's label. */\n    {\n      layout: 'inline',\n      hasIcons: true,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start',\n    },\n    {\n      layout: 'inline',\n      hasIcons: true,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start ds:[&>button]:col-start-4 ds:[&>button]:self-start',\n    },\n    /* ----- stacked / no icons / no copyable ----- */\n    {\n      layout: 'stacked',\n      hasIcons: false,\n      copyable: false,\n      className: 'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n    },\n    /* ----- stacked / no icons / copyable — 2-col grid so the copy\n            button sits in a trailing column instead of below dd ----- */\n    {\n      layout: 'stacked',\n      hasIcons: false,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[minmax(0,1fr)_auto] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>button]:col-start-2 ds:[&>button]:row-span-full',\n    },\n    /* ----- stacked / with icons — explicit grid so dt/dd remain\n            direct children of the row div while the icon sits at the\n            leading edge of the column-2 stack. `labelWidth` does not\n            apply here (single content column). ----- */\n    {\n      layout: 'stacked',\n      hasIcons: true,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[auto_minmax(0,1fr)] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>dt]:col-start-2 ds:[&>dd]:col-start-2 ds:[&>[data-dl-icon-slot]]:row-span-full',\n    },\n    {\n      layout: 'stacked',\n      hasIcons: true,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[auto_minmax(0,1fr)_auto] ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-xs)] ds:items-start ds:[&>dt]:col-start-2 ds:[&>dd]:col-start-2 ds:[&>[data-dl-icon-slot]]:row-span-full ds:[&>button]:col-start-3 ds:[&>button]:row-span-full',\n    },\n    /* ----- responsive / no icons (inline above sm, stacked below) ----- */\n    {\n      layout: 'responsive',\n      hasIcons: false,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]',\n    },\n    {\n      layout: 'responsive',\n      hasIcons: false,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>button]:col-start-3 ds:[&>button]:self-start ds:max-sm:flex ds:max-sm:flex-col ds:max-sm:gap-[var(--spacing-xs)]',\n    },\n    /* ----- responsive / with icons ----- */\n    {\n      layout: 'responsive',\n      hasIcons: true,\n      copyable: false,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start ds:max-sm:grid-cols-[auto_minmax(0,1fr)] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full',\n    },\n    {\n      layout: 'responsive',\n      hasIcons: true,\n      copyable: true,\n      className:\n        'ds:grid ds:grid-cols-[auto_var(--description-list-label-track)_var(--description-list-value-track)_auto] ds:gap-[var(--spacing-md)] ds:items-baseline ds:[&>[data-dl-icon-slot]]:self-start ds:[&>button]:col-start-4 ds:[&>button]:self-start ds:max-sm:grid-cols-[auto_minmax(0,1fr)_auto] ds:max-sm:gap-x-[var(--spacing-sm)] ds:max-sm:gap-y-[var(--spacing-xs)] ds:max-sm:[&>dt]:col-start-2 ds:max-sm:[&>dd]:col-start-2 ds:max-sm:[&>[data-dl-icon-slot]]:row-span-full ds:max-sm:[&>button]:col-start-3 ds:max-sm:[&>button]:row-span-full',\n    },\n  ],\n  defaultVariants: {\n    layout: 'inline',\n    divider: 'none',\n    copyable: false,\n    hasIcons: false,\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* Props                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface DescriptionListProps extends React.HTMLAttributes<HTMLDListElement> {\n  layout?: 'inline' | 'stacked' | 'responsive';\n  density?: 'default' | 'compact';\n  divider?: 'none' | 'between' | 'bordered';\n  /**\n   * Width of the term column in `inline` and `responsive` layouts.\n   *\n   * - `'auto'` (default): the term column sizes to its intrinsic content\n   *   per row, so labels wrap at word boundaries in narrow contexts (carousel\n   *   cards, sidebar panels) and the detail column takes the remaining inline\n   *   space. **Sibling rows do NOT share column widths under this preset** —\n   *   each row's columns size to its own content. Use this when intrinsic\n   *   per-row sizing matters more than vertical alignment of values.\n   * - `'fixed'`: ⅓ / ⅔ split — term column is `minmax(0, 1fr)` and detail\n   *   column is `minmax(0, 2fr)`. Sibling rows share the same proportional\n   *   widths, so values align vertically across rows. Use this when shared\n   *   value-column alignment matters (the typical use case for a list of\n   *   contact rows, profile fields, or any tabular-feeling metadata).\n   * - any CSS track size (`'8rem'`, `'min-content'`, `'40%'`, …): pins the\n   *   term column to that width and lets the detail column take the rest.\n   *\n   * Ignored when `layout=\"stacked\"` (single content column).\n   */\n  labelWidth?: DescriptionListLabelWidth;\n}\n\nexport interface DescriptionListRowProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** When true, shows a copy-to-clipboard button using KeyValuePair's established mechanism */\n  copyable?: boolean;\n  /** Text written to the clipboard when copyable=true */\n  copyText?: string;\n  /** Label used in the copy button's aria-label: \"Copy {copyLabel}\". Falls back to copyText. */\n  copyLabel?: string;\n  /**\n   * Optional decorative icon rendered at the leading edge of the row.\n   * Pass a `lucide-react` icon (or any single React element) for visual\n   * consistency. The wrapper applies `aria-hidden=\"true\"` and paints\n   * the icon with `var(--description-list-icon-color)` (defaults to\n   * `--muted-foreground`); consumers can recolour the slot via that\n   * token without forking the component.\n   *\n   * When any row in the list passes an `icon`, every row reserves a\n   * leading icon column so values align across siblings — including\n   * rows that did not pass an icon.\n   *\n   * Type is `ReactElement` (not the broader `ReactNode`) so the intent\n   * is clear at the call site: this slot is for a single SVG/icon,\n   * not arbitrary fragments, strings, or numbers.\n   */\n  icon?: React.ReactElement | null;\n}\n\nexport type DescriptionListTermProps = React.HTMLAttributes<HTMLElement>;\n\nexport interface DescriptionListDetailProps extends React.HTMLAttributes<HTMLElement> {\n  /** Right-aligns numeric values via text-end */\n  numeric?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root — <dl>                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListRoot = forwardRef<HTMLDListElement, DescriptionListProps>(\n  (\n    {\n      layout = 'inline',\n      density = 'default',\n      divider = 'none',\n      labelWidth = 'auto',\n      className,\n      children,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    // Detect whether any direct child Row carries a non-null `icon` prop.\n    // `Children.toArray` flattens nested arrays from `.map()` calls; fragments\n    // (`<>…</>`) and deeper wrappers (HOCs, custom containers) are NOT\n    // unwrapped. Consumers who hit that edge case can force the icon column\n    // by passing `icon={<></>}` on at least one direct-child Row.\n    const hasIcons = useMemo(\n      () =>\n        Children.toArray(children).some(\n          (child) =>\n            isValidElement(child) &&\n            (child.props as { icon?: unknown }).icon != null,\n        ),\n      [children],\n    );\n\n    // Inline style — permitted per 23-constraints §Runtime-computed dimensions\n    //   (CSS custom property setter; the grid-template-columns rule that\n    //   consumes these variables lives in CVA on each Row).\n    const gridStyle = useMemo<CSSProperties>(\n      () =>\n        ({\n          ...style,\n          '--description-list-label-track': resolveLabelTrack(labelWidth),\n          '--description-list-value-track': resolveValueTrack(labelWidth),\n        }) as CSSProperties,\n      [style, labelWidth],\n    );\n\n    return (\n      <DescriptionListContext.Provider\n        value={{ layout, density, divider, hasIcons }}\n      >\n        <dl\n          ref={ref}\n          className={descriptionListVariants({\n            layout,\n            density,\n            divider,\n            className,\n          })}\n          data-component=\"description-list\"\n          data-label-width={\n            labelWidth === 'auto' || labelWidth === 'fixed'\n              ? labelWidth\n              : 'custom'\n          }\n          // eslint-disable-next-line react/forbid-dom-props -- 23-constraints §Runtime-computed dimensions: labelWidth resolves to a CSS track size set on `--description-list-label-track`. The grid-template-columns rule that consumes the variable lives in CVA on each Row.\n          style={gridStyle}\n          {...props}\n        >\n          {children}\n        </dl>\n      </DescriptionListContext.Provider>\n    );\n  },\n);\nDescriptionListRoot.displayName = 'DescriptionList';\n\n/* ------------------------------------------------------------------ */\n/* Row — <div> that groups a <dt> with its <dd>(s)                     */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListRow = forwardRef<HTMLDivElement, DescriptionListRowProps>(\n  (\n    {\n      copyable = false,\n      copyText,\n      copyLabel,\n      icon,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { layout, divider, hasIcons } = useContext(DescriptionListContext);\n    const { t } = useTranslation();\n    const [copied, setCopied] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    const handleCopy = useCallback(async () => {\n      if (!copyText) {\n        if (import.meta.env.DEV) {\n          console.warn(\n            'DescriptionList.Row: copyable=true but no copyText provided. Copy is a no-op.',\n          );\n        }\n        return;\n      }\n      try {\n        await navigator.clipboard.writeText(copyText);\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    }, [copyText, t]);\n\n    const ariaLabel = t('keyValuePair.copy', {\n      label: copyLabel ?? copyText ?? '',\n    });\n\n    return (\n      <div\n        ref={ref}\n        className={descriptionListRowVariants({\n          layout,\n          divider,\n          copyable,\n          hasIcons,\n          className,\n        })}\n        {...props}\n      >\n        {/* Icon slot — rendered on every row when the list has any icons\n            so column-1 width is consistent across siblings. The wrapper\n            is `size-4` regardless of whether it contains an SVG, so the\n            grid's `auto` column resolves to the same 1rem width for\n            both icon-bearing and icon-less rows. `aria-hidden` keeps SR\n            announcements as \"term: definition\" without an interstitial\n            icon role. */}\n        {hasIcons && (\n          <span\n            data-dl-icon-slot\n            aria-hidden=\"true\"\n            // Cap-height alignment for the icon vs the label's first\n            // line. The previous `mt-0.5` (2 px) left the icon\n            // visibly above the label — `type-label` at 14 px /\n            // 1.4 lh has its cap-height roughly 5 px below the row\n            // top, so a 16 px icon centred at row+10 was painting\n            // above the label's letter tops. `mt-[5px]` lands the\n            // icon's visible glyph (after lucide's internal ~2 px\n            // padding) right on the label cap-height.\n            // `align-self` defers to the parent grid's\n            // `items-start` so the icon stays anchored to the row's\n            // first line — multi-line values (badge chips, wrapped\n            // text) don't drag the icon down.\n            className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:mt-[5px] ds:items-center ds:justify-center ds:[&_svg]:size-4 ds:text-[color:var(--description-list-icon-color)]\"\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n        {copyable && (\n          <IconButton\n            icon={copied ? <Check /> : <Copy />}\n            size=\"sm\"\n            aria-label={ariaLabel}\n            onClick={handleCopy}\n            intent=\"ghost\"\n            className=\"ds:self-start\"\n          />\n        )}\n        {copyable && (\n          <span role=\"status\" className=\"ds:sr-only\">\n            {announcement}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\nDescriptionListRow.displayName = 'DescriptionList.Row';\n\n/* ------------------------------------------------------------------ */\n/* CVA — term <dt>                                                      */\n/* ------------------------------------------------------------------ */\n\n// Term / Detail use `overflow-wrap: break-word` (not `anywhere`) so natural-\n// language content wraps at word boundaries first. `anywhere` introduces a\n// soft-wrap opportunity at every character boundary, which combines with\n// `minmax(0, …)` grid tracks to break Italian / German labels mid-word in\n// narrow contexts (carousel cards, sidebar panels). `break-word` still breaks\n// genuinely unbreakable strings — URLs, hashes, long IDs — at the column\n// edge, so transaction IDs and email addresses don't push the layout wider.\nconst descriptionListTermVariants = cva(\n  'type-label ds:text-[color:var(--muted-foreground)] ds:text-start ds:[overflow-wrap:break-word] ds:[word-break:normal]',\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — detail <dd>                                                    */\n/* ------------------------------------------------------------------ */\n\nconst descriptionListDetailVariants = cva(\n  'type-body ds:text-[color:var(--foreground)] ds:m-0 ds:[overflow-wrap:break-word] ds:[word-break:normal]',\n  {\n    variants: {\n      numeric: {\n        true: 'ds:text-end',\n        false: 'ds:text-start',\n      },\n    },\n    defaultVariants: {\n      numeric: false,\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Term — <dt>                                                          */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListTerm = forwardRef<HTMLElement, DescriptionListTermProps>(\n  ({ className, ...props }, ref) => (\n    <dt\n      ref={ref as React.Ref<HTMLElement>}\n      className={descriptionListTermVariants({ className })}\n      {...props}\n    />\n  ),\n);\nDescriptionListTerm.displayName = 'DescriptionList.Term';\n\n/* ------------------------------------------------------------------ */\n/* Detail — <dd>                                                        */\n/* ------------------------------------------------------------------ */\n\nconst DescriptionListDetail = forwardRef<\n  HTMLElement,\n  DescriptionListDetailProps\n>(({ numeric = false, className, ...props }, ref) => (\n  <dd\n    ref={ref as React.Ref<HTMLElement>}\n    className={descriptionListDetailVariants({ numeric, className })}\n    {...props}\n  />\n));\nDescriptionListDetail.displayName = 'DescriptionList.Detail';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const DescriptionList = Object.assign(DescriptionListRoot, {\n  Row: DescriptionListRow,\n  Term: DescriptionListTerm,\n  Detail: DescriptionListDetail,\n});\n"],"names":["resolveLabelTrack","labelWidth","resolveValueTrack","DescriptionListContext","createContext","descriptionListVariants","cva","descriptionListRowVariants","DescriptionListRoot","forwardRef","layout","density","divider","className","children","style","props","ref","hasIcons","useMemo","Children","child","isValidElement","gridStyle","jsx","DescriptionListRow","copyable","copyText","copyLabel","icon","useContext","t","useTranslation","copied","setCopied","useState","announcement","setAnnouncement","handleCopy","useCallback","ariaLabel","jsxs","IconButton","Check","Copy","descriptionListTermVariants","descriptionListDetailVariants","DescriptionListTerm","DescriptionListDetail","numeric","DescriptionList"],"mappings":"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"}

package/dist/_chunks/{document-preview-BrhMHNh8.js → document-preview-DsEyRcNd.js}

@@ -2,11 +2,11 @@ import { jsxs as m, Fragment as W, jsx as i } from "react/jsx-runtime";
 import { forwardRef as j, useMemo as I, useState as q, useImperativeHandle as E, Fragment as H } from "react";
 import { c as $ } from "./index-D2ZczOXr.js";
 import { useTranslation as U } from "react-i18next";
-import { B as b } from "./badge-sTusUqZD.js";
+import { B as b } from "./badge-BudgzTe_.js";
 import { C as B } from "./card-DPmk26CL.js";
 import { E as G } from "./empty-state-X0sVPfVo.js";
-import { P as Y } from "./panel-header-D313n_9-.js";
-import { P as J } from "./pdf-viewer-DUIsV9s5.js";
+import { P as Y } from "./panel-header-D_mTdhUp.js";
+import { P as J } from "./pdf-viewer-DUKdn5iq.js";
 import { T as O, b as Q, c as X, a as Z } from "./tabs-BnRaLT0y.js";
 import { u as ee } from "./registry-DvAUVLHh.js";
 import { F as ie, a as te } from "./file-Cwe9VC1A.js";
@@ -287,4 +287,4 @@ export {
   ue as D,
   de as d
 };
-//# sourceMappingURL=document-preview-BrhMHNh8.js.map
+//# sourceMappingURL=document-preview-DsEyRcNd.js.map