@alfadocs/ui-kit-debug 0.65.0 → 0.67.0

package/dist/_chunks/{dependent-selector-CRWgieHm.js.map → dependent-selector-DpzGtr_J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dependent-selector-CRWgieHm.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      descriptionKey: 'ui.agent.dependentSelector.actions.setValue',\n      description: 'Select the person row with the given id.',\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 { AlertCircle } 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        <AlertCircle 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","AlertCircle","skeletonRows","_","index","renderPerson","rowId","accessibleName","row","RadixRadioGroup","Avatar","Badge","Tooltip","resolvedEmptyState","body","outerClasses"],"mappings":"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"}
+{"version":3,"file":"dependent-selector-DpzGtr_J.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      descriptionKey: 'ui.agent.dependentSelector.actions.setValue',\n      description: 'Select the person row with the given id.',\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 { AlertCircle } 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        <AlertCircle 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","AlertCircle","skeletonRows","_","index","renderPerson","rowId","accessibleName","row","RadixRadioGroup","Avatar","Badge","Tooltip","resolvedEmptyState","body","outerClasses"],"mappings":"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"}

package/dist/_chunks/{document-scanner-biBS_f6c.js → document-scanner-D2qehl3-.js}

@@ -1,4 +1,4 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { forwardRef as Fe, useId as Te, useRef as m, useState as Y, useEffect as k, useCallback as h, useMemo as We, useImperativeHandle as Ye } from "react";
 import { c as z } from "./index-D2ZczOXr.js";
 import { useTranslation as $e } from "react-i18next";
