@alfadocs/ui-kit-debug 1.12.6 → 1.13.0

package/dist/_chunks/select-Bi8zril7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-Bi8zril7.js","sources":["../../src/components/select/select.agent.ts","../../src/components/select/select.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — Select.                                                */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SelectHandle } from './select';\n\nexport const selectAgent: AgentAdapter<SelectHandle> = {\n  id: 'select',\n  // Persisted single choice (value state + set_value) → select_single + set_value,\n  // plus open/close of the option list.\n  capabilities: ['select_single', 'set_value', 'open', 'close'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.select.state.value',\n      description:\n        'Currently selected option value, or empty string when none.',\n      read: (handle) => handle.getValue(),\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.select.state.isOpen',\n      description: 'Whether the option list is open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    set_value: {\n      // Persists the chosen option — reversible by selecting another value.\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: { type: 'string', description: 'Option value to select.' },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.select.actions.setValue',\n      description: 'Select the option with the given value.',\n      examples: [{ args: { value: 'it' }, note: 'Select the \"it\" option.' }],\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      // Discards the persisted choice — destructive (loses the selection).\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.select.actions.clear',\n      description: 'Clear the current selection.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.select.actions.open',\n      description: 'Open the option list.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.select.actions.close',\n      description: 'Close the option list.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'select',\n      description: 'Marks the Select trigger.',\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:\n        'Stable opaque option value emitted on each rendered option.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { useAgentRegistration } from '../../agent';\nimport { selectAgent } from './select.agent';\n\n/** Agent-readiness curated handle for Select. */\nexport interface SelectHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n  open: () => void;\n  close: () => void;\n  isOpen: () => boolean;\n}\nimport * as RadixSelect from '@radix-ui/react-select';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Check, ChevronDown, ChevronUp, X } from 'lucide-react';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport type { OptionShape } from '../_shared/option';\nimport { groupOptions } from '../_shared/group-options';\nimport { useDirection } from '../_shared/use-direction';\n\nconst selectTriggerVariants = cva(\n  [\n    'ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full',\n    'ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-input',\n    'ds:shadow-[var(--shadow-input)]',\n    'ds:text-foreground ds:placeholder:text-muted-foreground',\n    'ds:data-[placeholder]:text-muted-foreground',\n    'ds:transition-[colors,box-shadow] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n      tone: {\n        default: '',\n        error: 'ds:border-destructive ds:focus-visible:outline-destructive',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst selectContentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)] ds:overflow-hidden',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:animate-in ds:fade-in ds:zoom-in-95',\n    'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out',\n    'ds:data-[state=closed]:zoom-out-95',\n    'ds:data-[side=bottom]:slide-in-from-top-2',\n    'ds:data-[side=top]:slide-in-from-bottom-2',\n    'ds:motion-reduce:animate-none',\n  ].join(' '),\n);\n\nconst selectItemVariants = cva(\n  [\n    'ds:relative ds:flex ds:cursor-pointer ds:items-center',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-foreground ds:outline-none ds:select-none',\n    'ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground',\n    'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:min-h-8 ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:min-h-[var(--min-target-size)] ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:min-h-12 ds:ps-10 ds:pe-4 ds:text-[length:var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\nconst selectLabelClasses = [\n  'ds:ps-8 ds:pe-3 ds:py-1.5',\n  'type-eyebrow ds:text-muted-foreground',\n  'ds:sticky ds:top-0 ds:bg-background',\n].join(' ');\n\nconst iconSizeByItemSize = {\n  sm: 'ds:size-3.5',\n  md: 'ds:size-4',\n  lg: 'ds:size-5',\n} as const;\n\nconst itemIndicatorStartByItemSize = {\n  sm: 'ds:start-2',\n  md: 'ds:start-2',\n  lg: 'ds:start-3',\n} as const;\n\nfunction composeRefs<T>(\n  ...refs: Array<Ref<T> | undefined | null>\n): (node: T | null) => void {\n  return (node: T | null) => {\n    for (const r of refs) {\n      if (!r) continue;\n      if (typeof r === 'function') {\n        r(node);\n      } else {\n        (r as MutableRefObject<T | null>).current = node;\n      }\n    }\n  };\n}\n\n// ---------------------------------------------------------------------------\n// Compound sub-components — thin `forwardRef` wrappers over Radix parts.\n// ---------------------------------------------------------------------------\n\ntype SelectRootProps = ComponentPropsWithoutRef<typeof RadixSelect.Root>;\n\nconst SelectRoot = (props: SelectRootProps) => <RadixSelect.Root {...props} />;\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = ElementRef<typeof RadixSelect.Trigger>;\ntype SelectTriggerProps = ComponentPropsWithoutRef<typeof RadixSelect.Trigger> &\n  VariantProps<typeof selectTriggerVariants>;\n\nconst SelectTrigger = forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  ({ size, tone, className, children, ...props }, ref) => (\n    <RadixSelect.Trigger\n      ref={ref}\n      className={selectTriggerVariants({ size, tone, className })}\n      {...props}\n    >\n      {children}\n    </RadixSelect.Trigger>\n  ),\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectValueProps = ComponentPropsWithoutRef<typeof RadixSelect.Value>;\n\nconst SelectValue = forwardRef<\n  ElementRef<typeof RadixSelect.Value>,\n  SelectValueProps\n>((props, ref) => <RadixSelect.Value ref={ref} {...props} />);\nSelectValue.displayName = 'Select.Value';\n\ntype SelectContentProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Content\n> & {\n  container?: HTMLElement | null;\n};\n\nconst SelectContent = forwardRef<\n  ElementRef<typeof RadixSelect.Content>,\n  SelectContentProps\n>(\n  (\n    {\n      className,\n      children,\n      position = 'popper',\n      sideOffset = 4,\n      container,\n      ...props\n    },\n    ref,\n  ) => (\n    <RadixSelect.Portal container={container ?? undefined}>\n      <RadixSelect.Content\n        ref={ref}\n        position={position}\n        sideOffset={sideOffset}\n        data-component=\"select-content\"\n        className={selectContentVariants({ className })}\n        {...props}\n      >\n        <RadixSelect.ScrollUpButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n          <ChevronUp aria-hidden=\"true\" className=\"ds:size-4\" />\n        </RadixSelect.ScrollUpButton>\n        {children}\n        <RadixSelect.ScrollDownButton className=\"ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default\">\n          <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n        </RadixSelect.ScrollDownButton>\n      </RadixSelect.Content>\n    </RadixSelect.Portal>\n  ),\n);\nSelectContent.displayName = 'Select.Content';\n\ntype SelectViewportProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Viewport\n>;\n\nconst SelectViewport = forwardRef<\n  ElementRef<typeof RadixSelect.Viewport>,\n  SelectViewportProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Viewport\n    ref={ref}\n    className={['ds:p-1', className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nSelectViewport.displayName = 'Select.Viewport';\n\ntype SelectItemProps = ComponentPropsWithoutRef<typeof RadixSelect.Item> &\n  VariantProps<typeof selectItemVariants> & {\n    /** Optional leading visual rendered before the item text (e.g. a Flag). */\n    startAdornment?: ReactNode;\n    /**\n     * Trailing content pinned to the inline-end of the item (e.g. a\n     * price Badge). Unlike `startAdornment` this is NOT `aria-hidden`,\n     * because it carries meaning rather than decoration.\n     *\n     * It renders INSIDE `RadixSelect.ItemText`, because Radix builds the\n     * item's accessible name from that element alone — content placed\n     * outside it is shown but never announced. A consequence worth\n     * knowing: Radix mirrors `ItemText` into the closed trigger, so the\n     * selected item's trailing content appears there too.\n     */\n    endContent?: ReactNode;\n  };\n\nconst SelectItem = forwardRef<\n  ElementRef<typeof RadixSelect.Item>,\n  SelectItemProps\n>(\n  (\n    { size = 'md', className, children, startAdornment, endContent, ...props },\n    ref,\n  ) => {\n    const indicatorStart = itemIndicatorStartByItemSize[size ?? 'md'];\n    const iconSize = iconSizeByItemSize[size ?? 'md'];\n    return (\n      <RadixSelect.Item\n        ref={ref}\n        className={selectItemVariants({ size, className })}\n        {...props}\n      >\n        <span\n          className={`ds:absolute ${indicatorStart} ds:inline-flex ds:items-center ds:justify-center`}\n          aria-hidden=\"true\"\n        >\n          <RadixSelect.ItemIndicator>\n            <Check className={iconSize} />\n          </RadixSelect.ItemIndicator>\n        </span>\n        {startAdornment ? (\n          // Decorative by contract — accessible name comes from the item text.\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:inline-flex ds:items-center ds:shrink-0 ds:me-[var(--spacing-xs)]\"\n          >\n            {startAdornment}\n          </span>\n        ) : null}\n        {endContent ? (\n          // Radix points the item's `aria-labelledby` at `ItemText`, so\n          // anything rendered outside it is dropped from the accessible\n          // name — a price there would be visible but never announced.\n          // It therefore goes INSIDE `ItemText`, wrapped in a flex row so\n          // `ms-auto` still pins it to the inline-end (and flips in RTL).\n          //\n          // The trade-off is deliberate: Radix mirrors `ItemText` into the\n          // closed trigger, so the selected item's trailing content shows\n          // there too. For the case this exists for — a price — that reads\n          // as a feature, not a leak. The wrapper is rendered ONLY when\n          // `endContent` is supplied, so every existing item keeps its\n          // previous DOM exactly.\n          //\n          // `asChild` is required, not stylistic. `SelectItemText`\n          // destructures `className` and `style` off its props and never\n          // applies them, so styling it directly is silently discarded.\n          // It must also GROW: as a plain flex item of the row it sizes to\n          // its content, leaving `ms-auto` no free space to absorb, and the\n          // chip would sit against the label instead of the row's end —\n          // the ragged column this change exists to remove. `asChild` makes\n          // our own span become the ItemText element, so `flex-1` lands.\n          <RadixSelect.ItemText asChild>\n            <span className=\"ds:flex ds:flex-1 ds:min-w-0 ds:items-center ds:gap-[var(--spacing-sm)]\">\n              <span className=\"ds:min-w-0 ds:truncate\">{children}</span>\n              <span className=\"ds:inline-flex ds:items-center ds:ms-auto ds:shrink-0\">\n                {endContent}\n              </span>\n            </span>\n          </RadixSelect.ItemText>\n        ) : (\n          <RadixSelect.ItemText>{children}</RadixSelect.ItemText>\n        )}\n      </RadixSelect.Item>\n    );\n  },\n);\nSelectItem.displayName = 'Select.Item';\n\ntype SelectItemTextProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.ItemText\n>;\n\nconst SelectItemText = forwardRef<\n  ElementRef<typeof RadixSelect.ItemText>,\n  SelectItemTextProps\n>((props, ref) => <RadixSelect.ItemText ref={ref} {...props} />);\nSelectItemText.displayName = 'Select.ItemText';\n\ntype SelectGroupProps = ComponentPropsWithoutRef<typeof RadixSelect.Group>;\n\nconst SelectGroup = forwardRef<\n  ElementRef<typeof RadixSelect.Group>,\n  SelectGroupProps\n>((props, ref) => <RadixSelect.Group ref={ref} {...props} />);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelProps = ComponentPropsWithoutRef<typeof RadixSelect.Label>;\n\nconst SelectLabel = forwardRef<\n  ElementRef<typeof RadixSelect.Label>,\n  SelectLabelProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Label\n    ref={ref}\n    className={[selectLabelClasses, className].filter(Boolean).join(' ')}\n    {...props}\n  />\n));\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorProps = ComponentPropsWithoutRef<\n  typeof RadixSelect.Separator\n>;\n\nconst SelectSeparator = forwardRef<\n  ElementRef<typeof RadixSelect.Separator>,\n  SelectSeparatorProps\n>(({ className, ...props }, ref) => (\n  <RadixSelect.Separator\n    ref={ref}\n    className={['ds:my-1 ds:h-px ds:bg-border', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSelectSeparator.displayName = 'Select.Separator';\n\n// ---------------------------------------------------------------------------\n// Convenience form — `<Select options={[{value, label, group?}]} />`.\n// ---------------------------------------------------------------------------\n\nexport type SelectOption<T extends string = string> = OptionShape<T>;\n\nexport interface SelectProps<T extends string = string> {\n  options: SelectOption<T>[];\n  value?: T | '';\n  defaultValue?: T;\n  onValueChange?: (value: T | '') => void;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  'aria-label'?: string;\n  className?: string;\n  /**\n   * Portal target for the listbox. Defaults to `document.body`, which is\n   * almost always correct.\n   *\n   * You do not need this to fix stacking. `--z-dropdown` and `--z-popover`\n   * are one layer, so a Select nested inside a Popover already paints over it\n   * by portal order (the listbox mounts last). Only pass a container when the\n   * listbox must live inside a specific subtree — e.g. a shadow root, or a\n   * scroll container that would otherwise clip it.\n   */\n  container?: HTMLElement | null;\n}\n\nconst SelectImpl = forwardRef<HTMLButtonElement, SelectProps>(function Select(\n  {\n    options,\n    value,\n    defaultValue,\n    onValueChange,\n    placeholder,\n    clearable = false,\n    disabled,\n    required,\n    name,\n    id,\n    size = 'md',\n    tone = 'default',\n    className,\n    container,\n    'aria-label': ariaLabel,\n  },\n  ref,\n) {\n  const { t } = useTranslation();\n  const ctx = useFormField();\n  const inFormField = useContext(FormFieldContext) !== null;\n\n  const [internalValue, setInternalValue] = useState<string>(\n    value ?? defaultValue ?? '',\n  );\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const [openState, setOpenState] = useState<boolean>(false);\n  const currentValueRef = useRef<string>(currentValue);\n  currentValueRef.current = currentValue;\n\n  const triggerId = id ?? (inFormField ? ctx.id : undefined);\n  const effectiveDisabled =\n    (inFormField ? ctx.disabled : false) || Boolean(disabled);\n  const effectiveRequired =\n    (inFormField ? ctx.required : false) || Boolean(required);\n  const effectiveInvalid = inFormField ? ctx.invalid : false;\n  const effectiveTone = effectiveInvalid ? 'error' : tone;\n  const describedBy =\n    inFormField && ctx.describedBy ? ctx.describedBy : undefined;\n\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const dir = useDirection(triggerRef);\n\n  const emitValue = onValueChange as ((value: string) => void) | undefined;\n\n  const handleValueChange = (next: string) => {\n    if (!isControlled) setInternalValue(next);\n    emitValue?.(next);\n  };\n\n  const handleClear: React.MouseEventHandler<HTMLButtonElement> = (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!isControlled) setInternalValue('');\n    emitValue?.('');\n    triggerRef.current?.focus();\n  };\n\n  const resolvedPlaceholder =\n    placeholder ?? t('inputs.select.placeholder', 'Select…');\n\n  const showClear = clearable && !!currentValue && !effectiveDisabled;\n\n  const groups = groupOptions(options);\n\n  const agentHandle = useMemo<SelectHandle>(\n    () => ({\n      getValue: () => currentValueRef.current,\n      setValue: (next) => {\n        if (!isControlled) setInternalValue(next);\n        emitValue?.(next);\n      },\n      clear: () => {\n        if (!isControlled) setInternalValue('');\n        emitValue?.('');\n      },\n      open: () => setOpenState(true),\n      close: () => setOpenState(false),\n      isOpen: () => openState,\n    }),\n    [emitValue, isControlled, openState],\n  );\n  useAgentRegistration(selectAgent, agentHandle, id);\n\n  return (\n    <RadixSelect.Root\n      value={currentValue === '' ? undefined : currentValue}\n      onValueChange={handleValueChange}\n      open={openState}\n      onOpenChange={setOpenState}\n      disabled={effectiveDisabled}\n      required={effectiveRequired}\n      name={name}\n      dir={dir}\n    >\n      <RadixSelect.Trigger\n        ref={composedTriggerRef}\n        id={triggerId}\n        aria-label={\n          ariaLabel ?? (!inFormField ? resolvedPlaceholder : undefined)\n        }\n        aria-labelledby={\n          !ariaLabel && inFormField ? `${ctx.id}-label` : undefined\n        }\n        aria-describedby={describedBy}\n        aria-invalid={effectiveInvalid || undefined}\n        data-component=\"select\"\n        data-component-id={id}\n        className={selectTriggerVariants({\n          size,\n          tone: effectiveTone,\n          className,\n        })}\n      >\n        {/* min-w-0 lets the flex child shrink; truncate clips long values\n            to one line with an ellipsis instead of wrapping the trigger. */}\n        <span className=\"ds:min-w-0 ds:truncate ds:text-start\">\n          <RadixSelect.Value placeholder={resolvedPlaceholder} />\n        </span>\n        <span className=\"ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n          {showClear ? (\n            <button\n              type=\"button\"\n              aria-label={t('inputs.select.clear', 'Clear selection')}\n              onClick={handleClear}\n              onPointerDown={(event) => event.stopPropagation()}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.stopPropagation();\n                }\n              }}\n              className={[\n                'ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]',\n                'ds:text-muted-foreground ds:hover:text-foreground',\n                'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:size-4',\n              ].join(' ')}\n            >\n              <X aria-hidden=\"true\" className=\"ds:size-3.5\" />\n            </button>\n          ) : null}\n          <RadixSelect.Icon asChild>\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={[\n                'ds:size-4 ds:shrink-0 ds:text-muted-foreground',\n                'ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                'ds:group-data-[state=open]:rotate-180',\n              ].join(' ')}\n            />\n          </RadixSelect.Icon>\n        </span>\n      </RadixSelect.Trigger>\n      <SelectContent container={container}>\n        <SelectViewport>\n          {options.length === 0 ? (\n            <div className=\"ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground\">\n              {t('inputs.select.noOptions', 'No options')}\n            </div>\n          ) : (\n            groups.map(({ group, items }, groupIndex) => {\n              const body = items.map((option) => (\n                <SelectItem\n                  key={option.value}\n                  value={option.value}\n                  disabled={option.disabled}\n                  size={size}\n                  data-option-id={option.value}\n                  startAdornment={option.startAdornment}\n                  endContent={option.endContent}\n                >\n                  {option.label}\n                </SelectItem>\n              ));\n              if (!group) {\n                return (\n                  <RadixSelect.Group key={`group-${groupIndex}`}>\n                    {body}\n                  </RadixSelect.Group>\n                );\n              }\n              return (\n                <RadixSelect.Group key={`group-${group}`}>\n                  <SelectLabel>{group}</SelectLabel>\n                  {body}\n                </RadixSelect.Group>\n              );\n            })\n          )}\n        </SelectViewport>\n      </SelectContent>\n    </RadixSelect.Root>\n  );\n});\nSelectImpl.displayName = 'Select';\n\ninterface SelectComponent {\n  <T extends string = string>(\n    props: SelectProps<T> & { ref?: Ref<HTMLButtonElement> },\n  ): ReactElement | null;\n  displayName?: string;\n  Root: typeof SelectRoot;\n  Trigger: typeof SelectTrigger;\n  Value: typeof SelectValue;\n  Content: typeof SelectContent;\n  Viewport: typeof SelectViewport;\n  Item: typeof SelectItem;\n  ItemText: typeof SelectItemText;\n  Group: typeof SelectGroup;\n  Label: typeof SelectLabel;\n  Separator: typeof SelectSeparator;\n}\n\nconst SelectWithStatics = Object.assign(SelectImpl, {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Content: SelectContent,\n  Viewport: SelectViewport,\n  Item: SelectItem,\n  ItemText: SelectItemText,\n  Group: SelectGroup,\n  Label: SelectLabel,\n  Separator: SelectSeparator,\n}) as unknown as SelectComponent;\n\nexport const Select = SelectWithStatics;\n\nexport {\n  SelectRoot,\n  SelectTrigger,\n  SelectValue,\n  SelectContent,\n  SelectViewport,\n  SelectItem,\n  SelectItemText,\n  SelectGroup,\n  SelectLabel,\n  SelectSeparator,\n};\n\nexport { selectTriggerVariants, selectContentVariants, selectItemVariants };\n\nexport type {\n  SelectTriggerProps,\n  SelectContentProps,\n  SelectItemProps,\n  SelectLabelProps,\n  SelectRootProps,\n};\n\nexport type { ReactNode };\n"],"names":["selectAgent","handle","args","selectTriggerVariants","cva","selectContentVariants","selectItemVariants","selectLabelClasses","iconSizeByItemSize","itemIndicatorStartByItemSize","composeRefs","refs","node","r","SelectRoot","props","jsx","RadixSelect","SelectTrigger","forwardRef","size","tone","className","children","ref","SelectValue","SelectContent","position","sideOffset","container","jsxs","ChevronUp","ChevronDown","SelectViewport","SelectItem","startAdornment","endContent","indicatorStart","iconSize","Check","SelectItemText","SelectGroup","SelectLabel","SelectSeparator","SelectImpl","options","value","defaultValue","onValueChange","placeholder","clearable","disabled","required","name","id","ariaLabel","t","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","internalValue","setInternalValue","useState","isControlled","currentValue","openState","setOpenState","currentValueRef","useRef","triggerId","effectiveDisabled","effectiveRequired","effectiveInvalid","effectiveTone","describedBy","triggerRef","composedTriggerRef","dir","useDirection","emitValue","handleValueChange","next","handleClear","event","_a","resolvedPlaceholder","showClear","groups","groupOptions","agentHandle","useMemo","useAgentRegistration","X","group","items","groupIndex","body","option","SelectWithStatics","Select"],"mappings":"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"}

package/dist/_chunks/{signature-request-DVDTKLjM.js → signature-request-CUe903hj.js}

@@ -6,7 +6,7 @@ import { B as z } from "./button-nJaPh_HC.js";
 import { I as xe } from "./icon-button-DA2CAGHZ.js";
 import { C as Y } from "./checkbox-BuZ1u__2.js";
 import { a as Re } from "./whatsapp-button-CuFIHJzG.js";
-import { S as Z } from "./select-BW5ecXlX.js";
+import { S as Z } from "./select-Bi8zril7.js";
 import { S as be } from "./switch-OILsBLWo.js";
 import { A as _ } from "./alert-CiJT540z.js";
 import { I as Ne } from "./info-tip-C119cwQl.js";
@@ -414,4 +414,4 @@ Me.displayName = "SignatureRequestModal";
 export {
   Me as S
 };
-//# sourceMappingURL=signature-request-DVDTKLjM.js.map
+//# sourceMappingURL=signature-request-CUe903hj.js.map

package/dist/_chunks/{signature-request-DVDTKLjM.js.map → signature-request-CUe903hj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"signature-request-DVDTKLjM.js","sources":["../../node_modules/lucide-react/dist/esm/icons/tablet.mjs","../../node_modules/lucide-react/dist/esm/icons/user-plus.mjs","../../src/patterns/signature-request/signature-request.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { width: \"16\", height: \"20\", x: \"4\", y: \"2\", rx: \"2\", ry: \"2\", key: \"76otgf\" }],\n  [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"18\", y2: \"18\", key: \"1dp563\" }]\n];\nconst Tablet = createLucideIcon(\"tablet\", __iconNode);\n\nexport { __iconNode, Tablet as default };\n//# sourceMappingURL=tablet.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\", key: \"1yyitq\" }],\n  [\"circle\", { cx: \"9\", cy: \"7\", r: \"4\", key: \"nufk8\" }],\n  [\"line\", { x1: \"19\", x2: \"19\", y1: \"8\", y2: \"14\", key: \"1bvyxn\" }],\n  [\"line\", { x1: \"22\", x2: \"16\", y1: \"11\", y2: \"11\", key: \"1shjgl\" }]\n];\nconst UserPlus = createLucideIcon(\"user-plus\", __iconNode);\n\nexport { __iconNode, UserPlus as default };\n//# sourceMappingURL=user-plus.mjs.map\n","/**\n * SignatureRequestModal — the practice-side \"Documenti firmati\" modal that\n * dispatches a document-signature request: assign the operator who must\n * counter-sign (or leave the request unassigned) and how their request is\n * delivered (their system-defined default channel arrives pre-checked),\n * build the patient-side signer roster (up to `maxSigners`, each with their\n * own delivery channel and, for on-device signing, an OTP waiver), and send.\n *\n * Runtime pattern: real consuming apps mount this in production (surfaced via\n * `src/patterns/index.ts` and the `./patterns/signature-request` subpath).\n * The component owns the form state — re-seeded from the `initial*` props\n * every time `open` flips back to `true` — while the host owns `open`, the\n * option lists, and what happens on submit. Multiple on-device signers sign\n * sequentially in roster order — the execution side is the Signing pattern's\n * multi-signer flow; this modal only encodes the intents.\n */\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Mail,\n  MessageSquare,\n  PenLine,\n  Plus,\n  Tablet,\n  UserPlus,\n  X,\n} from 'lucide-react';\nimport { Dialog } from '../../components/dialog';\nimport { Button } from '../../components/button';\nimport { IconButton } from '../../components/icon-button';\nimport { Checkbox } from '../../components/checkbox';\nimport { WhatsAppGlyph } from '../../components/whatsapp-button';\nimport { Select } from '../../components/select';\nimport { Switch } from '../../components/switch';\nimport { Alert } from '../../components/alert';\nimport { InfoTip } from '../../components/info-tip';\nimport { Separator } from '../../components/separator';\nimport { Avatar } from '../../components/avatar';\n\n/** Delivery channel for one signer's signature request. */\nexport type SignatureChannel = 'sms' | 'email' | 'whatsapp' | 'on-device';\n\n/**\n * Delivery channel for the operator's counter-sign request. The default is\n * system defined — the assigned operator's own `defaultChannel` (e-mail or\n * SMS) arrives pre-checked; `'on-device'` is offerable only while a roster\n * signer also signs on this device.\n */\nexport type OperatorChannel = 'sms' | 'email' | 'on-device';\n\n/** One selectable person/role for the operator or signer selects. */\nexport interface SignerOption {\n  value: string;\n  label: string;\n  /**\n   * Delivery channels this person can actually receive. Omit (or pass an\n   * empty list) to offer every channel. Hosts gate this from per-patient\n   * capability flags — e.g. a patient with no mobile number drops `'sms'`\n   * and `'whatsapp'`. Only meaningful for signer options, not operators.\n   */\n  availableChannels?: SignatureChannel[];\n  /**\n   * The delivery channel this operator's own settings resolve to — the\n   * system-defined default, pre-checked when the operator is assigned.\n   * Falls back to `'email'` when omitted. Only meaningful for operator\n   * options, not signers.\n   */\n  defaultChannel?: 'sms' | 'email';\n}\n\n/** One patient-side signer row in the submission. */\nexport interface SignerRequest {\n  signerId: string;\n  channel: SignatureChannel;\n  /** Only meaningful when `channel` is `'on-device'`. */\n  skipOtp?: boolean;\n}\n\n/** Payload handed to `onRequestSignature`. */\nexport interface SignatureRequestSubmission {\n  /** `null` when the counter-signing operator is left unassigned. */\n  operatorId: string | null;\n  /**\n   * How the operator's counter-sign request is delivered. `null` while the\n   * operator is unassigned. Defaults to the operator's own system-defined\n   * channel unless explicitly changed in the modal.\n   */\n  operatorChannel: OperatorChannel | null;\n  /** 1..N signers; on-device signers sign sequentially in this order. */\n  signers: SignerRequest[];\n}\n\nexport interface SignatureRequestModalProps {\n  /** Controlled open state. Reopening re-seeds the form from `initial*`. */\n  open: boolean;\n  /**\n   * Fires when the dialog requests a state change (<kbd>Esc</kbd> or the\n   * footer Close button). `false` is the dismiss signal — hosts typically\n   * persist a \"dismissed this session\" flag there.\n   */\n  onOpenChange: (open: boolean) => void;\n  /** Operators offered as the counter-signing signer. */\n  operators: SignerOption[];\n  /** Patient-side people/roles offered in each signer row. */\n  signerOptions: SignerOption[];\n  /** Enables the \"Assign to me\" shortcut targeting this operator. */\n  currentOperatorId?: string;\n  /** Offer an \"Assign later\" option in the operator select. Default `true`. */\n  allowAssignLater?: boolean;\n  /**\n   * Preselected operator; `null` preselects \"Assign later\" (honoured only\n   * while `allowAssignLater` — otherwise the first operator is seeded).\n   */\n  initialOperatorId?: string | null;\n  /**\n   * Preselected operator delivery channel. Defaults to the seeded operator's\n   * system-defined `defaultChannel`. `'on-device'` is honoured only while a\n   * seeded roster signer also signs on this device.\n   */\n  initialOperatorChannel?: OperatorChannel;\n  /** Seed the signer roster. Defaults to the first option, on-device. */\n  initialSigners?: SignerRequest[];\n  /** Cap on roster size. Default `2`. */\n  maxSigners?: number;\n  /**\n   * Whether an operator must counter-sign. `false` drops the operator\n   * section entirely and submits `operatorId: null` — a host whose document\n   * does not require a counter-signature must not be asked for one. Default\n   * `true`.\n   */\n  requireOperator?: boolean;\n  /**\n   * Whether the patient side signs at all. `false` drops the signer roster\n   * and submits an empty `signers` array — for documents only an operator\n   * signs. Default `true`. Setting BOTH this and `requireOperator` to false\n   * leaves nothing to request, so the primary action stays disabled.\n   */\n  requirePatient?: boolean;\n  /** Disables all inputs and shows the primary action as loading. */\n  busy?: boolean;\n  /** Consumer-translated error shown above the footer (e.g. server failure). */\n  error?: string;\n  /** Override the dialog title. Defaults to the `ui.*` string. */\n  title?: string;\n  /** Override the dialog description. Defaults to the `ui.*` string. */\n  description?: string;\n  /** Receives the completed submission. The host closes via `onOpenChange`. */\n  onRequestSignature: (submission: SignatureRequestSubmission) => void;\n  /**\n   * Extra attributes for the portaled dialog surface (e.g. `dir`/`lang`\n   * when the host pins a locale below `<html>`, or a test id).\n   */\n  contentProps?: ComponentPropsWithoutRef<'div'>;\n}\n\nconst ASSIGN_LATER = '__assign-later__';\n\n/** Canonical channel display order; per-signer availability filters this. */\nconst CHANNEL_ORDER: SignatureChannel[] = [\n  'sms',\n  'email',\n  'whatsapp',\n  'on-device',\n];\n\n/** Internal roster row — `rowId` keys the DOM so editing a row's person\n *  never remounts the row (which would drop keyboard focus). */\ninterface RosterRow extends SignerRequest {\n  rowId: number;\n}\n\nfunction labelFor(options: SignerOption[], value: string): string {\n  return options.find((option) => option.value === value)?.label ?? '';\n}\n\nexport const SignatureRequestModal = forwardRef<\n  HTMLDivElement,\n  SignatureRequestModalProps\n>(\n  (\n    {\n      open,\n      onOpenChange,\n      operators,\n      signerOptions,\n      currentOperatorId,\n      allowAssignLater = true,\n      requireOperator = true,\n      requirePatient = true,\n      initialOperatorId,\n      initialOperatorChannel,\n      initialSigners,\n      maxSigners = 2,\n      busy = false,\n      error,\n      title,\n      description,\n      onRequestSignature,\n      contentProps,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const nextRowId = useRef(0);\n    const addButtonRef = useRef<HTMLButtonElement>(null);\n\n    // Channels a given signer can receive on — the person's `availableChannels`\n    // filtered into canonical order; omitted/empty means every channel.\n    const channelsFor = (signerId: string): SignatureChannel[] => {\n      const allowed = signerOptions.find(\n        (option) => option.value === signerId,\n      )?.availableChannels;\n      return allowed && allowed.length > 0\n        ? CHANNEL_ORDER.filter((channel) => allowed.includes(channel))\n        : CHANNEL_ORDER;\n    };\n\n    // First available channel for a signer, preferring `preferred` when offered.\n    const resolveChannel = (\n      signerId: string,\n      preferred: SignatureChannel,\n    ): SignatureChannel => {\n      const available = channelsFor(signerId);\n      return available.includes(preferred) ? preferred : available[0];\n    };\n\n    const seedOperator = () => {\n      if (initialOperatorId === null) {\n        return allowAssignLater\n          ? ASSIGN_LATER\n          : (operators[0]?.value ?? ASSIGN_LATER);\n      }\n      return (\n        initialOperatorId ??\n        operators[0]?.value ??\n        (allowAssignLater ? ASSIGN_LATER : '')\n      );\n    };\n    const seedRows = (): RosterRow[] => {\n      const seed =\n        initialSigners && initialSigners.length > 0\n          ? initialSigners\n          : signerOptions.length > 0\n            ? [\n                {\n                  signerId: signerOptions[0].value,\n                  channel: resolveChannel(signerOptions[0].value, 'on-device'),\n                },\n              ]\n            : [];\n      return seed.map((signer) => ({ ...signer, rowId: nextRowId.current++ }));\n    };\n\n    // System-defined default for one operator — the channel their own\n    // settings resolve to.\n    const operatorDefaultChannel = (operatorId: string): OperatorChannel =>\n      operators.find((option) => option.value === operatorId)?.defaultChannel ??\n      'email';\n\n    // Seed clamp: `'on-device'` is honoured only when the seeded roster\n    // makes it available, so the option is never checked-and-disabled, not\n    // even for a frame.\n    const seedOperatorChannel = (\n      operatorId: string,\n      rows: RosterRow[],\n    ): OperatorChannel => {\n      if (initialOperatorChannel === 'on-device') {\n        return rows.some((signer) => signer.channel === 'on-device')\n          ? 'on-device'\n          : operatorDefaultChannel(operatorId);\n      }\n      return initialOperatorChannel ?? operatorDefaultChannel(operatorId);\n    };\n\n    const [operator, setOperator] = useState<string>(seedOperator);\n    const [signers, setSigners] = useState<RosterRow[]>(seedRows);\n    const [operatorChannel, setOperatorChannel] = useState<OperatorChannel>(\n      () => seedOperatorChannel(operator, signers),\n    );\n    // Feeds the sr-only live region announcing the automatic channel\n    // fallback below; any explicit choice clears it.\n    const [revertedTo, setRevertedTo] = useState<OperatorChannel | null>(null);\n\n    // Re-seed the form whenever the host reopens the (still-mounted) modal,\n    // so a previous request's choices never leak into the next one.\n    const wasOpen = useRef(open);\n    useEffect(() => {\n      if (open && !wasOpen.current) {\n        const nextOperator = seedOperator();\n        const nextRows = seedRows();\n        setOperator(nextOperator);\n        setSigners(nextRows);\n        setOperatorChannel(seedOperatorChannel(nextOperator, nextRows));\n        setRevertedTo(null);\n      }\n      wasOpen.current = open;\n      // The seeds intentionally read the render-time props on the rising\n      // edge only — prop changes while open (or closed) don't reset input.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open]);\n\n    // Operator on-device signing piggybacks on a patient handover: it is\n    // offerable only while a roster signer signs on this device, and falls\n    // back to the operator's system default the moment the last on-device\n    // row leaves. The fallback is announced via the live region — the\n    // trigger lives in the roster section, far from the checkbox it moves.\n    const anySignerOnDevice = signers.some(\n      (signer) => signer.channel === 'on-device',\n    );\n    useEffect(() => {\n      if (operatorChannel === 'on-device' && !anySignerOnDevice) {\n        const fallback = operatorDefaultChannel(operator);\n        setOperatorChannel(fallback);\n        setRevertedTo(fallback);\n      }\n      // `operatorDefaultChannel` reads the render-time `operators` prop.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [operatorChannel, anySignerOnDevice, operator]);\n\n    const operatorSelectOptions = allowAssignLater\n      ? [\n          ...operators,\n          { value: ASSIGN_LATER, label: t('signatureRequest.assignLater') },\n        ]\n      : operators;\n    const isUnassigned = operator === ASSIGN_LATER;\n\n    const channelMeta: Record<\n      SignatureChannel,\n      { label: string; icon: React.ReactNode }\n    > = {\n      sms: {\n        label: t('signatureRequest.viaSms'),\n        icon: <MessageSquare className=\"ds:size-4\" aria-hidden />,\n      },\n      email: {\n        label: t('signatureRequest.viaEmail'),\n        icon: <Mail className=\"ds:size-4\" aria-hidden />,\n      },\n      whatsapp: {\n        label: t('signatureRequest.viaWhatsapp'),\n        icon: <WhatsAppGlyph className=\"ds:size-4\" aria-hidden />,\n      },\n      'on-device': {\n        label: t('signatureRequest.onThisDevice'),\n        icon: <Tablet className=\"ds:size-4\" aria-hidden />,\n      },\n    };\n\n    // Operator delivery — same checkbox visuals as the signer rows, minus\n    // WhatsApp. No \"system defined\" option: the operator's own default\n    // (e-mail or SMS per their settings) arrives pre-checked instead.\n    // On-device greys out while no patient signer signs on this device;\n    // an InfoTip explains why.\n    const operatorChannelOptions: Array<{\n      value: OperatorChannel;\n      label: string;\n      icon: React.ReactNode;\n      disabled?: boolean;\n      hint?: string;\n    }> = [\n      { value: 'sms', ...channelMeta.sms },\n      { value: 'email', ...channelMeta.email },\n      {\n        value: 'on-device',\n        ...channelMeta['on-device'],\n        disabled: !anySignerOnDevice,\n        hint: anySignerOnDevice\n          ? undefined\n          : t('signatureRequest.onDeviceUnavailableHint'),\n      },\n    ];\n\n    const chosenIds = signers.map((signer) => signer.signerId);\n    const nextFreeOption = signerOptions.find(\n      (option) => !chosenIds.includes(option.value),\n    );\n    const canAddSigner =\n      !busy && signers.length < maxSigners && nextFreeOption !== undefined;\n\n    const patchSigner = (rowId: number, patch: Partial<SignerRequest>) => {\n      setSigners((current) =>\n        current.map((signer) =>\n          signer.rowId === rowId ? { ...signer, ...patch } : signer,\n        ),\n      );\n    };\n\n    const addSigner = () => {\n      if (!nextFreeOption) return;\n      setSigners((current) => [\n        ...current,\n        {\n          signerId: nextFreeOption.value,\n          channel: resolveChannel(nextFreeOption.value, 'sms'),\n          rowId: nextRowId.current++,\n        },\n      ]);\n    };\n\n    const removeSigner = (rowId: number) => {\n      // Move focus BEFORE the row (and the focused remove button) unmounts —\n      // otherwise Radix's focus scope dumps focus on the dialog container.\n      addButtonRef.current?.focus();\n      setSigners((current) =>\n        current.filter((signer) => signer.rowId !== rowId),\n      );\n    };\n\n    const handleRequest = () => {\n      onRequestSignature({\n        operatorId: !requireOperator || isUnassigned ? null : operator,\n        operatorChannel:\n          !requireOperator || isUnassigned ? null : operatorChannel,\n        signers: requirePatient\n          ? signers.map(({ rowId: _rowId, ...signer }) => signer)\n          : [],\n      });\n    };\n\n    return (\n      <div ref={ref} className=\"ds:contents\" data-component=\"signature-request\">\n        <Dialog open={open} onOpenChange={onOpenChange}>\n          <Dialog.Content size=\"lg\" hideCloseButton {...contentProps}>\n            <Dialog.Header>\n              <Dialog.Title>\n                {title ?? t('signatureRequest.title')}\n              </Dialog.Title>\n              <Dialog.Description>\n                {description ?? t('signatureRequest.noSignedVersions')}\n              </Dialog.Description>\n            </Dialog.Header>\n\n            <Dialog.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              {requireOperator ? (\n                <section className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n                  <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n                    <p className=\"type-eyebrow ds:text-start ds:text-[color:var(--muted-foreground)]\">\n                      {t('signatureRequest.operatorSection')}\n                    </p>\n                    {currentOperatorId !== undefined ? (\n                      <Button\n                        intent=\"primary\"\n                        size=\"sm\"\n                        startIcon={<UserPlus />}\n                        disabled={busy}\n                        onClick={() => {\n                          setOperator(currentOperatorId);\n                          setOperatorChannel(\n                            operatorDefaultChannel(currentOperatorId),\n                          );\n                          setRevertedTo(null);\n                        }}\n                      >\n                        {t('signatureRequest.assignToMe')}\n                      </Button>\n                    ) : null}\n                  </div>\n\n                  <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                    {/* Mirrors the select value — decorative for AT. No name →\n                      Avatar's built-in placeholder-icon fallback. */}\n                    <Avatar\n                      aria-hidden=\"true\"\n                      name={\n                        isUnassigned ? undefined : labelFor(operators, operator)\n                      }\n                      size=\"sm\"\n                    />\n                    <div className=\"ds:min-w-0 ds:flex-1 ds:text-start\">\n                      <Select\n                        options={operatorSelectOptions}\n                        value={operator}\n                        onValueChange={(value) => {\n                          if (!value) return;\n                          setOperator(value);\n                          // A different operator brings their own system\n                          // default along.\n                          setOperatorChannel(\n                            value === ASSIGN_LATER\n                              ? 'email'\n                              : operatorDefaultChannel(value),\n                          );\n                          setRevertedTo(null);\n                        }}\n                        required\n                        disabled={busy}\n                        placeholder={t('signatureRequest.operatorPlaceholder')}\n                        aria-label={t('signatureRequest.operatorSection')}\n                      />\n                    </div>\n                  </div>\n\n                  {/* One channel for the operator too — same mutually exclusive\n                    checkbox visuals as the signer rows. Hidden while the\n                    request is unassigned: there is nobody to deliver to. */}\n                  {isUnassigned ? null : (\n                    <div\n                      role=\"group\"\n                      aria-label={t('signatureRequest.operatorChannelLabel')}\n                      className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)] ds:ps-[var(--spacing-xl)]\"\n                    >\n                      {operatorChannelOptions.map((option) => (\n                        <span\n                          key={option.value}\n                          className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\"\n                        >\n                          <Checkbox\n                            checked={operatorChannel === option.value}\n                            disabled={busy || option.disabled}\n                            onCheckedChange={(checked) => {\n                              if (checked !== true) return;\n                              setOperatorChannel(option.value);\n                              setRevertedTo(null);\n                            }}\n                            label={\n                              <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                                <span\n                                  aria-hidden=\"true\"\n                                  className=\"ds:text-[var(--accent)]\"\n                                >\n                                  {option.icon}\n                                </span>\n                                {option.label}\n                              </span>\n                            }\n                          />\n                          {/* Sibling of the checkbox, never inside its label —\n                            the tip is its own interactive control. The wider\n                            gap keeps the tip's touch hit-area off the label. */}\n                          {option.hint ? (\n                            <InfoTip size=\"sm\" content={option.hint} />\n                          ) : null}\n                        </span>\n                      ))}\n                    </div>\n                  )}\n\n                  {/* Announces the automatic on-device → default fallback: the\n                    trigger (the patient's channel change) sits in another\n                    section, so the moved checkmark alone is not enough. */}\n                  <span role=\"status\" className=\"ds:sr-only\">\n                    {revertedTo\n                      ? t('signatureRequest.operatorChannelReverted', {\n                          channel: channelMeta[revertedTo].label,\n                        })\n                      : null}\n                  </span>\n                </section>\n              ) : null}\n\n              {/* The rule only separates two sections that are both there. */}\n              {requireOperator && requirePatient ? (\n                <Separator decorative />\n              ) : null}\n\n              {requirePatient ? (\n                <section className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:text-start\">\n                  <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n                    <p className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                      {t('signatureRequest.signersSection')}\n                    </p>\n                    {/* Offered only when the roster holds more than one\n                      person. A patient with nobody else to sign for them saw\n                      a permanently greyed action — a promise the modal could\n                      never keep. With two or more it stays, greying (not\n                      hiding) once every seat is taken so the cap reads. */}\n                    {signerOptions.length > 1 ? (\n                      <Button\n                        ref={addButtonRef}\n                        intent=\"primary\"\n                        size=\"sm\"\n                        startIcon={<Plus />}\n                        disabled={!canAddSigner}\n                        onClick={addSigner}\n                      >\n                        {t('signatureRequest.addSigner')}\n                      </Button>\n                    ) : null}\n                  </div>\n\n                  {signers.map((signer) => {\n                    const rowOptions = signerOptions.filter(\n                      (option) =>\n                        option.value === signer.signerId ||\n                        !chosenIds.includes(option.value),\n                    );\n                    const rowLabel = labelFor(signerOptions, signer.signerId);\n                    const rowChannelOptions = channelsFor(signer.signerId).map(\n                      (channel) => ({\n                        value: channel,\n                        ...channelMeta[channel],\n                      }),\n                    );\n                    return (\n                      <div\n                        key={signer.rowId}\n                        role=\"group\"\n                        aria-label={rowLabel}\n                        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n                      >\n                        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                          {/* Mirrors the select value — decorative for AT. */}\n                          <Avatar\n                            aria-hidden=\"true\"\n                            name={rowLabel}\n                            size=\"sm\"\n                          />\n                          <div className=\"ds:min-w-0 ds:flex-1\">\n                            <Select\n                              options={rowOptions}\n                              value={signer.signerId}\n                              onValueChange={(value) => {\n                                if (!value) return;\n                                const channel = resolveChannel(\n                                  value,\n                                  signer.channel,\n                                );\n                                patchSigner(signer.rowId, {\n                                  signerId: value,\n                                  channel,\n                                  skipOtp:\n                                    channel === 'on-device'\n                                      ? signer.skipOtp\n                                      : undefined,\n                                });\n                              }}\n                              required\n                              disabled={busy}\n                              placeholder={t(\n                                'signatureRequest.signerPlaceholder',\n                              )}\n                              aria-label={t(\n                                'signatureRequest.signerPlaceholder',\n                              )}\n                            />\n                          </div>\n                          {signers.length > 1 ? (\n                            <IconButton\n                              intent=\"ghost\"\n                              size=\"sm\"\n                              icon={<X />}\n                              disabled={busy}\n                              aria-label={t('signatureRequest.removeSigner')}\n                              onClick={() => removeSigner(signer.rowId)}\n                            />\n                          ) : null}\n                        </div>\n\n                        {/* One channel per signer — checkbox visuals, but the\n                          choice is mutually exclusive: checking a channel\n                          unchecks the others, and the active one can't be\n                          unchecked. */}\n                        <div\n                          role=\"group\"\n                          aria-label={t('signatureRequest.channelLabel')}\n                          className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)] ds:ps-[var(--spacing-xl)]\"\n                        >\n                          {rowChannelOptions.map((option) => (\n                            <Checkbox\n                              key={option.value}\n                              checked={signer.channel === option.value}\n                              disabled={busy}\n                              onCheckedChange={(checked) =>\n                                checked === true &&\n                                patchSigner(signer.rowId, {\n                                  channel: option.value,\n                                  skipOtp: undefined,\n                                })\n                              }\n                              label={\n                                <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                                  <span\n                                    aria-hidden=\"true\"\n                                    className=\"ds:text-[var(--accent)]\"\n                                  >\n                                    {option.icon}\n                                  </span>\n                                  {option.label}\n                                </span>\n                              }\n                            />\n                          ))}\n                        </div>\n\n                        {signer.channel === 'on-device' ? (\n                          <div className=\"ds:ps-[var(--spacing-xl)]\">\n                            <Switch\n                              label={t('signatureRequest.noOtp')}\n                              checked={signer.skipOtp === true}\n                              disabled={busy}\n                              onCheckedChange={(checked) =>\n                                patchSigner(signer.rowId, { skipOtp: checked })\n                              }\n                            />\n                          </div>\n                        ) : null}\n                      </div>\n                    );\n                  })}\n                </section>\n              ) : null}\n\n              {/* Dedicated alert area — one warning regardless of how many\n                  signers waive OTP, stacked with any submission error, all at\n                  the same full width as the operator hint. */}\n              {signers.some(\n                (signer) =>\n                  signer.channel === 'on-device' && signer.skipOtp === true,\n              ) ? (\n                <Alert variant=\"warning\">\n                  <Alert.Description>\n                    {t('signatureRequest.noOtpWarning')}\n                  </Alert.Description>\n                </Alert>\n              ) : null}\n              {error ? (\n                <Alert variant=\"error\">\n                  <Alert.Description>{error}</Alert.Description>\n                </Alert>\n              ) : null}\n            </Dialog.Body>\n\n            <Dialog.Footer>\n              <Button\n                intent=\"primary\"\n                startIcon={<PenLine />}\n                onClick={handleRequest}\n                disabled={\n                  busy ||\n                  (requirePatient && signers.length === 0) ||\n                  (!requirePatient && !requireOperator)\n                }\n                loading={busy}\n              >\n                {t('signatureRequest.requestSignature')}\n              </Button>\n              <Dialog.Close asChild>\n                <Button intent=\"outline\" disabled={busy}>\n                  {t('signatureRequest.close')}\n                </Button>\n              </Dialog.Close>\n            </Dialog.Footer>\n          </Dialog.Content>\n        </Dialog>\n      </div>\n    );\n  },\n);\nSignatureRequestModal.displayName = 'SignatureRequestModal';\n"],"names":["__iconNode","Tablet","createLucideIcon","UserPlus","ASSIGN_LATER","CHANNEL_ORDER","labelFor","options","value","_a","option","SignatureRequestModal","forwardRef","open","onOpenChange","operators","signerOptions","currentOperatorId","allowAssignLater","requireOperator","requirePatient","initialOperatorId","initialOperatorChannel","initialSigners","maxSigners","busy","error","title","description","onRequestSignature","contentProps","ref","t","useTranslation","nextRowId","useRef","addButtonRef","channelsFor","signerId","allowed","channel","resolveChannel","preferred","available","seedOperator","_b","seedRows","signer","operatorDefaultChannel","operatorId","seedOperatorChannel","rows","operator","setOperator","useState","signers","setSigners","operatorChannel","setOperatorChannel","revertedTo","setRevertedTo","wasOpen","useEffect","nextOperator","nextRows","anySignerOnDevice","fallback","operatorSelectOptions","isUnassigned","channelMeta","jsx","MessageSquare","Mail","WhatsAppGlyph","operatorChannelOptions","chosenIds","nextFreeOption","canAddSigner","patchSigner","rowId","patch","current","addSigner","removeSigner","handleRequest","_rowId","Dialog","jsxs","Button","Avatar","Select","Checkbox","checked","InfoTip","Separator","Plus","rowOptions","rowLabel","rowChannelOptions","IconButton","X","Switch","Alert","PenLine"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"signature-request-CUe903hj.js","sources":["../../node_modules/lucide-react/dist/esm/icons/tablet.mjs","../../node_modules/lucide-react/dist/esm/icons/user-plus.mjs","../../src/patterns/signature-request/signature-request.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { width: \"16\", height: \"20\", x: \"4\", y: \"2\", rx: \"2\", ry: \"2\", key: \"76otgf\" }],\n  [\"line\", { x1: \"12\", x2: \"12.01\", y1: \"18\", y2: \"18\", key: \"1dp563\" }]\n];\nconst Tablet = createLucideIcon(\"tablet\", __iconNode);\n\nexport { __iconNode, Tablet as default };\n//# sourceMappingURL=tablet.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\", key: \"1yyitq\" }],\n  [\"circle\", { cx: \"9\", cy: \"7\", r: \"4\", key: \"nufk8\" }],\n  [\"line\", { x1: \"19\", x2: \"19\", y1: \"8\", y2: \"14\", key: \"1bvyxn\" }],\n  [\"line\", { x1: \"22\", x2: \"16\", y1: \"11\", y2: \"11\", key: \"1shjgl\" }]\n];\nconst UserPlus = createLucideIcon(\"user-plus\", __iconNode);\n\nexport { __iconNode, UserPlus as default };\n//# sourceMappingURL=user-plus.mjs.map\n","/**\n * SignatureRequestModal — the practice-side \"Documenti firmati\" modal that\n * dispatches a document-signature request: assign the operator who must\n * counter-sign (or leave the request unassigned) and how their request is\n * delivered (their system-defined default channel arrives pre-checked),\n * build the patient-side signer roster (up to `maxSigners`, each with their\n * own delivery channel and, for on-device signing, an OTP waiver), and send.\n *\n * Runtime pattern: real consuming apps mount this in production (surfaced via\n * `src/patterns/index.ts` and the `./patterns/signature-request` subpath).\n * The component owns the form state — re-seeded from the `initial*` props\n * every time `open` flips back to `true` — while the host owns `open`, the\n * option lists, and what happens on submit. Multiple on-device signers sign\n * sequentially in roster order — the execution side is the Signing pattern's\n * multi-signer flow; this modal only encodes the intents.\n */\nimport {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  Mail,\n  MessageSquare,\n  PenLine,\n  Plus,\n  Tablet,\n  UserPlus,\n  X,\n} from 'lucide-react';\nimport { Dialog } from '../../components/dialog';\nimport { Button } from '../../components/button';\nimport { IconButton } from '../../components/icon-button';\nimport { Checkbox } from '../../components/checkbox';\nimport { WhatsAppGlyph } from '../../components/whatsapp-button';\nimport { Select } from '../../components/select';\nimport { Switch } from '../../components/switch';\nimport { Alert } from '../../components/alert';\nimport { InfoTip } from '../../components/info-tip';\nimport { Separator } from '../../components/separator';\nimport { Avatar } from '../../components/avatar';\n\n/** Delivery channel for one signer's signature request. */\nexport type SignatureChannel = 'sms' | 'email' | 'whatsapp' | 'on-device';\n\n/**\n * Delivery channel for the operator's counter-sign request. The default is\n * system defined — the assigned operator's own `defaultChannel` (e-mail or\n * SMS) arrives pre-checked; `'on-device'` is offerable only while a roster\n * signer also signs on this device.\n */\nexport type OperatorChannel = 'sms' | 'email' | 'on-device';\n\n/** One selectable person/role for the operator or signer selects. */\nexport interface SignerOption {\n  value: string;\n  label: string;\n  /**\n   * Delivery channels this person can actually receive. Omit (or pass an\n   * empty list) to offer every channel. Hosts gate this from per-patient\n   * capability flags — e.g. a patient with no mobile number drops `'sms'`\n   * and `'whatsapp'`. Only meaningful for signer options, not operators.\n   */\n  availableChannels?: SignatureChannel[];\n  /**\n   * The delivery channel this operator's own settings resolve to — the\n   * system-defined default, pre-checked when the operator is assigned.\n   * Falls back to `'email'` when omitted. Only meaningful for operator\n   * options, not signers.\n   */\n  defaultChannel?: 'sms' | 'email';\n}\n\n/** One patient-side signer row in the submission. */\nexport interface SignerRequest {\n  signerId: string;\n  channel: SignatureChannel;\n  /** Only meaningful when `channel` is `'on-device'`. */\n  skipOtp?: boolean;\n}\n\n/** Payload handed to `onRequestSignature`. */\nexport interface SignatureRequestSubmission {\n  /** `null` when the counter-signing operator is left unassigned. */\n  operatorId: string | null;\n  /**\n   * How the operator's counter-sign request is delivered. `null` while the\n   * operator is unassigned. Defaults to the operator's own system-defined\n   * channel unless explicitly changed in the modal.\n   */\n  operatorChannel: OperatorChannel | null;\n  /** 1..N signers; on-device signers sign sequentially in this order. */\n  signers: SignerRequest[];\n}\n\nexport interface SignatureRequestModalProps {\n  /** Controlled open state. Reopening re-seeds the form from `initial*`. */\n  open: boolean;\n  /**\n   * Fires when the dialog requests a state change (<kbd>Esc</kbd> or the\n   * footer Close button). `false` is the dismiss signal — hosts typically\n   * persist a \"dismissed this session\" flag there.\n   */\n  onOpenChange: (open: boolean) => void;\n  /** Operators offered as the counter-signing signer. */\n  operators: SignerOption[];\n  /** Patient-side people/roles offered in each signer row. */\n  signerOptions: SignerOption[];\n  /** Enables the \"Assign to me\" shortcut targeting this operator. */\n  currentOperatorId?: string;\n  /** Offer an \"Assign later\" option in the operator select. Default `true`. */\n  allowAssignLater?: boolean;\n  /**\n   * Preselected operator; `null` preselects \"Assign later\" (honoured only\n   * while `allowAssignLater` — otherwise the first operator is seeded).\n   */\n  initialOperatorId?: string | null;\n  /**\n   * Preselected operator delivery channel. Defaults to the seeded operator's\n   * system-defined `defaultChannel`. `'on-device'` is honoured only while a\n   * seeded roster signer also signs on this device.\n   */\n  initialOperatorChannel?: OperatorChannel;\n  /** Seed the signer roster. Defaults to the first option, on-device. */\n  initialSigners?: SignerRequest[];\n  /** Cap on roster size. Default `2`. */\n  maxSigners?: number;\n  /**\n   * Whether an operator must counter-sign. `false` drops the operator\n   * section entirely and submits `operatorId: null` — a host whose document\n   * does not require a counter-signature must not be asked for one. Default\n   * `true`.\n   */\n  requireOperator?: boolean;\n  /**\n   * Whether the patient side signs at all. `false` drops the signer roster\n   * and submits an empty `signers` array — for documents only an operator\n   * signs. Default `true`. Setting BOTH this and `requireOperator` to false\n   * leaves nothing to request, so the primary action stays disabled.\n   */\n  requirePatient?: boolean;\n  /** Disables all inputs and shows the primary action as loading. */\n  busy?: boolean;\n  /** Consumer-translated error shown above the footer (e.g. server failure). */\n  error?: string;\n  /** Override the dialog title. Defaults to the `ui.*` string. */\n  title?: string;\n  /** Override the dialog description. Defaults to the `ui.*` string. */\n  description?: string;\n  /** Receives the completed submission. The host closes via `onOpenChange`. */\n  onRequestSignature: (submission: SignatureRequestSubmission) => void;\n  /**\n   * Extra attributes for the portaled dialog surface (e.g. `dir`/`lang`\n   * when the host pins a locale below `<html>`, or a test id).\n   */\n  contentProps?: ComponentPropsWithoutRef<'div'>;\n}\n\nconst ASSIGN_LATER = '__assign-later__';\n\n/** Canonical channel display order; per-signer availability filters this. */\nconst CHANNEL_ORDER: SignatureChannel[] = [\n  'sms',\n  'email',\n  'whatsapp',\n  'on-device',\n];\n\n/** Internal roster row — `rowId` keys the DOM so editing a row's person\n *  never remounts the row (which would drop keyboard focus). */\ninterface RosterRow extends SignerRequest {\n  rowId: number;\n}\n\nfunction labelFor(options: SignerOption[], value: string): string {\n  return options.find((option) => option.value === value)?.label ?? '';\n}\n\nexport const SignatureRequestModal = forwardRef<\n  HTMLDivElement,\n  SignatureRequestModalProps\n>(\n  (\n    {\n      open,\n      onOpenChange,\n      operators,\n      signerOptions,\n      currentOperatorId,\n      allowAssignLater = true,\n      requireOperator = true,\n      requirePatient = true,\n      initialOperatorId,\n      initialOperatorChannel,\n      initialSigners,\n      maxSigners = 2,\n      busy = false,\n      error,\n      title,\n      description,\n      onRequestSignature,\n      contentProps,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    const nextRowId = useRef(0);\n    const addButtonRef = useRef<HTMLButtonElement>(null);\n\n    // Channels a given signer can receive on — the person's `availableChannels`\n    // filtered into canonical order; omitted/empty means every channel.\n    const channelsFor = (signerId: string): SignatureChannel[] => {\n      const allowed = signerOptions.find(\n        (option) => option.value === signerId,\n      )?.availableChannels;\n      return allowed && allowed.length > 0\n        ? CHANNEL_ORDER.filter((channel) => allowed.includes(channel))\n        : CHANNEL_ORDER;\n    };\n\n    // First available channel for a signer, preferring `preferred` when offered.\n    const resolveChannel = (\n      signerId: string,\n      preferred: SignatureChannel,\n    ): SignatureChannel => {\n      const available = channelsFor(signerId);\n      return available.includes(preferred) ? preferred : available[0];\n    };\n\n    const seedOperator = () => {\n      if (initialOperatorId === null) {\n        return allowAssignLater\n          ? ASSIGN_LATER\n          : (operators[0]?.value ?? ASSIGN_LATER);\n      }\n      return (\n        initialOperatorId ??\n        operators[0]?.value ??\n        (allowAssignLater ? ASSIGN_LATER : '')\n      );\n    };\n    const seedRows = (): RosterRow[] => {\n      const seed =\n        initialSigners && initialSigners.length > 0\n          ? initialSigners\n          : signerOptions.length > 0\n            ? [\n                {\n                  signerId: signerOptions[0].value,\n                  channel: resolveChannel(signerOptions[0].value, 'on-device'),\n                },\n              ]\n            : [];\n      return seed.map((signer) => ({ ...signer, rowId: nextRowId.current++ }));\n    };\n\n    // System-defined default for one operator — the channel their own\n    // settings resolve to.\n    const operatorDefaultChannel = (operatorId: string): OperatorChannel =>\n      operators.find((option) => option.value === operatorId)?.defaultChannel ??\n      'email';\n\n    // Seed clamp: `'on-device'` is honoured only when the seeded roster\n    // makes it available, so the option is never checked-and-disabled, not\n    // even for a frame.\n    const seedOperatorChannel = (\n      operatorId: string,\n      rows: RosterRow[],\n    ): OperatorChannel => {\n      if (initialOperatorChannel === 'on-device') {\n        return rows.some((signer) => signer.channel === 'on-device')\n          ? 'on-device'\n          : operatorDefaultChannel(operatorId);\n      }\n      return initialOperatorChannel ?? operatorDefaultChannel(operatorId);\n    };\n\n    const [operator, setOperator] = useState<string>(seedOperator);\n    const [signers, setSigners] = useState<RosterRow[]>(seedRows);\n    const [operatorChannel, setOperatorChannel] = useState<OperatorChannel>(\n      () => seedOperatorChannel(operator, signers),\n    );\n    // Feeds the sr-only live region announcing the automatic channel\n    // fallback below; any explicit choice clears it.\n    const [revertedTo, setRevertedTo] = useState<OperatorChannel | null>(null);\n\n    // Re-seed the form whenever the host reopens the (still-mounted) modal,\n    // so a previous request's choices never leak into the next one.\n    const wasOpen = useRef(open);\n    useEffect(() => {\n      if (open && !wasOpen.current) {\n        const nextOperator = seedOperator();\n        const nextRows = seedRows();\n        setOperator(nextOperator);\n        setSigners(nextRows);\n        setOperatorChannel(seedOperatorChannel(nextOperator, nextRows));\n        setRevertedTo(null);\n      }\n      wasOpen.current = open;\n      // The seeds intentionally read the render-time props on the rising\n      // edge only — prop changes while open (or closed) don't reset input.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open]);\n\n    // Operator on-device signing piggybacks on a patient handover: it is\n    // offerable only while a roster signer signs on this device, and falls\n    // back to the operator's system default the moment the last on-device\n    // row leaves. The fallback is announced via the live region — the\n    // trigger lives in the roster section, far from the checkbox it moves.\n    const anySignerOnDevice = signers.some(\n      (signer) => signer.channel === 'on-device',\n    );\n    useEffect(() => {\n      if (operatorChannel === 'on-device' && !anySignerOnDevice) {\n        const fallback = operatorDefaultChannel(operator);\n        setOperatorChannel(fallback);\n        setRevertedTo(fallback);\n      }\n      // `operatorDefaultChannel` reads the render-time `operators` prop.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [operatorChannel, anySignerOnDevice, operator]);\n\n    const operatorSelectOptions = allowAssignLater\n      ? [\n          ...operators,\n          { value: ASSIGN_LATER, label: t('signatureRequest.assignLater') },\n        ]\n      : operators;\n    const isUnassigned = operator === ASSIGN_LATER;\n\n    const channelMeta: Record<\n      SignatureChannel,\n      { label: string; icon: React.ReactNode }\n    > = {\n      sms: {\n        label: t('signatureRequest.viaSms'),\n        icon: <MessageSquare className=\"ds:size-4\" aria-hidden />,\n      },\n      email: {\n        label: t('signatureRequest.viaEmail'),\n        icon: <Mail className=\"ds:size-4\" aria-hidden />,\n      },\n      whatsapp: {\n        label: t('signatureRequest.viaWhatsapp'),\n        icon: <WhatsAppGlyph className=\"ds:size-4\" aria-hidden />,\n      },\n      'on-device': {\n        label: t('signatureRequest.onThisDevice'),\n        icon: <Tablet className=\"ds:size-4\" aria-hidden />,\n      },\n    };\n\n    // Operator delivery — same checkbox visuals as the signer rows, minus\n    // WhatsApp. No \"system defined\" option: the operator's own default\n    // (e-mail or SMS per their settings) arrives pre-checked instead.\n    // On-device greys out while no patient signer signs on this device;\n    // an InfoTip explains why.\n    const operatorChannelOptions: Array<{\n      value: OperatorChannel;\n      label: string;\n      icon: React.ReactNode;\n      disabled?: boolean;\n      hint?: string;\n    }> = [\n      { value: 'sms', ...channelMeta.sms },\n      { value: 'email', ...channelMeta.email },\n      {\n        value: 'on-device',\n        ...channelMeta['on-device'],\n        disabled: !anySignerOnDevice,\n        hint: anySignerOnDevice\n          ? undefined\n          : t('signatureRequest.onDeviceUnavailableHint'),\n      },\n    ];\n\n    const chosenIds = signers.map((signer) => signer.signerId);\n    const nextFreeOption = signerOptions.find(\n      (option) => !chosenIds.includes(option.value),\n    );\n    const canAddSigner =\n      !busy && signers.length < maxSigners && nextFreeOption !== undefined;\n\n    const patchSigner = (rowId: number, patch: Partial<SignerRequest>) => {\n      setSigners((current) =>\n        current.map((signer) =>\n          signer.rowId === rowId ? { ...signer, ...patch } : signer,\n        ),\n      );\n    };\n\n    const addSigner = () => {\n      if (!nextFreeOption) return;\n      setSigners((current) => [\n        ...current,\n        {\n          signerId: nextFreeOption.value,\n          channel: resolveChannel(nextFreeOption.value, 'sms'),\n          rowId: nextRowId.current++,\n        },\n      ]);\n    };\n\n    const removeSigner = (rowId: number) => {\n      // Move focus BEFORE the row (and the focused remove button) unmounts —\n      // otherwise Radix's focus scope dumps focus on the dialog container.\n      addButtonRef.current?.focus();\n      setSigners((current) =>\n        current.filter((signer) => signer.rowId !== rowId),\n      );\n    };\n\n    const handleRequest = () => {\n      onRequestSignature({\n        operatorId: !requireOperator || isUnassigned ? null : operator,\n        operatorChannel:\n          !requireOperator || isUnassigned ? null : operatorChannel,\n        signers: requirePatient\n          ? signers.map(({ rowId: _rowId, ...signer }) => signer)\n          : [],\n      });\n    };\n\n    return (\n      <div ref={ref} className=\"ds:contents\" data-component=\"signature-request\">\n        <Dialog open={open} onOpenChange={onOpenChange}>\n          <Dialog.Content size=\"lg\" hideCloseButton {...contentProps}>\n            <Dialog.Header>\n              <Dialog.Title>\n                {title ?? t('signatureRequest.title')}\n              </Dialog.Title>\n              <Dialog.Description>\n                {description ?? t('signatureRequest.noSignedVersions')}\n              </Dialog.Description>\n            </Dialog.Header>\n\n            <Dialog.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              {requireOperator ? (\n                <section className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n                  <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n                    <p className=\"type-eyebrow ds:text-start ds:text-[color:var(--muted-foreground)]\">\n                      {t('signatureRequest.operatorSection')}\n                    </p>\n                    {currentOperatorId !== undefined ? (\n                      <Button\n                        intent=\"primary\"\n                        size=\"sm\"\n                        startIcon={<UserPlus />}\n                        disabled={busy}\n                        onClick={() => {\n                          setOperator(currentOperatorId);\n                          setOperatorChannel(\n                            operatorDefaultChannel(currentOperatorId),\n                          );\n                          setRevertedTo(null);\n                        }}\n                      >\n                        {t('signatureRequest.assignToMe')}\n                      </Button>\n                    ) : null}\n                  </div>\n\n                  <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                    {/* Mirrors the select value — decorative for AT. No name →\n                      Avatar's built-in placeholder-icon fallback. */}\n                    <Avatar\n                      aria-hidden=\"true\"\n                      name={\n                        isUnassigned ? undefined : labelFor(operators, operator)\n                      }\n                      size=\"sm\"\n                    />\n                    <div className=\"ds:min-w-0 ds:flex-1 ds:text-start\">\n                      <Select\n                        options={operatorSelectOptions}\n                        value={operator}\n                        onValueChange={(value) => {\n                          if (!value) return;\n                          setOperator(value);\n                          // A different operator brings their own system\n                          // default along.\n                          setOperatorChannel(\n                            value === ASSIGN_LATER\n                              ? 'email'\n                              : operatorDefaultChannel(value),\n                          );\n                          setRevertedTo(null);\n                        }}\n                        required\n                        disabled={busy}\n                        placeholder={t('signatureRequest.operatorPlaceholder')}\n                        aria-label={t('signatureRequest.operatorSection')}\n                      />\n                    </div>\n                  </div>\n\n                  {/* One channel for the operator too — same mutually exclusive\n                    checkbox visuals as the signer rows. Hidden while the\n                    request is unassigned: there is nobody to deliver to. */}\n                  {isUnassigned ? null : (\n                    <div\n                      role=\"group\"\n                      aria-label={t('signatureRequest.operatorChannelLabel')}\n                      className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)] ds:ps-[var(--spacing-xl)]\"\n                    >\n                      {operatorChannelOptions.map((option) => (\n                        <span\n                          key={option.value}\n                          className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\"\n                        >\n                          <Checkbox\n                            checked={operatorChannel === option.value}\n                            disabled={busy || option.disabled}\n                            onCheckedChange={(checked) => {\n                              if (checked !== true) return;\n                              setOperatorChannel(option.value);\n                              setRevertedTo(null);\n                            }}\n                            label={\n                              <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                                <span\n                                  aria-hidden=\"true\"\n                                  className=\"ds:text-[var(--accent)]\"\n                                >\n                                  {option.icon}\n                                </span>\n                                {option.label}\n                              </span>\n                            }\n                          />\n                          {/* Sibling of the checkbox, never inside its label —\n                            the tip is its own interactive control. The wider\n                            gap keeps the tip's touch hit-area off the label. */}\n                          {option.hint ? (\n                            <InfoTip size=\"sm\" content={option.hint} />\n                          ) : null}\n                        </span>\n                      ))}\n                    </div>\n                  )}\n\n                  {/* Announces the automatic on-device → default fallback: the\n                    trigger (the patient's channel change) sits in another\n                    section, so the moved checkmark alone is not enough. */}\n                  <span role=\"status\" className=\"ds:sr-only\">\n                    {revertedTo\n                      ? t('signatureRequest.operatorChannelReverted', {\n                          channel: channelMeta[revertedTo].label,\n                        })\n                      : null}\n                  </span>\n                </section>\n              ) : null}\n\n              {/* The rule only separates two sections that are both there. */}\n              {requireOperator && requirePatient ? (\n                <Separator decorative />\n              ) : null}\n\n              {requirePatient ? (\n                <section className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:text-start\">\n                  <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n                    <p className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                      {t('signatureRequest.signersSection')}\n                    </p>\n                    {/* Offered only when the roster holds more than one\n                      person. A patient with nobody else to sign for them saw\n                      a permanently greyed action — a promise the modal could\n                      never keep. With two or more it stays, greying (not\n                      hiding) once every seat is taken so the cap reads. */}\n                    {signerOptions.length > 1 ? (\n                      <Button\n                        ref={addButtonRef}\n                        intent=\"primary\"\n                        size=\"sm\"\n                        startIcon={<Plus />}\n                        disabled={!canAddSigner}\n                        onClick={addSigner}\n                      >\n                        {t('signatureRequest.addSigner')}\n                      </Button>\n                    ) : null}\n                  </div>\n\n                  {signers.map((signer) => {\n                    const rowOptions = signerOptions.filter(\n                      (option) =>\n                        option.value === signer.signerId ||\n                        !chosenIds.includes(option.value),\n                    );\n                    const rowLabel = labelFor(signerOptions, signer.signerId);\n                    const rowChannelOptions = channelsFor(signer.signerId).map(\n                      (channel) => ({\n                        value: channel,\n                        ...channelMeta[channel],\n                      }),\n                    );\n                    return (\n                      <div\n                        key={signer.rowId}\n                        role=\"group\"\n                        aria-label={rowLabel}\n                        className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n                      >\n                        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                          {/* Mirrors the select value — decorative for AT. */}\n                          <Avatar\n                            aria-hidden=\"true\"\n                            name={rowLabel}\n                            size=\"sm\"\n                          />\n                          <div className=\"ds:min-w-0 ds:flex-1\">\n                            <Select\n                              options={rowOptions}\n                              value={signer.signerId}\n                              onValueChange={(value) => {\n                                if (!value) return;\n                                const channel = resolveChannel(\n                                  value,\n                                  signer.channel,\n                                );\n                                patchSigner(signer.rowId, {\n                                  signerId: value,\n                                  channel,\n                                  skipOtp:\n                                    channel === 'on-device'\n                                      ? signer.skipOtp\n                                      : undefined,\n                                });\n                              }}\n                              required\n                              disabled={busy}\n                              placeholder={t(\n                                'signatureRequest.signerPlaceholder',\n                              )}\n                              aria-label={t(\n                                'signatureRequest.signerPlaceholder',\n                              )}\n                            />\n                          </div>\n                          {signers.length > 1 ? (\n                            <IconButton\n                              intent=\"ghost\"\n                              size=\"sm\"\n                              icon={<X />}\n                              disabled={busy}\n                              aria-label={t('signatureRequest.removeSigner')}\n                              onClick={() => removeSigner(signer.rowId)}\n                            />\n                          ) : null}\n                        </div>\n\n                        {/* One channel per signer — checkbox visuals, but the\n                          choice is mutually exclusive: checking a channel\n                          unchecks the others, and the active one can't be\n                          unchecked. */}\n                        <div\n                          role=\"group\"\n                          aria-label={t('signatureRequest.channelLabel')}\n                          className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)] ds:ps-[var(--spacing-xl)]\"\n                        >\n                          {rowChannelOptions.map((option) => (\n                            <Checkbox\n                              key={option.value}\n                              checked={signer.channel === option.value}\n                              disabled={busy}\n                              onCheckedChange={(checked) =>\n                                checked === true &&\n                                patchSigner(signer.rowId, {\n                                  channel: option.value,\n                                  skipOtp: undefined,\n                                })\n                              }\n                              label={\n                                <span className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n                                  <span\n                                    aria-hidden=\"true\"\n                                    className=\"ds:text-[var(--accent)]\"\n                                  >\n                                    {option.icon}\n                                  </span>\n                                  {option.label}\n                                </span>\n                              }\n                            />\n                          ))}\n                        </div>\n\n                        {signer.channel === 'on-device' ? (\n                          <div className=\"ds:ps-[var(--spacing-xl)]\">\n                            <Switch\n                              label={t('signatureRequest.noOtp')}\n                              checked={signer.skipOtp === true}\n                              disabled={busy}\n                              onCheckedChange={(checked) =>\n                                patchSigner(signer.rowId, { skipOtp: checked })\n                              }\n                            />\n                          </div>\n                        ) : null}\n                      </div>\n                    );\n                  })}\n                </section>\n              ) : null}\n\n              {/* Dedicated alert area — one warning regardless of how many\n                  signers waive OTP, stacked with any submission error, all at\n                  the same full width as the operator hint. */}\n              {signers.some(\n                (signer) =>\n                  signer.channel === 'on-device' && signer.skipOtp === true,\n              ) ? (\n                <Alert variant=\"warning\">\n                  <Alert.Description>\n                    {t('signatureRequest.noOtpWarning')}\n                  </Alert.Description>\n                </Alert>\n              ) : null}\n              {error ? (\n                <Alert variant=\"error\">\n                  <Alert.Description>{error}</Alert.Description>\n                </Alert>\n              ) : null}\n            </Dialog.Body>\n\n            <Dialog.Footer>\n              <Button\n                intent=\"primary\"\n                startIcon={<PenLine />}\n                onClick={handleRequest}\n                disabled={\n                  busy ||\n                  (requirePatient && signers.length === 0) ||\n                  (!requirePatient && !requireOperator)\n                }\n                loading={busy}\n              >\n                {t('signatureRequest.requestSignature')}\n              </Button>\n              <Dialog.Close asChild>\n                <Button intent=\"outline\" disabled={busy}>\n                  {t('signatureRequest.close')}\n                </Button>\n              </Dialog.Close>\n            </Dialog.Footer>\n          </Dialog.Content>\n        </Dialog>\n      </div>\n    );\n  },\n);\nSignatureRequestModal.displayName = 'SignatureRequestModal';\n"],"names":["__iconNode","Tablet","createLucideIcon","UserPlus","ASSIGN_LATER","CHANNEL_ORDER","labelFor","options","value","_a","option","SignatureRequestModal","forwardRef","open","onOpenChange","operators","signerOptions","currentOperatorId","allowAssignLater","requireOperator","requirePatient","initialOperatorId","initialOperatorChannel","initialSigners","maxSigners","busy","error","title","description","onRequestSignature","contentProps","ref","t","useTranslation","nextRowId","useRef","addButtonRef","channelsFor","signerId","allowed","channel","resolveChannel","preferred","available","seedOperator","_b","seedRows","signer","operatorDefaultChannel","operatorId","seedOperatorChannel","rows","operator","setOperator","useState","signers","setSigners","operatorChannel","setOperatorChannel","revertedTo","setRevertedTo","wasOpen","useEffect","nextOperator","nextRows","anySignerOnDevice","fallback","operatorSelectOptions","isUnassigned","channelMeta","jsx","MessageSquare","Mail","WhatsAppGlyph","operatorChannelOptions","chosenIds","nextFreeOption","canAddSigner","patchSigner","rowId","patch","current","addSigner","removeSigner","handleRequest","_rowId","Dialog","jsxs","Button","Avatar","Select","Checkbox","checked","InfoTip","Separator","Plus","rowOptions","rowLabel","rowChannelOptions","IconButton","X","Switch","Alert","PenLine"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/{tabs-CBb2AidH.js → tabs-DqKtTIjZ.js}

@@ -5,7 +5,7 @@ import * as k from "@radix-ui/react-dropdown-menu";
 import { a as N, c as M } from "./index-D2ZczOXr.js";
 import { useTranslation as Y } from "react-i18next";
 import { c as Z } from "./compose-refs-C0k0tdqF.js";
-import { S as D } from "./select-BW5ecXlX.js";
+import { S as D } from "./select-Bi8zril7.js";
 import { u as ee } from "./registry-DvAUVLHh.js";
 import { X as te } from "./x-B5YnXwCz.js";
 import { u as se } from "./use-direction-Dp8h70PP.js";
@@ -405,4 +405,4 @@ export {
   F as c,
   re as t
 };
-//# sourceMappingURL=tabs-CBb2AidH.js.map
+//# sourceMappingURL=tabs-DqKtTIjZ.js.map

package/dist/_chunks/{tabs-CBb2AidH.js.map → tabs-DqKtTIjZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-CBb2AidH.js","sources":["../../src/components/tabs/tabs.agent.ts","../../src/components/tabs/tabs.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { TabsHandle } from './tabs';\n\nexport const tabsAgent: AgentAdapter<TabsHandle> = {\n  id: 'tabs',\n  capabilities: ['select_single'],\n  state: {\n    activeTab: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.tabs.state.activeTab',\n      description: 'Value of the currently-active tab.',\n      read: (handle) => handle.getActiveTab(),\n    },\n  },\n  actions: {\n    select_tab: {\n      safety: 'read',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: 'string' } },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.tabs.actions.selectTab',\n      description: 'Activate the tab with the given value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.selectTab(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'tabs' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Tabs.Root.',\n    },\n    item: {\n      attr: 'data-tab-id',\n      description: 'Each Tab.Trigger emits its value as data-tab-id.',\n    },\n  },\n};\n","import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { X, ChevronDown } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { Select, type SelectOption } from '../select/select';\nimport { useAgentRegistration } from '../../agent';\nimport { tabsAgent } from './tabs.agent';\n\n// ---------------------------------------------------------------------------\n// CVA recipes\n// ---------------------------------------------------------------------------\n\nexport const tabsListVariants = cva('ds:relative ds:flex', {\n  variants: {\n    variant: {\n      // Shadcn-style segmented control: light container, white active card\n      default:\n        'ds:flex-1 ds:min-w-0 ds:items-center ds:bg-muted/10 ds:rounded-[var(--radius-md)] ds:p-1',\n      // Classic underline tabs: bottom border with colored active indicator\n      underlined:\n        'ds:flex-1 ds:min-w-0 ds:items-end ds:[border-block-end:1px_solid_var(--border)]',\n      // Segmented control: warm secondary container, content-width\n      pills:\n        'ds:items-center ds:bg-secondary ds:rounded-[var(--radius-md)] ds:p-1',\n    },\n    orientation: {\n      horizontal: 'ds:flex-row ds:overflow-hidden',\n      vertical: 'ds:flex-col',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    orientation: 'horizontal',\n  },\n});\n\nexport const tabsTriggerVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:whitespace-nowrap ds:border-0',\n    'ds:gap-2 ds:font-medium ds:transition-colors',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:cursor-pointer ds:select-none',\n    'ds:disabled:pointer-events-none ds:disabled:opacity-50',\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  ].join(' '),\n  {\n    variants: {\n      variant: {\n        default: [\n          'ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-background ds:data-[state=active]:text-foreground',\n          'ds:data-[state=active]:shadow-sm',\n        ].join(' '),\n        underlined: [\n          'ds:bg-transparent ds:text-muted-foreground',\n          'ds:[border-block-end:2px_solid_transparent]',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:[border-block-end-color:var(--primary)]',\n          'ds:data-[state=active]:text-foreground ds:data-[state=active]:[margin-block-end:-1px]',\n        ].join(' '),\n        pills: [\n          'ds:rounded-[var(--radius-full)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/20 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-primary ds:data-[state=active]:text-primary-foreground',\n        ].join(' '),\n      },\n      size: {\n        sm: 'ds:h-8 ds:px-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-10 ds:px-[var(--spacing-md)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:px-[var(--spacing-lg)] ds:text-[length:var(--font-size-lg)]',\n      },\n      orientation: {\n        horizontal: '',\n        vertical: 'ds:w-full ds:justify-start',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      orientation: 'horizontal',\n    },\n  },\n);\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ntype TabsOverflow = 'dropdown' | 'select';\n\ninterface TabsContextValue {\n  variant: 'default' | 'underlined' | 'pills';\n  size: 'sm' | 'md' | 'lg';\n  orientation: 'horizontal' | 'vertical';\n  overflow: TabsOverflow;\n  value: string;\n  setValue: (value: string) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue>({\n  variant: 'default',\n  size: 'md',\n  orientation: 'horizontal',\n  overflow: 'dropdown',\n  value: '',\n  setValue: () => {},\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n// Curated agent-readiness handle — see tabs.agent.ts.\nexport interface TabsHandle {\n  getActiveTab: () => string | null;\n  selectTab: (value: string) => void;\n}\n\nexport interface TabsRootProps extends Omit<\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n  'orientation'\n> {\n  variant?: 'default' | 'underlined' | 'pills';\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Strategy for tabs that don't fit horizontally.\n   *\n   * - `'dropdown'` (default) — overflowing tabs collapse into a \"More\"\n   *   `DropdownMenu` rendered next to the visible tab list. Most tabs\n   *   stay visible inline; the few that don't fit hide behind the menu.\n   *   Best when there are 5–7 tabs at moderately narrow viewports.\n   * - `'select'` — at narrow container widths (under the `@md` breakpoint)\n   *   the entire tab strip collapses into a single `Select` whose value\n   *   is the active tab. Best when there are many tabs and the panel is\n   *   genuinely cramped (mobile, side-panel host). Above `@md`, the\n   *   inline tab list reappears unchanged.\n   *\n   *   Limitation: the Select mirror builds option labels from each\n   *   `Tabs.Trigger`'s `children`. Plain string / number children are\n   *   used verbatim; richer children (icon + text, fragments) fall back\n   *   to the trigger's `value` so the option remains selectable. Prefer\n   *   plain-text trigger children when using `overflow=\"select\"`, or use\n   *   the trigger's `icon` prop for the icon and keep `children` a\n   *   plain string.\n   *\n   * @default 'dropdown'\n   */\n  overflow?: TabsOverflow;\n}\n\nexport interface TabsListProps extends ComponentPropsWithoutRef<\n  typeof TabsPrimitive.List\n> {\n  'aria-label'?: string;\n}\n\nexport interface TabsTriggerProps\n  extends\n    ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,\n    VariantProps<typeof tabsTriggerVariants> {\n  icon?: ReactNode;\n  badge?: ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n}\n\nexport type TabsContentProps = ComponentPropsWithoutRef<\n  typeof TabsPrimitive.Content\n>;\n\n// ---------------------------------------------------------------------------\n// TabsRoot\n// ---------------------------------------------------------------------------\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsRootProps>(\n  (\n    {\n      variant = 'default',\n      size = 'md',\n      orientation = 'horizontal',\n      overflow = 'dropdown',\n      className,\n      children,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      id,\n      ...props\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    // Track the active tab so the `overflow=\"select\"` mirror can read it\n    // without forcing consumers into controlled mode. If `value` is passed\n    // we honour it; otherwise we manage internal state seeded from\n    // `defaultValue` and notify consumers via `onValueChange`. Net effect\n    // is identical to Radix's own controlled / uncontrolled split — we\n    // just shadow the value into context so the Select can mirror it.\n    const isControlled = valueProp !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const value = isControlled ? (valueProp ?? '') : internalValue;\n    const setValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onValueChange?.(next);\n      },\n      [isControlled, onValueChange],\n    );\n\n    const ctxValue = useMemo(\n      () => ({ variant, size, orientation, overflow, value, setValue }),\n      [variant, size, orientation, overflow, value, setValue],\n    );\n\n    // Agent handle — ref mirrors value for fresh reads.\n    const valueRef = useRef<string>(value);\n    useEffect(() => {\n      valueRef.current = value;\n    }, [value]);\n\n    const agentHandle = useMemo<TabsHandle>(\n      () => ({\n        getActiveTab: () => valueRef.current || null,\n        selectTab: (next) => setValue(next),\n      }),\n      [setValue],\n    );\n    useAgentRegistration(tabsAgent, agentHandle, id);\n\n    return (\n      <TabsContext.Provider value={ctxValue}>\n        <TabsPrimitive.Root\n          ref={composedRef}\n          orientation={orientation}\n          dir={dir}\n          // We always run Radix in controlled mode against our shadow state\n          // (seeded from `defaultValue`) so the `overflow=\"select\"` mirror\n          // can read the active value via context without DOM observation.\n          value={value}\n          onValueChange={setValue}\n          id={id}\n          data-component=\"tabs\"\n          data-component-id={id}\n          className={cx(\n            'ds:flex',\n            orientation === 'vertical'\n              ? 'ds:flex-row ds:gap-[var(--spacing-md)]'\n              : 'ds:flex-col',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.Root>\n      </TabsContext.Provider>\n    );\n  },\n);\nTabsRoot.displayName = 'Tabs';\n\n// ---------------------------------------------------------------------------\n// TabsList — with overflow detection\n// ---------------------------------------------------------------------------\n\nconst TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, children, 'aria-label': ariaLabel, ...props }, ref) => {\n    const { variant, size, orientation, overflow, value, setValue } =\n      useContext(TabsContext);\n    const { t } = useTranslation();\n\n    const listRef = useRef<HTMLDivElement>(null);\n    const [overflowTabs, setOverflowTabs] = useState<\n      { value: string; label: string }[]\n    >([]);\n    const isHorizontal = orientation === 'horizontal';\n    // The `select` overflow strategy renders a Select mirror at narrow\n    // container widths and skips the DropdownMenu overflow detector\n    // (it's the wrong UX for that case — a select-and-a-dropdown would\n    // double up). The dropdown detector only runs when `overflow` is\n    // `dropdown` and the strip is horizontal.\n    const isDropdownOverflow = overflow === 'dropdown' && isHorizontal;\n\n    useEffect(() => {\n      if (!isDropdownOverflow) {\n        setOverflowTabs([]);\n        return;\n      }\n      const el = listRef.current;\n      if (!el) return;\n\n      const detectOverflow = () => {\n        const containerRight = el.getBoundingClientRect().right;\n        const hidden: { value: string; label: string }[] = [];\n        el.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]').forEach(\n          (tab) => {\n            const rect = tab.getBoundingClientRect();\n            if (rect.right > containerRight + 2) {\n              const value =\n                tab.getAttribute('data-value') ?? tab.dataset['value'] ?? '';\n              const label = tab.textContent?.trim() ?? value;\n              hidden.push({ value, label });\n            }\n          },\n        );\n        setOverflowTabs(hidden);\n      };\n\n      const ro = new ResizeObserver(detectOverflow);\n      ro.observe(el);\n      detectOverflow();\n      return () => ro.disconnect();\n    }, [isDropdownOverflow, children]);\n\n    const combinedRef = (node: HTMLDivElement | null) => {\n      (listRef as MutableRefObject<HTMLDivElement | null>).current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as MutableRefObject<HTMLDivElement | null>).current = node;\n    };\n\n    // For `overflow=\"select\"` we mirror the Trigger children as Select\n    // options. Triggers may carry icon + text; for the Select label we\n    // prefer the trigger's plain-text children — anything else falls\n    // back to the trigger's `value` so the option is at least selectable.\n    const selectOptions = useMemo<SelectOption<string>[]>(() => {\n      if (overflow !== 'select') return [];\n      return Children.toArray(children)\n        .filter((child): child is ReactElement<TabsTriggerProps> =>\n          isValidElement(child),\n        )\n        .filter(\n          (child) =>\n            typeof child.props.value === 'string' &&\n            child.props.value.length > 0,\n        )\n        .map((child) => {\n          const triggerValue = child.props.value as string;\n          const labelChild = child.props.children;\n          const label =\n            typeof labelChild === 'string'\n              ? labelChild\n              : typeof labelChild === 'number'\n                ? String(labelChild)\n                : triggerValue;\n          return { value: triggerValue, label };\n        });\n    }, [children, overflow]);\n\n    if (overflow === 'select' && isHorizontal) {\n      // Container queries gate the swap: above `@md` (Tailwind v4 default\n      // 28rem container width) the inline tab strip renders; below it,\n      // the Select takes over. The Tabs.List markup stays mounted in\n      // both modes so Radix's roving-tabindex / ARIA wiring is preserved\n      // even when the strip is visually hidden — keyboard users who land\n      // on the panel via skip-link still get to the active tab.\n      return (\n        <div className=\"ds:@container/tabs ds:relative ds:w-full\">\n          {/* Select mirror — visible at narrow container widths only.\n              Threshold is px, not the `@md` rem alias: container-query `rem`\n              follows the host's root font-size and misfires off a 16px root. */}\n          <div className=\"ds:block ds:@[448px]/tabs:hidden\">\n            <Select\n              options={selectOptions}\n              value={value}\n              onValueChange={(next) => {\n                if (typeof next === 'string' && next.length > 0) setValue(next);\n              }}\n              size={size}\n              aria-label={ariaLabel ?? t('tabs.selectLabel')}\n            />\n          </div>\n          {/* Inline tab strip — visible at wider container widths. */}\n          <div className=\"ds:hidden ds:@[448px]/tabs:flex ds:relative ds:items-center\">\n            <TabsPrimitive.List\n              ref={combinedRef}\n              aria-label={ariaLabel}\n              className={tabsListVariants({ variant, orientation, className })}\n              {...props}\n            >\n              {children}\n            </TabsPrimitive.List>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"ds:relative ds:flex ds:items-center\">\n        <TabsPrimitive.List\n          ref={combinedRef}\n          aria-label={ariaLabel}\n          className={tabsListVariants({ variant, orientation, className })}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.List>\n\n        {isDropdownOverflow && overflowTabs.length > 0 && (\n          <OverflowMenu\n            tabs={overflowTabs}\n            label={t('tabs.moreTabs')}\n            size={size}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTabsList.displayName = 'TabsList';\n\n// ---------------------------------------------------------------------------\n// OverflowMenu (internal)\n// ---------------------------------------------------------------------------\n\ninterface OverflowMenuProps {\n  tabs: { value: string; label: string }[];\n  label: string;\n  size: 'sm' | 'md' | 'lg';\n}\n\nfunction OverflowMenu({ tabs, label, size }: OverflowMenuProps) {\n  const { variant } = useContext(TabsContext);\n\n  return (\n    <DropdownMenuPrimitive.Root>\n      <DropdownMenuPrimitive.Trigger\n        className={cx(\n          tabsTriggerVariants({ variant, size, orientation: 'horizontal' }),\n          'ds:shrink-0 ds:ms-1',\n        )}\n        aria-label={label}\n      >\n        {label}\n        <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n      </DropdownMenuPrimitive.Trigger>\n      <DropdownMenuPrimitive.Portal>\n        <DropdownMenuPrimitive.Content\n          sideOffset={4}\n          className={cx(\n            'ds:z-50 ds:min-w-40 ds:overflow-hidden ds:rounded-[var(--radius-md)]',\n            'ds:border ds:border-border ds:bg-popover ds:p-1 ds:shadow-md',\n            'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n            'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n            'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n          )}\n        >\n          {tabs.map(({ value, label: tabLabel }) => (\n            <DropdownMenuPrimitive.Item\n              key={value}\n              className={cx(\n                'ds:relative ds:flex ds:cursor-pointer ds:select-none ds:items-center',\n                'ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n                'ds:text-[var(--font-size-sm)] ds:text-foreground ds:outline-none',\n                'ds:hover:bg-muted ds:focus:bg-muted',\n                'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n              )}\n              onSelect={() => {\n                const tab = document.querySelector<HTMLButtonElement>(\n                  `[role=\"tab\"][data-value=\"${CSS.escape(value)}\"]`,\n                );\n                tab?.click();\n                tab?.scrollIntoView({ inline: 'nearest' });\n              }}\n            >\n              {tabLabel}\n            </DropdownMenuPrimitive.Item>\n          ))}\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TabsTrigger\n// ---------------------------------------------------------------------------\n\nconst TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  (\n    {\n      variant: variantProp,\n      size: sizeProp,\n      orientation: orientationProp,\n      icon,\n      badge,\n      dismissible = false,\n      onDismiss,\n      className,\n      children,\n      value,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useContext(TabsContext);\n    const variant = variantProp ?? ctx.variant;\n    const size = sizeProp ?? ctx.size;\n    const orientation = orientationProp ?? ctx.orientation;\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // APG dismissible-tab pattern: Delete/Backspace while trigger is focused closes the tab.\n      // The visual X is pointer-only (aria-hidden) to avoid nested-interactive HTML violation.\n      if (dismissible && (e.key === 'Delete' || e.key === 'Backspace')) {\n        e.preventDefault();\n        onDismiss?.();\n      }\n      onKeyDown?.(e);\n    };\n\n    return (\n      <TabsPrimitive.Trigger\n        ref={ref}\n        value={value}\n        data-value={value}\n        data-tab-id={value}\n        className={tabsTriggerVariants({\n          variant,\n          size,\n          orientation,\n          className,\n        })}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {icon && (\n          <span aria-hidden=\"true\" className=\"ds:shrink-0 ds:size-4\">\n            {icon}\n          </span>\n        )}\n        {children}\n        {badge && <span className=\"ds:shrink-0\">{badge}</span>}\n        {dismissible && (\n          // Visual-only dismiss indicator — pointer dismiss fires here; keyboard dismiss fires via Delete/Backspace on the trigger above.\n          // No role/tabIndex to avoid nested-interactive (interactive content inside <button> is invalid HTML).\n          <span\n            aria-hidden=\"true\"\n            className={cx(\n              'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n              'ds:size-6 ds:rounded-[var(--radius-sm)]',\n              'ds:hover:bg-muted-foreground/20',\n            )}\n            onPointerDown={(e) => {\n              e.stopPropagation();\n              e.preventDefault();\n              onDismiss?.();\n            }}\n          >\n            <X className=\"ds:size-3.5\" />\n          </span>\n        )}\n      </TabsPrimitive.Trigger>\n    );\n  },\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\n// ---------------------------------------------------------------------------\n// TabsContent\n// ---------------------------------------------------------------------------\n\nconst TabsContent = forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <TabsPrimitive.Content\n      ref={ref}\n      className={cx(\n        'ds:mt-[var(--spacing-sm)] ds:outline-none',\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        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TabsPrimitive.Content>\n  ),\n);\nTabsContent.displayName = 'TabsContent';\n\n// ---------------------------------------------------------------------------\n// Compound export\n// ---------------------------------------------------------------------------\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n});\n\nexport { TabsList, TabsTrigger, TabsContent };\n"],"names":["tabsAgent","handle","args","tabsListVariants","cva","tabsTriggerVariants","TabsContext","createContext","TabsRoot","forwardRef","variant","size","orientation","overflow","className","children","valueProp","defaultValue","onValueChange","id","props","ref","rootRef","useRef","composedRef","composeRefs","dir","useDirection","isControlled","internalValue","setInternalValue","useState","value","setValue","useCallback","next","ctxValue","useMemo","valueRef","useEffect","agentHandle","useAgentRegistration","jsx","TabsPrimitive","cx","TabsList","ariaLabel","useContext","t","useTranslation","listRef","overflowTabs","setOverflowTabs","isHorizontal","isDropdownOverflow","el","detectOverflow","containerRight","hidden","tab","label","_a","ro","combinedRef","node","selectOptions","Children","child","isValidElement","triggerValue","labelChild","jsxs","Select","OverflowMenu","tabs","DropdownMenuPrimitive","ChevronDown","tabLabel","TabsTrigger","variantProp","sizeProp","orientationProp","icon","badge","dismissible","onDismiss","onKeyDown","ctx","handleKeyDown","e","X","TabsContent","Tabs"],"mappings":"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"}
+{"version":3,"file":"tabs-DqKtTIjZ.js","sources":["../../src/components/tabs/tabs.agent.ts","../../src/components/tabs/tabs.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { TabsHandle } from './tabs';\n\nexport const tabsAgent: AgentAdapter<TabsHandle> = {\n  id: 'tabs',\n  capabilities: ['select_single'],\n  state: {\n    activeTab: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.tabs.state.activeTab',\n      description: 'Value of the currently-active tab.',\n      read: (handle) => handle.getActiveTab(),\n    },\n  },\n  actions: {\n    select_tab: {\n      safety: 'read',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: 'string' } },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.tabs.actions.selectTab',\n      description: 'Activate the tab with the given value.',\n      invoke: (handle, args: { value: string }) => {\n        handle.selectTab(args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'tabs' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop on Tabs.Root.',\n    },\n    item: {\n      attr: 'data-tab-id',\n      description: 'Each Tab.Trigger emits its value as data-tab-id.',\n    },\n  },\n};\n","import {\n  Children,\n  createContext,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n  type MutableRefObject,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\nimport { X, ChevronDown } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport { useDirection } from '../_shared/use-direction';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { Select, type SelectOption } from '../select/select';\nimport { useAgentRegistration } from '../../agent';\nimport { tabsAgent } from './tabs.agent';\n\n// ---------------------------------------------------------------------------\n// CVA recipes\n// ---------------------------------------------------------------------------\n\nexport const tabsListVariants = cva('ds:relative ds:flex', {\n  variants: {\n    variant: {\n      // Shadcn-style segmented control: light container, white active card\n      default:\n        'ds:flex-1 ds:min-w-0 ds:items-center ds:bg-muted/10 ds:rounded-[var(--radius-md)] ds:p-1',\n      // Classic underline tabs: bottom border with colored active indicator\n      underlined:\n        'ds:flex-1 ds:min-w-0 ds:items-end ds:[border-block-end:1px_solid_var(--border)]',\n      // Segmented control: warm secondary container, content-width\n      pills:\n        'ds:items-center ds:bg-secondary ds:rounded-[var(--radius-md)] ds:p-1',\n    },\n    orientation: {\n      horizontal: 'ds:flex-row ds:overflow-hidden',\n      vertical: 'ds:flex-col',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    orientation: 'horizontal',\n  },\n});\n\nexport const tabsTriggerVariants = cva(\n  [\n    'ds:relative ds:inline-flex ds:items-center ds:justify-center ds:whitespace-nowrap ds:border-0',\n    'ds:gap-2 ds:font-medium ds:transition-colors',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:cursor-pointer ds:select-none',\n    'ds:disabled:pointer-events-none ds:disabled:opacity-50',\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  ].join(' '),\n  {\n    variants: {\n      variant: {\n        default: [\n          'ds:rounded-[var(--radius-sm)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-background ds:data-[state=active]:text-foreground',\n          'ds:data-[state=active]:shadow-sm',\n        ].join(' '),\n        underlined: [\n          'ds:bg-transparent ds:text-muted-foreground',\n          'ds:[border-block-end:2px_solid_transparent]',\n          'ds:hover:bg-muted/10 ds:hover:text-foreground',\n          'ds:data-[state=active]:[border-block-end-color:var(--primary)]',\n          'ds:data-[state=active]:text-foreground ds:data-[state=active]:[margin-block-end:-1px]',\n        ].join(' '),\n        pills: [\n          'ds:rounded-[var(--radius-full)] ds:bg-transparent ds:text-muted-foreground',\n          'ds:hover:bg-muted/20 ds:hover:text-foreground',\n          'ds:data-[state=active]:bg-primary ds:data-[state=active]:text-primary-foreground',\n        ].join(' '),\n      },\n      size: {\n        sm: 'ds:h-8 ds:px-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]',\n        md: 'ds:h-10 ds:px-[var(--spacing-md)] ds:text-[length:var(--font-size-base)]',\n        lg: 'ds:h-12 ds:px-[var(--spacing-lg)] ds:text-[length:var(--font-size-lg)]',\n      },\n      orientation: {\n        horizontal: '',\n        vertical: 'ds:w-full ds:justify-start',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      orientation: 'horizontal',\n    },\n  },\n);\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ntype TabsOverflow = 'dropdown' | 'select';\n\ninterface TabsContextValue {\n  variant: 'default' | 'underlined' | 'pills';\n  size: 'sm' | 'md' | 'lg';\n  orientation: 'horizontal' | 'vertical';\n  overflow: TabsOverflow;\n  value: string;\n  setValue: (value: string) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue>({\n  variant: 'default',\n  size: 'md',\n  orientation: 'horizontal',\n  overflow: 'dropdown',\n  value: '',\n  setValue: () => {},\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n// Curated agent-readiness handle — see tabs.agent.ts.\nexport interface TabsHandle {\n  getActiveTab: () => string | null;\n  selectTab: (value: string) => void;\n}\n\nexport interface TabsRootProps extends Omit<\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n  'orientation'\n> {\n  variant?: 'default' | 'underlined' | 'pills';\n  size?: 'sm' | 'md' | 'lg';\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Strategy for tabs that don't fit horizontally.\n   *\n   * - `'dropdown'` (default) — overflowing tabs collapse into a \"More\"\n   *   `DropdownMenu` rendered next to the visible tab list. Most tabs\n   *   stay visible inline; the few that don't fit hide behind the menu.\n   *   Best when there are 5–7 tabs at moderately narrow viewports.\n   * - `'select'` — at narrow container widths (under the `@md` breakpoint)\n   *   the entire tab strip collapses into a single `Select` whose value\n   *   is the active tab. Best when there are many tabs and the panel is\n   *   genuinely cramped (mobile, side-panel host). Above `@md`, the\n   *   inline tab list reappears unchanged.\n   *\n   *   Limitation: the Select mirror builds option labels from each\n   *   `Tabs.Trigger`'s `children`. Plain string / number children are\n   *   used verbatim; richer children (icon + text, fragments) fall back\n   *   to the trigger's `value` so the option remains selectable. Prefer\n   *   plain-text trigger children when using `overflow=\"select\"`, or use\n   *   the trigger's `icon` prop for the icon and keep `children` a\n   *   plain string.\n   *\n   * @default 'dropdown'\n   */\n  overflow?: TabsOverflow;\n}\n\nexport interface TabsListProps extends ComponentPropsWithoutRef<\n  typeof TabsPrimitive.List\n> {\n  'aria-label'?: string;\n}\n\nexport interface TabsTriggerProps\n  extends\n    ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,\n    VariantProps<typeof tabsTriggerVariants> {\n  icon?: ReactNode;\n  badge?: ReactNode;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n}\n\nexport type TabsContentProps = ComponentPropsWithoutRef<\n  typeof TabsPrimitive.Content\n>;\n\n// ---------------------------------------------------------------------------\n// TabsRoot\n// ---------------------------------------------------------------------------\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsRootProps>(\n  (\n    {\n      variant = 'default',\n      size = 'md',\n      orientation = 'horizontal',\n      overflow = 'dropdown',\n      className,\n      children,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      id,\n      ...props\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n    const dir = useDirection(rootRef);\n\n    // Track the active tab so the `overflow=\"select\"` mirror can read it\n    // without forcing consumers into controlled mode. If `value` is passed\n    // we honour it; otherwise we manage internal state seeded from\n    // `defaultValue` and notify consumers via `onValueChange`. Net effect\n    // is identical to Radix's own controlled / uncontrolled split — we\n    // just shadow the value into context so the Select can mirror it.\n    const isControlled = valueProp !== undefined;\n    const [internalValue, setInternalValue] = useState<string>(\n      defaultValue ?? '',\n    );\n    const value = isControlled ? (valueProp ?? '') : internalValue;\n    const setValue = useCallback(\n      (next: string) => {\n        if (!isControlled) setInternalValue(next);\n        onValueChange?.(next);\n      },\n      [isControlled, onValueChange],\n    );\n\n    const ctxValue = useMemo(\n      () => ({ variant, size, orientation, overflow, value, setValue }),\n      [variant, size, orientation, overflow, value, setValue],\n    );\n\n    // Agent handle — ref mirrors value for fresh reads.\n    const valueRef = useRef<string>(value);\n    useEffect(() => {\n      valueRef.current = value;\n    }, [value]);\n\n    const agentHandle = useMemo<TabsHandle>(\n      () => ({\n        getActiveTab: () => valueRef.current || null,\n        selectTab: (next) => setValue(next),\n      }),\n      [setValue],\n    );\n    useAgentRegistration(tabsAgent, agentHandle, id);\n\n    return (\n      <TabsContext.Provider value={ctxValue}>\n        <TabsPrimitive.Root\n          ref={composedRef}\n          orientation={orientation}\n          dir={dir}\n          // We always run Radix in controlled mode against our shadow state\n          // (seeded from `defaultValue`) so the `overflow=\"select\"` mirror\n          // can read the active value via context without DOM observation.\n          value={value}\n          onValueChange={setValue}\n          id={id}\n          data-component=\"tabs\"\n          data-component-id={id}\n          className={cx(\n            'ds:flex',\n            orientation === 'vertical'\n              ? 'ds:flex-row ds:gap-[var(--spacing-md)]'\n              : 'ds:flex-col',\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.Root>\n      </TabsContext.Provider>\n    );\n  },\n);\nTabsRoot.displayName = 'Tabs';\n\n// ---------------------------------------------------------------------------\n// TabsList — with overflow detection\n// ---------------------------------------------------------------------------\n\nconst TabsList = forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, children, 'aria-label': ariaLabel, ...props }, ref) => {\n    const { variant, size, orientation, overflow, value, setValue } =\n      useContext(TabsContext);\n    const { t } = useTranslation();\n\n    const listRef = useRef<HTMLDivElement>(null);\n    const [overflowTabs, setOverflowTabs] = useState<\n      { value: string; label: string }[]\n    >([]);\n    const isHorizontal = orientation === 'horizontal';\n    // The `select` overflow strategy renders a Select mirror at narrow\n    // container widths and skips the DropdownMenu overflow detector\n    // (it's the wrong UX for that case — a select-and-a-dropdown would\n    // double up). The dropdown detector only runs when `overflow` is\n    // `dropdown` and the strip is horizontal.\n    const isDropdownOverflow = overflow === 'dropdown' && isHorizontal;\n\n    useEffect(() => {\n      if (!isDropdownOverflow) {\n        setOverflowTabs([]);\n        return;\n      }\n      const el = listRef.current;\n      if (!el) return;\n\n      const detectOverflow = () => {\n        const containerRight = el.getBoundingClientRect().right;\n        const hidden: { value: string; label: string }[] = [];\n        el.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]').forEach(\n          (tab) => {\n            const rect = tab.getBoundingClientRect();\n            if (rect.right > containerRight + 2) {\n              const value =\n                tab.getAttribute('data-value') ?? tab.dataset['value'] ?? '';\n              const label = tab.textContent?.trim() ?? value;\n              hidden.push({ value, label });\n            }\n          },\n        );\n        setOverflowTabs(hidden);\n      };\n\n      const ro = new ResizeObserver(detectOverflow);\n      ro.observe(el);\n      detectOverflow();\n      return () => ro.disconnect();\n    }, [isDropdownOverflow, children]);\n\n    const combinedRef = (node: HTMLDivElement | null) => {\n      (listRef as MutableRefObject<HTMLDivElement | null>).current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref)\n        (ref as MutableRefObject<HTMLDivElement | null>).current = node;\n    };\n\n    // For `overflow=\"select\"` we mirror the Trigger children as Select\n    // options. Triggers may carry icon + text; for the Select label we\n    // prefer the trigger's plain-text children — anything else falls\n    // back to the trigger's `value` so the option is at least selectable.\n    const selectOptions = useMemo<SelectOption<string>[]>(() => {\n      if (overflow !== 'select') return [];\n      return Children.toArray(children)\n        .filter((child): child is ReactElement<TabsTriggerProps> =>\n          isValidElement(child),\n        )\n        .filter(\n          (child) =>\n            typeof child.props.value === 'string' &&\n            child.props.value.length > 0,\n        )\n        .map((child) => {\n          const triggerValue = child.props.value as string;\n          const labelChild = child.props.children;\n          const label =\n            typeof labelChild === 'string'\n              ? labelChild\n              : typeof labelChild === 'number'\n                ? String(labelChild)\n                : triggerValue;\n          return { value: triggerValue, label };\n        });\n    }, [children, overflow]);\n\n    if (overflow === 'select' && isHorizontal) {\n      // Container queries gate the swap: above `@md` (Tailwind v4 default\n      // 28rem container width) the inline tab strip renders; below it,\n      // the Select takes over. The Tabs.List markup stays mounted in\n      // both modes so Radix's roving-tabindex / ARIA wiring is preserved\n      // even when the strip is visually hidden — keyboard users who land\n      // on the panel via skip-link still get to the active tab.\n      return (\n        <div className=\"ds:@container/tabs ds:relative ds:w-full\">\n          {/* Select mirror — visible at narrow container widths only.\n              Threshold is px, not the `@md` rem alias: container-query `rem`\n              follows the host's root font-size and misfires off a 16px root. */}\n          <div className=\"ds:block ds:@[448px]/tabs:hidden\">\n            <Select\n              options={selectOptions}\n              value={value}\n              onValueChange={(next) => {\n                if (typeof next === 'string' && next.length > 0) setValue(next);\n              }}\n              size={size}\n              aria-label={ariaLabel ?? t('tabs.selectLabel')}\n            />\n          </div>\n          {/* Inline tab strip — visible at wider container widths. */}\n          <div className=\"ds:hidden ds:@[448px]/tabs:flex ds:relative ds:items-center\">\n            <TabsPrimitive.List\n              ref={combinedRef}\n              aria-label={ariaLabel}\n              className={tabsListVariants({ variant, orientation, className })}\n              {...props}\n            >\n              {children}\n            </TabsPrimitive.List>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"ds:relative ds:flex ds:items-center\">\n        <TabsPrimitive.List\n          ref={combinedRef}\n          aria-label={ariaLabel}\n          className={tabsListVariants({ variant, orientation, className })}\n          {...props}\n        >\n          {children}\n        </TabsPrimitive.List>\n\n        {isDropdownOverflow && overflowTabs.length > 0 && (\n          <OverflowMenu\n            tabs={overflowTabs}\n            label={t('tabs.moreTabs')}\n            size={size}\n          />\n        )}\n      </div>\n    );\n  },\n);\nTabsList.displayName = 'TabsList';\n\n// ---------------------------------------------------------------------------\n// OverflowMenu (internal)\n// ---------------------------------------------------------------------------\n\ninterface OverflowMenuProps {\n  tabs: { value: string; label: string }[];\n  label: string;\n  size: 'sm' | 'md' | 'lg';\n}\n\nfunction OverflowMenu({ tabs, label, size }: OverflowMenuProps) {\n  const { variant } = useContext(TabsContext);\n\n  return (\n    <DropdownMenuPrimitive.Root>\n      <DropdownMenuPrimitive.Trigger\n        className={cx(\n          tabsTriggerVariants({ variant, size, orientation: 'horizontal' }),\n          'ds:shrink-0 ds:ms-1',\n        )}\n        aria-label={label}\n      >\n        {label}\n        <ChevronDown aria-hidden=\"true\" className=\"ds:size-4\" />\n      </DropdownMenuPrimitive.Trigger>\n      <DropdownMenuPrimitive.Portal>\n        <DropdownMenuPrimitive.Content\n          sideOffset={4}\n          className={cx(\n            'ds:z-50 ds:min-w-40 ds:overflow-hidden ds:rounded-[var(--radius-md)]',\n            'ds:border ds:border-border ds:bg-popover ds:p-1 ds:shadow-md',\n            'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n            'ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0',\n            'ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95',\n          )}\n        >\n          {tabs.map(({ value, label: tabLabel }) => (\n            <DropdownMenuPrimitive.Item\n              key={value}\n              className={cx(\n                'ds:relative ds:flex ds:cursor-pointer ds:select-none ds:items-center',\n                'ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]',\n                'ds:text-[var(--font-size-sm)] ds:text-foreground ds:outline-none',\n                'ds:hover:bg-muted ds:focus:bg-muted',\n                'ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50',\n              )}\n              onSelect={() => {\n                const tab = document.querySelector<HTMLButtonElement>(\n                  `[role=\"tab\"][data-value=\"${CSS.escape(value)}\"]`,\n                );\n                tab?.click();\n                tab?.scrollIntoView({ inline: 'nearest' });\n              }}\n            >\n              {tabLabel}\n            </DropdownMenuPrimitive.Item>\n          ))}\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TabsTrigger\n// ---------------------------------------------------------------------------\n\nconst TabsTrigger = forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  (\n    {\n      variant: variantProp,\n      size: sizeProp,\n      orientation: orientationProp,\n      icon,\n      badge,\n      dismissible = false,\n      onDismiss,\n      className,\n      children,\n      value,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useContext(TabsContext);\n    const variant = variantProp ?? ctx.variant;\n    const size = sizeProp ?? ctx.size;\n    const orientation = orientationProp ?? ctx.orientation;\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // APG dismissible-tab pattern: Delete/Backspace while trigger is focused closes the tab.\n      // The visual X is pointer-only (aria-hidden) to avoid nested-interactive HTML violation.\n      if (dismissible && (e.key === 'Delete' || e.key === 'Backspace')) {\n        e.preventDefault();\n        onDismiss?.();\n      }\n      onKeyDown?.(e);\n    };\n\n    return (\n      <TabsPrimitive.Trigger\n        ref={ref}\n        value={value}\n        data-value={value}\n        data-tab-id={value}\n        className={tabsTriggerVariants({\n          variant,\n          size,\n          orientation,\n          className,\n        })}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {icon && (\n          <span aria-hidden=\"true\" className=\"ds:shrink-0 ds:size-4\">\n            {icon}\n          </span>\n        )}\n        {children}\n        {badge && <span className=\"ds:shrink-0\">{badge}</span>}\n        {dismissible && (\n          // Visual-only dismiss indicator — pointer dismiss fires here; keyboard dismiss fires via Delete/Backspace on the trigger above.\n          // No role/tabIndex to avoid nested-interactive (interactive content inside <button> is invalid HTML).\n          <span\n            aria-hidden=\"true\"\n            className={cx(\n              'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n              'ds:size-6 ds:rounded-[var(--radius-sm)]',\n              'ds:hover:bg-muted-foreground/20',\n            )}\n            onPointerDown={(e) => {\n              e.stopPropagation();\n              e.preventDefault();\n              onDismiss?.();\n            }}\n          >\n            <X className=\"ds:size-3.5\" />\n          </span>\n        )}\n      </TabsPrimitive.Trigger>\n    );\n  },\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\n// ---------------------------------------------------------------------------\n// TabsContent\n// ---------------------------------------------------------------------------\n\nconst TabsContent = forwardRef<HTMLDivElement, TabsContentProps>(\n  ({ className, children, ...props }, ref) => (\n    <TabsPrimitive.Content\n      ref={ref}\n      className={cx(\n        'ds:mt-[var(--spacing-sm)] ds:outline-none',\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        className,\n      )}\n      {...props}\n    >\n      {children}\n    </TabsPrimitive.Content>\n  ),\n);\nTabsContent.displayName = 'TabsContent';\n\n// ---------------------------------------------------------------------------\n// Compound export\n// ---------------------------------------------------------------------------\n\nexport const Tabs = Object.assign(TabsRoot, {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n});\n\nexport { TabsList, TabsTrigger, TabsContent };\n"],"names":["tabsAgent","handle","args","tabsListVariants","cva","tabsTriggerVariants","TabsContext","createContext","TabsRoot","forwardRef","variant","size","orientation","overflow","className","children","valueProp","defaultValue","onValueChange","id","props","ref","rootRef","useRef","composedRef","composeRefs","dir","useDirection","isControlled","internalValue","setInternalValue","useState","value","setValue","useCallback","next","ctxValue","useMemo","valueRef","useEffect","agentHandle","useAgentRegistration","jsx","TabsPrimitive","cx","TabsList","ariaLabel","useContext","t","useTranslation","listRef","overflowTabs","setOverflowTabs","isHorizontal","isDropdownOverflow","el","detectOverflow","containerRight","hidden","tab","label","_a","ro","combinedRef","node","selectOptions","Children","child","isValidElement","triggerValue","labelChild","jsxs","Select","OverflowMenu","tabs","DropdownMenuPrimitive","ChevronDown","tabLabel","TabsTrigger","variantProp","sizeProp","orientationProp","icon","badge","dismissible","onDismiss","onKeyDown","ctx","handleKeyDown","e","X","TabsContent","Tabs"],"mappings":"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"}

package/dist/_chunks/{tasks-panel-Do5SFp-j.js → tasks-panel-DPCNaRko.js}

@@ -7,7 +7,7 @@ import { B as ae } from "./button-nJaPh_HC.js";
 import { I as $ } from "./icon-button-DA2CAGHZ.js";
 import { B as he } from "./button-group-CaxRJsNG.js";
 import { P as gt } from "./panel-header-D313n_9-.js";
-import { S as ve } from "./select-BW5ecXlX.js";
+import { S as ve } from "./select-Bi8zril7.js";
 import { S as ht } from "./switch-OILsBLWo.js";
 import { S as vt } from "./skeleton-CZbwyJAA.js";
 import { E as ne } from "./empty-state-X0sVPfVo.js";
@@ -754,4 +754,4 @@ export {
   Gt as T,
   qt as t
 };
-//# sourceMappingURL=tasks-panel-Do5SFp-j.js.map
+//# sourceMappingURL=tasks-panel-DPCNaRko.js.map