@alfadocs/ui-kit-debug 1.55.0 → 1.56.0

package/dist/_chunks/dependent-selector-DgaAQc-c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependent-selector-DgaAQc-c.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 { useSelectOnArrow } from '../_shared/use-select-on-arrow';\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      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    // CVA's VariantProps types each axis as `T | null | undefined`; the\n    // destructure default only covers `undefined`, so coalesce `null`\n    // too before the values index the size→class lookup maps.\n    const size = sizeProp ?? 'md';\n    const tone = toneProp ?? 'checkin';\n    const { t } = useTranslation('ui');\n    const baseId = useId();\n    const legendId = `${baseId}-legend`;\n    const descriptionId = `${baseId}-description`;\n    const errorId = `${baseId}-error`;\n\n    /* ---- Dev-mode accessible-name enforcement ---- */\n    const warnedRef = useRef(false);\n    useEffect(() => {\n      if (\n        import.meta.env.DEV &&\n        !warnedRef.current &&\n        !label &&\n        !ariaLabel &&\n        !ariaLabelledBy\n      ) {\n        warnedRef.current = true;\n        console.warn(\n          '<DependentSelector> rendered without an accessible name. Pass `label`, or `aria-label` / `aria-labelledby`, so the radiogroup is never unnamed.',\n        );\n      }\n    }, [label, ariaLabel, ariaLabelledBy]);\n\n    /* ---- Selectable roster + single-selectable auto-select ---- */\n    const selectablePeople = useMemo(\n      () => people.filter((person) => !person.disabled),\n      [people],\n    );\n    // The dependents region (everything that isn't the verified self row)\n    // drives the empty-state slot.\n    const hasDependents = people.some(\n      (person) => person.relationshipKey !== 'self',\n    );\n    const autoSelectId =\n      selectablePeople.length === 1 ? selectablePeople[0].id : undefined;\n\n    /* ---- Controlled / uncontrolled value handling (mirrors RadioGroup) ---- */\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? autoSelectId ?? '',\n    );\n    const currentValue = isControlled ? (value ?? '') : internalValue;\n    const currentValueRef = useRef<string>(currentValue);\n    currentValueRef.current = currentValue;\n\n    const selectOnArrow = useSelectOnArrow();\n\n    const handleValueChange = (next: string) => {\n      selectOnArrow.noteSelection();\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        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          selectOnArrow.onKeyDown(event);\n        }}\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","onKeyDown","props","ref","size","tone","t","useTranslation","baseId","useId","legendId","descriptionId","errorId","useRef","useEffect","selectablePeople","useMemo","person","hasDependents","autoSelectId","isControlled","internalValue","setInternalValue","useState","currentValue","currentValueRef","selectOnArrow","useSelectOnArrow","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","event","outerClasses"],"mappings":";;;;;;;;;;;;;AAcO,MAAMA,KAAgE;AAAA,EAC3E,IAAI;AAAA,EACJ,cAAc,CAAC,eAAe;AAAA,EAC9B,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,EACpC;AAAA,EAEF,SAAS;AAAA,IACP,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,OAAO;AAAA,YACL,MAAM;AAAA,YACN,aAAa;AAAA,UAAA;AAAA,QACf;AAAA,QAEF,UAAU,CAAC,OAAO;AAAA,MAAA;AAAA,MAEpB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,UAAU;AAAA,QACR,EAAE,MAAM,EAAE,OAAO,WAAA,GAAc,MAAM,+BAAA;AAAA,MAA+B;AAAA,MAEtE,QAAQ,CAACA,GAAQC,MAA4B;AAC3C,QAAAD,EAAO,SAASC,EAAK,KAAK;AAAA,MAC5B;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCiCMC,KAAeC;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,GAAA;AAAA,MAC5B,MAAM,EAAE,SAAS,IAAI,SAAS,GAAA;AAAA,IAAG;AAAA,IAEnC,iBAAiB,EAAE,MAAM,MAAM,MAAM,UAAA;AAAA,EAAU;AAEnD,GAEMC,IAAcD;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA,IAIE;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA;AAAA,QAEJ,SACE;AAAA;AAAA;AAAA,QAGF,SACE;AAAA,MAAA;AAAA,MAEJ,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB,EAAE,MAAM,MAAM,MAAM,WAAW,UAAU,GAAA;AAAA,EAAM;AAEpE,GAEME,KAAmB,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAA,GAK7CC,KAA2B;AAAA,EAC/B,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,KAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAyCaC,KAAoBC;AAAA,EAI/B,CACE;AAAA,IACE,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAMC,IAAW;AAAA,IACjB,MAAMC,IAAW;AAAA,IACjB,SAAAC,IAAU;AAAA,IACV,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AAIH,UAAMC,IAAOZ,KAAY,MACnBa,IAAOZ,KAAY,WACnB,EAAE,GAAAa,EAAA,IAAMC,GAAe,IAAI,GAC3BC,IAASC,GAAA,GACTC,IAAW,GAAGF,CAAM,WACpBG,IAAgB,GAAGH,CAAM,gBACzBI,IAAU,GAAGJ,CAAM;AAGP,IAAAK,EAAO,EAAK,GAC9BC,EAAU,MAAM;AAAA,IAahB,GAAG,CAACxB,GAAOS,GAAWC,CAAc,CAAC;AAGrC,UAAMe,IAAmBC;AAAA,MACvB,MAAM9B,EAAO,OAAO,CAAC+B,MAAW,CAACA,EAAO,QAAQ;AAAA,MAChD,CAAC/B,CAAM;AAAA,IAAA,GAIHgC,IAAgBhC,EAAO;AAAA,MAC3B,CAAC+B,MAAWA,EAAO,oBAAoB;AAAA,IAAA,GAEnCE,IACJJ,EAAiB,WAAW,IAAIA,EAAiB,CAAC,EAAE,KAAK,QAGrDK,IAAejC,MAAU,QACzB,CAACkC,GAAeC,EAAgB,IAAIC;AAAA,MACxCnC,KAAgB+B,KAAgB;AAAA,IAAA,GAE5BK,IAAeJ,IAAgBjC,KAAS,KAAMkC,GAC9CI,IAAkBZ,EAAeW,CAAY;AACnD,IAAAC,EAAgB,UAAUD;AAE1B,UAAME,IAAgBC,GAAA,GAEhBC,IAAoB,CAACC,MAAiB;AAE1C,MADAH,EAAc,cAAA,GACV,CAAAhC,MACC0B,KAAcE,GAAiBO,CAAI,GACxCxC,KAAA,QAAAA,EAAgBwC;AAAA,IAClB,GAUMC,IAAmBjB,EAAOxB,CAAa;AAC7C,IAAAyC,EAAiB,UAAUzC;AAC3B,UAAM0C,IAAwBlB,EAAO,EAAK;AAC1C,IAAAC,EAAU,MAAM;;AACd,MACE,CAACiB,EAAsB,WACvB,CAACX,KACD,CAAC1B,KACDN,MAAiB,UACjB+B,MAAiB,WAEjBY,EAAsB,UAAU,KAChCC,IAAAF,EAAiB,YAAjB,QAAAE,EAAA,KAAAF,GAA2BX;AAAA,IAE/B,GAAG,CAACC,GAAc1B,GAASN,GAAc+B,CAAY,CAAC;AAGtD,UAAMc,KAAcjB;AAAA,MAClB,OAAO;AAAA,QACL,UAAU,MAAMS,EAAgB;AAAA,QAChC,UAAU,CAACI,MAASD,EAAkBC,CAAI;AAAA,MAAA;AAAA;AAAA,MAG5C,CAACT,GAAc1B,GAASL,CAAa;AAAA,IAAA;AAEvC,IAAA6C,GAAqB3D,IAAwB0D,IAAapC,CAAE;AAG5D,UAAMsC,IAAUtB,EAAuB,IAAI,GACrCuB,IAAcC,GAAYlC,GAAKgC,CAAO,GACtCG,KAAMC,GAAaJ,CAAO,GAQ1BK,IACJxC,MAAmBV,IAAQoB,IAAW,SAClC+B,IACJ,CAAClD,IAAcoB,IAAgB,MAAMhB,IAAQiB,IAAU,IAAI,EACxD,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,QAGZ8B,IAAoB,CAACC,MACzBrC,EAAE,kCAAkCqC,CAAG,EAAE,GAErCC,IAAW,CAACC,MAChBvC,EAAE,yBAAyB,EAAE,OAAOuC,GAAK,GAGrCC,KAAuB,CAAC7B,MAA4C;AAKxE,YAAM8B,IAAQ,CAJDzC,EAAE,iCAAiC;AAAA,QAC9C,MAAMW,EAAO;AAAA,QACb,cAAcyB,EAAkBzB,EAAO,eAAe;AAAA,MAAA,CACvD,CACkB;AACnB,aAAI,OAAOA,EAAO,OAAQ,cAAgB,KAAK2B,EAAS3B,EAAO,GAAG,CAAC,GAC/DA,EAAO,WAAS8B,EAAM,KAAKzC,EAAE,8BAA8B,CAAC,GACzDyC,EAAM,KAAK,IAAI;AAAA,IACxB,GAGMC,KAAkBzD,IACtB,gBAAA0D,EAAC,KAAA,EAAE,IAAItC,GAAe,WAAU,yCAC7B,UAAApB,EAAA,CACH,IACE,MAEE2D,KAAYvD,IAChB,gBAAAwD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIvC;AAAA,QACJ,MAAK;AAAA,QACL,WAAU;AAAA,QAEV,UAAA;AAAA,4BAACwC,IAAA,EAAY,eAAY,QAAO,WAAU,yBAAwB;AAAA,UAClE,gBAAAH,EAAC,UAAM,UAAAtD,GAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAEb,MAGE0D,KACJ,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QAET,UAAA,MAAM,KAAK,EAAE,QAAQ,GAAG,EAAE,IAAI,CAACK,GAAGC,MACjC,gBAAAJ;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWvE,EAAY,EAAE,MAAAwB,GAAM,MAAAC,GAAM,UAAU,IAAO;AAAA,YAEtD,UAAA;AAAA,cAAA,gBAAA4C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,2FAA2FnE,GAAyBsB,CAAI,CAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEtI,gBAAA+C,EAAC,QAAA,EAAK,WAAU,wEACd,UAAA;AAAA,gBAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,8EAA6E;AAAA,gBAC7F,gBAAAA,EAAC,QAAA,EAAK,WAAU,8EAA6E;AAAA,cAAA,GAC/F;AAAA,YAAA;AAAA,UAAA;AAAA,UATKM;AAAA,QAAA,CAWR;AAAA,MAAA;AAAA,IAAA,GAUCC,KAAe,CAACvC,MAAoC;AACxD,YAAMwC,IAAQ,GAAGjD,CAAM,QAAQS,EAAO,EAAE,IAClCyC,IAAiBZ,GAAqB7B,CAAM,GAE5C0C,IACJ,gBAAAR;AAAA,QAACS,EAAgB;AAAA,QAAhB;AAAA,UAEC,IAAIH;AAAA,UACJ,OAAOxC,EAAO;AAAA,UAOd,UAAUA,EAAO;AAAA,UACjB,cAAYyC;AAAA,UACZ,OAAOzC,EAAO,OAAO;AAAA,UACrB,kBAAgBA,EAAO;AAAA,UACvB,WAAWrC,EAAY;AAAA,YACrB,MAAAwB;AAAA,YACA,MAAAC;AAAA,YACA,UAAU,EAAQY,EAAO;AAAA,UAAQ,CAClC;AAAA,UAOD,UAAA;AAAA,YAAA,gBAAAgC;AAAA,cAACY;AAAA,cAAA;AAAA,gBACC,KAAK5C,EAAO;AAAA,gBACZ,MAAMA,EAAO;AAAA,gBACb,MAAMpC,GAAiBuB,CAAI;AAAA,gBAC3B,eAAY;AAAA,cAAA;AAAA,YAAA;AAAA,YAEd,gBAAA+C;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,iEACd,UAAA;AAAA,oBAAA,gBAAAF;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAW,GAAGlE,GAAeqB,CAAI,CAAC;AAAA,wBAEjC,UAAAa,EAAO;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAETA,EAAO;AAAA;AAAA;AAAA;AAAA,sBAIN,gBAAAgC,EAACa,MAAM,SAAQ,WAAU,MAAK,MAC3B,UAAAxD,EAAE,8BAA8B,EAAA,CACnC;AAAA,wBACE;AAAA,kBAAA,GACN;AAAA,kBACA,gBAAA6C,EAAC,QAAA,EAAK,WAAU,gEACb,UAAA;AAAA,oBAAAT,EAAkBzB,EAAO,eAAe;AAAA,oBACxC,OAAOA,EAAO,OAAQ,WACnB,MAAM2B,EAAS3B,EAAO,GAAG,CAAC,KAC1B;AAAA,kBAAA,GACN;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAvDKA,EAAO;AAAA,MAAA;AA2DhB,aAAIA,EAAO,YAAYA,EAAO,mCASzB8C,IAAA,EAAwB,OAAO9C,EAAO,gBACrC,UAAA,gBAAAgC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,UAAU;AAAA,UACV,qBAAmBhC,EAAO;AAAA,UAC1B,cAAYyC;AAAA,UACZ,WAAU;AAAA,UAET,UAAAC;AAAA,QAAA;AAAA,MAAA,EACH,GATY1C,EAAO,EAUrB,IAGG0C;AAAA,IACT,GAGMK,KAAqBpE,KACzB,gBAAAqD,EAAC,KAAA,EAAE,WAAU,yCACV,UAAA3C,EAAE,yBAAyB,EAAA,CAC9B,GAQI2D,KAAOvE,IACX,gBAAAyD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKf;AAAA,QACL,IAAAvC;AAAA,QACA,MAAK;AAAA,QACL,cAAa2C,IAAqC,SAAZzC;AAAA,QACtC,mBAAiByC;AAAA,QACjB,oBAAkBC;AAAA,QAClB,gBAAc,EAAQ9C,KAAU;AAAA,QAChC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,kBAAe;AAAA,QACf,qBAAmBE;AAAA,QAEnB,UAAA;AAAA,UAAA,gBAAAoD,EAAC,QAAA,EAAK,WAAU,cACb,UAAA3C,EAAE,gCAAgC,GACrC;AAAA,UACC+C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,IAGH,gBAAAJ;AAAA,MAACW,EAAgB;AAAA,MAAhB;AAAA,QACC,KAAKxB;AAAA,QACL,IAAAvC;AAAA,QACA,KAAAyC;AAAA,QACA,OAAOlB,IAAgBjC,KAAS,KAAM;AAAA,QACtC,cACGiC,IAAgD,SAAhChC,KAAgB+B;AAAA,QAEnC,eAAeS;AAAA,QACf,WAAW,CAACsC,MAAU;AACpB,UAAAjE,KAAA,QAAAA,EAAYiE,IACZxC,EAAc,UAAUwC,CAAK;AAAA,QAC/B;AAAA,QACA,cAAa1B,IAAqC,SAAZzC;AAAA,QACtC,mBAAiByC;AAAA,QACjB,oBAAkBC;AAAA,QAClB,gBAAc,EAAQ9C,KAAU;AAAA,QAChC,WAAU;AAAA,QACV,kBAAe;AAAA,QACf,qBAAmBE;AAAA,QAClB,GAAGK;AAAA,QAEH,UAAAhB,EAAO,IAAIsE,EAAY;AAAA,MAAA;AAAA,IAAA,GAWtBW,KAAezF,GAAa,EAAE,MAAA0B,GAAM,MAAAC,GAAM,WAAAP,GAAW;AAE3D,WACE,gBAAAqD,EAAC,OAAA,EAAI,WAAWgB,IACb,UAAA;AAAA,MAAA7E,sBACE,OAAA,EAAI,IAAIoB,GAAU,WAAU,iCAC1B,aACH,IACE;AAAA,MACHsC;AAAA,MACAiB;AAAA,MACA,CAACvE,KAAW,CAACwB,IAAgB8C,KAAqB;AAAA,MAClDd;AAAA,IAAA,GACH;AAAA,EAEJ;AACF;AAEAlE,GAAkB,cAAc;"}