@@ -43,7 +43,7 @@ const rr = [
   ["path", { d: "m14 19.5 3-3 3 3", key: "9vmjn0" }],
   ["path", { d: "M17 22v-5.5", key: "1aa6fl" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }]
-], tr = ze("image-up", rr), nr = {
+], nr = ze("image-up", rr), tr = {
   id: "document-scanner",
   capabilities: ["submit"],
   state: {
@@ -231,7 +231,7 @@ const lr = {
     const { t: s } = $e(), ce = `ds-${Te().replace(/[^a-zA-Z0-9-_]/g, "")}-hint`, [b, C] = Ze({
       value: o,
       defaultValue: f
-    }), j = m(f != null || o != null), [t, v] = Y(
+    }), j = m(f != null || o != null), [n, v] = Y(
       f != null || o != null ? "captured" : "idle"
     ), [S, q] = Y(
       null
@@ -285,7 +285,7 @@ const lr = {
       e && e.readyState >= 2 && de(!0);
     }, []);
     k(() => {
-      if (t !== "streaming") return;
+      if (n !== "streaming") return;
       L();
       const e = window.setInterval(L, 100), r = window.setTimeout(
         () => window.clearInterval(e),
@@ -294,7 +294,7 @@ const lr = {
       return () => {
         window.clearInterval(e), window.clearTimeout(r);
       };
-    }, [t, L]);
+    }, [n, L]);
     const Q = h(async () => {
       const e = A.current;
       if (!e || e.readyState < 2) {
@@ -406,7 +406,7 @@ const lr = {
     ), ee = h(() => {
       var e;
       b && ((e = M.current) == null || e.call(M, b));
-    }, [b]), re = m(!1), te = h(() => {
+    }, [b]), re = m(!1), ne = h(() => {
       var e, r;
       if (P) {
         (e = x.current) == null || e.call(x);
@@ -416,14 +416,14 @@ const lr = {
     }, [P, C]);
     k(() => {
       var e, r, i;
-      t === "captured" && !j.current ? (e = me.current) == null || e.focus() : t === "error" ? (r = fe.current) == null || r.focus() : t === "idle" && re.current && (re.current = !1, (i = pe.current) == null || i.focus());
-    }, [t]), k(() => {
-      if (t !== "streaming") return;
+      n === "captured" && !j.current ? (e = me.current) == null || e.focus() : n === "error" ? (r = fe.current) == null || r.focus() : n === "idle" && re.current && (re.current = !1, (i = pe.current) == null || i.focus());
+    }, [n]), k(() => {
+      if (n !== "streaming") return;
       const e = (r) => {
         r.key === "Escape" && (w(), v("idle"));
       };
       return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-    }, [t, w]), k(() => {
+    }, [n, w]), k(() => {
       const e = () => {
         document.visibilityState === "hidden" && R.current && (w(), v("idle"));
       };
@@ -433,23 +433,23 @@ const lr = {
       const e = R.current;
       e && e.getTracks().forEach((r) => r.stop()), R.current = null;
     }, []), k(() => {
-      P && (o != null ? v("captured") : t === "captured" && v("idle"));
+      P && (o != null ? v("captured") : n === "captured" && v("idle"));
     }, [o, P]);
-    const ne = We(
+    const te = We(
       () => ({
         hasCapture: () => b != null,
-        getPhase: () => t,
+        getPhase: () => n,
         startCamera: () => O(),
         capture: () => Q(),
         confirm: () => ee(),
-        retake: () => te()
+        retake: () => ne()
       }),
-      [b, t, O, Q, ee, te]
+      [b, n, O, Q, ee, ne]
     );
-    Ye(Ee, () => ne, [ne]), Ge(nr, ne, a);
+    Ye(Ee, () => te, [te]), Ge(tr, te, a);
     const _e = je ?? s("documentScanner.regionLabel"), Be = s(lr[Z]), ge = Math.round(se / (1024 * 1024)), He = (() => {
       if (le) return s("documentScanner.state.uploading");
-      switch (t) {
+      switch (n) {
         case "idle":
           return s("documentScanner.state.idle");
         case "requesting":
@@ -461,7 +461,7 @@ const lr = {
         case "error":
           return S ? s(ke[S], { maxSizeMb: ge }) : s("documentScanner.error.captureFailed");
       }
-    })(), Ve = !E && S !== "file-invalid-type" && S !== "file-too-large" && S !== "insecure-context", ve = !g && (V === "auto" || V === "upload-only" || t === "error"), F = /* @__PURE__ */ n(
+    })(), Ve = !E && S !== "file-invalid-type" && S !== "file-too-large" && S !== "insecure-context", ve = !g && (V === "auto" || V === "upload-only" || n === "error"), F = /* @__PURE__ */ t(
       Xe,
       {
         variant: "button",
@@ -476,7 +476,7 @@ const lr = {
         },
         onReject: De
       }
-    ), qe = t === "idle" || t === "requesting" || t === "streaming" || t === "error";
+    ), qe = n === "idle" || n === "requesting" || n === "streaming" || n === "error";
     return /* @__PURE__ */ p(
       "div",
       {
@@ -486,9 +486,9 @@ const lr = {
         className: [ar({ size: Ce }), Re].filter(Boolean).join(" "),
         "data-component": "document-scanner",
         "data-component-id": a,
-        "data-phase": t,
+        "data-phase": n,
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             "span",
             {
               role: "status",
@@ -499,11 +499,11 @@ const lr = {
               children: He
             }
           ),
-          t === "captured" && b ? (
+          n === "captured" && b ? (
             /* ---- Captured preview ---- */
             /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
               /* @__PURE__ */ p("div", { className: be({ frame: Z }), children: [
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ t(
                   "img",
                   {
                     src: b.dataUrl,
@@ -512,29 +512,29 @@ const lr = {
                     "data-testid": "document-scanner-preview"
                   }
                 ),
-                j.current ? /* @__PURE__ */ n("span", { className: "ds:absolute ds:top-[var(--spacing-sm)] ds:start-[var(--spacing-sm)] ds:rounded-[var(--radius-full)] ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-2xs)] type-meta", children: s("documentScanner.onFileBadge") }) : null
+                j.current ? /* @__PURE__ */ t("span", { className: "ds:absolute ds:top-[var(--spacing-sm)] ds:start-[var(--spacing-sm)] ds:rounded-[var(--radius-full)] ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)] ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-2xs)] type-meta", children: s("documentScanner.onFileBadge") }) : null
               ] }),
               /* @__PURE__ */ p("div", { className: Se(), children: [
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ t(
                   H,
                   {
                     intent: "secondary",
                     size: "md",
                     className: "ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]",
-                    startIcon: /* @__PURE__ */ n(Je, { "aria-hidden": "true" }),
-                    onClick: te,
+                    startIcon: /* @__PURE__ */ t(Je, { "aria-hidden": "true" }),
+                    onClick: ne,
                     disabled: g,
                     children: s("documentScanner.retake")
                   }
                 ),
-                j.current ? null : /* @__PURE__ */ n(
+                j.current ? null : /* @__PURE__ */ t(
                   H,
                   {
                     ref: me,
                     intent: "primary",
                     size: "md",
                     className: "ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]",
-                    startIcon: /* @__PURE__ */ n(Qe, { "aria-hidden": "true" }),
+                    startIcon: /* @__PURE__ */ t(Qe, { "aria-hidden": "true" }),
                     onClick: ee,
                     disabled: g || b == null,
                     children: s("documentScanner.confirm")
@@ -544,14 +544,14 @@ const lr = {
             ] })
           ) : null,
           qe ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-            !E && t !== "error" ? /* @__PURE__ */ p(
+            !E && n !== "error" ? /* @__PURE__ */ p(
               "div",
               {
                 ref: Ue,
                 className: be({ frame: Z }),
-                "aria-busy": t === "requesting" || void 0,
+                "aria-busy": n === "requesting" || void 0,
                 children: [
-                  /* @__PURE__ */ n(
+                  /* @__PURE__ */ t(
                     "video",
                     {
                       ref: A,
@@ -565,7 +565,7 @@ const lr = {
                       "data-testid": "document-scanner-video"
                     }
                   ),
-                  t === "requesting" ? /* @__PURE__ */ n("div", { className: "ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:bg-[color-mix(in_srgb,var(--foreground)_20%,transparent)]", children: /* @__PURE__ */ n(
+                  n === "requesting" ? /* @__PURE__ */ t("div", { className: "ds:absolute ds:inset-0 ds:flex ds:items-center ds:justify-center ds:bg-[color-mix(in_srgb,var(--foreground)_20%,transparent)]", children: /* @__PURE__ */ t(
                     he,
                     {
                       "aria-hidden": "true",
@@ -579,7 +579,7 @@ const lr = {
                       className: sr(),
                       "data-testid": "document-scanner-frame",
                       children: [
-                        /* @__PURE__ */ n(
+                        /* @__PURE__ */ t(
                           "span",
                           {
                             className: [
@@ -588,7 +588,7 @@ const lr = {
                             ].join(" ")
                           }
                         ),
-                        /* @__PURE__ */ n(
+                        /* @__PURE__ */ t(
                           "span",
                           {
                             className: [
@@ -597,7 +597,7 @@ const lr = {
                             ].join(" ")
                           }
                         ),
-                        /* @__PURE__ */ n(
+                        /* @__PURE__ */ t(
                           "span",
                           {
                             className: [
@@ -606,7 +606,7 @@ const lr = {
                             ].join(" ")
                           }
                         ),
-                        /* @__PURE__ */ n(
+                        /* @__PURE__ */ t(
                           "span",
                           {
                             className: [
@@ -621,11 +621,11 @@ const lr = {
                 ]
               }
             ) : null,
-            t === "streaming" ? /* @__PURE__ */ n("p", { id: ce, className: ir(), children: Be }) : null,
-            t === "error" && S ? /* @__PURE__ */ p(ae, { variant: "error", live: "assertive", children: [
-              /* @__PURE__ */ n(ae.Description, { children: s(ke[S], { maxSizeMb: ge }) }),
+            n === "streaming" ? /* @__PURE__ */ t("p", { id: ce, className: ir(), children: Be }) : null,
+            n === "error" && S ? /* @__PURE__ */ p(ae, { variant: "error", live: "assertive", children: [
+              /* @__PURE__ */ t(ae.Description, { children: s(ke[S], { maxSizeMb: ge }) }),
               /* @__PURE__ */ p(ae.Action, { children: [
-                Ve ? /* @__PURE__ */ n(
+                Ve ? /* @__PURE__ */ t(
                   H,
                   {
                     ref: fe,
@@ -641,14 +641,14 @@ const lr = {
                 ve ? F : null
               ] })
             ] }) : null,
-            t !== "error" ? /* @__PURE__ */ p("div", { className: Se(), children: [
-              t === "streaming" ? /* @__PURE__ */ n(
+            n !== "error" ? /* @__PURE__ */ p("div", { className: Se(), children: [
+              n === "streaming" ? /* @__PURE__ */ t(
                 H,
                 {
                   ref: Ae,
                   intent: "primary",
                   size: "lg",
-                  startIcon: /* @__PURE__ */ n(ye, { "aria-hidden": "true" }),
+                  startIcon: /* @__PURE__ */ t(ye, { "aria-hidden": "true" }),
                   onClick: () => {
                     Q();
                   },
@@ -658,15 +658,15 @@ const lr = {
                   children: s("documentScanner.capture")
                 }
               ) : null,
-              (t === "idle" || t === "requesting") && !E ? /* @__PURE__ */ n(
+              (n === "idle" || n === "requesting") && !E ? /* @__PURE__ */ t(
                 H,
                 {
                   ref: pe,
                   intent: "primary",
                   size: "md",
                   className: "ds:[min-block-size:var(--min-target-size)] ds:[min-inline-size:var(--min-target-size)]",
-                  loading: t === "requesting",
-                  startIcon: /* @__PURE__ */ n(ye, { "aria-hidden": "true" }),
+                  loading: n === "requesting",
+                  startIcon: /* @__PURE__ */ t(ye, { "aria-hidden": "true" }),
                   onClick: () => {
                     O();
                   },
@@ -675,7 +675,7 @@ const lr = {
                 }
               ) : null,
               le ? /* @__PURE__ */ p("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]", children: [
-                /* @__PURE__ */ n(
+                /* @__PURE__ */ t(
                   he,
                   {
                     "aria-hidden": "true",
@@ -683,11 +683,11 @@ const lr = {
                   }
                 ),
                 s("documentScanner.state.uploading")
-              ] }) : ve && t !== "streaming" ? E ? F : /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]", children: [
-                /* @__PURE__ */ n(tr, { "aria-hidden": "true", className: "ds:size-4" }),
+              ] }) : ve && n !== "streaming" ? E ? F : /* @__PURE__ */ p("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[var(--muted-foreground)]", children: [
+                /* @__PURE__ */ t(nr, { "aria-hidden": "true", className: "ds:size-4" }),
                 F
               ] }) : null,
-              t === "streaming" && V !== "camera-only" ? F : null
+              n === "streaming" && V !== "camera-only" ? F : null
             ] }) : null
           ] }) : null
         ]
@@ -698,6 +698,6 @@ const lr = {
 ur.displayName = "DocumentScanner";
 export {
   ur as D,
-  nr as d
+  tr as d
 };
-//# sourceMappingURL=document-scanner-biBS_f6c.js.map
+//# sourceMappingURL=document-scanner-D2qehl3-.js.map