themelia-react-ui 2.0.2 → 2.0.4

package/dist/choice-inputs-CNHvARCJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"choice-inputs-CNHvARCJ.js","names":["Select","SelectPrimitive","isScalar","baseui.SelectContent","baseui.SelectGroup","baseui.SelectItem","baseui.SelectLabel","baseui.SelectSeparator","Select","baseui.Select","baseui.SelectTrigger","baseui.SelectValue","Switch","SwitchPrimitive","Switch","SwitchPrimitive","React","Switch","isSimpleText","Switch","isSimpleText","GRID_COLS","isSimpleText","RadioGroupPrimitive","RadioPrimitive","React","RadioGroupPrimitive","RadioPrimitive","React","useTypographyConfig","useDensityConfig","resolveComponentScale","cn","Label","Text","textSizes","textLineHeights","focusRecipes","anchoredPositionMethod","motionRecipes","Stack","surfaceDividerRecipes","collectionRowClasses","popoverRecipes","collectionRecipes","CollectionLabel","CollectionContent","interactionRecipes","fieldStateRecipes","selectToggleRecipes","formControlSizeClasses","formLabelSizeClasses","formFieldTriggerClasses","formControlIconClasses","resolveFormControlSize","Checkbox","React$1","Select$2","Select","SelectGroup","props","className","SelectValue","SelectTrigger","size","children","ChevronDownIcon","iconClassName","SelectContent","resolvedContainer","useThemePortalContainer","container","alignItemWithTrigger","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon","SELECT_POPUP_BEM","selectPopupItemSizeClasses","isScalar$1","value","SelectPopupContent","SelectPopupGroup","SelectPopupItem","density","defaultTextSize","selectPopupLabelSizeClasses","SelectPopupLabel","SelectPopupSeparator","defaultSelectStrings","CLEAR_VALUE","OPTION_VALUE_PREFIX","toInternalOptionValue","toInternalSelectedValue","toExternalValue","isScalar","typographyNode","DefaultOptionContent","option","Select$1","memo","forwardRef","isControlled","stringsProp","sizeProp","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","triggerProps","strings","useStrings","defaultScale","resolvedPlaceholder","placeholder","internalOptions","useMemo","mapped","options","allowClear","internalValue","optionsByInternalValue","entry","normalizedValue","normalizedDefaultValue","defaultValue","handleValueChange","useCallback","externalValue","nextValue","onValueChange","serializeValue","invalid","selectedOption","currentValue","renderValue","contentClassName","rendered","renderOption","Switch$2","Switch","Switch$1","rest","resolvedAriaInvalid","resolvedInvalid","checked","choiceCardSizeTokens","choicePillSizeTokens","choiceListSizeTokens","choiceCardStateClasses","choiceControlTrackClasses","choiceCardMarkerClasses","choiceCardMarkerSlotClasses","SwitchCard","Icon","internal","setInternal","useState","labelLineClasses","generatedId","useId","id","name","hasDescription","description","describedById","handleToggle","disabled","newChecked","handleCardClick","label","hint","isSimpleText$3","ToggleField","controlTrackClasses","inputId","labelId","descriptionId","set","next","onRowClick","Control","kind","v","TextBlock","controlPosition","isSimpleText$2","GRID_COLS$1","CardCheckboxGroup","markerTrackClasses","selected","tokens","toggle","o","val","columns","optionLabel","isSelected","isDisabled","shouldIncludeHidden","nameAttr","CircleCheck","isSimpleText$1","GRID_COLS","CardRadioGroupImpl","gridClassName","RadioGroup","Radio","CardRadioGroup","isSimpleText","ListRadioGroup","rowPadding","NEXT_KEYS","PREVIOUS_KEYS","PillRadioGroup","buttonRefs","isEnabled","selectedIndex","tabStopIndex","handleClick","optionValue","enabled","index","current","button","event","rtl","forward","backward","position","fullWidth","node"],"sources":["../src/components/ui/select.tsx","../src/components/base/choice-inputs/select-popup.tsx","../src/components/base/choice-inputs/select.tsx","../src/components/ui/switch.tsx","../src/components/base/choice-inputs/switch.tsx","../src/components/base/choice-inputs/choice-types.ts","../src/components/base/choice-inputs/switch-card.tsx","../src/components/base/choice-inputs/toggle-field.tsx","../src/components/base/choice-inputs/card-checkbox-group.tsx","../src/components/base/choice-inputs/card-radio-group.tsx","../src/components/base/choice-inputs/list-radio-group.tsx","../src/components/base/choice-inputs/pill-radio-group.tsx"],"sourcesContent":["import { anchoredPositionMethod } from '../../lib/anchored-positioning';\nimport { fieldStateRecipes } from '../../lib/field-state-recipes';\nimport { selectToggleRecipes } from '../../lib/field-affordance-recipes';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { surfaceDividerRecipes } from '../../lib/surface-recipes';\nimport { useThemePortalContainer, type ThemePortalContainer } from '../../lib/theme-scope';\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-start\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  iconClassName,\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\"\n  /** Chevron size; owners pass the matching control icon size. Defaults to the shared select-toggle glyph for `size`. */\n  iconClassName?: string\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"box-border flex w-fit items-center justify-between gap-space-sm whitespace-nowrap rounded-inner border border-input bg-transparent px-control py-space-xs font-sans text-sm text-foreground shadow-none outline-none transition-[color,box-shadow]\",\n        \"data-[placeholder]:text-muted-foreground data-[size=default]:h-control data-[size=sm]:h-control-sm\",\n        fieldStateRecipes.focus,\n        fieldStateRecipes.invalid,\n        \"disabled:cursor-not-allowed disabled:opacity-50 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        \"*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-space-sm [&_svg:not([class*='size-'])]:size-icon [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={\n          <ChevronDownIcon aria-hidden=\"true\" className={cn(\"pointer-events-none shrink-0 text-muted-foreground\", selectToggleRecipes.icon[size === \"sm\" ? \"sm\" : \"md\"], iconClassName)} />\n        }\n      />\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  container,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  positionMethod = anchoredPositionMethod,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\" | \"positionMethod\"\n  > & { container?: ThemePortalContainer }) {\n  const resolvedContainer = useThemePortalContainer(container)\n  return (\n    <SelectPrimitive.Portal container={resolvedContainer}>\n      <SelectPrimitive.Positioner\n        positionMethod={positionMethod}\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\n          motionRecipes.popup,\n          'data-[align-trigger=true]:transition-none data-[align-trigger=true]:duration-0 data-[align-trigger=true]:scale-100 data-[align-trigger=true]:translate-none data-[align-trigger=true]:opacity-100',\n          \"relative isolate z-50 max-h-(--available-height) min-w-(--anchor-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-radius bg-popover text-popover-foreground shadow-md\",\n          surfaceDividerRecipes.anchored.shell,\n          className\n        )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"px-row-x py-row-y-sm text-xs font-medium text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex min-w-0 flex-1 gap-space-sm\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={<span className=\"pointer-events-none flex shrink-0 items-center justify-center\" />}\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"pointer-events-none my-space-xs h-px\", surfaceDividerRecipes.anchored.separator, className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\"bg-popover z-10 flex cursor-default items-center justify-center py-space-xs [&_svg:not([class*='size-'])]:size-icon top-0 w-full\", className)}\n      {...props}\n    >\n      <ChevronUpIcon\n      />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\"bg-popover z-10 flex cursor-default items-center justify-center py-space-xs [&_svg:not([class*='size-'])]:size-icon bottom-0 w-full\", className)}\n      {...props}\n    >\n      <ChevronDownIcon\n      />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n","import { CollectionLabel } from '../popover/collection-content';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport * as baseui from '../../ui/select';\nimport { Text } from '../../typography';\nimport { textSizes } from '../../typography/text.styles';\nimport { useTypographyConfig, type FormControlSize } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\nimport { collectionRecipes, collectionRowClasses, popoverRecipes, type CollectionDensity } from '../popover/popover.recipes';\n\nconst SELECT_POPUP_BEM = {\n\tcontent: 'select-popup--component',\n\tgroup: 'select-popup--group',\n\titem: 'select-popup--item',\n\tlabel: 'select-popup--label',\n\tseparator: 'select-popup--separator',\n} as const;\n\nconst selectPopupItemSizeClasses: Record<FormControlSize, string> = {\n\tsm: \"[&_svg:not([class*='size-'])]:size-icon-sm\",\n\tmd: \"[&_svg:not([class*='size-'])]:size-icon\",\n\tlg: \"[&_svg:not([class*='size-'])]:size-icon-lg\",\n};\n\nfunction isScalar(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/**\n * Private presentation layer for every Select-based form popup.\n *\n * It deliberately leaves Root/Trigger/Value state and form semantics with the\n * owning control, while centralizing the collection popup's compact surface inset, row\n * rhythm, option indicator clearance, icon sizing, and group anatomy.\n */\nexport function SelectPopupContent({\n\tclassName,\n\talign = 'start',\n\talignItemWithTrigger = false,\n\t...props\n}: ComponentPropsWithoutRef<typeof baseui.SelectContent>) {\n\treturn (\n\t\t<baseui.SelectContent\n\t\t\talign={align}\n\t\t\talignItemWithTrigger={alignItemWithTrigger}\n\t\t\tclassName={cn(\n\t\t\t\tSELECT_POPUP_BEM.content,\n\t\t\t\tpopoverRecipes.surface,\n\t\t\t\tpopoverRecipes.menu,\n\t\t\t\t'w-max min-w-(--anchor-width) max-w-(--available-width)',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport function SelectPopupGroup({\n\tclassName,\n\t...props\n}: ComponentPropsWithoutRef<typeof baseui.SelectGroup>) {\n\treturn (\n\t\t<baseui.SelectGroup\n\t\t\tclassName={cn(SELECT_POPUP_BEM.group, 'p-0', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport interface SelectPopupItemProps\n\textends ComponentPropsWithoutRef<typeof baseui.SelectItem> {\n\t/** Match option typography, gap, icon, and indicator clearance to its trigger. */\n\tsize?: FormControlSize;\n\t/** Vertical option rhythm, independent from trigger/icon size. */\n\tdensity?: CollectionDensity;\n}\n\nexport function SelectPopupItem({\n\tchildren,\n\tclassName,\n\tsize = 'md',\n\tdensity = 'default',\n\t...props\n}: SelectPopupItemProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\treturn (\n\t\t<baseui.SelectItem\n\t\t\tclassName={cn(\n\t\t\t\tSELECT_POPUP_BEM.item,\n\t\t\t\tcollectionRowClasses(density),\n\t\t\t\tcollectionRecipes.highlighted,\n\t\t\t\tcollectionRecipes.disabled,\n\t\t\t\tselectPopupItemSizeClasses[size],\n\t\t\t\ttextSizes[defaultTextSize ?? 'sm'],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isScalar(children) ? <CollectionLabel>{children}</CollectionLabel> : children}\n\t\t</baseui.SelectItem>\n\t);\n}\n\nexport interface SelectPopupLabelProps\n\textends ComponentPropsWithoutRef<typeof baseui.SelectLabel> {\n\t/**\n\t * Owning control scale. Group captions sit one step below the option text:\n\t * `sm` and `md` use the compact caption size, `lg` the default text size.\n\t * Defaults to `md`.\n\t */\n\tsize?: FormControlSize;\n}\n\nconst selectPopupLabelSizeClasses: Record<FormControlSize, string> = {\n\tsm: 'text-xs',\n\tmd: 'text-xs',\n\tlg: 'text-sm',\n};\n\n/**\n * Group caption. Supporting copy rather than another option, so it uses the\n * secondary medium caption role shared with menu and command group captions.\n */\nexport function SelectPopupLabel({\n\tchildren,\n\tclassName,\n\tsize = 'md',\n\t...props\n}: SelectPopupLabelProps) {\n\treturn (\n\t\t<baseui.SelectLabel\n\t\t\tclassName={cn(\n\t\t\t\tSELECT_POPUP_BEM.label,\n\t\t\t\t'px-row-x py-row-y-sm font-medium text-muted-foreground',\n\t\t\t\tselectPopupLabelSizeClasses[size],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isScalar(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"inherit\" weight=\"inherit\" lineHeight=\"tight\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</baseui.SelectLabel>\n\t);\n}\n\nexport function SelectPopupSeparator({\n\tclassName,\n\t...props\n}: ComponentPropsWithoutRef<typeof baseui.SelectSeparator>) {\n\treturn (\n\t\t<baseui.SelectSeparator\n\t\t\tclassName={cn(\n\t\t\t\tSELECT_POPUP_BEM.separator,\n\t\t\t\tpopoverRecipes.separator,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n","import { CollectionContent } from '../popover/collection-content';\nimport {\n\tforwardRef,\n\tmemo,\n\tuseCallback,\n\tuseMemo,\n\ttype ComponentPropsWithoutRef,\n\ttype FocusEventHandler,\n\ttype ReactNode,\n\ttype Ref,\n} from 'react';\n\nimport * as baseui from '../../ui/select';\nimport { Text } from '../../typography';\nimport { useDensityConfig, type FormControlSize } from '../../../lib/ui-provider';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { selectToggleRecipes } from '../../../lib/field-affordance-recipes';\nimport type { CollectionDensity } from '../popover/popover.recipes';\n\nimport {\n\tformControlIconClasses,\n\tformFieldTriggerClasses,\n\tresolveFormControlSize,\n} from '../forms/form-sizing';\nimport {\n\tSelectPopupContent,\n\tSelectPopupGroup,\n\tSelectPopupItem,\n} from './select-popup';\n\nexport interface SelectStrings {\n\tplaceholder: string;\n}\n\nexport const defaultSelectStrings: SelectStrings = {\n\tplaceholder: 'Select an option',\n};\n\nexport interface SelectOption {\n\tvalue: string;\n\tlabel: string;\n\tdescription?: string;\n\ticon?: ReactNode;\n\tdisabled?: boolean;\n}\n\ntype BaseSelectTriggerProps = ComponentPropsWithoutRef<typeof baseui.SelectTrigger>;\n\ntype SelectTriggerProps = Omit<\n\tBaseSelectTriggerProps,\n\t| 'aria-describedby'\n\t| 'aria-invalid'\n\t| 'aria-label'\n\t| 'aria-labelledby'\n\t| 'children'\n\t| 'className'\n\t| 'defaultValue'\n\t| 'disabled'\n\t| 'form'\n\t| 'id'\n\t| 'name'\n\t| 'onBlur'\n\t| 'onChange'\n\t| 'onFocus'\n\t| 'required'\n\t| 'size'\n\t| 'value'\n>;\n\nexport interface SelectProps extends SelectTriggerProps {\n\t/** Popup option rhythm, independent from the trigger size. Defaults to default. */\n\tdensity?: CollectionDensity;\n\t/** Available options. An empty-string option clears the selection. */\n\toptions: SelectOption[];\n\n\t/** Placeholder text — overrides `strings.placeholder` when provided. */\n\tplaceholder?: string;\n\n\t/** String overrides (e.g. placeholder). */\n\tstrings?: StringsProp<SelectStrings>;\n\n\t/** Add a placeholder option that clears the current selection. */\n\tallowClear?: boolean;\n\n\t/** Error state for styling (passed from FormField). */\n\tinvalid?: boolean;\n\n\t/** Visual size. */\n\tsize?: FormControlSize;\n\n\t/** Additional class names for the trigger. */\n\tclassName?: string;\n\n\t/** Additional class names for the popup surface. */\n\tcontentClassName?: string;\n\n\t/** Canonical value callback. Returns `undefined` when the selection is cleared. */\n\tonValueChange?: (value: string | undefined) => void;\n\n\t/** Current value. Passing `value={undefined}` explicitly keeps the control controlled and clear. */\n\tvalue?: string | null;\n\n\t/** Initial value for an uncontrolled select. */\n\tdefaultValue?: string | null;\n\n\t/** Disabled state. */\n\tdisabled?: boolean;\n\n\t/** Read-only state. */\n\treadOnly?: boolean;\n\n\t/** Field name used by the hidden native input. */\n\tname?: string;\n\n\t/** The owning form id when the select is rendered outside that form. */\n\tform?: string;\n\n\t/** Native autocomplete hint forwarded to the hidden input. */\n\tautoComplete?: string;\n\n\t/** Ref to the hidden native input used for form submission. */\n\tinputRef?: Ref<HTMLInputElement>;\n\n\t/** Root id; Base UI applies it to the trigger/field contract. */\n\tid?: string;\n\n\t/** Required state. */\n\trequired?: boolean;\n\n\t/** Accessible label for externally-labelled or compact trigger contexts. */\n\t'aria-label'?: string;\n\n\t/** Ids of elements that label the trigger. */\n\t'aria-labelledby'?: string;\n\n\t/** Ids of elements that describe the trigger. */\n\t'aria-describedby'?: string;\n\n\t/** Native invalid state forwarded to the trigger. `invalid` takes precedence. */\n\t'aria-invalid'?: BaseSelectTriggerProps['aria-invalid'];\n\n\t/** Native focus callback forwarded to the trigger. */\n\tonFocus?: FocusEventHandler<HTMLButtonElement>;\n\n\t/** Native blur callback forwarded to the trigger. */\n\tonBlur?: FocusEventHandler<HTMLButtonElement>;\n\n\t/** Open state (controlled). */\n\topen?: boolean;\n\n\t/** Default open state. */\n\tdefaultOpen?: boolean;\n\n\t/** Open change handler. */\n\tonOpenChange?: (open: boolean) => void;\n\n\t/** Called after the popup's opening or closing animation completes. */\n\tonOpenChangeComplete?: (open: boolean) => void;\n\n\t/** Whether the open popup should isolate interaction from the rest of the page. */\n\tmodal?: boolean;\n\n\t/** Whether pointer movement should highlight popup options. */\n\thighlightItemOnHover?: boolean;\n\n\t/** Replace the default icon/label/description option presentation. */\n\trenderOption?: (option: SelectOption) => ReactNode;\n\n\t/** Replace the trigger value presentation. Receives `undefined` for the placeholder state. */\n\trenderValue?: (option: SelectOption | undefined) => ReactNode;\n}\n\ninterface InternalSelectOption {\n\tinternalValue: string;\n\toption: SelectOption;\n}\n\n// Base UI reserves the empty string for an empty native form value. Encoding every\n// real option keeps consumer values collision-free, including values that happen to\n// equal this component's clear sentinel.\nconst CLEAR_VALUE = '__admin_ui_select_clear__';\nconst OPTION_VALUE_PREFIX = '__admin_ui_select_option__:';\n\nfunction toInternalOptionValue(value: string): string {\n\treturn value === '' ? CLEAR_VALUE : `${OPTION_VALUE_PREFIX}${value}`;\n}\n\nfunction toInternalSelectedValue(value: string | null | undefined): string | null {\n\tif (value === '' || value === null || value === undefined) return null;\n\treturn `${OPTION_VALUE_PREFIX}${value}`;\n}\n\nfunction toExternalValue(value: string | null): string | undefined {\n\tif (value === null || value === CLEAR_VALUE) return undefined;\n\tif (value.startsWith(OPTION_VALUE_PREFIX)) return value.slice(OPTION_VALUE_PREFIX.length);\n\treturn undefined;\n}\n\nfunction isScalar(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nfunction typographyNode(value: ReactNode, className?: string): ReactNode {\n\tif (!isScalar(value)) return value;\n\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className={cn('text-inherit', className)}>\n\t\t\t{value}\n\t\t</Text>\n\t);\n}\n\nfunction DefaultOptionContent({ option, size }: { option: SelectOption; size: FormControlSize }) {\n return <CollectionContent label={option.label} description={option.description} leading={option.icon} leadingDecorative wrap\n  className=\"select--option-content\" leadingClassName={cn('select--option-icon',formControlIconClasses[size])}\n  bodyClassName=\"select--option-text text-start\" labelClassName=\"select--option-label block\"\n  descriptionClassName=\"select--option-description line-clamp-2\"/>;\n}\n\n/**\n * Canonical finite-option form control. `Select` owns the single Base UI state\n * engine used by both standard and descriptive option presentations.\n */\nexport const Select = memo(\n\tforwardRef<HTMLButtonElement, SelectProps>(function Select(props, ref) {\n\t\tconst isControlled = Object.prototype.hasOwnProperty.call(props, 'value');\n\t\tconst {\n\t\t\toptions,\n\t\t\tdensity,\n\t\t\tplaceholder,\n\t\t\tstrings: stringsProp,\n\t\t\tallowClear = false,\n\t\t\tinvalid,\n\t\t\tsize: sizeProp,\n\t\t\tclassName,\n\t\t\tcontentClassName,\n\t\t\tonValueChange,\n\t\t\tdisabled,\n\t\t\treadOnly,\n\t\t\tdefaultOpen,\n\t\t\topen,\n\t\t\tonOpenChange,\n\t\t\tonOpenChangeComplete,\n\t\t\tmodal,\n\t\t\thighlightItemOnHover,\n\t\t\tname,\n\t\t\tform,\n\t\t\tautoComplete,\n\t\t\tinputRef,\n\t\t\tid,\n\t\t\trequired,\n\t\t\t'aria-label': ariaLabel,\n\t\t\t'aria-labelledby': ariaLabelledBy,\n\t\t\t'aria-describedby': ariaDescribedBy,\n\t\t\t'aria-invalid': ariaInvalid,\n\t\t\tonFocus,\n\t\t\tonBlur,\n\t\t\tvalue,\n\t\t\tdefaultValue,\n\t\t\trenderOption,\n\t\t\trenderValue,\n\t\t\t...triggerProps\n\t\t} = props;\n\t\tconst strings = useStrings(defaultSelectStrings, stringsProp);\n\t\tconst { defaultScale } = useDensityConfig();\n\t\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\t\tconst resolvedPlaceholder = placeholder ?? strings.placeholder;\n\n\t\tconst internalOptions = useMemo<InternalSelectOption[]>(() => {\n\t\t\tconst mapped = options.map((option) => ({\n\t\t\t\toption,\n\t\t\t\tinternalValue: toInternalOptionValue(option.value),\n\t\t\t}));\n\n\t\t\tif (allowClear && !mapped.some(({ internalValue }) => internalValue === CLEAR_VALUE)) {\n\t\t\t\tmapped.unshift({\n\t\t\t\t\tinternalValue: CLEAR_VALUE,\n\t\t\t\t\toption: { value: '', label: resolvedPlaceholder },\n\t\t\t\t});\n\t\t\t}\n\n\t\t\treturn mapped;\n\t\t}, [allowClear, options, resolvedPlaceholder]);\n\n\t\tconst optionsByInternalValue = useMemo(\n\t\t\t() => new Map(internalOptions.map((entry) => [entry.internalValue, entry.option])),\n\t\t\t[internalOptions],\n\t\t);\n\t\tconst normalizedValue = toInternalSelectedValue(value);\n\t\tconst normalizedDefaultValue = toInternalSelectedValue(defaultValue);\n\n\t\tconst handleValueChange = useCallback(\n\t\t\t(nextValue: string | null) => {\n\t\t\t\tconst externalValue = toExternalValue(nextValue);\n\t\t\t\tonValueChange?.(externalValue);\n\t\t\t},\n\t\t\t[onValueChange],\n\t\t);\n\n\t\tconst serializeValue = useCallback((internalValue: string) => {\n\t\t\treturn toExternalValue(internalValue) ?? '';\n\t\t}, []);\n\n\t\tconst controlledValueProps = isControlled ? { value: normalizedValue } : {};\n\n\t\treturn (\n\t\t\t<baseui.Select\n\t\t\t\tonValueChange={handleValueChange}\n\t\t\t\tdisabled={disabled}\n\t\t\t\treadOnly={readOnly}\n\t\t\t\tdefaultOpen={defaultOpen}\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={onOpenChange}\n\t\t\t\tonOpenChangeComplete={onOpenChangeComplete}\n\t\t\t\tmodal={modal}\n\t\t\t\thighlightItemOnHover={highlightItemOnHover}\n\t\t\t\tname={name}\n\t\t\t\tform={form}\n\t\t\t\tautoComplete={autoComplete}\n\t\t\t\tinputRef={inputRef}\n\t\t\t\tid={id}\n\t\t\t\trequired={required}\n\t\t\t\tdefaultValue={normalizedDefaultValue}\n\t\t\t\titemToStringValue={serializeValue}\n\t\t\t\t{...controlledValueProps}\n\t\t\t>\n\t\t\t\t<baseui.SelectTrigger\n\t\t\t\t\tref={ref}\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\taria-invalid={invalid ? true : ariaInvalid}\n\t\t\t\t\tonFocus={onFocus}\n\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\ticonClassName={selectToggleRecipes.icon[size]}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'select--component select--trigger',\n\t\t\t\t\t\tformFieldTriggerClasses(size),\n\t\t\t\t\t\t'data-[placeholder]:text-muted-foreground',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\t{...triggerProps}\n\t\t\t\t>\n\t\t\t\t\t<baseui.SelectValue className=\"select--value min-w-0\">\n\t\t\t\t\t\t{(currentValue: string | null) => {\n\t\t\t\t\t\t\tconst selectedOption = currentValue && currentValue !== CLEAR_VALUE\n\t\t\t\t\t\t\t\t? optionsByInternalValue.get(currentValue)\n\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t\tconst rendered = renderValue\n\t\t\t\t\t\t\t\t? renderValue(selectedOption)\n\t\t\t\t\t\t\t\t: selectedOption?.label ?? resolvedPlaceholder;\n\n\t\t\t\t\t\t\treturn typographyNode(rendered, 'min-w-0 truncate');\n\t\t\t\t\t\t}}\n\t\t\t\t\t</baseui.SelectValue>\n\t\t\t\t</baseui.SelectTrigger>\n\t\t\t\t<SelectPopupContent className={cn('select--content', contentClassName)}>\n\t\t\t\t\t<SelectPopupGroup className=\"select--group\">\n\t\t\t\t\t\t{internalOptions.map(({ internalValue, option }) => {\n\t\t\t\t\t\t\tconst rendered = renderOption?.(option);\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<SelectPopupItem\n\t\t\t\t\t\t\t\t\tkey={internalValue}\n\t\t\t\t\t\t\t\t\tvalue={internalValue}\n\t\t\t\t\t\t\t\t\tlabel={option.label}\n\t\t\t\t\t\t\t\t\taria-label={option.label}\n\t\t\t\t\t\t\t\t\tdisabled={option.disabled}\n\t\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\t\tdensity={density}\n\t\t\t\t\t\t\t\t\tclassName=\"select--item\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{renderOption\n\t\t\t\t\t\t\t\t\t\t? typographyNode(rendered, 'select--option-custom')\n\t\t\t\t\t\t\t\t\t\t: <DefaultOptionContent option={option} size={size} />}\n\t\t\t\t\t\t\t\t</SelectPopupItem>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</SelectPopupGroup>\n\t\t\t\t</SelectPopupContent>\n\t\t\t</baseui.Select>\n\t\t);\n\t}),\n);\n\nSelect.displayName = 'Select';\n","import { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\n\nimport { cn } from \"../../lib/utils\"\nimport { focusRecipes } from \"../../lib/focus-recipes\"\nimport { fieldStateRecipes } from \"../../lib/field-state-recipes\"\n\n/**\n * Raw switch recipe. The unchecked track is the shared `--input` control\n * boundary; focus is the shared focus frame, and invalid follows the field-state\n * contract (destructive border, destructive halo on focus) like every field.\n */\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"peer group/switch relative box-border inline-flex shrink-0 items-center rounded-full border border-transparent outline-none transition-[background-color,border-color,box-shadow]\",\n        \"data-checked:bg-primary data-unchecked:bg-input\",\n        \"data-[size=default]:h-5 data-[size=default]:w-9 data-[size=sm]:h-4 data-[size=sm]:w-7\",\n        focusRecipes.frame,\n        fieldStateRecipes.invalid,\n        \"after:absolute after:-inset-x-3 after:-inset-y-2 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"bg-background rounded-full shadow-sm group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[16px] group-data-[size=sm]/switch:data-checked:translate-x-[12px] group-data-[size=default]/switch:data-unchecked:translate-x-0.5 group-data-[size=sm]/switch:data-unchecked:translate-x-0.5 pointer-events-none block ring-0 transition-transform motion-reduce:transition-none\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n","/**\n * Switch — canonical boolean switch wrapper around the internal shadcn primitive.\n *\n * `onValueChange` is the package-wide value callback.\n */\nimport { forwardRef, type ComponentProps } from 'react';\n\nimport { Switch as SwitchPrimitive } from '../../ui/switch';\nimport { useDensityConfig, type ComponentScale } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\n\ntype BaseSwitchProps = ComponentProps<typeof SwitchPrimitive>;\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive>;\n\nexport interface SwitchProps extends Omit<BaseSwitchProps, 'onCheckedChange' | 'size'> {\n\t/** Component scale. Falls back to `UIProvider.density.defaultScale`. */\n\tsize?: ComponentScale;\n\t/** Controlled checked state. */\n\tchecked?: boolean;\n\t/** Initial checked state for uncontrolled usage. */\n\tdefaultChecked?: boolean;\n\t/** Disable interaction and native form participation changes. */\n\tdisabled?: boolean;\n\t/** Prevent changes while retaining the current submitted value. */\n\treadOnly?: boolean;\n\t/** Require the switch to be checked for native form validation. */\n\trequired?: boolean;\n\t/** Hidden input name used during native form submission. */\n\tname?: string;\n\t/** Hidden input value submitted while checked. */\n\tvalue?: string;\n\t/** Optional value submitted while unchecked. */\n\tuncheckedValue?: string;\n\t/** Associate the hidden input with a form by id. */\n\tform?: string;\n\t/** Canonical boolean value callback. */\n\tonValueChange?: (checked: boolean) => void;\n\n\t/** Error state for styling (passed from FormField). */\n\tinvalid?: boolean;\n}\n\n/** Canonical boolean control with native form state and value-first callbacks. */\nexport const Switch = forwardRef<SwitchElement, SwitchProps>(function Switch(\n\t{\n\t\tonValueChange,\n\t\tsize: sizeProp,\n\t\tinvalid,\n\t\tclassName,\n\t\tid,\n\t\tname,\n\t\t'aria-invalid': ariaInvalid,\n\t\t...rest\n\t},\n\tref,\n) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tconst resolvedAriaInvalid = invalid ? true : ariaInvalid;\n\tconst resolvedInvalid = resolvedAriaInvalid !== undefined && resolvedAriaInvalid !== false && resolvedAriaInvalid !== 'false';\n\n\treturn (\n\t\t<SwitchPrimitive\n\t\t\tref={ref}\n\t\t\t{...rest}\n\t\t\tid={id}\n\t\t\tname={name}\n\t\t\tonCheckedChange={(checked) => onValueChange?.(checked)}\n\t\t\tsize={size === 'sm' ? 'sm' : 'default'}\n\t\t\taria-invalid={resolvedAriaInvalid}\n\t\t\tclassName={cn(\n\t\t\t\t'switch--component',\n\t\t\t\tsize === 'lg' && 'h-6! w-11! [&_[data-slot=switch-thumb]]:size-5! [&[data-checked]_[data-slot=switch-thumb]]:translate-x-[20px]!',\n\t\t\t\tresolvedInvalid && 'data-unchecked:border-destructive',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t/>\n\t);\n});\n\nSwitch.displayName = 'Switch';\n","/**\n * Shared types for choice-style form fields (CardRadio, CardCheckbox,\n * ListRadio, PillRadio). Each variant exports its own `Option` type that\n * extends `ChoiceOptionBase`, so consumers see one consistent option shape\n * across the family.\n *\n * Sizes follow the package component scale (`sm | md | lg`). CardRadio and\n * CardCheckbox additionally accept `size` to drive padding, icon size, and type\n * scale through shared form/display variables.\n */\nimport type { ComponentType, ReactNode } from 'react';\nimport type { ComponentScale } from '../../../lib/ui-provider';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nexport type ChoiceSize = ComponentScale;\n\nexport interface ChoiceOptionBase<TValue extends string = string> {\n\tvalue: TValue;\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\ticon?: ComponentType<{ className?: string }>;\n\tdisabled?: boolean;\n}\n\nexport interface ChoiceGroupBaseProps {\n\t/** Supporting/error descriptions associated with the group. */\n\t'aria-describedby'?: string;\n\t/** Form field name (also used for hidden inputs and aria grouping). */\n\tname?: string;\n\t/** Disable the entire group. */\n\tdisabled?: boolean;\n\t/** Show error styling. */\n\tinvalid?: boolean;\n\t/** Density / control size. Defaults from `useDensityConfig().defaultScale`. */\n\tsize?: ChoiceSize;\n\tclassName?: string;\n}\n\n/**\n * Padding / icon-size token map shared across CardRadio + CardCheckbox so the\n * two variants line up visually when placed side-by-side.\n */\nexport const choiceCardSizeTokens: Record<\n\tChoiceSize,\n\t{ padding: string; iconBox: string; iconSize: string; gap: string }\n> = {\n\tsm: { padding: 'p-surface-xs', iconBox: 'size-avatar-sm', iconSize: 'size-icon-sm', gap: 'gap-space-sm' },\n\tmd: { padding: 'p-surface', iconBox: 'size-avatar', iconSize: 'size-icon', gap: 'gap-space-md' },\n\tlg: { padding: 'p-surface-lg', iconBox: 'size-avatar-lg', iconSize: 'size-icon-lg', gap: 'gap-space-lg' },\n};\n\n/**\n * Pill height / horizontal padding tokens. Shared across PillRadioGroup\n * and any future toggle-bar variant so they stack cleanly.\n */\nexport const choicePillSizeTokens: Record<ChoiceSize, string> = {\n\tsm: 'h-control-sm px-control-sm text-pxs',\n\tmd: 'h-control px-control text-sm',\n\tlg: 'h-control-lg px-control text-sm',\n};\n\n/**\n * Row padding tokens for ListRadio and any future inline list variant.\n */\nexport const choiceListSizeTokens: Record<ChoiceSize, string> = {\n\tsm: 'px-row-x py-row-y-sm',\n\tmd: 'px-row-x py-row-y',\n\tlg: 'px-row-x py-row-y-lg',\n};\n\n/**\n * Shared option-card states for CardRadioGroup and CardCheckboxGroup: the resting\n * `border-border` divider (declared beside `border` by each owner) steps up to the\n * control boundary on hover, and keyboard focus draws the shared focus frame.\n * Selection and validation are added by each owner as data/aria variants, so they\n * keep their border while focused.\n */\nexport const choiceCardStateClasses = `${interactionRecipes.tileHover} ${focusRecipes.frame}`;\n\n/** Optional option glyph: one neutral tile in every state, so colour stays for meaning. */\nexport const choiceCardIconClasses = 'inline-flex shrink-0 items-center justify-center rounded-inner bg-muted text-muted-foreground';\n\n/**\n * A control track exactly one label line tall. Pair it with the label's own text\n * role (size and leading) and align the row to its start: a checkbox, radio,\n * switch or selection marker then centres on the label's first line at every\n * scale, whether or not the label wraps.\n */\nexport const choiceControlTrackClasses = 'flex h-lh shrink-0 items-center';\n\n/**\n * Shared selected-card marker, derived from action geometry. It sits in a\n * `choiceControlTrackClasses` track beside the option label, inside a slot that\n * keeps its width while unselected so selecting never rewraps the label.\n */\nexport const choiceCardMarkerClasses = 'size-action-sm shrink-0 text-primary-foreground fill-primary stroke-primary-foreground';\nexport const choiceCardMarkerSlotClasses = 'inline-flex size-action-sm shrink-0 items-center justify-center';\n","/**\n * SwitchCard — bordered settings card with an icon, title, optional\n * description, optional hint, and a trailing switch. The whole card is\n * clickable and toggles the switch; clicking inside the actual switch only\n * toggles once. The on state draws the primary border; the switch itself carries the state.\n *\n * Use for top-of-list \"feature\" toggles where the switch needs more visual\n * weight than a `ToggleField`. For dense rows, prefer `ToggleField`.\n */\nimport { type LucideIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { useCallback, useId, useMemo, useState } from 'react';\nimport { Stack } from '../structure';\nimport { Label, Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { fieldStateRecipes } from '../../../lib/field-state-recipes';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { formLabelSizeClasses } from '../forms/form-sizing';\n\nimport { choiceCardIconClasses, choiceControlTrackClasses } from './choice-types';\nimport { Switch } from './switch';\n\nexport interface SwitchCardProps {\n\t/** Additional supporting/error descriptions associated with the editable control. */\n\t'aria-describedby'?: string;\n\t/** Card title, also the switch's accessible name. */\n\tlabel: string;\n\t/** Supporting sentence under the label. */\n\tdescription?: string;\n\t/** Short guidance below the description. */\n\thint?: string;\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n\t/** Form field name, forwarded for native submits. */\n\tname?: string;\n\t/** Whether the switch is on. Controlled. */\n\tvalue?: boolean;\n\t/** Initial switch state for uncontrolled use. */\n\tdefaultValue?: boolean;\n\tonValueChange?: (checked: boolean) => void;\n\t/** Disables the switch and mutes the card. */\n\tdisabled?: boolean;\n\t/** Applies the invalid styling. */\n\tinvalid?: boolean;\n\tclassName?: string;\n}\n\nexport const SwitchCard = React.forwardRef<HTMLDivElement, SwitchCardProps>(function SwitchCard({\n\t'aria-describedby': ariaDescribedBy,\n\tlabel,\n\tdescription,\n\thint,\n\ticon: Icon,\n\tname,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tdisabled = false,\n\tinvalid,\n\tclassName,\n}: SwitchCardProps, ref) {\n\tconst isControlled = value !== undefined;\n\tconst [internal, setInternal] = useState<boolean>(defaultValue ?? false);\n\tconst checked = isControlled ? value ?? false : internal;\n\tconst { defaultScale } = useDensityConfig();\n\t// The switch track is one label line tall, so the switch centres on the title's first line.\n\tconst labelLineClasses = formLabelSizeClasses[resolveComponentScale(undefined, defaultScale)];\n\tconst generatedId = useId();\n\tconst id = useMemo(() => name ?? generatedId, [name, generatedId]);\n\n\tconst hasDescription = typeof description === 'string' && description.trim() !== '';\n\tconst describedById = hasDescription ? `${id}-description` : undefined;\n\n\tconst handleToggle = useCallback(\n\t\t(newChecked: boolean) => {\n\t\t\tif (disabled) return;\n\t\t\tif (!isControlled) setInternal(newChecked);\n\t\t\tonValueChange?.(newChecked);\n\t\t},\n\t\t[disabled, isControlled, onValueChange],\n\t);\n\n\tconst handleCardClick = useCallback(\n\t\t(e: React.MouseEvent) => {\n\t\t\tif ((e.target as HTMLElement).closest('[role=\"switch\"]')) return;\n\t\t\thandleToggle(!checked);\n\t\t},\n\t\t[checked, handleToggle],\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\taria-invalid={invalid || undefined}\n\t\t\tonClick={handleCardClick}\n\t\t\tclassName={cn('switch-card--component', \n\t\t\t\t'group relative flex items-start gap-space-lg rounded-radius border bg-card text-card-foreground p-surface transition-[background,border-color,box-shadow] duration-150',\n\t\t\t\t// Same resting, hover, selected and invalid states as the choice cards.\n\t\t\t\t'border-border',\n\t\t\t\tchecked && 'border-primary',\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t!disabled && 'cursor-pointer hover:border-input',\n\t\t\t\tdisabled && 'cursor-not-allowed opacity-50',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{!!name && (\n\t\t\t\t<input\n\t\t\t\t\ttype=\"hidden\"\n\t\t\t\t\tname={name}\n\t\t\t\t\tvalue={checked ? '1' : '0'}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!!Icon && (\n\t\t\t\t<span className={cn('switch-card--icon size-control', choiceCardIconClasses)}>\n\t\t\t\t\t<Icon className=\"size-icon\" />\n\t\t\t\t</span>\n\t\t\t)}\n\n\t\t\t\t<Stack gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t<Label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'block text-inherit',\n\t\t\t\t\t\tdisabled ? 'cursor-not-allowed' : 'cursor-pointer',\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n\t\t\t\t{!!hasDescription && (\n\t\t\t\t\t<Text id={describedById} size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t\t{!!hint && (\n\t\t\t\t\t<Text size=\"xs\" type=\"discrete\">\n\t\t\t\t\t\t{hint}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t\t</Stack>\n\n\t\t\t<div className={cn('switch-card--control', choiceControlTrackClasses, labelLineClasses)}>\n\t\t\t\t<Switch\n\t\t\t\t\t// The card owns the disabled fade; the switch keeps native disabled behavior.\n\t\t\t\t\tclassName=\"data-disabled:opacity-100\"\n\t\t\t\t\tid={id}\n\t\t\t\t\tchecked={checked}\n\t\t\t\t\tonValueChange={handleToggle}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tinvalid={invalid}\n\t\t\t\t\taria-label={label}\n\t\t\t\t\taria-describedby={[ariaDescribedBy, describedById].filter(Boolean).join(' ') || undefined}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nSwitchCard.displayName = 'SwitchCard';\n","/**\n * ToggleField — inline label-and-control row for switches and checkboxes.\n *\n * Pattern: a left-aligned descriptive label/description block with the\n * control sitting on the trailing edge. Use for settings rows (e.g. \"Email\n * notifications\" + switch) where a full SwitchCard is too heavy and a bare\n * `Switch` + `<label>` is too brittle. The whole row is clickable and\n * keyboard-accessible.\n *\n * Two control kinds: `'switch'` (default) and `'checkbox'`. Both honour\n * controlled `value` / `defaultValue` / `onValueChange`. Strings are passed via\n * standard React props rather than a `strings` object — there are no\n * defaults to override.\n */\nimport type { ReactNode } from 'react';\nimport { forwardRef, useCallback, useId, useState } from 'react';\n\nimport { Stack } from '../structure';\nimport { Label, Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { formLabelSizeClasses } from '../forms/form-sizing';\n\nimport { Checkbox } from './checkbox';\nimport { choiceControlTrackClasses } from './choice-types';\nimport { Switch } from './switch';\n\nexport type ToggleFieldKind = 'switch' | 'checkbox';\n\nexport interface ToggleFieldProps {\n\t/** Additional supporting/error descriptions associated with the editable control. */\n\t'aria-describedby'?: string;\n\t/** Control label. */\n\tlabel: ReactNode;\n\t/** Supporting sentence under the label. */\n\tdescription?: ReactNode;\n\t/** Which control renders — a switch or a checkbox. */\n\tkind?: ToggleFieldKind;\n\t/** Whether the control is on. Controlled. */\n\tvalue?: boolean;\n\t/** Initial state for uncontrolled use. */\n\tdefaultValue?: boolean;\n\tonValueChange?: (checked: boolean) => void;\n\t/** Disables the control. */\n\tdisabled?: boolean;\n\t/** Applies the invalid styling. */\n\tinvalid?: boolean;\n\t/** Form field name, forwarded for native submits. */\n\tname?: string;\n\tclassName?: string;\n\t/** Place the control on the leading edge instead of trailing (default). */\n\tcontrolPosition?: 'leading' | 'trailing';\n}\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport const ToggleField = forwardRef<HTMLDivElement, ToggleFieldProps>(function ToggleField({\n\t'aria-describedby': ariaDescribedBy,\n\tlabel,\n\tdescription,\n\tkind = 'switch',\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tdisabled = false,\n\tinvalid = false,\n\tname,\n\tclassName,\n\tcontrolPosition = 'trailing',\n}: ToggleFieldProps, ref) {\n\tconst isControlled = value !== undefined;\n\tconst [internal, setInternal] = useState<boolean>(defaultValue ?? false);\n\tconst checked = isControlled ? value ?? false : internal;\n\tconst { defaultScale } = useDensityConfig();\n\t// The control track is exactly one label line tall, so a switch or checkbox\n\t// centres on the label's first line at every scale, wrapped or not.\n\tconst controlTrackClasses = cn('toggle-field--control', choiceControlTrackClasses, formLabelSizeClasses[resolveComponentScale(undefined, defaultScale)]);\n\tconst inputId = useId();\n\tconst labelId = `${inputId}-label`;\n\tconst hasDescription = description !== null && description !== undefined && description !== false;\n\tconst descriptionId = hasDescription ? `${inputId}-description` : undefined;\n\n\tconst set = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (disabled) return;\n\t\t\tif (!isControlled) setInternal(next);\n\t\t\tonValueChange?.(next);\n\t\t},\n\t\t[disabled, isControlled, onValueChange],\n\t);\n\n\tconst onRowClick = (e: React.MouseEvent) => {\n\t\t// Avoid double-toggle when clicking the control itself.\n\t\tconst target = e.target as HTMLElement;\n\t\tif (target.closest('[role=\"switch\"], [role=\"checkbox\"], input[type=\"checkbox\"]')) return;\n\t\tset(!checked);\n\t};\n\n\tconst Control =\n\t\tkind === 'switch' ? (\n\t\t\t<Switch\n\t\t\t\t// The row already expands the hit area; a horizontal switch hit\n\t\t\t\t// extension would overflow when this field sits at a surface edge.\n\t\t\t\tclassName=\"after:inset-x-0\"\n\t\t\t\tid={inputId}\n\t\t\t\tname={name}\n\t\t\t\tchecked={checked}\n\t\t\t\tonValueChange={set}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tinvalid={invalid}\n\t\t\t\taria-labelledby={labelId}\n\t\t\t\taria-describedby={[ariaDescribedBy, descriptionId].filter(Boolean).join(' ') || undefined}\n\t\t\t/>\n\t\t) : (\n\t\t\t<Checkbox\n\t\t\t\tid={inputId}\n\t\t\t\tname={name}\n\t\t\t\tchecked={checked}\n\t\t\t\tonCheckedChange={(v) => set(v === true)}\n\t\t\t\tdisabled={disabled}\n\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\taria-labelledby={labelId}\n\t\t\t\taria-describedby={[ariaDescribedBy, descriptionId].filter(Boolean).join(' ') || undefined}\n\t\t\t/>\n\t\t);\n\n\tconst TextBlock = (\n\t\t<Stack gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t<div id={labelId}>\n\t\t\t\t{isSimpleText(label) ? (\n\t\t\t\t\t<Label\n\t\t\t\t\t\thtmlFor={inputId}\n\t\t\t\t\t\tdata-disabled={disabled || undefined}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t// Leading is left to `Label` so this sits on the same\n\t\t\t\t\t\t\t// baseline rhythm as the switch, checkbox, and switch-card\n\t\t\t\t\t\t\t// labels; `leading-snug` here made it the only inline\n\t\t\t\t\t\t\t// control label in the package at 19.25px.\n\t\t\t\t\t\t\t'block text-inherit data-disabled:opacity-50',\n\t\t\t\t\t\t\tdisabled ? 'cursor-not-allowed' : 'cursor-pointer',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</Label>\n\t\t\t\t) : label}\n\t\t\t</div>\n\t\t\t{hasDescription && (\n\t\t\t\t<div id={descriptionId}>\n\t\t\t\t\t{isSimpleText(description) ? (\n\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) : description}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Stack>\n\t);\n\n\treturn (\n\t\t<Stack\n\t\t\tref={ref}\n\t\t\tdirection=\"horizontal\"\n\t\t\talign=\"start\"\n\t\t\twrap={false}\n\t\t\tgap=\"md\"\n\t\t\trole=\"group\"\n\t\t\tonClick={onRowClick}\n\t\t\tclassName={cn('toggle-field--component rounded-radius py-row-y',\n\t\t\t\tdisabled && 'pointer-events-none',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{controlPosition === 'leading' && <div className={controlTrackClasses}>{Control}</div>}\n\t\t\t{TextBlock}\n\t\t\t{controlPosition === 'trailing' && <div className={controlTrackClasses}>{Control}</div>}\n\t\t</Stack>\n\t);\n});\n\nToggleField.displayName = 'ToggleField';\n","/**\n * CardCheckboxGroup — multi-select group rendered as a grid of card-shaped\n * options with title, optional description, and optional leading icon.\n * Use for a small set of feature flags / preferences where each option\n * benefits from extra context that a flat checkbox list can't carry.\n *\n * Pairs with `CardRadioGroup` (single-select). Both share spacing tokens\n * from `./choice-types` so they line up when used side-by-side.\n */\nimport { CircleCheck, type LucideIcon } from 'lucide-react';\nimport { forwardRef, useState, useCallback, useMemo, type ReactNode } from 'react';\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { cn } from '../../../lib/utils';\nimport { fieldStateRecipes } from '../../../lib/field-state-recipes';\nimport { useDensityConfig, useTypographyConfig } from '../../../lib/ui-provider';\nimport { textLineHeights, textSizes } from '../../typography/text.styles';\nimport { resolveFormControlSize } from '../forms/form-sizing';\nimport {\n\tchoiceCardSizeTokens,\n\tchoiceCardIconClasses,\n\tchoiceCardMarkerClasses,\n\tchoiceCardMarkerSlotClasses,\n\tchoiceCardStateClasses,\n\tchoiceControlTrackClasses,\n\ttype ChoiceGroupBaseProps,\n\ttype ChoiceOptionBase,\n} from './choice-types';\n\nexport interface CardCheckboxOption extends ChoiceOptionBase {\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n}\n\nexport interface CardCheckboxGroupProps extends ChoiceGroupBaseProps {\n\t/** Choices offered. */\n\toptions: CardCheckboxOption[];\n\t/** Current value. Controlled. */\n\tvalue?: string[];\n\t/** Initial value for uncontrolled use. */\n\tdefaultValue?: string[];\n\tonValueChange?: (values: string[]) => void;\n\t/** How many columns the grid uses. */\n\tcolumns?: 1 | 2 | 3 | 4;\n}\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/*\n * Container widths, not viewport widths — a choice-card group is as likely to\n * sit in a settings rail or a drawer as at page width, and keyed to the screen\n * it laid three cards across a 300px column.\n *\n * 384/576/672 puts every tier clear of the widths this actually renders at: the\n * shipped three-up group is 672px wide, so the three-column step sits 96px\n * below it rather than exactly on it, and 384 keeps the two-column step above\n * every mobile mount (316px).\n */\nconst GRID_COLS: Record<NonNullable<CardCheckboxGroupProps['columns']>, string> = {\n\t1: 'grid grid-cols-1 gap-space-md',\n\t2: 'grid grid-cols-1 gap-space-md @sm/card-checkbox-group:grid-cols-2',\n\t3: 'grid grid-cols-1 gap-space-md @sm/card-checkbox-group:grid-cols-2 @xl/card-checkbox-group:grid-cols-3',\n\t4: 'grid grid-cols-1 gap-space-md @sm/card-checkbox-group:grid-cols-2 @2xl/card-checkbox-group:grid-cols-4',\n};\n\nexport const CardCheckboxGroup = forwardRef<HTMLDivElement, CardCheckboxGroupProps>(function CardCheckboxGroup({\n\t'aria-describedby': ariaDescribedBy,\n\toptions,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tname,\n\tcolumns = 3,\n\tinvalid,\n\tdisabled,\n\tsize: sizeProp,\n\tclassName,\n}: CardCheckboxGroupProps, ref) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\t// The marker track is one line of the option label's own text role tall, so\n\t// the selected check centres on the label's first line.\n\tconst markerTrackClasses = cn('card-checkbox-group--marker', choiceControlTrackClasses, textSizes[defaultTextSize ?? 'sm'], textLineHeights.normal);\n\n\tconst isControlled = value !== undefined;\n\tconst [internal, setInternal] = useState<string[]>(defaultValue ?? []);\n\tconst selected = useMemo(\n\t\t() => (isControlled ? value ?? [] : internal),\n\t\t[internal, isControlled, value],\n\t);\n\tconst tokens = choiceCardSizeTokens[size];\n\n\tconst toggle = useCallback(\n\t\t(val: string) => {\n\t\t\tif (disabled) return;\n\t\t\tif (options.find((o) => o.value === val)?.disabled) return;\n\t\t\tconst exists = selected.includes(val);\n\t\t\tconst next = exists ? selected.filter((v) => v !== val) : [...selected, val];\n\t\t\tif (!isControlled) setInternal(next);\n\t\t\tonValueChange?.(next);\n\t\t},\n\t\t[disabled, options, selected, isControlled, onValueChange],\n\t);\n\n\treturn (\n\t\t/*\n\t\t * The root exists to be the query container: an element cannot match its\n\t\t * own container query, so the grid whose columns react sits inside the\n\t\t * element being measured.\n\t\t */\n\t\t<div ref={ref} className={cn('card-checkbox-group--component @container/card-checkbox-group', className)}>\n\t\t\t<div\n\t\t\t\tclassName={cn('card-checkbox-group--grid', GRID_COLS[columns])}\n\t\t\t\trole=\"group\"\n\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\taria-disabled={disabled || undefined}\n\t\t\t>\n\t\t\t\t{options.map((option) => {\n\t\t\t\t\tconst Icon = option.icon;\n\t\t\t\t\tconst optionLabel = option.label;\n\t\t\t\t\tconst isSelected = selected.includes(option.value);\n\t\t\t\t\tconst isDisabled = disabled || option.disabled;\n\t\t\t\t\tconst shouldIncludeHidden = Boolean(name) && isSelected;\n\t\t\t\t\tconst nameAttr = name ? `${name}[]` : undefined;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div key={option.value} className=\"relative\">\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"hidden\"\n\t\t\t\t\t\t\t\tname={nameAttr}\n\t\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\tdisabled={!shouldIncludeHidden}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\taria-pressed={isSelected}\n\t\t\t\t\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\t\t\t\t\tonClick={() => toggle(option.value)}\n\t\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\t\tdata-selected={isSelected}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t'box-border group relative flex w-full flex-col items-start text-start outline-none cursor-pointer',\n\t\t\t\t\t\t\t\t\t'rounded-radius border border-border bg-card text-card-foreground transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t\t\tchoiceCardStateClasses,\n\t\t\t\t\t\t\t\t\t'data-[selected=true]:border-primary',\n\t\t\t\t\t\t\t\t\ttokens.padding,\n\t\t\t\t\t\t\t\t\ttokens.gap,\n\t\t\t\t\t\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t\t\t\t\t\t'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t\t<span className={cn(choiceCardIconClasses, tokens.iconBox)}>\n\t\t\t\t\t\t\t\t\t\t<Icon className={tokens.iconSize} />\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<span className={cn('card-checkbox-group--body flex w-full min-w-0 items-start', tokens.gap)}>\n\t\t\t\t\t\t\t\t<Stack gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t\t{isSimpleText(optionLabel) ? (\n\t\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t\t{optionLabel}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : optionLabel}\n\t\t\t\t\t\t\t\t\t{!!option.description && (\n\t\t\t\t\t\t\t\t\t\tisSimpleText(option.description) ? (\n\t\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t\t{option.description}\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t) : option.description\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t\t<span aria-hidden=\"true\" className={markerTrackClasses}>\n\t\t\t\t\t\t\t\t\t<span className={choiceCardMarkerSlotClasses}>\n\t\t\t\t\t\t\t\t\t\t<CircleCheck\n\t\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\tchoiceCardMarkerClasses,\n\t\t\t\t\t\t\t\t\t\t\t\t!isSelected && 'hidden',\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nCardCheckboxGroup.displayName = 'CardCheckboxGroup';\n","/**\n * CardRadioGroup — single-select radio group rendered as a grid of card-shaped\n * options with title, optional description, and optional leading icon. Built\n * on `@base-ui/react/radio` for accessibility (keyboard navigation, focus\n * management, native form participation).\n *\n * Pairs with `CardCheckboxGroup` (multi-select). Shares spacing tokens from\n * `./choice-types`.\n */\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { CircleCheck, type LucideIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { memo, useMemo, type ReactNode } from 'react';\nimport { Text } from '../../typography';\nimport { Stack } from '../structure';\nimport { cn } from '../../../lib/utils';\nimport { fieldStateRecipes } from '../../../lib/field-state-recipes';\nimport { useDensityConfig, useTypographyConfig } from '../../../lib/ui-provider';\nimport { textLineHeights, textSizes } from '../../typography/text.styles';\nimport { resolveFormControlSize } from '../forms/form-sizing';\nimport {\n\tchoiceCardSizeTokens,\n\tchoiceCardIconClasses,\n\tchoiceCardMarkerClasses,\n\tchoiceCardMarkerSlotClasses,\n\tchoiceCardStateClasses,\n\tchoiceControlTrackClasses,\n\ttype ChoiceGroupBaseProps,\n\ttype ChoiceOptionBase,\n} from './choice-types';\n\nexport interface CardRadioOption extends ChoiceOptionBase {\n\t/** Leading glyph. */\n\ticon?: LucideIcon;\n}\n\nexport interface CardRadioGroupProps extends ChoiceGroupBaseProps {\n\t/** Choices offered. */\n\toptions: CardRadioOption[];\n\t/** Current value. Controlled. */\n\tvalue?: string;\n\t/** Initial value for uncontrolled use. */\n\tdefaultValue?: string;\n\tonValueChange?: (value: string) => void;\n\t/** How many columns the grid uses. */\n\tcolumns?: 1 | 2 | 3 | 4;\n}\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/*\n * Container widths, not viewport widths — a choice-card group is as likely to\n * sit in a settings rail or a drawer as at page width, and keyed to the screen\n * it laid three cards across a 300px column.\n *\n * 384/576/672 puts every tier clear of the widths this actually renders at: the\n * shipped three-up group is 672px wide, so the three-column step sits 96px\n * below it rather than exactly on it, and 384 keeps the two-column step above\n * every mobile mount (316px).\n */\nconst GRID_COLS: Record<NonNullable<CardRadioGroupProps['columns']>, string> = {\n\t1: 'grid grid-cols-1 gap-space-md',\n\t2: 'grid grid-cols-1 gap-space-md @sm/card-radio-group:grid-cols-2',\n\t3: 'grid grid-cols-1 gap-space-md @sm/card-radio-group:grid-cols-2 @xl/card-radio-group:grid-cols-3',\n\t4: 'grid grid-cols-1 gap-space-md @sm/card-radio-group:grid-cols-2 @2xl/card-radio-group:grid-cols-4',\n};\n\nfunction CardRadioGroupImpl({\n\t'aria-describedby': ariaDescribedBy,\n\toptions,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tname,\n\tcolumns = 3,\n\tinvalid,\n\tdisabled,\n\tsize: sizeProp,\n\tclassName,\n}: CardRadioGroupProps, ref: React.ForwardedRef<HTMLDivElement>) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\t// The marker track is one line of the option label's own text role tall, so\n\t// the selected check centres on the label's first line.\n\tconst markerTrackClasses = cn('card-radio-group--marker', choiceControlTrackClasses, textSizes[defaultTextSize ?? 'sm'], textLineHeights.normal);\n\n\tconst tokens = choiceCardSizeTokens[size];\n\tconst gridClassName = useMemo(() => cn('card-radio-group--grid', GRID_COLS[columns]), [columns]);\n\n\treturn (\n\t\t/*\n\t\t * The root exists to be the query container: an element cannot match its\n\t\t * own container query, so the grid whose columns react sits inside the\n\t\t * element being measured.\n\t\t */\n\t\t<div ref={ref} className={cn('card-radio-group--component @container/card-radio-group', className)}>\n\t\t\t<RadioGroupPrimitive\n\t\t\t\tvalue={value}\n\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\tonValueChange={(val) => val && onValueChange?.(val)}\n\t\t\t\tname={name}\n\t\t\t\tdisabled={disabled}\n\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\tclassName={gridClassName}\n\t\t\t>\n\t\t\t\t{options.map((option) => {\n\t\t\t\t\tconst Icon = option.icon;\n\t\t\t\t\tconst optionLabel = option.label;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<RadioPrimitive.Root\n\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\t\t\taria-invalid={invalid || undefined}\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t'box-border relative group flex flex-col text-start outline-none cursor-pointer',\n\t\t\t\t\t\t\t\t'rounded-radius border border-border bg-card text-card-foreground transition-[color,box-shadow,background,border-color] duration-150',\n\t\t\t\t\t\t\t\tchoiceCardStateClasses,\n\t\t\t\t\t\t\t\t'data-[checked]:border-primary',\n\t\t\t\t\t\t\t\ttokens.padding,\n\t\t\t\t\t\t\t\ttokens.gap,\n\t\t\t\t\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t\t\t\t\t// The radio root is a span, so state comes from Base UI's attribute.\n\t\t\t\t\t\t\t\t'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{!!Icon && (\n\t\t\t\t\t\t\t\t<span className={cn(choiceCardIconClasses, tokens.iconBox)}>\n\t\t\t\t\t\t\t\t\t<Icon className={tokens.iconSize} />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<span className={cn('card-radio-group--body flex w-full min-w-0 items-start', tokens.gap)}>\n\t\t\t\t\t\t\t<Stack gap=\"dense\" className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t\t\t{isSimpleText(optionLabel) ? (\n\t\t\t\t\t\t\t\t\t<Text tag=\"span\" type=\"inherit\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t\t{optionLabel}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) : optionLabel}\n\t\t\t\t\t\t\t\t{!!option.description && (\n\t\t\t\t\t\t\t\t\tisSimpleText(option.description) ? (\n\t\t\t\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\">\n\t\t\t\t\t\t\t\t\t\t\t{option.description}\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) : option.description\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t<span aria-hidden=\"true\" className={markerTrackClasses}>\n\t\t\t\t\t\t\t\t<span className={choiceCardMarkerSlotClasses}>\n\t\t\t\t\t\t\t\t\t<RadioPrimitive.Indicator\n\t\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t\t<CircleCheck className={choiceCardMarkerClasses} />\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</RadioPrimitive.Root>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</RadioGroupPrimitive>\n\t\t</div>\n\t);\n}\n\nexport const CardRadioGroup = memo(React.forwardRef<HTMLDivElement, CardRadioGroupProps>(CardRadioGroupImpl));\nCardRadioGroup.displayName = 'CardRadioGroup';\n","/**\n * ListRadioGroup — single-select radio group rendered as a vertical list with\n * dividers between rows. Use when options have descriptive secondary text and\n * read better as a stack than a grid (e.g. plan tiers, role definitions).\n *\n * Pairs with `CardRadioGroup` for grid-style choices and `PillRadioGroup` for\n * inline compact toggles.\n */\nimport { Radio as RadioPrimitive } from '@base-ui/react/radio';\nimport { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';\nimport { forwardRef } from 'react';\nimport { Text } from '../../typography';\nimport { textSizes } from '../../typography/text.styles';\nimport { Stack } from '../structure';\nimport { cn } from '../../../lib/utils';\nimport { fieldStateRecipes } from '../../../lib/field-state-recipes';\nimport { useDensityConfig, useTypographyConfig } from '../../../lib/ui-provider';\nimport { resolveFormControlSize } from '../forms/form-sizing';\nimport {\n\tchoiceControlTrackClasses,\n\tchoiceListSizeTokens,\n\ttype ChoiceGroupBaseProps,\n\ttype ChoiceOptionBase,\n} from './choice-types';\nimport { interactionRecipes } from '../../../lib/interaction-recipes';\n\nexport interface ListRadioOption extends ChoiceOptionBase {}\n\nexport interface ListRadioGroupProps extends ChoiceGroupBaseProps {\n\t/** Choices offered. */\n\toptions: ListRadioOption[];\n\t/** Current value. Controlled. */\n\tvalue?: string;\n\t/** Initial value for uncontrolled use. */\n\tdefaultValue?: string;\n\tonValueChange?: (value: string) => void;\n}\n\nfunction isSimpleText(value: React.ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport const ListRadioGroup = forwardRef<HTMLDivElement, ListRadioGroupProps>(function ListRadioGroup({\n\toptions,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tname,\n\tinvalid,\n\tdisabled,\n\tsize: sizeProp,\n\tclassName,\n}: ListRadioGroupProps, ref) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\n\tconst rowPadding = choiceListSizeTokens[size];\n\t// The radio track is one line of the label's own text role tall, so the\n\t// circle centres on the first line whether or not the label wraps.\n\tconst labelLineClasses = cn(textSizes[defaultTextSize ?? 'sm'], 'leading-tight');\n\treturn (\n\t\t<RadioGroupPrimitive\n\t\t\tref={ref}\n\t\t\tvalue={value}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tonValueChange={(val) => val && onValueChange?.(val)}\n\t\t\tname={name}\n\t\t\tdisabled={disabled}\n\t\t\taria-invalid={invalid || undefined}\n\t\t\tclassName={cn('list-radio-group--component', \n\t\t\t\t'overflow-hidden rounded-radius border border-border [&>[role=radio]~[role=radio]]:border-t [&>[role=radio]~[role=radio]]:border-border',\n\t\t\t\t// Validation marks the group frame once, never each radio; the focused\n\t\t\t\t// row's radio draws the focus frame.\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t// A disabled group dims once; its rows do not dim again.\n\t\t\t\tdisabled && 'pointer-events-none opacity-50',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{options.map((option) => (\n\t\t\t\t<RadioPrimitive.Root\n\t\t\t\t\tkey={option.value}\n\t\t\t\t\tvalue={option.value}\n\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t'box-border group flex w-full items-start gap-space-lg text-start outline-none cursor-pointer',\n\t\t\t\t\t\t`transition-colors ${interactionRecipes.rowHover}`,\n\t\t\t\t\t\t'data-disabled:cursor-not-allowed',\n\t\t\t\t\t\t!disabled && 'data-disabled:opacity-50',\n\t\t\t\t\t\trowPadding,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<span aria-hidden=\"true\" className={cn('list-radio-group--track', choiceControlTrackClasses, labelLineClasses)}>\n\t\t\t\t\t\t{/* Selection reads from the radio itself: the shared control\n\t\t\t\t\t\t    boundary, the primary ring and dot when checked, and the shared\n\t\t\t\t\t\t    focus frame when the row has keyboard focus. */}\n\t\t\t\t\t\t<span className={cn(\n\t\t\t\t\t\t\t'list-radio-group--radio box-border flex size-4 items-center justify-center rounded-full border border-input transition-[border-color,box-shadow]',\n\t\t\t\t\t\t\t'group-data-[checked]:border-primary group-focus-visible:border-ring group-focus-visible:ring-3 group-focus-visible:ring-ring/50',\n\t\t\t\t\t\t)}>\n\t\t\t\t\t\t\t<RadioPrimitive.Indicator className=\"list-radio-group--dot size-2 rounded-full bg-primary\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<Stack gap=\"dense\" className=\"flex-1 min-w-0\">\n\t\t\t\t\t\t{isSimpleText(option.label) ? (\n\t\t\t\t\t\t\t<Text tag=\"span\" weight=\"medium\" lineHeight=\"tight\" className=\"block\">\n\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : option.label}\n\t\t\t\t\t\t{!!option.description && (\n\t\t\t\t\t\t\tisSimpleText(option.description) ? (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"block\">\n\t\t\t\t\t\t\t\t\t{option.description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : option.description\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t</RadioPrimitive.Root>\n\t\t\t))}\n\t\t</RadioGroupPrimitive>\n\t);\n});\n\nListRadioGroup.displayName = 'ListRadioGroup';\n","/**\n * PillRadioGroup — compact, inline single-select rendered as connected pill\n * buttons. Best for 2–4 options where a full `<Select>` is too heavy and\n * cards are too tall (e.g. timeframe toggles, view-mode switchers).\n *\n * Custom-styled buttons rather than the shadcn ToggleGroup primitive: the\n * primitive strips inner rounding when spacing=0, which doesn't match this\n * design system's pill connector style.\n *\n * Keyboard follows the native radio-group pattern: the group is one Tab stop\n * (the selected pill, or the first enabled one), the arrow keys move to the\n * previous/next enabled pill and select it, Home/End jump to the ends, and\n * Space/Enter select the focused pill (or clear it when `allowClear` is set).\n */\nimport * as React from 'react';\n\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\nimport { fieldStateRecipes } from '../../../lib/field-state-recipes';\nimport { useDensityConfig } from '../../../lib/ui-provider';\nimport { formControlSizeClasses, resolveFormControlSize } from '../forms/form-sizing';\nimport {\n\tchoicePillSizeTokens,\n\ttype ChoiceGroupBaseProps,\n\ttype ChoiceOptionBase,\n} from './choice-types';\nimport { focusRecipes } from '../../../lib/focus-recipes';\n\nexport interface PillRadioGroupOption extends ChoiceOptionBase {}\n\nexport interface PillRadioGroupProps\n\textends Omit<ChoiceGroupBaseProps, 'name'> {\n\t/** Form field name, forwarded for native submits. */\n\tname: string;\n\t/** Current value. Controlled. */\n\tvalue: string | null | undefined;\n\t/** Choices offered. */\n\toptions: PillRadioGroupOption[];\n\tonValueChange: (value: string | null) => void;\n\t/** Allow deselecting (click active pill to clear). Default false. */\n\tallowClear?: boolean;\n\t/** Stretch pills to fill the container. */\n\tfullWidth?: boolean;\n\t/** Accessible name of the group when no visible label is associated with it. */\n\t'aria-label'?: string;\n\t/** Id of a visible label that names the group. */\n\t'aria-labelledby'?: string;\n}\n\nconst NEXT_KEYS = new Set(['ArrowRight', 'ArrowDown']);\nconst PREVIOUS_KEYS = new Set(['ArrowLeft', 'ArrowUp']);\n\nexport const PillRadioGroup = React.forwardRef<HTMLDivElement, PillRadioGroupProps>(function PillRadioGroup({\n\tname,\n\tvalue,\n\toptions,\n\tonValueChange,\n\tallowClear = false,\n\tsize: sizeProp,\n\tfullWidth = false,\n\tdisabled = false,\n\tinvalid = false,\n\tclassName,\n\t'aria-label': ariaLabel,\n\t'aria-labelledby': ariaLabelledBy,\n\t'aria-describedby': ariaDescribedBy,\n}: PillRadioGroupProps, ref) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveFormControlSize(sizeProp, defaultScale);\n\tconst buttonRefs = React.useRef<Array<HTMLButtonElement | null>>([]);\n\n\tconst isEnabled = React.useCallback(\n\t\t(option: PillRadioGroupOption) => !disabled && !option.disabled,\n\t\t[disabled],\n\t);\n\tconst selectedIndex = options.findIndex((option) => option.value === value);\n\t// One Tab stop: the selected enabled pill, otherwise the first enabled one.\n\tconst tabStopIndex = selectedIndex >= 0 && isEnabled(options[selectedIndex])\n\t\t? selectedIndex\n\t\t: options.findIndex(isEnabled);\n\n\tconst handleClick = React.useCallback(\n\t\t(optionValue: string) => {\n\t\t\tif (optionValue === value) {\n\t\t\t\tif (allowClear) onValueChange(null);\n\t\t\t} else {\n\t\t\t\tonValueChange(optionValue);\n\t\t\t}\n\t\t},\n\t\t[allowClear, onValueChange, value],\n\t);\n\n\tconst handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n\t\tconst enabled = options.map((option, index) => (isEnabled(option) ? index : -1)).filter((index) => index >= 0);\n\t\tif (!enabled.length) return;\n\t\tconst current = buttonRefs.current.findIndex((button) => button === event.target);\n\t\tif (current < 0) return;\n\t\tconst rtl = getComputedStyle(event.currentTarget).direction === 'rtl';\n\t\tconst forward = rtl ? new Set(['ArrowLeft', 'ArrowDown']) : NEXT_KEYS;\n\t\tconst backward = rtl ? new Set(['ArrowRight', 'ArrowUp']) : PREVIOUS_KEYS;\n\t\tconst position = enabled.indexOf(current);\n\t\tlet next: number | undefined;\n\t\tif (forward.has(event.key)) next = enabled[(position + 1) % enabled.length];\n\t\telse if (backward.has(event.key)) next = enabled[(position - 1 + enabled.length) % enabled.length];\n\t\telse if (event.key === 'Home') next = enabled[0];\n\t\telse if (event.key === 'End') next = enabled[enabled.length - 1];\n\t\tif (next === undefined) return;\n\t\tevent.preventDefault();\n\t\tbuttonRefs.current[next]?.focus();\n\t\t// Moving within a radio group selects, as native radios do.\n\t\tif (options[next].value !== value) onValueChange(options[next].value);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tdata-name={name}\n\t\t\trole=\"radiogroup\"\n\t\t\taria-label={ariaLabel}\n\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\taria-describedby={ariaDescribedBy}\n\t\t\taria-invalid={invalid || undefined}\n\t\t\taria-disabled={disabled || undefined}\n\t\t\tonKeyDown={handleKeyDown}\n\t\t\tclassName={cn('pill-radio-group--component',\n\t\t\t\t'border-input inline-flex items-center overflow-hidden rounded-inner border',\n\t\t\t\tformControlSizeClasses[size],\n\t\t\t\tfullWidth ? 'w-full' : 'w-fit self-start',\n\t\t\t\t// The group is the field frame: validation marks it once, and the\n\t\t\t\t// focused pill draws the inset focus recipe inside it.\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t// A disabled group dims once; its pills do not dim again.\n\t\t\t\tdisabled && 'pointer-events-none opacity-50',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tconst isSelected = option.value === value;\n\t\t\t\tconst Icon = option.icon;\n\t\t\t\tconst optionLabel =\n\t\t\t\t\ttypeof option.label === 'string' ? option.label : undefined;\n\t\t\t\treturn (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\tref={(node) => { buttonRefs.current[index] = node; }}\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\trole=\"radio\"\n\t\t\t\t\t\taria-checked={isSelected}\n\t\t\t\t\t\taria-label={optionLabel || option.value}\n\t\t\t\t\t\tdisabled={disabled || option.disabled}\n\t\t\t\t\t\ttabIndex={index === tabStopIndex ? 0 : -1}\n\t\t\t\t\t\tonClick={() => handleClick(option.value)}\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t'box-border inline-flex select-none items-center justify-center border-0 p-0 font-sans font-medium transition-colors',\n\t\t\t\t\t\t\t// Inset, so the frame's clipped rounded corners never cut the ring.\n\t\t\t\t\t\t\t`outline-none focus-visible:z-10 ${focusRecipes.inset}`,\n\t\t\t\t\t\t\t'disabled:pointer-events-none',\n\t\t\t\t\t\t\t!disabled && 'disabled:opacity-50',\n\t\t\t\t\t\t\tchoicePillSizeTokens[size],\n\t\t\t\t\t\t\t'h-full min-h-0',\n\t\t\t\t\t\t\tfullWidth && 'flex-1',\n\t\t\t\t\t\t\tindex > 0 && 'border-input border-s',\n\t\t\t\t\t\t\tisSelected\n\t\t\t\t\t\t\t\t? 'bg-primary text-primary-foreground focus-visible:inset-ring-primary-foreground focus-visible:ring-primary-foreground/50'\n\t\t\t\t\t\t\t\t: 'bg-background text-foreground hover:bg-muted',\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!Icon && <Icon className={cn(size === 'sm' ? 'size-icon-sm' : 'size-icon', option.label && 'me-space-sm')} />}\n\t\t\t\t\t\t{typeof option.label === 'string' || typeof option.label === 'number' || typeof option.label === 'bigint' ? (\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : option.label}\n\t\t\t\t\t</button>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n});\n\nPillRadioGroup.displayName = 'PillRadioGroup';\n"],"mappings":"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"}

package/dist/combobox-C0EQW6dr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-C0EQW6dr.js","names":["_Fragment","_Fragment","React","ComboboxPrimitive","Combobox","BaseCombobox","Combobox","useDensityConfig","resolveComponentScale","cn","Button","Text","Stack","markRecipes","ErrorState","layerRecipes","fieldAffordanceRecipes","selectToggleRecipes","ComboboxStatus","ComboboxPositioner","ComboboxGroup","ComboboxItem","ComboboxList","ComboboxEmpty","ComboboxCollection","ComboboxChipsInput","ComboboxPopup","ComboboxChips","ComboboxChip","Combobox$2","ComboboxGroupLabel","ComboboxPortal","formControlMinHeightClasses","formControlPaddingClasses","Input","ScrollArea","useDebouncedCallback","React$1","Fragment$1","defaultComboboxStrings","itemLabel","CREATE_OPTION_SYMBOL","isCreateOption","item","getCreateOptionValue","createCreateOption","inputValue","LoadingMore","loading","className","Loader2","text","StatusText","StatusContent","trimmed","searchValue","strings","minSearchLength","remaining","primitiveSizeByComboboxSize","emptyClassByComboboxSize","ComboboxDropdown","positionerClassName","portalContainer","primitiveSize","size","showStatus","showEmpty","items","loadingMore","applyFooter","content","listRef","groupedItems","group","groupItems","groupLabel","renderGroupLabel","DisplayLabel","getItemDisabled","renderItemContent","getItemReactKey","createOptionItem","ErrorMessage","_size","error","escapeRegExp","str","HighlightedText","highlight","regex","parts","cursor","isMatch","index","key","part","highlightClassName","useDebouncedSearch","emitSearch","value","debounceMs","useGroupedItems","useMemo","getItemGroup","groups","groupKey","existing","useLoadMore","isLoadingRef","useRef","cooldownRef","requestLoadMore","onLoadMore","useEffect","useCallback","hasMore","event","scrollTop","clientHeight","scrollHeight","useComboboxStrings","useStrings","custom","hasExactMatch","normalizedSearch","getItemLabel","useComboboxCore","stringsProp","getKey","getItemKey","trimmedSearch","showListContent","listEl","handleScroll","baseItems","ensuredItems","merged","itemKey","ensured","showCreateOption","creatable","onCreate","PlusIcon","renderItem","label","highlightMatch","resolveComboboxSize","sizeProp","defaultScale","primitiveComboboxSizeBySize","getComboboxFormSize","ComboboxInputField","Combobox","clearable","required","clearLabel","XIcon","toggleLabel","ChevronDownIcon","Combobox$1","formSize","hasError","invalid","core","selectedValue","isOpen","setIsOpen","useState","handleOpenChange","nextOpen","clearSearchOnClose","onSearchValueChange","onOpenChange","displayInputValue","handleValueChange","onSelectedValueChange","details","reason","MultiCombobox","primitiveComboboxSize","containerRef","draftValues","setDraftValues","selectedValues","internalOpen","setInternalOpen","isOpenControlled","open","resolvedOpen","applyButton","setOpen","next","regularValues","createValue","values","onSelectedValuesChange","closeOnSelect","handleApply","onApply","handleCancel","onCancel","visibleValues","chipsPlaceholder","defaultAsyncResourceComboboxStrings","isSimpleText","AsyncResourceCombobox","props","isControlled","internalValue","setInternalValue","defaultValue","setSearchValue","setItems","isLoading","setIsLoading","fetchError","setFetchError","retryCount","setRetryCount","requestIdRef","nextValue","onValueChange","runFetch","fetcher","context","requestId","nextItems","onAfterFetch","nextError","onError","disabled","preload","controller","limit","retry","count","renderOption","description","getDescription","meta","getMeta","getLabel","resolvedError","errorMessage","hasFetchError","errorNode","renderError"],"sources":["../src/components/features/combobox/combobox.strings.ts","../src/components/features/combobox/constants.ts","../src/components/features/combobox/components/loading-more.tsx","../src/components/features/combobox/components/status-content.tsx","../src/components/features/combobox/components/combobox-dropdown.tsx","../src/components/features/combobox/components/error-message.tsx","../src/components/features/combobox/components/highlighted-text.tsx","../src/components/features/combobox/hooks/use-debounced-search.ts","../src/components/features/combobox/hooks/use-grouped-items.ts","../src/components/features/combobox/hooks/use-load-more.ts","../src/components/features/combobox/hooks/use-combobox-core.tsx","../src/components/features/combobox/combobox.tsx","../src/components/features/combobox/async-resource-combobox.tsx"],"sourcesContent":["/**\n * Default user-facing strings for `<Combobox>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <Combobox strings={{ noResults: t('search.empty') }} … />\n *\n * Templates use `{placeholder}` tokens — the component substitutes them at\n * render time. Function-valued strings would also work; we keep templates\n * here for the constants file.\n */\nimport type { ComboboxStrings } from './types';\n\nexport const defaultComboboxStrings = {\n\tplaceholder: 'Search...',\n\tclear: 'Clear selection',\n\ttoggle: 'Open options',\n\tdismiss: 'Dismiss',\n\tremoveSelection: (itemLabel: string) => `Remove ${itemLabel}`,\n\tsearching: 'Loading...',\n\tnoResults: 'No results found.',\n\ttypeToSearch: 'Type at least {min} characters to search...',\n\ttypeMore: 'Type {remaining} more character{s} to search...',\n\tcreateNew: 'Create {value}',\n\tloadingMore: 'Loading...',\n\tapply: 'Apply',\n\tcancel: 'Cancel',\n} satisfies ComboboxStrings;\n\nexport type { ComboboxStrings };\n","/**\n * Constants and default values for the Combobox component.\n *\n * Default strings live in `./combobox.strings.ts` per rule 19.\n */\n\nexport { defaultComboboxStrings } from './combobox.strings';\n\n// ============================================================================\n// Default Values\n// ============================================================================\n\nexport const DEFAULT_MIN_SEARCH_LENGTH = 3;\n/** Re-exported so the combobox shares the library-wide debounce window. */\nexport { DEFAULT_DEBOUNCE_MS } from '../../../hooks/use-debounced-callback';\nexport const DEFAULT_SIZE = 'md';\nexport const LOAD_MORE_THRESHOLD = 0.8;\nexport const LOAD_MORE_DEBOUNCE_MS = 100;\nexport const LOAD_MORE_COOLDOWN_MS = 500;\n\n// ============================================================================\n// Symbols\n// ============================================================================\n\nexport const CREATE_OPTION_SYMBOL = Symbol('combobox-create-option');\n\n// ============================================================================\n// Type Guards\n// ============================================================================\n\nexport function isCreateOption<T>(item: T): item is T & { [CREATE_OPTION_SYMBOL]: string } {\n\treturn (\n\t\ttypeof item === 'object' &&\n\t\titem !== null &&\n\t\tCREATE_OPTION_SYMBOL in (item as object)\n\t);\n}\n\nexport function getCreateOptionValue<T>(item: T): string {\n\tif (!isCreateOption(item)) {\n\t\tthrow new Error('Item is not a create option');\n\t}\n\treturn (item as { [CREATE_OPTION_SYMBOL]: string })[CREATE_OPTION_SYMBOL];\n}\n\nexport function createCreateOption<T>(inputValue: string): T {\n\treturn { [CREATE_OPTION_SYMBOL]: inputValue } as unknown as T;\n}\n","/**\n * LoadingMore Component\n */\n\nimport { Loader2 } from 'lucide-react';\nimport * as React from 'react';\nimport { Stack } from '../../../base/structure';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nexport interface LoadingMoreProps {\n\t/** Shows the pending indicator. */\n\tloading: boolean;\n\t/** Visible label. */\n\ttext: string;\n\tclassName?: string;\n}\n\nexport function LoadingMore({\n\tloading,\n\ttext,\n\tclassName,\n}: LoadingMoreProps): React.ReactElement | null {\n\tif (!loading) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"horizontal\"\n\t\t\tgap=\"sm\"\n\t\t\tjustify=\"center\"\n\t\t\twrap={false}\n\t\t\tclassName={cn('loading-more--component', \n\t\t\t\t'px-control py-space-xs text-xs text-muted-foreground',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<Loader2 className=\"size-icon-sm animate-spin\" aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"text-inherit\">\n\t\t\t\t{text}\n\t\t\t</Text>\n\t\t</Stack>\n\t);\n}\n\nLoadingMore.displayName = 'LoadingMore';\n","/**\n * StatusContent Component\n */\n\nimport { Loader2 } from 'lucide-react';\nimport * as React from 'react';\nimport { Text } from '../../../typography';\nimport type { ComboboxStrings } from '../types';\n\nfunction StatusText({ children }: { children: string }) {\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"text-inherit\">\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nexport interface StatusContentProps {\n\t/** Whether results are being fetched. */\n\tloading?: boolean;\n\t/** Current search text. */\n\tsearchValue: string;\n\t/** Characters required before the list becomes active. */\n\tminSearchLength: number;\n\t/** How many options matched, deciding between the empty and results copy. */\n\titemCount: number;\n\t/** Resolved copy for the status rows. */\n\tstrings: ComboboxStrings;\n}\n\nexport function StatusContent({\n\tloading,\n\tsearchValue,\n\tminSearchLength,\n\titemCount,\n\tstrings,\n}: StatusContentProps): React.ReactNode {\n\tconst trimmed = searchValue.trim();\n\n\tif (loading) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Loader2 className=\"size-icon-sm animate-spin\" />\n\t\t\t\t<StatusText>{strings.searching}</StatusText>\n\t\t\t</>\n\t\t);\n\t}\n\n\tif (trimmed === '') {\n\t\tif (strings.typeToSearch.includes('{min}')) {\n\t\t\treturn (\n\t\t\t\t<StatusText>\n\t\t\t\t\t{strings.typeToSearch.replace('{min}', String(minSearchLength))}\n\t\t\t\t</StatusText>\n\t\t\t);\n\t\t}\n\t\treturn <StatusText>{strings.typeToSearch}</StatusText>;\n\t}\n\n\tif (trimmed.length < minSearchLength) {\n\t\tconst remaining = minSearchLength - trimmed.length;\n\t\tif (strings.typeMore.includes('{remaining}') || strings.typeMore.includes('{s}')) {\n\t\t\treturn (\n\t\t\t\t<StatusText>\n\t\t\t\t\t{strings.typeMore\n\t\t\t\t\t\t.replace('{remaining}', String(remaining))\n\t\t\t\t\t\t.replace('{s}', remaining !== 1 ? 's' : '')}\n\t\t\t\t</StatusText>\n\t\t\t);\n\t\t}\n\t\treturn <StatusText>{strings.typeMore}</StatusText>;\n\t}\n\n\tif (itemCount === 0) {\n\t\treturn null;\n\t}\n\n\treturn null;\n}\n\nStatusContent.displayName = 'StatusContent';\n","/**\n * Shared ComboboxDropdown Component\n *\n * Renders the dropdown content for both single and multiple selection variants.\n * Extracts shared rendering logic to reduce duplication.\n */\n\nimport * as React from 'react';\n\nimport {\n\tComboboxPortal,\n\tComboboxPositioner,\n\tComboboxPopup,\n\tComboboxEmpty,\n\tComboboxList,\n\tComboboxItem,\n\tComboboxStatus,\n\tComboboxGroup,\n\tComboboxGroupLabel,\n\tComboboxCollection,\n} from '../../../base/combobox';\nimport { Button } from '../../../base/buttons';\nimport { ScrollArea } from '../../../base/display/scroll-area';\nimport { Stack } from '../../../base/structure';\nimport { DisplayLabel, Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport { DEFAULT_SIZE } from '../constants';\nimport type { ComboboxStrings, ComboboxSize } from '../types';\nimport { LoadingMore } from './loading-more';\nimport { StatusContent } from './status-content';\nimport { layerRecipes } from '../../../../lib/layer-recipes';\n\nconst primitiveSizeByComboboxSize: Record<ComboboxSize, 'sm' | 'md' | 'lg'> = {\n\tsm: 'sm',\n\tmd: 'md',\n\tlg: 'lg',\n};\n\nconst emptyClassByComboboxSize: Record<ComboboxSize, string> = {\n\tsm: 'flex min-h-control-sm items-center justify-center px-row-x py-row-y text-center text-pxs leading-tight text-muted-foreground',\n\tmd: 'flex min-h-control items-center justify-center px-row-x py-row-y text-center text-sm leading-tight text-muted-foreground',\n\tlg: 'flex min-h-control-lg items-center justify-center px-row-x py-row-y-lg text-center text-sm leading-tight text-muted-foreground',\n};\n\nexport interface ComboboxDropdownProps<T> {\n\t// Display state\n\t/** Whether results are being fetched. */\n\tloading: boolean;\n\t/** Whether the status row replaces the list — while loading, or below `minSearchLength`. */\n\tshowStatus: boolean;\n\t/** Whether the no-results row shows. */\n\tshowEmpty: boolean;\n\n\t// Search\n\t/** Current search text, used to highlight matches. */\n\tsearchValue: string;\n\t/** Characters required before the list becomes active. */\n\tminSearchLength: number;\n\n\t// Items\n\t/** Options to render, including the create row when offered. */\n\titems: T[];\n\t/** Options bucketed by group name, or `null` when grouping is off. */\n\tgroupedItems: Map<string, T[]> | null;\n\t/** The synthetic create row, or `null` when it is not offered. */\n\tcreateOptionItem: T | null;\n\n\t// Rendering\n\t/** Renders one option's content. */\n\trenderItemContent: (item: T) => React.ReactNode;\n\t/** Returns the React key for an option. */\n\tgetItemReactKey: (item: T) => string;\n\t/** Marks individual options unselectable while still rendering them. */\n\tgetItemDisabled?: (item: T) => boolean;\n\t/** Renders a group heading. */\n\trenderGroupLabel?: (group: string) => React.ReactNode;\n\n\t// Load more\n\t/** Whether the next page is being fetched. */\n\tloadingMore?: boolean;\n\n\t// Strings\n\t/** Resolved copy for the status, empty, and create rows. */\n\tstrings: ComboboxStrings;\n\n\t// Size\n\t/** Row density, matching the trigger's size. */\n\tsize?: ComboboxSize;\n\n\t// Portal\n\t/** Mounts the dropdown inside this element instead of the default portal root. */\n\tportalContainer?: React.RefObject<HTMLElement | null>;\n\n\t// Refs\n\t/** Ref to the scrollable list, used for scroll-triggered pagination. */\n\tlistRef: React.RefObject<HTMLDivElement | null>;\n\n\t// Multiple selection anchor\n\t/** Element the dropdown positions against. */\n\tanchor?: React.RefObject<HTMLElement | null>;\n\n\t/** Optional apply / cancel footer for the apply-button workflow. */\n\tapplyFooter?: {\n\t\tapplyLabel: string;\n\t\tcancelLabel: string;\n\t\tonApply: () => void;\n\t\tonCancel: () => void;\n\t};\n}\n\nexport function ComboboxDropdown<T>({\n\tloading,\n\tshowStatus,\n\tshowEmpty,\n\tsearchValue,\n\tminSearchLength,\n\titems,\n\tgroupedItems,\n\tcreateOptionItem,\n\trenderItemContent,\n\tgetItemReactKey,\n\tgetItemDisabled,\n\trenderGroupLabel,\n\tloadingMore,\n\tstrings,\n\tsize = DEFAULT_SIZE,\n\tportalContainer,\n\tlistRef,\n\tanchor,\n\tapplyFooter,\n}: ComboboxDropdownProps<T>): React.ReactElement | null {\n\tconst positionerClassName = portalContainer != null ? layerRecipes.nestedOverlay : undefined;\n\tconst primitiveSize = primitiveSizeByComboboxSize[size];\n\tconst hasPopupContent =\n\t\tshowStatus ||\n\t\tshowEmpty ||\n\t\titems.length > 0 ||\n\t\tBoolean(loadingMore) ||\n\t\tBoolean(applyFooter);\n\t// An exclusive inline error has no dropdown rows. Mounting a zero-height\n\t// popup still starts Base UI focus management and hides its Retry sibling.\n\tif (!hasPopupContent) return null;\n\n\tconst content = (\n\t\t<ComboboxPositioner\n\t\t\tanchor={anchor}\n\t\t\tclassName={positionerClassName}\n\t\t>\n\t\t\t<ComboboxPopup\n\t\t\t\taria-busy={loading || undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'combobox-dropdown--popup',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{/* Status message */}\n\t\t\t\t{!!showStatus && (\n\t\t\t\t\t<ComboboxStatus className=\"gap-space-sm px-control py-space-xs text-xs text-muted-foreground\">\n\t\t\t\t\t\t<StatusContent\n\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\tsearchValue={searchValue}\n\t\t\t\t\t\t\tminSearchLength={minSearchLength}\n\t\t\t\t\t\t\titemCount={items.length}\n\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ComboboxStatus>\n\t\t\t\t)}\n\n\t\t\t\t{/* Empty state */}\n\t\t\t\t{!!showEmpty && (\n\t\t\t\t\t<ComboboxEmpty className={emptyClassByComboboxSize[size]}>\n\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"text-inherit\">\n\t\t\t\t\t\t\t{strings.noResults}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</ComboboxEmpty>\n\t\t\t\t)}\n\n\t\t\t\t{/* Items list */}\n\t\t\t\t<ScrollArea\n\t\t\t\t\tviewportRef={listRef}\n\t\t\t\t\tclassName=\"max-h-[min(20rem,var(--available-height))]\"\n\t\t\t\t>\n\t\t\t\t\t<ComboboxList className=\"combobox-dropdown--list max-h-none overflow-visible\">\n\t\t\t\t\t\t{groupedItems ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{Array.from(groupedItems.entries()).map(([group, groupItems]) => {\n\t\t\t\t\t\t\t\t\tconst groupLabel =\n\t\t\t\t\t\t\t\t\t\ttypeof renderGroupLabel === 'function'\n\t\t\t\t\t\t\t\t\t\t\t? renderGroupLabel(group)\n\t\t\t\t\t\t\t\t\t\t\t: group;\n\t\t\t\t\t\t\t\t\tconst groupLabelContent =\n\t\t\t\t\t\t\t\t\t\ttypeof groupLabel === 'string' || typeof groupLabel === 'number' || typeof groupLabel === 'bigint'\n\t\t\t\t\t\t\t\t\t\t\t? <DisplayLabel>{groupLabel}</DisplayLabel>\n\t\t\t\t\t\t\t\t\t\t\t: groupLabel;\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ComboboxGroup className=\"combobox-dropdown--group p-0\" key={group} items={groupItems}>\n\t\t\t\t\t\t\t\t\t\t\t<ComboboxGroupLabel>{groupLabelContent}</ComboboxGroupLabel>\n\t\t\t\t\t\t\t\t\t\t\t<ComboboxCollection>\n\t\t\t\t\t\t\t\t\t\t\t\t{(item: T) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ComboboxItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={getItemReactKey(item)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={item}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize={primitiveSize}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={getItemDisabled?.(item)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{renderItemContent(item)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ComboboxItem>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</ComboboxCollection>\n\t\t\t\t\t\t\t\t\t\t</ComboboxGroup>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t{createOptionItem != null && (\n\t\t\t\t\t\t\t\t\t<ComboboxItem\n\t\t\t\t\t\t\t\t\t\tkey={getItemReactKey(createOptionItem)}\n\t\t\t\t\t\t\t\t\t\tvalue={createOptionItem}\n\t\t\t\t\t\t\t\t\t\tsize={primitiveSize}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{renderItemContent(createOptionItem)}\n\t\t\t\t\t\t\t\t\t</ComboboxItem>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ComboboxCollection>\n\t\t\t\t\t\t\t\t{(item: T) => (\n\t\t\t\t\t\t\t\t\t<ComboboxItem\n\t\t\t\t\t\t\t\t\t\tkey={getItemReactKey(item)}\n\t\t\t\t\t\t\t\t\t\tvalue={item}\n\t\t\t\t\t\t\t\t\t\tsize={primitiveSize}\n\t\t\t\t\t\t\t\t\t\tdisabled={getItemDisabled?.(item)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{renderItemContent(item)}\n\t\t\t\t\t\t\t\t\t</ComboboxItem>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ComboboxCollection>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ComboboxList>\n\t\t\t\t</ScrollArea>\n\n\t\t\t\t{/* Loading more indicator */}\n\t\t\t\t<LoadingMore\n\t\t\t\t\tloading={!!loadingMore}\n\t\t\t\t\ttext={strings.loadingMore}\n\t\t\t\t/>\n\n\t\t\t\t{/* Apply / cancel footer (multi-select with applyButton). */}\n\t\t\t\t{!!applyFooter && (\n\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"md\" justify=\"end\" wrap={false} className=\"border-t border-border/60 px-control py-space-xs\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tapplyFooter.onCancel();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{applyFooter.cancelLabel}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"primary\"\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tapplyFooter.onApply();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{applyFooter.applyLabel}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</ComboboxPopup>\n\t\t</ComboboxPositioner>\n\t);\n\n\tif (portalContainer) {\n\t\treturn <ComboboxPortal container={portalContainer}>{content}</ComboboxPortal>;\n\t}\n\n\treturn <ComboboxPortal>{content}</ComboboxPortal>;\n}\n\nComboboxDropdown.displayName = 'ComboboxDropdown';\n","/**\n * ErrorMessage Component\n */\n\nimport * as React from 'react';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\nimport type { ComboboxSize } from '../types';\n\nexport interface ErrorMessageProps {\n\terror?: string;\n\t/** Size preset. */\n\tsize: ComboboxSize;\n\tclassName?: string;\n}\n\nexport function ErrorMessage({\n\terror,\n\tsize: _size,\n\tclassName,\n}: ErrorMessageProps): React.ReactElement | null {\n\tif (!error) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t// `xs` at every control size, matching `FormField` and the date pickers.\n\t\t// Leaving the default size unpinned resolved to `sm`, which made the\n\t\t// combobox the one control whose error text grew as the control grew.\n\t\t<Text\n\t\t\ttag=\"p\"\n\t\t\tsize=\"xs\"\n\t\t\ttype=\"error\"\n\t\t\tclassName={cn('error-message--component', className)}\n\t\t\trole=\"alert\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t{error}\n\t\t</Text>\n\t);\n}\n\nErrorMessage.displayName = 'ErrorMessage';\n","/**\n * HighlightedText Component\n */\n\nimport * as React from 'react';\nimport { Text } from '../../../typography';\nimport { markRecipes } from '../../../../lib/tone-recipes';\n\nexport interface HighlightedTextProps {\n\t/** Visible label. */\n\ttext: string;\n\thighlight: string;\n\thighlightClassName?: string;\n}\n\nfunction escapeRegExp(str: string): string {\n\treturn str.replace(/[$()*+.?[\\\\\\]^{|}]/g, '\\\\$&');\n}\n\nexport function HighlightedText({\n\ttext,\n\thighlight,\n\thighlightClassName = markRecipes.match,\n}: HighlightedTextProps): React.ReactNode {\n\tif (!highlight.trim()) {\n\t\treturn (\n\t\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t{text}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst regex = new RegExp(`(${escapeRegExp(highlight)})`, 'gi');\n\tconst parts = text.split(regex);\n\tlet cursor = 0;\n\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t{parts.map((part, index) => {\n\t\t\t\tconst isMatch = index % 2 === 1;\n\t\t\t\tconst key = String(cursor);\n\t\t\t\tcursor += part.length;\n\n\t\t\t\tif (isMatch) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<mark key={key} className={highlightClassName}>\n\t\t\t\t\t\t\t{part}\n\t\t\t\t\t\t</mark>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn <React.Fragment key={key}>{part}</React.Fragment>;\n\t\t\t})}\n\t\t</Text>\n\t);\n}\n\nHighlightedText.displayName = 'HighlightedText';\n","/**\n * Hook for debounced search functionality\n */\n\nimport { useEffect } from 'react';\nimport { useDebouncedCallback } from '../../../../hooks/use-debounced-callback';\nimport { DEFAULT_DEBOUNCE_MS, DEFAULT_MIN_SEARCH_LENGTH } from '../constants';\n\nexport interface UseDebouncedSearchOptions {\n\tsearchValue: string;\n\tonSearch: ((value: string) => void) | undefined;\n\tdebounceMs?: number;\n\tminSearchLength?: number;\n}\n\nexport function useDebouncedSearch({\n\tsearchValue,\n\tonSearch,\n\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\tminSearchLength = DEFAULT_MIN_SEARCH_LENGTH,\n}: UseDebouncedSearchOptions): void {\n\t// `useDebouncedCallback` holds `onSearch` in a ref, so `emitSearch` keeps a\n\t// stable identity even though consumers pass a new inline callback every\n\t// render. Depending on the raw `onSearch` here re-ran the effect on every\n\t// render and — when it triggered a state update — caused an infinite fetch\n\t// loop.\n\tconst emitSearch = useDebouncedCallback((value: string) => {\n\t\tonSearch?.(value);\n\t}, debounceMs);\n\n\tuseEffect(() => {\n\t\tconst trimmed = searchValue.trim();\n\t\tif (trimmed.length < minSearchLength) return;\n\n\t\temitSearch(trimmed);\n\t\treturn emitSearch.cancel;\n\t}, [searchValue, minSearchLength, emitSearch]);\n}\n","/**\n * Hook for grouping items by category\n */\n\nimport { useMemo } from 'react';\n\nexport interface UseGroupedItemsOptions<T> {\n\titems: T[];\n\tgetItemGroup: ((item: T) => string) | undefined;\n}\n\nexport type GroupedItemsResult<T> = Map<string, T[]> | null;\n\nexport function useGroupedItems<T>({\n\titems,\n\tgetItemGroup,\n}: UseGroupedItemsOptions<T>): GroupedItemsResult<T> {\n\treturn useMemo(() => {\n\t\tif (!getItemGroup) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst groups = new Map<string, T[]>();\n\n\t\tfor (const item of items) {\n\t\t\tconst groupKey = getItemGroup(item);\n\t\t\tconst existing = groups.get(groupKey);\n\n\t\t\tif (existing) {\n\t\t\t\texisting.push(item);\n\t\t\t} else {\n\t\t\t\tgroups.set(groupKey, [item]);\n\t\t\t}\n\t\t}\n\n\t\treturn groups;\n\t}, [items, getItemGroup]);\n}\n","/**\n * Hook for infinite scroll / load more functionality\n */\n\nimport { useCallback, useEffect, useRef } from 'react';\nimport { useDebouncedCallback } from '../../../../hooks/use-debounced-callback';\nimport {\n\tLOAD_MORE_THRESHOLD,\n\tLOAD_MORE_DEBOUNCE_MS,\n\tLOAD_MORE_COOLDOWN_MS,\n} from '../constants';\n\nexport interface UseLoadMoreOptions {\n\thasMore: boolean | undefined;\n\tonLoadMore: (() => void) | undefined;\n\tloadingMore: boolean | undefined;\n}\n\nexport interface UseLoadMoreReturn {\n\thandleScroll: (event: Event) => void;\n}\n\nexport function useLoadMore({\n\thasMore,\n\tonLoadMore,\n\tloadingMore,\n}: UseLoadMoreOptions): UseLoadMoreReturn {\n\tconst isLoadingRef = useRef(false);\n\tconst cooldownRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n\tconst requestLoadMore = useDebouncedCallback(() => {\n\t\tisLoadingRef.current = true;\n\t\tonLoadMore?.();\n\n\t\t// Cooldown, not a debounce: it keeps a second page from being requested\n\t\t// while the first is still in flight.\n\t\tif (cooldownRef.current) clearTimeout(cooldownRef.current);\n\t\tcooldownRef.current = setTimeout(() => {\n\t\t\tisLoadingRef.current = false;\n\t\t\tcooldownRef.current = null;\n\t\t}, LOAD_MORE_COOLDOWN_MS);\n\t}, LOAD_MORE_DEBOUNCE_MS);\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (cooldownRef.current) clearTimeout(cooldownRef.current);\n\t\t};\n\t}, []);\n\n\tconst handleScroll = useCallback(\n\t\t(event: Event) => {\n\t\t\tif (!hasMore || !onLoadMore || loadingMore || isLoadingRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst target = event.target as HTMLElement;\n\t\t\tconst { scrollHeight, scrollTop, clientHeight } = target;\n\t\t\tconst scrollPercentage = (scrollTop + clientHeight) / scrollHeight;\n\n\t\t\tif (scrollPercentage >= LOAD_MORE_THRESHOLD) {\n\t\t\t\trequestLoadMore();\n\t\t\t}\n\t\t},\n\t\t[hasMore, onLoadMore, loadingMore, requestLoadMore]\n\t);\n\n\treturn { handleScroll };\n}\n","/**\n * Headless state and rendering contract shared by the canonical comboboxes.\n *\n * Extracts shared logic between single and multiple selection variants\n * to reduce duplication and ensure consistent behavior.\n */\n\nimport { PlusIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { useRef, useMemo, useEffect, useCallback } from 'react';\nimport { Text } from '../../../typography';\nimport { useStrings, type StringsProp } from '../../../../lib/strings';\n\nimport { HighlightedText } from '../components/highlighted-text';\nimport { defaultComboboxStrings } from '../combobox.strings';\nimport {\n\tDEFAULT_MIN_SEARCH_LENGTH,\n\tDEFAULT_DEBOUNCE_MS,\n\tisCreateOption,\n\tgetCreateOptionValue,\n\tcreateCreateOption,\n} from '../constants';\nimport type { ComboboxStrings, ComboboxSharedProps } from '../types';\nimport { useDebouncedSearch } from './use-debounced-search';\nimport { useGroupedItems } from './use-grouped-items';\nimport { useLoadMore } from './use-load-more';\n\nimport { cn } from '../../../../lib/utils';\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UseComboboxCoreOptions<T> extends ComboboxSharedProps<T> {\n\t/** Items that should always be included (selected items) */\n\tensuredItems?: T[];\n}\n\nexport interface UseComboboxCoreReturn<T> {\n\t// Resolved values\n\tstrings: ComboboxStrings;\n\tgetKey: (item: T) => string;\n\ttrimmedSearch: string;\n\n\t// Refs\n\tlistRef: React.RefObject<HTMLDivElement | null>;\n\n\t// Items\n\tbaseItems: T[];\n\tallItems: T[];\n\tgroupedItems: Map<string, T[]> | null;\n\tcreateOptionItem: T | null;\n\n\t// Display state\n\tshowStatus: boolean;\n\tshowEmpty: boolean;\n\tshowCreateOption: boolean;\n\n\t// Handlers\n\trenderItemContent: (item: T) => React.ReactNode;\n\titemToStringLabel: (item: T) => string;\n\tgetItemReactKey: (item: T) => string;\n\n\t// Scroll handling\n\thandleScroll: (event: Event) => void;\n}\n\n// ============================================================================\n// Hook Implementation\n// ============================================================================\n\nfunction useComboboxStrings(custom?: StringsProp<ComboboxStrings>): ComboboxStrings {\n\treturn useStrings(defaultComboboxStrings, custom);\n}\n\nfunction hasExactMatch<T>(\n\titems: T[],\n\tsearchValue: string,\n\tgetItemLabel: (item: T) => string\n): boolean {\n\tconst normalizedSearch = searchValue.toLowerCase();\n\treturn items.some(\n\t\t(item) => getItemLabel(item).toLowerCase() === normalizedSearch\n\t);\n}\n\nexport function useComboboxCore<T>({\n\t// Core props\n\titems,\n\tsearchValue,\n\tgetItemLabel,\n\tgetItemKey,\n\tloading = false,\n\tshowListContent = true,\n\tminSearchLength = DEFAULT_MIN_SEARCH_LENGTH,\n\tstrings: stringsProp,\n\trenderItem,\n\n\t// Debounced Search\n\tonSearch,\n\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\n\t// Creatable\n\tcreatable,\n\tonCreate,\n\n\t// Grouped Items\n\tgetItemGroup,\n\n\t// Load More\n\thasMore,\n\tonLoadMore,\n\tloadingMore,\n\n\t// Highlight Match\n\thighlightMatch,\n\n\t\t// Ensured items (selected items that should always be included)\n\tensuredItems = [],\n}: UseComboboxCoreOptions<T>): UseComboboxCoreReturn<T> {\n\t// -------------------------------------------------------------------------\n\t// Setup\n\t// -------------------------------------------------------------------------\n\n\tconst strings = useComboboxStrings(stringsProp);\n\tconst getKey = getItemKey ?? getItemLabel;\n\tconst listRef = useRef<HTMLDivElement | null>(null);\n\tconst trimmedSearch = searchValue.trim();\n\tconst showStatus = showListContent && (loading || trimmedSearch.length < minSearchLength);\n\n\t// -------------------------------------------------------------------------\n\t// Hooks\n\t// -------------------------------------------------------------------------\n\n\tuseDebouncedSearch({\n\t\tsearchValue,\n\t\tonSearch,\n\t\tdebounceMs,\n\t\tminSearchLength,\n\t});\n\n\tconst { handleScroll } = useLoadMore({\n\t\thasMore: showListContent && !showStatus ? hasMore : false,\n\t\tonLoadMore,\n\t\tloadingMore,\n\t});\n\n\t// Attach scroll listener\n\tuseEffect(() => {\n\t\tconst listEl = listRef.current;\n\t\tif (!showListContent || showStatus || !listEl || !hasMore || !onLoadMore) return;\n\n\t\tlistEl.addEventListener('scroll', handleScroll);\n\t\treturn () => listEl.removeEventListener('scroll', handleScroll);\n\t}, [handleScroll, hasMore, onLoadMore, showListContent, showStatus]);\n\n\t// -------------------------------------------------------------------------\n\t// Computed Values\n\t// -------------------------------------------------------------------------\n\n\t// Merge ensured items with fetched items\n\tconst baseItems = useMemo(() => {\n\t\tif (!showListContent || showStatus) return [];\n\t\tif (ensuredItems.length === 0) return items;\n\n\t\tconst merged = [...ensuredItems];\n\t\titems.forEach((item) => {\n\t\t\tconst itemKey = getKey(item);\n\t\t\tif (!ensuredItems.some((ensured) => getKey(ensured) === itemKey)) {\n\t\t\t\tmerged.push(item);\n\t\t\t}\n\t\t});\n\t\treturn merged;\n\t}, [items, ensuredItems, getKey, showListContent, showStatus]);\n\n\t// Group items if grouping is enabled\n\tconst groupedItems = useGroupedItems({\n\t\titems: baseItems,\n\t\tgetItemGroup,\n\t});\n\n\t// Determine if create option should be shown\n\tconst showCreateOption = useMemo(() => {\n\t\tif (!showListContent || showStatus) return false;\n\t\tif (!creatable || !onCreate) return false;\n\t\tif (trimmedSearch.length < minSearchLength) return false;\n\t\treturn !hasExactMatch(baseItems, trimmedSearch, getItemLabel);\n\t}, [creatable, onCreate, trimmedSearch, minSearchLength, baseItems, getItemLabel, showListContent, showStatus]);\n\n\tconst createOptionItem = useMemo(() => {\n\t\tif (!showCreateOption) return null;\n\t\treturn createCreateOption<T>(trimmedSearch);\n\t}, [showCreateOption, trimmedSearch]);\n\n\t// Build final items array with create option\n\tconst allItems = useMemo(() => {\n\t\tif (createOptionItem) return [...baseItems, createOptionItem];\n\t\treturn baseItems;\n\t}, [baseItems, createOptionItem]);\n\n\t// Status display conditions\n\tconst showEmpty =\n\t\tshowListContent &&\n\t\t!loading &&\n\t\ttrimmedSearch.length >= minSearchLength &&\n\t\titems.length === 0 &&\n\t\t!showCreateOption;\n\n\t// -------------------------------------------------------------------------\n\t// Handlers\n\t// -------------------------------------------------------------------------\n\n\tconst renderItemContent = useCallback(\n\t\t(item: T): React.ReactNode => {\n\t\t\t// Handle create option\n\t\t\tif (isCreateOption(item)) {\n\t\t\t\tconst value = getCreateOptionValue(item);\n\t\t\t\treturn (\n\t\t\t\t\t<span className={cn('combobox-core--component', 'flex items-center gap-space-sm')}>\n\t\t\t\t\t\t<PlusIcon className=\"size-icon-sm\" />\n\t\t\t\t\t\t{strings.createNew.includes('{value}') ? (\n\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t{strings.createNew.replace('{value}', value)}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className=\"inline-flex items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t{strings.createNew}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Custom renderer takes precedence\n\t\t\tif (renderItem) {\n\t\t\t\treturn renderItem(item);\n\t\t\t}\n\n\t\t\t// Default rendering with optional highlighting\n\t\t\tconst label = getItemLabel(item);\n\t\t\tif (highlightMatch && trimmedSearch) {\n\t\t\t\treturn <HighlightedText text={label} highlight={trimmedSearch} />;\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{label}\n\t\t\t\t</Text>\n\t\t\t);\n\t\t},\n\t\t[strings.createNew, renderItem, getItemLabel, highlightMatch, trimmedSearch]\n\t);\n\n\tconst itemToStringLabel = useCallback(\n\t\t(item: T): string => {\n\t\t\tif (isCreateOption(item)) {\n\t\t\t\treturn getCreateOptionValue(item);\n\t\t\t}\n\t\t\treturn getItemLabel(item);\n\t\t},\n\t\t[getItemLabel]\n\t);\n\n\tconst getItemReactKey = useCallback(\n\t\t(item: T): string => {\n\t\t\tif (isCreateOption(item)) return `__create__:${getCreateOptionValue(item)}`;\n\t\t\treturn String(getKey(item));\n\t\t},\n\t\t[getKey]\n\t);\n\n\treturn {\n\t\tstrings,\n\t\tgetKey,\n\t\ttrimmedSearch,\n\t\tlistRef,\n\t\tbaseItems,\n\t\tallItems,\n\t\tgroupedItems,\n\t\tcreateOptionItem,\n\t\tshowStatus,\n\t\tshowEmpty,\n\t\tshowCreateOption,\n\t\trenderItemContent,\n\t\titemToStringLabel,\n\t\tgetItemReactKey,\n\t\thandleScroll,\n\t};\n}\n","import { Stack } from '../../base/structure';\n/**\n * Combobox Components\n *\n * A feature-rich, API-driven combobox built on Base UI with shadcn styling.\n * Supports single and multiple selection, form integration, debounced search,\n * grouping, pagination, and more.\n *\n * This version uses shared hooks and components to eliminate duplication\n * between single and multiple selection variants.\n */\n\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect, useState } from 'react';\nimport { ChevronDownIcon, XIcon } from 'lucide-react';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\n\nimport {\n\tComboboxRoot as BaseCombobox,\n\tComboboxChips,\n\tComboboxChip,\n\tComboboxChipsInput,\n} from '../../base/combobox';\nimport { Button } from '../../base/buttons';\nimport { Input } from '../../base/text-inputs';\nimport { Text } from '../../typography';\nimport { useDensityConfig, type FormControlSize } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\nimport { fieldAffordanceRecipes, selectToggleRecipes } from '../../../lib/field-affordance-recipes';\n\nimport { ComboboxDropdown } from './components/combobox-dropdown';\nimport { ErrorMessage } from './components/error-message';\nimport {\n\tformControlMinHeightClasses,\n\tformControlPaddingClasses,\n} from '../../base/forms/form-sizing';\nimport {\n\tDEFAULT_MIN_SEARCH_LENGTH,\n\tDEFAULT_SIZE,\n\tisCreateOption,\n\tgetCreateOptionValue,\n} from './constants';\n\nimport { useComboboxCore } from './hooks/use-combobox-core';\nimport { defaultComboboxStrings } from './combobox.strings';\nimport type {\n\tComboboxProps,\n\tMultiComboboxProps,\n\tComboboxSize,\n} from './types';\n\nfunction resolveComboboxSize(\n\tsizeProp: ComboboxSize | undefined,\n\tdefaultScale: FormControlSize | undefined,\n): ComboboxSize {\n\treturn resolveComponentScale(sizeProp, defaultScale, DEFAULT_SIZE);\n};\n\n\nconst primitiveComboboxSizeBySize: Record<ComboboxSize, 'sm' | 'md' | 'lg'> = {\n\tsm: 'sm',\n\tmd: 'md',\n\tlg: 'lg',\n};\n\nfunction getComboboxFormSize(size: ComboboxSize): FormControlSize {\n\treturn size;\n}\n\ninterface ComboboxInputFieldProps {\n\tplaceholder: string;\n\tclearLabel: string;\n\ttoggleLabel: string;\n\tsize: FormControlSize;\n\terror?: boolean;\n\trequired?: boolean;\n\tdisabled?: boolean;\n\tclearable?: boolean;\n\tclassName?: string;\n\tonBlur?: () => void;\n}\n\nfunction ComboboxInputField({\n\tplaceholder,\n\tclearLabel,\n\ttoggleLabel,\n\tsize,\n\terror,\n\trequired,\n\tdisabled,\n\tclearable = true,\n\tclassName,\n\tonBlur,\n}: ComboboxInputFieldProps): React.ReactElement {\n\treturn (\n\t\t<div className=\"relative\">\n\t\t\t<ComboboxPrimitive.Input\n\t\t\t\trender={\n\t\t\t\t\t<Input\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tinvalid={error}\n\t\t\t\t\t\tclassName={cn(clearable ? selectToggleRecipes.clearPadding[size] : selectToggleRecipes.padding[size], className)}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\taria-invalid={error || undefined}\n\t\t\t\taria-required={required}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonBlur={onBlur}\n\t\t\t/>\n\t\t\t<div className={cn('absolute inset-y-0 flex items-center gap-space-xs text-muted-foreground', selectToggleRecipes.track[size])}>\n\t\t\t\t{clearable ? (\n\t\t\t\t\t<ComboboxPrimitive.Clear\n\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\t\tclassName={cn(fieldAffordanceRecipes.target,fieldAffordanceRecipes.focus,fieldAffordanceRecipes.clear)}\n\t\t\t\t\t\t\t\taria-label={clearLabel}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<XIcon className={fieldAffordanceRecipes.icon} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t\t<ComboboxPrimitive.Trigger\n\t\t\t\t\trender={\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\t\tclassName={cn(fieldAffordanceRecipes.target,fieldAffordanceRecipes.focus,fieldAffordanceRecipes.toggle)}\n\t\t\t\t\t\t\taria-label={toggleLabel}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDownIcon className={cn('shrink-0', selectToggleRecipes.icon[size])} aria-hidden=\"true\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Single Selection Component\n// ============================================================================\n\nexport function Combobox<T>({\n\t// Core props\n\titems,\n\tselectedValue,\n\tonSelectedValueChange,\n\tclearSearchOnClose = true,\n\tsearchValue,\n\tonSearchValueChange,\n\tgetItemLabel,\n\tgetItemKey,\n\tloading = false,\n\tshowListContent = true,\n\tminSearchLength = DEFAULT_MIN_SEARCH_LENGTH,\n\tstrings: stringsProp,\n\tdisabled = false,\n\tclassName,\n\tclearable = true,\n\trenderItem,\n\tportalContainer,\n\n\t// Form Integration\n\tname,\n\tinvalid,\n\terror,\n\trequired,\n\tonBlur,\n\n\t// Debounced Search\n\tonSearch,\n\tdebounceMs,\n\n\t// Creatable\n\tcreatable,\n\tonCreate,\n\n\t// Grouped Items\n\tgetItemGroup,\n\trenderGroupLabel,\n\n\t// Load More\n\thasMore,\n\tonLoadMore,\n\tloadingMore,\n\n\t// Disable individual items\n\tgetItemDisabled,\n\n\t// Highlight Match\n\thighlightMatch,\n\n\t// Size\n\tsize: sizeProp,\n\n\t// Controlled Open\n\topen,\n\tonOpenChange,\n}: ComboboxProps<T>): React.ReactElement {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComboboxSize(sizeProp, defaultScale);\n\tconst formSize = getComboboxFormSize(size);\n\tconst hasError = invalid || Boolean(error);\n\n\t// Use shared core hook\n\tconst core = useComboboxCore({\n\t\titems,\n\t\tsearchValue,\n\t\tonSearchValueChange,\n\t\tgetItemLabel,\n\t\tgetItemKey,\n\t\tloading,\n\t\tshowListContent,\n\t\tminSearchLength,\n\t\tstrings: stringsProp,\n\t\trenderItem,\n\t\tonSearch,\n\t\tdebounceMs,\n\t\tcreatable,\n\t\tonCreate,\n\t\tgetItemGroup,\n\t\thasMore,\n\t\tonLoadMore,\n\t\tloadingMore,\n\t\thighlightMatch,\n\t\tsize,\n\t\t// Include selected value in items list\n\t\tensuredItems: selectedValue ? [selectedValue] : [],\n\t});\n\n\t// Track open state so we can show the selected label when closed\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst handleOpenChange = useCallback(\n\t\t(nextOpen: boolean) => {\n\t\t\tsetIsOpen(nextOpen);\n\t\t\tif (!nextOpen && clearSearchOnClose) {\n\t\t\t\t// Clear search when closing so next open starts fresh\n\t\t\t\tonSearchValueChange('');\n\t\t\t}\n\t\t\tonOpenChange?.(nextOpen);\n\t\t},\n\t\t[clearSearchOnClose, onOpenChange, onSearchValueChange],\n\t);\n\n\t// When closed with a selected value, show the label; when open, show search text\n\tconst displayInputValue = isOpen\n\t\t? searchValue\n\t\t: (selectedValue ? core.itemToStringLabel(selectedValue) : '');\n\n\t// Handle value change, including create option\n\tconst handleValueChange = useCallback(\n\t\t(value: T | null): void => {\n\t\t\tif (value && isCreateOption(value)) {\n\t\t\t\tconst inputValue = getCreateOptionValue(value);\n\t\t\t\tonCreate?.(inputValue);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonSelectedValueChange(value);\n\t\t},\n\t\t[onSelectedValueChange, onCreate]\n\t);\n\n\treturn (\n\t\t<Stack gap=\"dense\" className=\"combobox--component\">\n\t\t\t<BaseCombobox\n\t\t\t\tdismissLabel={core.strings.dismiss}\n\t\t\t\titems={core.allItems}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tonValueChange={(value, details) => {\n\t\t\t\t\t// Escape on a closed field must not erase the chosen value; let the\n\t\t\t\t\t// surrounding dialog or drawer handle the key instead.\n\t\t\t\t\tif (details.reason === 'escape-key') { details.allowPropagation(); return; }\n\t\t\t\t\thandleValueChange(value);\n\t\t\t\t}}\n\t\t\t\tinputValue={displayInputValue}\n\t\t\t\tonInputValueChange={(value, details) => {\n\t\t\t\t\tconst { reason } = details;\n\t\t\t\t\tif (reason === 'escape-key') { details.allowPropagation(); return; }\n\t\t\t\t\tif (reason === 'item-press') {\n\t\t\t\t\t\tonSearchValueChange('');\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tonSearchValueChange(value);\n\t\t\t\t}}\n\t\t\t\titemToStringLabel={core.itemToStringLabel}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tfilter={null}\n\t\t\t\tname={name}\n\t\t\t\trequired={required}\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={handleOpenChange}\n\t\t\t>\n\t\t\t\t<ComboboxInputField\n\t\t\t\t\tplaceholder={core.strings.placeholder}\n\t\t\t\t\tclearLabel={core.strings.clear}\n\t\t\t\t\ttoggleLabel={core.strings.toggle}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tsize={formSize}\n\t\t\t\t\terror={hasError}\n\t\t\t\t\trequired={required}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tclearable={clearable}\n\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t/>\n\n\t\t\t\t<ComboboxDropdown\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tshowStatus={core.showStatus}\n\t\t\t\t\tshowEmpty={core.showEmpty}\n\t\t\t\t\tsearchValue={searchValue}\n\t\t\t\t\tminSearchLength={minSearchLength}\n\t\t\t\t\titems={core.allItems}\n\t\t\t\t\tgroupedItems={core.groupedItems}\n\t\t\t\t\tcreateOptionItem={core.createOptionItem}\n\t\t\t\t\trenderItemContent={core.renderItemContent}\n\t\t\t\t\tgetItemReactKey={core.getItemReactKey}\n\t\t\t\t\tgetItemDisabled={getItemDisabled}\n\t\t\t\t\trenderGroupLabel={renderGroupLabel}\n\t\t\t\t\tloadingMore={showListContent && !core.showStatus ? loadingMore : false}\n\t\t\t\t\tstrings={core.strings}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tportalContainer={portalContainer}\n\t\t\t\t\tlistRef={core.listRef}\n\t\t\t\t/>\n\t\t\t</BaseCombobox>\n\n\t\t\t<ErrorMessage error={error} size={size} />\n\t\t</Stack>\n\t);\n}\n\n// ============================================================================\n// Multiple Selection Component\n// ============================================================================\n\nexport function MultiCombobox<T>({\n\t// Core props\n\titems,\n\tselectedValues,\n\tonSelectedValuesChange,\n\tsearchValue,\n\tonSearchValueChange,\n\tgetItemLabel,\n\tgetItemKey,\n\tloading = false,\n\tshowListContent = true,\n\tminSearchLength = DEFAULT_MIN_SEARCH_LENGTH,\n\tstrings: stringsProp,\n\tdisabled = false,\n\tclassName,\n\trenderItem,\n\tportalContainer,\n\n\t// Form Integration\n\tname,\n\tinvalid,\n\terror,\n\trequired,\n\tonBlur,\n\n\t// Debounced Search\n\tonSearch,\n\tdebounceMs,\n\n\t// Creatable\n\tcreatable,\n\tonCreate,\n\n\t// Grouped Items\n\tgetItemGroup,\n\trenderGroupLabel,\n\n\t// Load More\n\thasMore,\n\tonLoadMore,\n\tloadingMore,\n\n\t// Disable individual items\n\tgetItemDisabled,\n\n\t// Highlight Match\n\thighlightMatch,\n\n\t// Size\n\tsize: sizeProp,\n\n\t// Controlled Open\n\topen,\n\tonOpenChange,\n\n\t// Behaviour\n\tcloseOnSelect = false,\n\tapplyButton = false,\n\tonApply,\n\tonCancel,\n}: MultiComboboxProps<T>): React.ReactElement {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComboboxSize(sizeProp, defaultScale);\n\tconst formSize = getComboboxFormSize(size);\n\tconst primitiveComboboxSize = primitiveComboboxSizeBySize[size];\n\tconst hasError = invalid || Boolean(error);\n\tconst containerRef = useRef<HTMLDivElement | null>(null);\n\tconst getKey = getItemKey ?? getItemLabel;\n\n\t// Draft state — only used in `applyButton` mode. Tracks the user's\n\t// in-progress selection so we can commit it on Apply or revert on\n\t// Cancel. When apply mode is OFF, we pass selections through immediately.\n\tconst [draftValues, setDraftValues] = useState<T[]>(selectedValues);\n\tconst [internalOpen, setInternalOpen] = useState(false);\n\tconst isOpenControlled = open !== undefined;\n\tconst resolvedOpen = isOpenControlled ? open : internalOpen;\n\n\tuseEffect(() => {\n\t\tif (applyButton) setDraftValues(selectedValues);\n\t}, [applyButton, selectedValues]);\n\n\tconst setOpen = useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (!isOpenControlled) setInternalOpen(next);\n\t\t\tonOpenChange?.(next);\n\t\t},\n\t\t[isOpenControlled, onOpenChange],\n\t);\n\n\t// Use shared core hook\n\tconst core = useComboboxCore({\n\t\titems,\n\t\tsearchValue,\n\t\tonSearchValueChange,\n\t\tgetItemLabel,\n\t\tgetItemKey,\n\t\tloading,\n\t\tshowListContent,\n\t\tminSearchLength,\n\t\tstrings: stringsProp,\n\t\trenderItem,\n\t\tonSearch,\n\t\tdebounceMs,\n\t\tcreatable,\n\t\tonCreate,\n\t\tgetItemGroup,\n\t\thasMore,\n\t\tonLoadMore,\n\t\tloadingMore,\n\t\thighlightMatch,\n\t\tsize,\n\t\t// Include selected values in items list\n\t\tensuredItems: selectedValues,\n\t});\n\n\t// Handle value change, filtering out create options\n\tconst handleValueChange = useCallback(\n\t\t(values: T[]): void => {\n\t\t\tconst regularValues: T[] = [];\n\t\t\tlet createValue: string | null = null;\n\n\t\t\tfor (const value of values) {\n\t\t\t\tif (isCreateOption(value)) {\n\t\t\t\t\tcreateValue = getCreateOptionValue(value);\n\t\t\t\t} else {\n\t\t\t\t\tregularValues.push(value);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (createValue) {\n\t\t\t\tonCreate?.(createValue);\n\t\t\t}\n\n\t\t\tconst next = (regularValues.length !== values.length || !createValue) ? regularValues : null;\n\t\t\tif (next) {\n\t\t\t\tif (applyButton) {\n\t\t\t\t\tsetDraftValues(next);\n\t\t\t\t} else {\n\t\t\t\t\tonSelectedValuesChange(next);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (closeOnSelect) {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t},\n\t\t[onSelectedValuesChange, onCreate, applyButton, closeOnSelect, setOpen],\n\t);\n\n\tconst handleApply = useCallback(() => {\n\t\tif (applyButton) onSelectedValuesChange(draftValues);\n\t\tonApply?.();\n\t\tsetOpen(false);\n\t}, [applyButton, draftValues, onApply, onSelectedValuesChange, setOpen]);\n\n\tconst handleCancel = useCallback(() => {\n\t\tif (applyButton) setDraftValues(selectedValues);\n\t\tonCancel?.();\n\t\tsetOpen(false);\n\t}, [applyButton, selectedValues, onCancel, setOpen]);\n\n\tconst visibleValues = applyButton ? draftValues : selectedValues;\n\tconst chipsPlaceholder = visibleValues.length > 0 ? undefined : core.strings.placeholder;\n\n\treturn (\n\t\t<Stack gap=\"dense\" className=\"combobox--component\">\n\t\t\t<BaseCombobox\n\t\t\t\tdismissLabel={core.strings.dismiss}\n\t\t\t\titems={core.allItems}\n\t\t\t\tmultiple\n\t\t\t\tvalue={visibleValues}\n\t\t\t\tonValueChange={(value, details) => {\n\t\t\t\t\t// Escape on a closed field must not erase the chosen value; let the\n\t\t\t\t\t// surrounding dialog or drawer handle the key instead.\n\t\t\t\t\tif (details.reason === 'escape-key') { details.allowPropagation(); return; }\n\t\t\t\t\thandleValueChange(value);\n\t\t\t\t}}\n\t\t\t\tinputValue={searchValue}\n\t\t\t\tonInputValueChange={(value, details) => {\n\t\t\t\t\tconst { reason } = details;\n\t\t\t\t\tif (reason === 'escape-key') { details.allowPropagation(); return; }\n\t\t\t\t\tif (reason === 'item-press') {\n\t\t\t\t\t\tonSearchValueChange('');\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tonSearchValueChange(value);\n\t\t\t\t}}\n\t\t\t\titemToStringLabel={core.itemToStringLabel}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tfilter={null}\n\t\t\t\tname={name}\n\t\t\t\trequired={required}\n\t\t\t\topen={resolvedOpen}\n\t\t\t\tonOpenChange={(next) => {\n\t\t\t\t\t// In apply-button mode, closing without committing should\n\t\t\t\t\t// revert the draft so the next open starts clean.\n\t\t\t\t\tif (!next && applyButton) setDraftValues(selectedValues);\n\t\t\t\t\tsetOpen(next);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<ComboboxChips\n\t\t\t\t\tref={containerRef}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tformControlMinHeightClasses[formSize],\n\t\t\t\t\t\tformControlPaddingClasses[formSize],\n\t\t\t\t\t\tformSize === 'sm' ? 'text-pxs' : 'text-sm',\n\t\t\t\t\t\t'bg-transparent !shadow-none',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tsize={primitiveComboboxSize}\n\t\t\t\t\terror={hasError}\n\t\t\t\t>\n\t\t\t\t\t{visibleValues.map((item) => (\n\t\t\t\t\t\t<ComboboxChip key={getKey(item)} strings={{ remove: (core.strings.removeSelection ?? defaultComboboxStrings.removeSelection)(getItemLabel(item)) }}>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\tlineHeight=\"tight\"\n\t\t\t\t\t\t\t\tclassName=\"combobox--chip-label text-inherit\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{getItemLabel(item)}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</ComboboxChip>\n\t\t\t\t\t))}\n\t\t\t\t\t<ComboboxChipsInput\n\t\t\t\t\t\tplaceholder={chipsPlaceholder}\n\t\t\t\t\t\taria-invalid={hasError || undefined}\n\t\t\t\t\t\taria-required={required}\n\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t/>\n\t\t\t\t</ComboboxChips>\n\n\t\t\t\t<ComboboxDropdown\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tshowStatus={core.showStatus}\n\t\t\t\t\tshowEmpty={core.showEmpty}\n\t\t\t\t\tsearchValue={searchValue}\n\t\t\t\t\tminSearchLength={minSearchLength}\n\t\t\t\t\titems={core.allItems}\n\t\t\t\t\tgroupedItems={core.groupedItems}\n\t\t\t\t\tcreateOptionItem={core.createOptionItem}\n\t\t\t\t\trenderItemContent={core.renderItemContent}\n\t\t\t\t\tgetItemReactKey={core.getItemReactKey}\n\t\t\t\t\tgetItemDisabled={getItemDisabled}\n\t\t\t\t\trenderGroupLabel={renderGroupLabel}\n\t\t\t\t\tloadingMore={showListContent && !core.showStatus ? loadingMore : false}\n\t\t\t\t\tstrings={core.strings}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tportalContainer={portalContainer}\n\t\t\t\t\tlistRef={core.listRef}\n\t\t\t\t\tanchor={containerRef}\n\t\t\t\t\tapplyFooter={showListContent && applyButton ? {\n\t\t\t\t\t\tapplyLabel: core.strings.apply,\n\t\t\t\t\t\tcancelLabel: core.strings.cancel,\n\t\t\t\t\t\tonApply: handleApply,\n\t\t\t\t\t\tonCancel: handleCancel,\n\t\t\t\t\t} : undefined}\n\t\t\t\t/>\n\t\t\t</BaseCombobox>\n\n\t\t\t<ErrorMessage error={error} size={size} />\n\t\t</Stack>\n\t);\n}\n\nCombobox.displayName = 'Combobox';\nMultiCombobox.displayName = 'MultiCombobox';\n","import { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\n\nimport { ErrorState } from '../../base/feedback';\nimport { Stack } from '../../base/structure';\nimport { Text } from '../../typography';\nimport { useDebouncedCallback } from '../../../hooks/use-debounced-callback';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { Combobox } from './combobox';\nimport { defaultComboboxStrings } from './combobox.strings';\nimport { DEFAULT_DEBOUNCE_MS } from './constants';\nimport type { ComboboxSize, ComboboxStrings, ComboboxProps } from './types';\n\nexport interface AsyncResourceComboboxFetcherArgs {\n\tquery: string;\n\tlimit: number;\n\tsignal?: AbortSignal;\n}\n\nexport type AsyncResourceComboboxFetcher<T> = (\n\targs: AsyncResourceComboboxFetcherArgs,\n) => Promise<T[]>;\n\nexport interface AsyncResourceComboboxStrings extends ComboboxStrings {\n\terror: string;\n\tretry: string;\n}\n\nexport const defaultAsyncResourceComboboxStrings: AsyncResourceComboboxStrings = {\n\t...defaultComboboxStrings,\n\terror: 'Unable to load options.',\n\tretry: 'Retry',\n};\n\nexport interface AsyncResourceComboboxRenderOptionContext {\n\tquery: string;\n\tisSelected: boolean;\n}\n\nexport interface AsyncResourceComboboxRenderErrorContext {\n\terror: unknown;\n\tquery: string;\n\tretry: () => void;\n}\n\nexport interface AsyncResourceComboboxProps<T>\n\textends Omit<\n\t\tComboboxProps<T>,\n\t\t| 'items'\n\t\t| 'selectedValue'\n\t\t| 'onSelectedValueChange'\n\t\t| 'clearSearchOnClose'\n\t\t| 'searchValue'\n\t\t| 'onSearchValueChange'\n\t\t| 'getItemLabel'\n\t\t| 'getItemKey'\n\t\t| 'loading'\n\t\t| 'showListContent'\n\t\t| 'renderItem'\n\t\t| 'strings'\n\t\t| 'error'\n\t\t| 'debounceMs'\n\t> {\n\t/**\n\t * Loads options for the current query. This component owns the request\n\t * lifecycle: calls are debounced by `debounceMs`, the previous request is\n\t * aborted through `args.signal`, and out-of-order responses are discarded, so\n\t * the fetcher only needs to resolve or reject.\n\t *\n\t * A rejection clears the fetched list and presents the localized error as an\n\t * exclusive state, suppressing the ordinary no-results row. Honour\n\t * `args.signal` so aborts do not surface as errors.\n\t */\n\tfetcher: AsyncResourceComboboxFetcher<T>;\n\t/** Selected item, for controlled use. Omit entirely to let the component own selection. */\n\tvalue?: T | null;\n\t/** Initial selection for uncontrolled use. Ignored once `value` is passed. */\n\tdefaultValue?: T | null;\n\t/** Fired with the new selection in both controlled and uncontrolled modes. */\n\tonValueChange?: (value: T | null) => void;\n\t/** Fired after a successful fetch with the items received and the request that produced them. */\n\tonAfterFetch?: (items: T[], context: AsyncResourceComboboxFetcherArgs) => void;\n\t/** Fired when the fetcher rejects. Aborted and superseded requests never reach this. */\n\tonError?: (error: unknown, context: AsyncResourceComboboxFetcherArgs) => void;\n\t/** Stable identity for an item. Also decides which option reads as selected. */\n\tgetKey: (item: T) => string;\n\t/** Primary display label for an item. */\n\tgetLabel: (item: T) => string;\n\t/** Secondary text beside the label in the default option row. */\n\tgetDescription?: (item: T) => ReactNode;\n\t/** Tertiary, dimmed text after the description in the default option row. */\n\tgetMeta?: (item: T) => ReactNode;\n\t/**\n\t * Replaces the entire default option row, including the label. When set,\n\t * `getLabel`, `getDescription`, and `getMeta` no longer affect rendering\n\t * (`getLabel` is still used for the input's text value).\n\t */\n\trenderOption?: (item: T, context: AsyncResourceComboboxRenderOptionContext) => ReactNode;\n\t/**\n\t * Page size passed to the fetcher as `args.limit`. Default: `10`.\n\t *\n\t * Advisory only — the component does not truncate the returned array, so the\n\t * fetcher is responsible for honouring it.\n\t */\n\tlimit?: number;\n\t/** Quiet period before a query is issued, in milliseconds. Default: `300`. */\n\tdebounceMs?: number;\n\t/**\n\t * Characters required before a query is issued. Default: `0` here, rather\n\t * than the `3` used by the synchronous comboboxes — resource lookup is\n\t * expected to be browsable from the first keystroke alongside `preload`.\n\t *\n\t * An empty input is governed by `preload`, not by this threshold.\n\t */\n\tminSearchLength?: number;\n\t/**\n\t * Fetches with an empty query so options are available before typing.\n\t * Default: `true`. Set `false` to require a query first.\n\t */\n\tpreload?: boolean;\n\t/** Replaces the default error copy shown when the fetcher rejects. */\n\terrorMessage?: ReactNode;\n\t/** Replaces the package error state while retaining the failed query and retry action. */\n\trenderError?: (context: AsyncResourceComboboxRenderErrorContext) => ReactNode;\n\t/** Overrides the combobox copy, including the async-only `error` message. */\n\tstrings?: StringsProp<AsyncResourceComboboxStrings>;\n\t/** Trigger density. Falls back to `UIProvider.density.defaultScale`, then `md`. */\n\tsize?: ComboboxSize;\n}\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\nexport function AsyncResourceCombobox<T>({\n\tfetcher,\n\tvalue,\n\tdefaultValue = null,\n\tonValueChange,\n\tonAfterFetch,\n\tonError,\n\tgetKey,\n\tgetLabel,\n\tgetDescription,\n\tgetMeta,\n\trenderOption,\n\tlimit = 10,\n\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\tpreload = true,\n\tminSearchLength = 0,\n\terrorMessage,\n\trenderError,\n\tstrings: stringsProp,\n\tdisabled,\n\tsize,\n\t...props\n}: AsyncResourceComboboxProps<T>) {\n\tconst strings = useStrings(defaultAsyncResourceComboboxStrings, stringsProp);\n\tconst isControlled = value !== undefined;\n\tconst [internalValue, setInternalValue] = useState<T | null>(defaultValue);\n\tconst selectedValue = isControlled ? value : internalValue;\n\tconst [searchValue, setSearchValue] = useState('');\n\tconst [items, setItems] = useState<T[]>([]);\n\tconst [isLoading, setIsLoading] = useState(false);\n\tconst [fetchError, setFetchError] = useState<{ error: unknown; query: string } | null>(null);\n\tconst [retryCount, setRetryCount] = useState(0);\n\tconst requestIdRef = useRef(0);\n\tconst trimmedSearch = searchValue.trim();\n\n\tconst handleValueChange = useCallback(\n\t\t(nextValue: T | null) => {\n\t\t\tif (!isControlled) {\n\t\t\t\tsetInternalValue(nextValue);\n\t\t\t}\n\t\t\tonValueChange?.(nextValue);\n\t\t},\n\t\t[isControlled, onValueChange],\n\t);\n\n\t// `fetcher`, `onAfterFetch` and `onError` are almost always inline, so their\n\t// identities change on every render. Listing them in the effect below re-ran\n\t// it every render, and because the fetch sets state that re-render was\n\t// self-sustaining — an unbounded request loop. `useDebouncedCallback` holds\n\t// them in a ref and returns a stable function, so the effect only re-runs on\n\t// a real query change.\n\tconst runFetch = useDebouncedCallback(\n\t\t(requestId: number, context: AsyncResourceComboboxFetcherArgs) => {\n\t\t\tsetIsLoading(true);\n\t\t\tsetFetchError(null);\n\n\t\t\tfetcher(context)\n\t\t\t\t.then((nextItems) => {\n\t\t\t\t\tif (context.signal?.aborted || requestIdRef.current !== requestId) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tsetItems(nextItems);\n\t\t\t\t\tonAfterFetch?.(nextItems, context);\n\t\t\t\t})\n\t\t\t\t.catch((nextError: unknown) => {\n\t\t\t\t\tif (context.signal?.aborted || requestIdRef.current !== requestId) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tsetItems([]);\n\t\t\t\t\tsetFetchError({ error: nextError, query: context.query });\n\t\t\t\t\tonError?.(nextError, context);\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tif (!context.signal?.aborted && requestIdRef.current === requestId) {\n\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t},\n\t\tdebounceMs,\n\t);\n\n\tuseEffect(() => {\n\t\tif (disabled) return;\n\n\t\tconst shouldFetch =\n\t\t\ttrimmedSearch.length > 0\n\t\t\t\t? trimmedSearch.length >= minSearchLength\n\t\t\t\t: preload;\n\n\t\tif (!shouldFetch) {\n\t\t\tsetItems([]);\n\t\t\tsetIsLoading(false);\n\t\t\tsetFetchError(null);\n\t\t\treturn;\n\t\t}\n\n\t\tconst requestId = requestIdRef.current + 1;\n\t\trequestIdRef.current = requestId;\n\t\tconst controller = new AbortController();\n\n\t\trunFetch(requestId, {\n\t\t\tquery: trimmedSearch,\n\t\t\tlimit,\n\t\t\tsignal: controller.signal,\n\t\t});\n\n\t\treturn () => {\n\t\t\trunFetch.cancel();\n\t\t\tcontroller.abort();\n\t\t};\n\t}, [\n\t\tdisabled,\n\t\tlimit,\n\t\tminSearchLength,\n\t\tpreload,\n\t\tretryCount,\n\t\trunFetch,\n\t\ttrimmedSearch,\n\t]);\n\n\tconst retry = useCallback(() => {\n\t\tif (!fetchError) return;\n\t\tsetSearchValue(fetchError.query);\n\t\tsetRetryCount((count) => count + 1);\n\t}, [fetchError]);\n\n\tconst renderItem = useCallback(\n\t\t(item: T) => {\n\t\t\tif (renderOption) {\n\t\t\t\treturn renderOption(item, {\n\t\t\t\t\tquery: trimmedSearch,\n\t\t\t\t\tisSelected: selectedValue ? getKey(selectedValue) === getKey(item) : false,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst description = getDescription?.(item);\n\t\t\tconst meta = getMeta?.(item);\n\n\t\t\treturn (\n\t\t\t\t<Stack\n\t\t\t\t\trender={<span />}\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\tgap=\"md\"\n\t\t\t\t\twrap={false}\n\t\t\t\t\tclassName=\"async-resource-combobox--option leading-tight\"\n\t\t\t\t>\n\t\t\t\t\t<Text type=\"inherit\"\n\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\tsize={size === 'sm' ? 'pxs' : undefined}\n\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\tclassName=\"min-w-0 shrink truncate\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{getLabel(item)}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{(!!description || !!meta) && (\n\t\t\t\t\t\t<span className=\"inline-flex min-w-0 flex-1 items-center gap-space-sm overflow-hidden text-muted-foreground\">\n\t\t\t\t\t\t\t{!!description && (isSimpleText(description) ? (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"min-w-0 truncate\">\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : description)}\n\t\t\t\t\t\t\t{!!meta && (isSimpleText(meta) ? (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"min-w-0 truncate\">\n\t\t\t\t\t\t\t\t\t{meta}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : meta)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t);\n\t\t},\n\t\t[getDescription, getKey, getLabel, getMeta, renderOption, selectedValue, size, trimmedSearch],\n\t);\n\n\tconst resolvedError = useMemo(() => {\n\t\tif (!fetchError) return undefined;\n\t\treturn errorMessage ?? strings.error;\n\t}, [errorMessage, fetchError, strings.error]);\n\tconst hasFetchError = fetchError !== null;\n\tconst errorNode = fetchError\n\t\t? renderError?.({ error: fetchError.error, query: fetchError.query, retry }) ?? (\n\t\t\t<ErrorState\n\t\t\t\tvariant=\"inline\"\n\t\t\t\ttitle={resolvedError}\n\t\t\t\tonRetry={retry}\n\t\t\t\tretryLabel={strings.retry}\n\t\t\t\tclassName=\"async-resource-combobox--error mt-space-sm\"\n\t\t\t/>\n\t\t)\n\t\t: null;\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"async-resource-combobox\"\n\t\t\tdata-slot=\"async-resource-combobox\"\n\t\t\tclassName={cn('async-resource-combobox--component', props.className)}\n\t\t>\n\t\t\t<Combobox\n\t\t\t\t{...props}\n\t\t\t\tclassName={undefined}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tsize={size}\n\t\t\t\titems={items}\n\t\t\t\tselectedValue={selectedValue ?? null}\n\t\t\t\tonSelectedValueChange={handleValueChange}\n\t\t\t\tclearSearchOnClose={false}\n\t\t\t\tsearchValue={searchValue}\n\t\t\t\tonSearchValueChange={setSearchValue}\n\t\t\t\tgetItemLabel={getLabel}\n\t\t\t\tgetItemKey={getKey}\n\t\t\t\tloading={!hasFetchError && isLoading}\n\t\t\t\tshowListContent={!hasFetchError}\n\t\t\t\tminSearchLength={minSearchLength}\n\t\t\t\tstrings={strings}\n\t\t\t\trenderItem={renderItem}\n\t\t\t/>\n\t\t\t{errorNode}\n\t\t</div>\n\t);\n}\n\nAsyncResourceCombobox.displayName = 'AsyncResourceCombobox';\n"],"mappings":"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"}

package/dist/combobox-xCQ2RMNE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-xCQ2RMNE.js","names":["Combobox","ComboboxPrimitive","ComboboxInput","ComboboxTrigger","ComboboxClear","ComboboxInputTrigger","ComboboxPopup","ComboboxItem","ComboboxSeparator","ComboboxChip","InputTrigger","Clear","Chip","Popup","Input","Trigger","Item","Separator","useTypographyConfig","useThemePortalContainer","cn","affordanceGeometry","anchoredPositionMethod","motionRecipes","surfaceDividerRecipes","surfaceInsetClasses","collectionRowClasses","popoverRecipes","collectionRecipes","CollectionLabel","modalBackdropRecipe","fieldStateRecipes","fieldAffordanceRecipes","selectToggleRecipes","FieldClearGlyph","editableTextSizeClasses","Combobox$1","Combobox","ComboboxInput$1","props","className","ComboboxTrigger$1","children","ChevronDownIcon","ComboboxValue","placeholder","ComboboxClear$1","inputSizeClasses","ComboboxInputTrigger$1","size","showClear","error","clearLabel","toggleLabel","ComboboxPortal","resolvedContainer","container","ComboboxPositioner","ComboboxPopup$1","ComboboxList","itemIndicatorSizeClasses","ComboboxItem$1","CheckIcon","ComboboxItemIndicator","ComboboxEmpty","ComboboxStatus","ComboboxGroup","ComboboxGroupLabel","ComboboxCollection","ComboboxSeparator$1","chipsSizeClasses","ComboboxChips","ComboboxChip$1","removeLabel","ComboboxChipsInput","ComboboxBackdrop","ComboboxArrow","useComboboxFilter","defaultComboboxControlStrings","ComboboxInputTrigger","stringsProp","strings","useStrings","createElement","ComboboxClear","ComboboxChip","ComboboxPopup","ComboboxInput","ComboboxTrigger","densityBySize","ComboboxItem","content","density","textSizes","defaultTextSize","ComboboxSeparator"],"sources":["../src/components/ui/combobox.tsx","../src/components/base/combobox/combobox.strings.ts","../src/components/base/combobox/index.ts"],"sourcesContent":["import { anchoredPositionMethod } from '../../lib/anchored-positioning';\nimport { fieldStateRecipes } from '../../lib/field-state-recipes';\nimport { FieldClearGlyph, fieldAffordanceRecipes, selectToggleRecipes } from '../../lib/field-affordance-recipes';\nimport { editableTextSizeClasses } from '../../lib/editable-text-recipe';\nimport { affordanceGeometry } from '../../lib/affordance-geometry.generated';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { surfaceDividerRecipes } from '../../lib/surface-recipes';\nimport { modalBackdropRecipe } from './overlay.recipes';\nimport { useThemePortalContainer } from '../../lib/theme-scope';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { CheckIcon, ChevronDownIcon } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\n\nconst Combobox = ComboboxPrimitive.Root;\n\nfunction ComboboxInput({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Input.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Input\n\t\t\tdata-slot=\"combobox-input\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-sans text-foreground',\n\t\t\t\t'box-border border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-control w-full min-w-0 rounded-inner border bg-background px-control shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\taffordanceGeometry.controlTextMinHeight,\n\t\t\t\taffordanceGeometry.controlBlockPadding.md,\n\t\t\t\teditableTextSizeClasses.md,\n\t\t\t\tfieldStateRecipes.focus,\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ComboboxTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: ComboboxPrimitive.Trigger.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Trigger\n\t\t\tdata-slot=\"combobox-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-sans text-foreground',\n\t\t\t\t'box-border border-input file:text-foreground placeholder:text-muted-foreground flex h-control w-full items-center justify-between rounded-inner border bg-background px-control shadow-none transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t'text-sm',\n\t\t\t\taffordanceGeometry.controlTextMinHeight,\n\t\t\t\taffordanceGeometry.controlBlockPadding.md,\n\t\t\t\tfieldStateRecipes.focus,\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t'[&>span]:line-clamp-1',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ComboboxPrimitive.Icon className=\"flex\">\n\t\t\t\t<ChevronDownIcon className={cn(selectToggleRecipes.icon.md, 'text-muted-foreground')} />\n\t\t\t</ComboboxPrimitive.Icon>\n\t\t</ComboboxPrimitive.Trigger>\n\t);\n}\n\nfunction ComboboxValue({\n\tplaceholder,\n\t...props\n}: ComboboxPrimitive.Value.Props & { placeholder?: React.ReactNode }) {\n\treturn (\n\t\t<ComboboxPrimitive.Value\n\t\t\tdata-slot=\"combobox-value\"\n\t\t\tplaceholder={\n\t\t\t\t!!placeholder && <span className=\"text-muted-foreground\">{placeholder}</span>\n\t\t\t}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ComboboxClear({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Clear.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Clear\n\t\t\tdata-slot=\"combobox-clear\"\n\t\t\tclassName={cn(\n\t\t\t\tfieldAffordanceRecipes.target,\n\t\t\t\tfieldAffordanceRecipes.focus,\n\t\t\t\tfieldAffordanceRecipes.clear,\n\t\t\t\tfieldAffordanceRecipes.centered,\n\t\t\t\t'end-control-icon',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t\t<FieldClearGlyph aria-hidden=\"true\" className={fieldAffordanceRecipes.icon} />\n\t\t</ComboboxPrimitive.Clear>\n\t);\n}\n\nexport type ComboboxSize = 'sm' | 'md' | 'lg';\n\nconst inputSizeClasses: Record<ComboboxSize, string> = {\n\tsm: 'h-control-sm ps-control-sm',\n\tmd: 'h-control ps-control',\n\tlg: 'h-control-lg ps-control',\n};\n\n\n// Toggle-only text clearance, track offset and chevron scale come from the\n// shared select-toggle recipe, so this input, the Select trigger and the\n// feature Combobox centre their chevrons in the same place.\n\ntype ComboboxInputTriggerProps = Omit<ComboboxPrimitive.Input.Props, 'size'> & {\n\tshowClear?: boolean;\n\tclearLabel?: string;\n\ttoggleLabel?: string;\n\tsize?: ComboboxSize;\n\terror?: boolean;\n};\n\nfunction ComboboxInputTrigger({\n\tclassName,\n\tshowClear = false,\n\tclearLabel,\n\ttoggleLabel,\n\tsize = 'md',\n\terror,\n\t...props\n}: ComboboxInputTriggerProps) {\n\treturn (\n\t\t<div className=\"relative h-fit\">\n\t\t\t<ComboboxPrimitive.Input\n\t\t\t\tdata-slot=\"combobox-input\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'font-sans text-foreground',\n\t\t\t\t\t'box-border border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground w-full min-w-0 rounded-inner border bg-background shadow-none transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\t\tfieldStateRecipes.focus,\n\t\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t\tinputSizeClasses[size],\n\t\t\t\t\taffordanceGeometry.controlTextMinHeight,\n\t\t\t\t\taffordanceGeometry.controlBlockPadding[size],\n\t\t\t\t\teditableTextSizeClasses[size],\n\t\t\t\t\tshowClear ? selectToggleRecipes.clearPadding[size] : selectToggleRecipes.padding[size],\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\taria-invalid={error || undefined}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'absolute top-1/2 -translate-y-1/2 flex items-center gap-space-xs text-muted-foreground',\n\t\t\t\t\tselectToggleRecipes.track[size]\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{!!showClear && (\n                    <ComboboxPrimitive.Clear\n\t\t\t\t\t\taria-label={clearLabel}\n\t\t\t\t\t\tdata-slot=\"combobox-clear\"\n\t\t\t\t\t\tclassName={cn(fieldAffordanceRecipes.target,fieldAffordanceRecipes.focus,fieldAffordanceRecipes.clear)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<FieldClearGlyph aria-hidden=\"true\" className={fieldAffordanceRecipes.icon} />\n\t\t\t\t\t</ComboboxPrimitive.Clear>\n   )}\n\t\t\t\t<ComboboxPrimitive.Trigger aria-label={toggleLabel} className={cn(fieldAffordanceRecipes.target,fieldAffordanceRecipes.focus,fieldAffordanceRecipes.toggle)}>\n\t\t\t\t\t<ChevronDownIcon aria-hidden=\"true\" className={cn('shrink-0', selectToggleRecipes.icon[size])} />\n\t\t\t\t</ComboboxPrimitive.Trigger>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n// Portal\nfunction ComboboxPortal({ container, ...props }: ComboboxPrimitive.Portal.Props) {\n\tconst resolvedContainer = useThemePortalContainer(container);\n\treturn <ComboboxPrimitive.Portal container={resolvedContainer} {...props} />;\n}\n\n// Positioner\nfunction ComboboxPositioner({\n\tclassName,\n\tpositionMethod = anchoredPositionMethod,\n\tsideOffset = 4,\n\t...props\n}: ComboboxPrimitive.Positioner.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Positioner\n\t\t\tpositionMethod={positionMethod}\n\t\t\tdata-slot=\"combobox-positioner\"\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn('z-50 outline-none', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Popup (content)\nfunction ComboboxPopup({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Popup.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Popup\n\t\t\tdata-slot=\"combobox-popup\"\n\t\t\tclassName={cn(\n\t\t\t\t'w-[var(--anchor-width)] min-w-[8rem] max-w-[var(--available-width)] max-h-[min(var(--available-height),24rem)]',\n\t\t\t\t'overflow-hidden rounded-radius bg-popover text-popover-foreground shadow-md',\n\t\t\t\tsurfaceDividerRecipes.anchored.shell,\n\t\t\t\t'origin-[var(--transform-origin)]',\n\t\t\t\tmotionRecipes.popup,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// List\nfunction ComboboxList({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.List.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.List\n\t\t\tdata-slot=\"combobox-list\"\n\t\t\tclassName={cn(\n\t\t\t\t'max-h-[min(24rem,var(--available-height))] overflow-y-auto overscroll-contain p-surface-xs',\n\t\t\t\t'outline-none empty:hidden',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Item\n//\n// Layout: `[content][indicator]` with the selection check pinned to the\n// right (`justify-between`). Consumers render leading icons naturally inside\n// `renderItem` — the `gap` between icon and label is set by the consumer.\nconst itemIndicatorSizeClasses: Record<ComboboxSize, string> = {\n\tsm: 'size-icon-sm',\n\tmd: 'size-icon',\n\tlg: 'size-icon-lg',\n};\n\nfunction ComboboxItem({\n\tclassName,\n\tchildren,\n\tsize = 'md',\n\t...props\n}: ComboboxPrimitive.Item.Props & { size?: ComboboxSize }) {\n\treturn (\n\t\t<ComboboxPrimitive.Item\n\t\t\tdata-slot=\"combobox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t'flex w-full cursor-default select-none items-center justify-between outline-none',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"flex min-w-0 flex-1 items-center gap-space-sm truncate\">\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t\t<ComboboxPrimitive.ItemIndicator\n\t\t\t\tclassName={cn(\n\t\t\t\t\t// The selection check uses the row's own ink, as Select options do.\n\t\t\t\t\t'flex shrink-0 items-center justify-center',\n\t\t\t\t\titemIndicatorSizeClasses[size]\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<CheckIcon className={itemIndicatorSizeClasses[size]} />\n\t\t\t</ComboboxPrimitive.ItemIndicator>\n\t\t</ComboboxPrimitive.Item>\n\t);\n}\n\n// Item Indicator (standalone)\nfunction ComboboxItemIndicator({\n\tclassName,\n\tchildren,\n\t...props\n}: ComboboxPrimitive.ItemIndicator.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.ItemIndicator\n\t\t\tdata-slot=\"combobox-item-indicator\"\n\t\t\tclassName={cn(className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <CheckIcon className=\"size-icon\" />}\n\t\t</ComboboxPrimitive.ItemIndicator>\n\t);\n}\n\n// Empty\nfunction ComboboxEmpty({\n\tclassName,\n\tchildren,\n\t...props\n}: ComboboxPrimitive.Empty.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Empty\n\t\t\tdata-slot=\"combobox-empty\"\n\t\t\tclassName={cn(\n\t\t\t\t'px-row-x py-space-xl text-center text-sm text-muted-foreground empty:hidden',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</ComboboxPrimitive.Empty>\n\t);\n}\n\n// Status (for async loading states)\nfunction ComboboxStatus({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Status.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Status\n\t\t\tdata-slot=\"combobox-status\"\n\t\t\tclassName={cn(\n\t\t\t\t'flex items-center gap-space-sm px-row-x py-row-y text-sm text-muted-foreground empty:hidden',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Group\nfunction ComboboxGroup({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Group.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Group\n\t\t\tdata-slot=\"combobox-group\"\n\t\t\tclassName={cn('overflow-hidden p-0', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Group Label\nfunction ComboboxGroupLabel({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.GroupLabel\n\t\t\tdata-slot=\"combobox-group-label\"\n\t\t\tclassName={cn('px-row-x py-row-y-sm text-xs font-medium text-muted-foreground', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Collection (for rendering items)\nconst ComboboxCollection = ComboboxPrimitive.Collection;\n\n// Separator\nfunction ComboboxSeparator({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Separator.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Separator\n\t\t\tdata-slot=\"combobox-separator\"\n\t\t\tclassName={cn('my-space-xs h-px', surfaceDividerRecipes.anchored.separator, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Chips container (for multiple selection)\nconst chipsSizeClasses: Record<ComboboxSize, string> = {\n\tsm: 'min-h-control-sm gap-space-xs px-control-sm py-space-xs text-sm',\n\tmd: 'min-h-control gap-space-xs px-control py-space-xs text-sm',\n\tlg: 'min-h-control-lg gap-space-sm px-control py-space-xs text-sm',\n};\n\nfunction ComboboxChips({\n\tclassName,\n\tsize = 'md',\n\terror,\n\t...props\n}: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & {\n\tsize?: ComboboxSize;\n\terror?: boolean;\n}) {\n\treturn (\n\t\t<ComboboxPrimitive.Chips\n\t\t\tdata-slot=\"combobox-chips\"\n\t\t\tclassName={cn(\n\t\t\t\t'font-sans text-foreground',\n\t\t\t\t'box-border flex flex-wrap items-center rounded-inner border border-input bg-background shadow-none transition-[color,box-shadow] outline-none',\n\t\t\t\t'has-[:focus-visible]:border-ring has-[:focus-visible]:ring-3 has-[:focus-visible]:ring-ring/50',\n\t\t\t\tfieldStateRecipes.invalid,\n\t\t\t\t'aria-invalid:has-[:focus-visible]:border-destructive aria-invalid:has-[:focus-visible]:ring-destructive/30 dark:aria-invalid:has-[:focus-visible]:ring-destructive/50',\n\t\t\t\tchipsSizeClasses[size],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-invalid={error || undefined}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Chip\nfunction ComboboxChip({\n\tclassName,\n\tchildren,\n\tremoveLabel,\n\t...props\n}: ComboboxPrimitive.Chip.Props & { removeLabel?: string }) {\n\treturn (\n\t\t<ComboboxPrimitive.Chip\n\t\t\tdata-slot=\"combobox-chip\"\n\t\t\tclassName={cn(\n\t\t\t\t'inline-flex items-center gap-space-xs rounded-inner bg-secondary px-control-xs py-space-xs text-xs font-medium text-secondary-foreground',\n\t\t\t\t'data-[highlighted]:bg-primary data-[highlighted]:text-primary-foreground',\n\t\t\t\t'focus-within:bg-primary focus-within:text-primary-foreground',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ComboboxPrimitive.ChipRemove aria-label={removeLabel} className={cn(fieldAffordanceRecipes.inline, fieldAffordanceRecipes.focus, 'text-inherit opacity-70 hover:opacity-100')}>\n\t\t\t\t<FieldClearGlyph aria-hidden=\"true\" className={fieldAffordanceRecipes.icon} />\n\t\t\t</ComboboxPrimitive.ChipRemove>\n\t\t</ComboboxPrimitive.Chip>\n\t);\n}\n\n// Chips Input\nfunction ComboboxChipsInput({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Input.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Input\n\t\t\tdata-slot=\"combobox-chips-input\"\n\t\t\tclassName={cn(\n\t\t\t\t'box-border min-h-lh min-w-[80px] flex-1 border-0 bg-transparent p-0 font-sans text-foreground outline-none placeholder:text-muted-foreground',\n\t\t\t\teditableTextSizeClasses.md,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Backdrop (for modal)\nfunction ComboboxBackdrop({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Backdrop.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Backdrop\n\t\t\tdata-slot=\"combobox-backdrop\"\n\t\t\tclassName={cn(modalBackdropRecipe, \n\t\t\t\tmotionRecipes.backdrop,\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// Arrow\nfunction ComboboxArrow({\n\tclassName,\n\t...props\n}: ComboboxPrimitive.Arrow.Props) {\n\treturn (\n\t\t<ComboboxPrimitive.Arrow\n\t\t\tdata-slot=\"combobox-arrow\"\n\t\t\tclassName={cn('fill-popover', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// useFilter hook re-export\nconst useComboboxFilter = ComboboxPrimitive.useFilter;\n\nexport {\n\tCombobox,\n\tComboboxInput,\n\tComboboxInputTrigger,\n\tComboboxTrigger,\n\tComboboxValue,\n\tComboboxClear,\n\tComboboxPortal,\n\tComboboxPositioner,\n\tComboboxPopup,\n\tComboboxList,\n\tComboboxItem,\n\tComboboxItemIndicator,\n\tComboboxEmpty,\n\tComboboxStatus,\n\tComboboxGroup,\n\tComboboxGroupLabel,\n\tComboboxCollection,\n\tComboboxSeparator,\n\tComboboxChips,\n\tComboboxChip,\n\tComboboxChipsInput,\n\tComboboxBackdrop,\n\tComboboxArrow,\n\tuseComboboxFilter,\n};\n","/** Accessible labels owned by the base combobox's generated controls. */\nexport interface ComboboxControlStrings {\n\tclear: string;\n\ttoggle: string;\n\tremove: string;\n}\n\nexport const defaultComboboxControlStrings: ComboboxControlStrings = {\n\tclear: 'Clear selection',\n\ttoggle: 'Open options',\n\tremove: 'Remove selection',\n};\n","import { CollectionLabel } from '../popover/collection-content';\n/**\n * Base wrapper for `ui/combobox`.\n *\n * This family is the sole importer of `@/components/ui/combobox`: it re-exports\n * the Base UI combobox anatomy with shared recipes and accessible control labels\n * so every other layer composes the parts without reaching into `ui/`. The searchable recipe built on top of this\n * anatomy — `Combobox`, `MultiCombobox`, `AsyncResourceCombobox`, and the\n * headless hooks — lives in `features/combobox`.\n *\n * The compound root is exported as `ComboboxRoot` so the canonical `Combobox`\n * name stays with the opinionated feature component.\n */\nexport {\n\tCombobox as ComboboxRoot,\n\tComboboxValue,\n\tComboboxPortal,\n\tComboboxPositioner,\n\tComboboxList,\n\tComboboxItemIndicator,\n\tComboboxEmpty,\n\tComboboxStatus,\n\tComboboxGroup,\n\tComboboxGroupLabel,\n\tComboboxCollection,\n\tComboboxChips,\n\tComboboxChipsInput,\n\tComboboxBackdrop,\n\tComboboxArrow,\n\tuseComboboxFilter,\n} from '../../ui/combobox';\n\n\nimport { createElement, type ComponentProps } from 'react';\nimport { ComboboxItem as Item, ComboboxPopup as Popup, ComboboxInput as Input, ComboboxInputTrigger as InputTrigger, ComboboxClear as Clear, ComboboxChip as Chip, ComboboxTrigger as Trigger, ComboboxSeparator as Separator } from '../../ui/combobox';\nimport { cn } from '../../../lib/utils';\nimport { collectionRecipes, collectionRowClasses, popoverRecipes, surfaceInsetClasses, type CollectionDensity } from '../popover/popover.recipes';\nimport { useTypographyConfig } from '../../../lib/ui-provider';\nimport { textSizes } from '../../typography/text.styles';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { defaultComboboxControlStrings, type ComboboxControlStrings } from './combobox.strings';\n\nexport { defaultComboboxControlStrings, type ComboboxControlStrings } from './combobox.strings';\n\nexport type ComboboxInputTriggerProps = Omit<ComponentProps<typeof InputTrigger>, 'clearLabel' | 'toggleLabel'> & {\n /** Accessible labels for the generated clear and toggle buttons. */\n strings?: StringsProp<Pick<ComboboxControlStrings, 'clear' | 'toggle'>>;\n};\n\nexport function ComboboxInputTrigger({ strings: stringsProp, ...props }: ComboboxInputTriggerProps) {\n const strings = useStrings(defaultComboboxControlStrings, stringsProp);\n return createElement(InputTrigger, { ...props, clearLabel: strings.clear, toggleLabel: strings.toggle });\n}\n\nexport type ComboboxClearProps = ComponentProps<typeof Clear> & {\n /** Accessible label; an explicit aria-label takes precedence. */\n strings?: StringsProp<Pick<ComboboxControlStrings, 'clear'>>;\n};\n\nexport function ComboboxClear({ strings: stringsProp, ...props }: ComboboxClearProps) {\n const strings = useStrings(defaultComboboxControlStrings, stringsProp);\n return createElement(Clear, { 'aria-label': strings.clear, ...props });\n}\n\nexport type ComboboxChipProps = Omit<ComponentProps<typeof Chip>, 'removeLabel'> & {\n /** Accessible label for the generated removal button. */\n strings?: StringsProp<Pick<ComboboxControlStrings, 'remove'>>;\n};\n\nexport function ComboboxChip({ strings: stringsProp, ...props }: ComboboxChipProps) {\n const strings = useStrings(defaultComboboxControlStrings, stringsProp);\n return createElement(Chip, { ...props, removeLabel: strings.remove });\n}\n\nexport function ComboboxPopup({ className, ...props }: ComponentProps<typeof Popup>) {\n // The list owns the collection inset so mixed search/status/footer regions stay flush.\n return createElement(Popup, { ...props, className: cn(popoverRecipes.surface, surfaceInsetClasses.flush, className) });\n}\nexport function ComboboxInput({ className, ...props }: ComponentProps<typeof Input>) {\n return createElement(Input, { ...props, className: cn('rounded-inner', className) });\n}\nexport function ComboboxTrigger({ className, ...props }: ComponentProps<typeof Trigger>) {\n return createElement(Trigger, { ...props, className: cn('rounded-inner', className) });\n}\n\nconst densityBySize = { sm: 'compact', md: 'default', lg: 'comfortable' } as const;\n\nexport function ComboboxItem({ className, size = 'md', density = densityBySize[size], children, ...props }: ComponentProps<typeof Item> & {\n /** Vertical option rhythm. Defaults to the owning control size's rhythm. */\n density?: CollectionDensity;\n}) {\n const { defaultTextSize } = useTypographyConfig();\n const content = typeof children === 'string' || typeof children === 'number' || typeof children === 'bigint' ? createElement(CollectionLabel, { children }) : children;\n return createElement(Item, { ...props, children: content, size, className: cn(collectionRowClasses(density), collectionRecipes.highlighted, collectionRecipes.disabled, textSizes[defaultTextSize ?? 'sm'], className) });\n}\n\n/** Shared collection divider, preserving Base UI separator semantics. */\nexport function ComboboxSeparator({ className, ...props }: ComponentProps<typeof Separator>) {\n return createElement(Separator, { ...props, className: cn(popoverRecipes.separator, className) });\n}\n"],"mappings":"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"}