package/dist/_chunks/{dialog-D52AI4nF.js → dialog-CUzbnKLw.js}

@@ -1,12 +1,13 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { useRef as j, useEffect as T, useMemo as x, forwardRef as i, useContext as B, createContext as k } from "react";
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { useRef as E, useEffect as H, useMemo as v, forwardRef as i, useContext as S, createContext as A } from "react";
 import * as s from "@radix-ui/react-dialog";
-import { c as H } from "./index-D2ZczOXr.js";
-import { useTranslation as S } from "react-i18next";
-import { u as A } from "./use-controllable-state-BiY4xTzM.js";
-import { u as E } from "./registry-DvAUVLHh.js";
-import { X as I } from "./x-B5YnXwCz.js";
-const w = {
+import { c as z } from "./index-D2ZczOXr.js";
+import { useTranslation as F } from "react-i18next";
+import { u as I } from "./use-controllable-state-BiY4xTzM.js";
+import { u as V } from "./registry-DvAUVLHh.js";
+import { u as L } from "./non-modal-tab-exit-D2Bd93Bq.js";
+import { X as M } from "./x-B5YnXwCz.js";
+const P = {
   id: "dialog",
   capabilities: ["open", "close", "dismiss"],
   state: {
@@ -54,18 +55,18 @@ const w = {
       description: "Sourced from the id prop on Dialog.Root."
     }
   }
-}, z = [
+}, w = [
   "ds-dialog__backdrop",
   "ds:backdrop-blur-sm",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), F = [
+].join(" "), K = [
   "ds:focus-visible:outline-none",
   "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
   "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
   "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), K = H(`ds-dialog ds-dialog__surface ${F}`, {
+].join(" "), U = z(`ds-dialog ds-dialog__surface ${K}`, {
   variants: {
     size: {
       sm: "ds-dialog__surface--sm",
@@ -82,68 +83,84 @@ const w = {
     }
   },
   defaultVariants: { size: "md", scroll: "surface" }
-}), y = k(void 0), u = ({
+}), _ = A({ modal: !0 }), y = ({
   children: e,
   id: o,
   open: a,
-  defaultOpen: l,
-  onOpenChange: c,
-  ...p
+  defaultOpen: r,
+  onOpenChange: m,
+  modal: l = !0,
+  ...c
 }) => {
-  const [g, n] = A({
+  const [g, n] = I({
     value: a,
-    defaultValue: l ?? !1,
-    onChange: c
-  }), d = g ?? !1, r = j(d);
-  T(() => {
-    r.current = d;
+    defaultValue: r ?? !1,
+    onChange: m
+  }), d = g ?? !1, p = E(d);
+  H(() => {
+    p.current = d;
   }, [d]);
-  const m = x(
+  const u = v(
     () => ({
-      getIsOpen: () => r.current,
+      getIsOpen: () => p.current,
       open: () => n(!0),
       close: () => n(!1)
     }),
     [n]
   );
-  return E(w, m, o), /* @__PURE__ */ t(y.Provider, { value: o, children: /* @__PURE__ */ t(s.Root, { open: d, onOpenChange: n, ...p, children: e }) });
+  V(P, u, o);
+  const f = v(() => ({ id: o, modal: l }), [o, l]);
+  return /* @__PURE__ */ t(_.Provider, { value: f, children: /* @__PURE__ */ t(
+    s.Root,
+    {
+      open: d,
+      onOpenChange: n,
+      modal: l,
+      ...c,
+      children: e
+    }
+  ) });
 };
-u.displayName = "Dialog.Root";
-const D = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
-D.displayName = "Dialog.Trigger";
-const v = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
-v.displayName = "Dialog.Close";
-const _ = i(
+y.displayName = "Dialog.Root";
+const C = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Trigger, { ref: a, ...o, children: e }));
+C.displayName = "Dialog.Trigger";
+const N = i(({ children: e, ...o }, a) => /* @__PURE__ */ t(s.Close, { ref: a, ...o, children: e }));
+N.displayName = "Dialog.Close";
+const h = i(
   ({
     size: e = "md",
     variant: o = "default",
     scroll: a = "surface",
-    hideCloseButton: l,
-    className: c,
-    children: p,
+    hideCloseButton: r,
+    className: m,
+    children: l,
+    onKeyDown: c,
     ...g
   }, n) => {
-    const { t: d } = S("ui"), r = B(y), m = o === "alert" ? { role: "alertdialog" } : {}, O = l ?? o !== "default";
-    return /* @__PURE__ */ f(s.Portal, { children: [
+    const { t: d } = F("ui"), { id: p, modal: u } = S(_), f = L(!u), B = o === "alert" ? { role: "alertdialog" } : {}, k = r ?? o !== "default";
+    return /* @__PURE__ */ b(s.Portal, { children: [
       /* @__PURE__ */ t(
         s.Overlay,
         {
           "data-component": "dialog-overlay",
-          className: z
+          className: w
         }
       ),
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ b(
         s.Content,
         {
           ref: n,
-          ...m,
+          ...B,
           "data-component": "dialog",
-          "data-component-id": r,
-          className: K({ size: e, scroll: a, className: c }),
+          "data-component-id": p,
+          className: U({ size: e, scroll: a, className: m }),
           ...g,
+          onKeyDown: (D) => {
+            c == null || c(D), f(D);
+          },
           children: [
-            p,
-            !O && // The close is a plain button carrying the `ds-dialog__close`
+            l,
+            !k && // The close is a plain button carrying the `ds-dialog__close`
             // contract class — the SAME class a vanilla host renders. The CSS
             // (src/styles.css) owns its position, sizing, glyph size, hover
             // wash, and focus ring from tokens, so the React and non-React
@@ -154,7 +171,7 @@ const _ = i(
                 type: "button",
                 className: "ds-dialog__close",
                 "aria-label": d("common.close", "Close"),
-                children: /* @__PURE__ */ t(I, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ t(M, { "aria-hidden": "true" })
               }
             )
           ]
@@ -163,8 +180,8 @@ const _ = i(
     ] });
   }
 );
-_.displayName = "Dialog.Content";
-const b = i(
+h.displayName = "Dialog.Content";
+const R = i(
   ({ className: e, ...o }, a) => /* @__PURE__ */ t(
     "div",
     {
@@ -174,8 +191,8 @@ const b = i(
     }
   )
 );
-b.displayName = "Dialog.Header";
-const C = i(
+R.displayName = "Dialog.Header";
+const O = i(
   ({ className: e, ...o }, a) => /* @__PURE__ */ t(
     "div",
     {
@@ -185,8 +202,8 @@ const C = i(
     }
   )
 );
-C.displayName = "Dialog.Body";
-const h = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+O.displayName = "Dialog.Body";
+const x = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
   s.Title,
   {
     ref: a,
@@ -194,8 +211,8 @@ const h = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
     ...o
   }
 ));
-h.displayName = "Dialog.Title";
-const N = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
+x.displayName = "Dialog.Title";
+const T = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
   s.Description,
   {
     ref: a,
@@ -203,12 +220,12 @@ const N = i(({ className: e, ...o }, a) => /* @__PURE__ */ t(
     ...o
   }
 ));
-N.displayName = "Dialog.Description";
-const R = i(
-  ({ className: e, divider: o = !1, ...a }, l) => /* @__PURE__ */ t(
+T.displayName = "Dialog.Description";
+const j = i(
+  ({ className: e, divider: o = !1, ...a }, r) => /* @__PURE__ */ t(
     "div",
     {
-      ref: l,
+      ref: r,
       className: [
         "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
         "ds:mt-[var(--spacing-md)]",
@@ -219,20 +236,20 @@ const R = i(
     }
   )
 );
-R.displayName = "Dialog.Footer";
-const $ = Object.assign(u, {
-  Root: u,
-  Trigger: D,
-  Content: _,
-  Header: b,
-  Title: h,
-  Description: N,
-  Body: C,
-  Footer: R,
-  Close: v
+j.displayName = "Dialog.Footer";
+const Z = Object.assign(y, {
+  Root: y,
+  Trigger: C,
+  Content: h,
+  Header: R,
+  Title: x,
+  Description: T,
+  Body: O,
+  Footer: j,
+  Close: N
 });
 export {
-  $ as D,
-  w as d
+  Z as D,
+  P as d
 };
-//# sourceMappingURL=dialog-D52AI4nF.js.map
+//# sourceMappingURL=dialog-CUzbnKLw.js.map

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

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

package/dist/_chunks/{due-date-calculator-DXDJbUzo.js → due-date-calculator-CSjklbyw.js}

@@ -4,7 +4,7 @@ import { c as oe } from "./index-D2ZczOXr.js";
 import { useTranslation as ie } from "react-i18next";
 import { u as de } from "./registry-DvAUVLHh.js";
 import { R as C } from "./radio-BBbMdbE_.js";
-import { R as z } from "./radio-group-BT97ty7o.js";
+import { R as z } from "./radio-group-DicxWJXP.js";
 import { F as w } from "./form-field-Ani72sVY.js";
 import { D as T } from "./date-picker-wRAcq2lt.js";
 import { N as Y } from "./number-input-CVwI1ltI.js";
@@ -568,4 +568,4 @@ Ae.displayName = "DueDateCalculator";
 export {
   Ae as D
 };
-//# sourceMappingURL=due-date-calculator-DXDJbUzo.js.map
+//# sourceMappingURL=due-date-calculator-CSjklbyw.js.map