themelia-react-ui 2.0.3 → 2.0.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"choice-inputs-JLtij2y4.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","textLineHeights","textSizes","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","providedId","Icon","internal","setInternal","useState","labelLineClasses","generatedId","useId","id","hasDescription","description","describedById","handleToggle","disabled","newChecked","handleCardClick","name","label","hint","controlRef","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, 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/** Editable control ref; the forwarded ref continues to name the outer row/card. */\n\tcontrolRef?: React.Ref<HTMLElement>;\n\t/** Blur callback from the editable control. */\n\tonBlur?: React.FocusEventHandler<HTMLElement>;\n\t/** Id of the editable control, including external FormField associations. */\n\tid?: string;\n\t'aria-invalid'?: React.AriaAttributes['aria-invalid'];\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\t'aria-invalid': ariaInvalid,\n\tcontrolRef,\n\tonBlur,\n\tid: providedId,\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 = providedId ?? 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 || ariaInvalid}\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\tref={controlRef}\n\t\t\t\t\tonBlur={onBlur}\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 || Boolean(ariaInvalid && ariaInvalid !== 'false')}\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/** Editable control ref; the forwarded ref continues to name the outer row/card. */\n\tcontrolRef?: React.Ref<HTMLElement>;\n\t/** Blur callback from the editable control. */\n\tonBlur?: React.FocusEventHandler<HTMLElement>;\n\t/** Id of the editable control, including external FormField associations. */\n\tid?: string;\n\t'aria-invalid'?: React.AriaAttributes['aria-invalid'];\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\t'aria-invalid': ariaInvalid,\n\tcontrolRef,\n\tonBlur,\n\tid: providedId,\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 generatedId = useId();\n\tconst inputId = providedId ?? generatedId;\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\tref={controlRef}\n\t\t\t\tonBlur={onBlur}\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 || Boolean(ariaInvalid && ariaInvalid !== 'false')}\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\tref={controlRef}\n\t\t\t\tonBlur={onBlur}\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 || ariaInvalid}\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/{code-block-DeneBJR_.js → code-block-CGNaUtAE.js}

@@ -1,14 +1,14 @@
 "use client";
 import { useStrings as e } from "./lib/strings.js";
-import { t } from "./utils-BRhFDwuU.js";
-import { n } from "./buttons-DPZekJFu.js";
-import { c as r } from "./typography-UTnveOEy.js";
-import { n as i } from "./text.styles-g4He6UIW.js";
+import { t } from "./utils-CF3c95Io.js";
+import { n } from "./buttons-BbfzgczK.js";
+import { c as r } from "./typography-CSyJrh28.js";
+import { i } from "./text.styles-B64My8RZ.js";
 import { t as a } from "./focus-recipes-B653VaLq.js";
-import { t as o } from "./structure-BmisBK-3.js";
+import { t as o } from "./structure-C0V0_Fyf.js";
 import { i as s } from "./tone-recipes-BPsRAvhu.js";
 import { a as c } from "./surface-recipes-BKRVW8Os.js";
-import { m as l } from "./primitives-BFK08r9M.js";
+import { m as l } from "./primitives-Du64iDbb.js";
 import { forwardRef as u, useEffect as d, useRef as f, useState as p } from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Check as g, Copy as _, WrapText as v } from "lucide-react";
@@ -182,4 +182,4 @@ x.displayName = "CodeBlock";
 //#endregion
 export { b as n, x as t };
 
-//# sourceMappingURL=code-block-DeneBJR_.js.map
+//# sourceMappingURL=code-block-CGNaUtAE.js.map

package/dist/{code-block-DeneBJR_.js.map → code-block-CGNaUtAE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"code-block-DeneBJR_.js","names":["Text","resolveTextClassNames","focusRecipes","Stack","toneRecipes","surfaceDividerRecipes","MonoValue","useCodeCopy","copied","setCopied","useState","failed","setFailed","mounted","useRef","attempt","timer","useEffect","source","request","text","error","onCopyError","defaultCodeBlockStrings","CodeBlock","forwardRef","wrapProp","stringsProp","props","strings","useStrings","uncontrolledWrap","setWrap","defaultWrap","wrap","code","lines","first","startLine","hasDiff","diffLines","highlights","highlightLines","focus","focusLines","handleWrap","onWrapChange","cn","className","hideHeader","headerStart","filename","language","headerActions","showWrapToggle","Button","WrapText","hideCopy","copy","onCopy","jsx","Check","Copy","maxHeight","number","index","highlighted","focused","diff","showLineNumbers","renderLine"],"sources":["../src/components/base/code-block/use-code-copy.ts","../src/components/base/code-block/code-block.types.ts","../src/components/base/code-block/code-block.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** Clipboard lifecycle for code display; callbacks and text stay per mount. */\nexport function useCodeCopy(source: string, onCopyError?: (error: unknown) => void) {\n\tconst [copied, setCopied] = useState(false);\n\tconst [failed, setFailed] = useState(false);\n\tconst mounted = useRef(false);\n\tconst attempt = useRef(0);\n\tconst timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n\tuseEffect(() => {\n\t\tmounted.current = true;\n\t\tsetCopied(false);\n\t\tsetFailed(false);\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t\tattempt.current += 1;\n\t\t\tclearTimeout(timer.current);\n\t\t};\n\t}, [source]);\n\n\tconst copy = async (text: string) => {\n\t\tconst request = ++attempt.current;\n\t\tclearTimeout(timer.current);\n\t\tsetCopied(false);\n\t\tsetFailed(false);\n\t\ttry {\n\t\t\tif (typeof navigator === 'undefined' || !navigator.clipboard?.writeText) {\n\t\t\t\tthrow new Error('Clipboard unavailable');\n\t\t\t}\n\t\t\tawait navigator.clipboard.writeText(text);\n\t\t} catch (error) {\n\t\t\tif (mounted.current && request === attempt.current) {\n\t\t\t\tsetFailed(true);\n\t\t\t\tonCopyError?.(error);\n\t\t\t}\n\t\t\treturn false;\n\t\t}\n\t\tif (!mounted.current || request !== attempt.current) return false;\n\t\tsetCopied(true);\n\t\ttimer.current = setTimeout(() => setCopied(false), 1500);\n\t\treturn true;\n\t};\n\n\treturn { copied, failed, copy };\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\nexport interface CodeBlockStrings {\n copyAria: string; copied: string; copyError: string; defaultLanguageLabel: string; wrap: string; contentAria: string;\n}\nexport const defaultCodeBlockStrings: CodeBlockStrings = {\n copyAria: 'Copy code', copied: 'Copied', copyError: 'Could not copy. Please try again.', defaultLanguageLabel: 'Code', wrap: 'Wrap lines', contentAria: 'Code content',\n};\nexport interface CodeBlockLine {\n /** Source text, always used for copying even when a renderLine is supplied. */\n text: string;\n /** Source line number, starting at startLine. */\n number: number;\n highlighted: boolean;\n focused: boolean;\n diff?: 'add' | 'remove';\n}\nexport interface CodeBlockProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onCopy'> {\n code: string;\n language?: string;\n filename?: string;\n showLineNumbers?: boolean;\n /** First displayed line number. @default 1 */\n startLine?: number;\n highlightLines?: readonly number[];\n /** Dim other lines. Hover/focus restores context. Source numbers are one based. */\n focusLines?: readonly number[];\n diffLines?: Readonly<Record<number, 'add' | 'remove'>>;\n /** Caller-prepared syntax rendering, e.g. token spans. Plain text is server safe and escaped by React. Never pass untrusted HTML. */\n renderLine?: (line: CodeBlockLine) => ReactNode;\n hideHeader?: boolean;\n hideCopy?: boolean;\n maxHeight?: number | string;\n headerStart?: ReactNode;\n headerActions?: ReactNode;\n wrap?: boolean;\n defaultWrap?: boolean;\n onWrapChange?: (wrap: boolean) => void;\n showWrapToggle?: boolean;\n onCopy?: (code: string) => void;\n onCopyError?: (error: unknown) => void;\n strings?: StringsProp<CodeBlockStrings>;\n}\n","import { forwardRef, useState } from 'react';\nimport { Check, Copy, WrapText } from 'lucide-react';\nimport { Button } from '../buttons';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { resolveTextClassNames } from '../../typography/text.styles';\nimport { MonoValue } from '../../primitives';\nimport { cn } from '../../../lib/utils';\nimport { useStrings } from '../../../lib/strings';\nimport { surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport { useCodeCopy } from './use-code-copy';\nimport { defaultCodeBlockStrings, type CodeBlockProps } from './code-block.types';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { toneRecipes } from '../../../lib/tone-recipes';\n\n/** Generic code display. Consumers own highlighting; source text remains the copy payload. */\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(function CodeBlock({\n code, language, filename, showLineNumbers = false, startLine = 1, highlightLines, focusLines, diffLines, renderLine,\n hideHeader = false, hideCopy = false, maxHeight, headerStart, headerActions, wrap: wrapProp, defaultWrap = false, onWrapChange, showWrapToggle = false,\n onCopy, onCopyError, strings: stringsProp, className, ...props\n}, ref) {\n const strings = useStrings(defaultCodeBlockStrings, stringsProp);\n const [uncontrolledWrap, setWrap] = useState(defaultWrap);\n const wrap = wrapProp ?? uncontrolledWrap;\n const { copied, failed, copy } = useCodeCopy(code, onCopyError);\n const lines = code.split('\\n');\n const first = Number.isFinite(startLine) ? Math.max(1, Math.trunc(startLine)) : 1;\n const hasDiff = Object.keys(diffLines ?? {}).length > 0;\n const highlights = new Set(highlightLines); const focus = new Set(focusLines);\n const handleWrap = () => { if (wrapProp === undefined) setWrap(!wrap); onWrapChange?.(!wrap); };\n return <div {...props} ref={ref} data-wrap={wrap || undefined} className={cn('code-block--component group/code-block box-border w-full min-w-0 max-w-full overflow-hidden rounded-radius bg-card text-card-foreground', surfaceDividerRecipes.frame.shell, className)}>\n  {!hideHeader && <Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" wrap className={cn('code-block--header p-surface-xs bg-muted text-muted-foreground', surfaceDividerRecipes.frame.header)}>\n   {headerStart}\n   <MonoValue className=\"min-w-0 truncate\">{filename || language || strings.defaultLanguageLabel}</MonoValue>\n   {filename && language && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{language}</Text>}\n   <Stack direction=\"horizontal\" align=\"center\" gap=\"xs\" className=\"ms-auto shrink-0\">\n    {headerActions}\n    {showWrapToggle && <Button type=\"button\" size=\"sm\" iconOnly tone=\"secondary\" buttonStyle=\"ghost\" aria-label={strings.wrap} aria-pressed={wrap} onClick={handleWrap}><WrapText aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {!hideCopy && <Button type=\"button\" size=\"sm\" iconOnly tone=\"secondary\" buttonStyle=\"ghost\" aria-label={copied ? strings.copied : strings.copyAria} onClick={async () => { if (await copy(code)) onCopy?.(code); }}>{copied ? <Check aria-hidden=\"true\" className=\"size-icon-sm\" /> : <Copy aria-hidden=\"true\" className=\"size-icon-sm\" />}</Button>}\n   </Stack>\n  </Stack>}\n  <div className={`code-block--viewport min-w-0 max-w-full overflow-auto focus-visible:outline-none ${focusRecipes.inset}`} tabIndex={0} role=\"region\" aria-label={strings.contentAria} style={maxHeight !== undefined ? { maxHeight } : undefined}>\n   <pre dir=\"ltr\" className={cn(resolveTextClassNames({ lineHeight: 'relaxed' }), 'code-block--pre m-0 p-surface font-mono text-inherit')}><code className=\"block\">\n    {lines.map((text, index) => {\n     const number = first + index; const highlighted = highlights.has(number); const focused = focus.size === 0 || focus.has(number); const diff = diffLines?.[number];\n     return <span key={number} data-code-line={number} data-highlighted={highlighted || undefined} data-focused={focused ? 'true' : 'false'} data-diff={diff} className={cn('code-block--line flex min-w-0 gap-space-sm', highlighted && 'bg-accent text-accent-foreground', diff === 'add' && toneRecipes.success.wash, diff === 'remove' && toneRecipes.destructive.wash, !focused && 'opacity-50 group-hover/code-block:opacity-100 group-focus-within/code-block:opacity-100')}>\n      {showLineNumbers && <Text tag=\"span\" size=\"inherit\" type=\"secondary\" numeric aria-hidden=\"true\" style={{ minWidth: `${String(first + lines.length - 1).length}ch` }} className=\"code-block--number select-none shrink-0 text-right\">{number}</Text>}\n      {/* A tinted line keeps the source legible; the marker carries the status ink. */}\n      {hasDiff && <Text tag=\"span\" size=\"inherit\" aria-hidden=\"true\" className={cn('code-block--diff font-mono select-none shrink-0', diff === 'add' ? 'text-success' : diff === 'remove' ? 'text-destructive' : 'text-inherit')}>{diff === 'add' ? '+' : diff === 'remove' ? '−' : '\\u00a0'}</Text>}\n      <Text tag=\"span\" size=\"inherit\" lineHeight=\"relaxed\" className={cn('code-block--text font-mono block min-w-0 flex-1 text-inherit', wrap ? 'whitespace-pre-wrap break-words' : 'whitespace-pre')}>{renderLine ? renderLine({ text, number, highlighted, focused, diff }) : text || '\\u00a0'}</Text>\n     </span>;\n    })}\n   </code></pre>\n  </div>\n  {failed && <div className=\"p-surface-xs\"><Text role=\"alert\" size=\"xs\" type=\"error\">{strings.copyError}</Text></div>}\n </div>;\n});\nCodeBlock.displayName = 'CodeBlock';\n"],"mappings":"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"}
+{"version":3,"file":"code-block-CGNaUtAE.js","names":["Text","focusRecipes","Stack","toneRecipes","surfaceDividerRecipes","MonoValue","useCodeCopy","copied","setCopied","useState","failed","setFailed","mounted","useRef","attempt","timer","useEffect","source","request","text","error","onCopyError","defaultCodeBlockStrings","CodeBlock","forwardRef","wrapProp","stringsProp","props","strings","useStrings","uncontrolledWrap","setWrap","defaultWrap","wrap","code","lines","first","startLine","hasDiff","diffLines","highlights","highlightLines","focus","focusLines","handleWrap","onWrapChange","cn","className","hideHeader","headerStart","filename","language","headerActions","showWrapToggle","Button","WrapText","hideCopy","copy","onCopy","jsx","Check","Copy","maxHeight","resolveTextClassNames","number","index","highlighted","focused","diff","showLineNumbers","renderLine"],"sources":["../src/components/base/code-block/use-code-copy.ts","../src/components/base/code-block/code-block.types.ts","../src/components/base/code-block/code-block.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** Clipboard lifecycle for code display; callbacks and text stay per mount. */\nexport function useCodeCopy(source: string, onCopyError?: (error: unknown) => void) {\n\tconst [copied, setCopied] = useState(false);\n\tconst [failed, setFailed] = useState(false);\n\tconst mounted = useRef(false);\n\tconst attempt = useRef(0);\n\tconst timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n\tuseEffect(() => {\n\t\tmounted.current = true;\n\t\tsetCopied(false);\n\t\tsetFailed(false);\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t\tattempt.current += 1;\n\t\t\tclearTimeout(timer.current);\n\t\t};\n\t}, [source]);\n\n\tconst copy = async (text: string) => {\n\t\tconst request = ++attempt.current;\n\t\tclearTimeout(timer.current);\n\t\tsetCopied(false);\n\t\tsetFailed(false);\n\t\ttry {\n\t\t\tif (typeof navigator === 'undefined' || !navigator.clipboard?.writeText) {\n\t\t\t\tthrow new Error('Clipboard unavailable');\n\t\t\t}\n\t\t\tawait navigator.clipboard.writeText(text);\n\t\t} catch (error) {\n\t\t\tif (mounted.current && request === attempt.current) {\n\t\t\t\tsetFailed(true);\n\t\t\t\tonCopyError?.(error);\n\t\t\t}\n\t\t\treturn false;\n\t\t}\n\t\tif (!mounted.current || request !== attempt.current) return false;\n\t\tsetCopied(true);\n\t\ttimer.current = setTimeout(() => setCopied(false), 1500);\n\t\treturn true;\n\t};\n\n\treturn { copied, failed, copy };\n}\n","import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport type { StringsProp } from '../../../lib/strings';\nexport interface CodeBlockStrings {\n copyAria: string; copied: string; copyError: string; defaultLanguageLabel: string; wrap: string; contentAria: string;\n}\nexport const defaultCodeBlockStrings: CodeBlockStrings = {\n copyAria: 'Copy code', copied: 'Copied', copyError: 'Could not copy. Please try again.', defaultLanguageLabel: 'Code', wrap: 'Wrap lines', contentAria: 'Code content',\n};\nexport interface CodeBlockLine {\n /** Source text, always used for copying even when a renderLine is supplied. */\n text: string;\n /** Source line number, starting at startLine. */\n number: number;\n highlighted: boolean;\n focused: boolean;\n diff?: 'add' | 'remove';\n}\nexport interface CodeBlockProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onCopy'> {\n code: string;\n language?: string;\n filename?: string;\n showLineNumbers?: boolean;\n /** First displayed line number. @default 1 */\n startLine?: number;\n highlightLines?: readonly number[];\n /** Dim other lines. Hover/focus restores context. Source numbers are one based. */\n focusLines?: readonly number[];\n diffLines?: Readonly<Record<number, 'add' | 'remove'>>;\n /** Caller-prepared syntax rendering, e.g. token spans. Plain text is server safe and escaped by React. Never pass untrusted HTML. */\n renderLine?: (line: CodeBlockLine) => ReactNode;\n hideHeader?: boolean;\n hideCopy?: boolean;\n maxHeight?: number | string;\n headerStart?: ReactNode;\n headerActions?: ReactNode;\n wrap?: boolean;\n defaultWrap?: boolean;\n onWrapChange?: (wrap: boolean) => void;\n showWrapToggle?: boolean;\n onCopy?: (code: string) => void;\n onCopyError?: (error: unknown) => void;\n strings?: StringsProp<CodeBlockStrings>;\n}\n","import { forwardRef, useState } from 'react';\nimport { Check, Copy, WrapText } from 'lucide-react';\nimport { Button } from '../buttons';\nimport { Stack } from '../structure';\nimport { Text } from '../../typography';\nimport { resolveTextClassNames } from '../../typography/text.styles';\nimport { MonoValue } from '../../primitives';\nimport { cn } from '../../../lib/utils';\nimport { useStrings } from '../../../lib/strings';\nimport { surfaceDividerRecipes } from '../../../lib/surface-recipes';\nimport { useCodeCopy } from './use-code-copy';\nimport { defaultCodeBlockStrings, type CodeBlockProps } from './code-block.types';\nimport { focusRecipes } from '../../../lib/focus-recipes';\nimport { toneRecipes } from '../../../lib/tone-recipes';\n\n/** Generic code display. Consumers own highlighting; source text remains the copy payload. */\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(function CodeBlock({\n code, language, filename, showLineNumbers = false, startLine = 1, highlightLines, focusLines, diffLines, renderLine,\n hideHeader = false, hideCopy = false, maxHeight, headerStart, headerActions, wrap: wrapProp, defaultWrap = false, onWrapChange, showWrapToggle = false,\n onCopy, onCopyError, strings: stringsProp, className, ...props\n}, ref) {\n const strings = useStrings(defaultCodeBlockStrings, stringsProp);\n const [uncontrolledWrap, setWrap] = useState(defaultWrap);\n const wrap = wrapProp ?? uncontrolledWrap;\n const { copied, failed, copy } = useCodeCopy(code, onCopyError);\n const lines = code.split('\\n');\n const first = Number.isFinite(startLine) ? Math.max(1, Math.trunc(startLine)) : 1;\n const hasDiff = Object.keys(diffLines ?? {}).length > 0;\n const highlights = new Set(highlightLines); const focus = new Set(focusLines);\n const handleWrap = () => { if (wrapProp === undefined) setWrap(!wrap); onWrapChange?.(!wrap); };\n return <div {...props} ref={ref} data-wrap={wrap || undefined} className={cn('code-block--component group/code-block box-border w-full min-w-0 max-w-full overflow-hidden rounded-radius bg-card text-card-foreground', surfaceDividerRecipes.frame.shell, className)}>\n  {!hideHeader && <Stack direction=\"horizontal\" align=\"center\" gap=\"sm\" wrap className={cn('code-block--header p-surface-xs bg-muted text-muted-foreground', surfaceDividerRecipes.frame.header)}>\n   {headerStart}\n   <MonoValue className=\"min-w-0 truncate\">{filename || language || strings.defaultLanguageLabel}</MonoValue>\n   {filename && language && <Text tag=\"span\" size=\"xs\" type=\"secondary\">{language}</Text>}\n   <Stack direction=\"horizontal\" align=\"center\" gap=\"xs\" className=\"ms-auto shrink-0\">\n    {headerActions}\n    {showWrapToggle && <Button type=\"button\" size=\"sm\" iconOnly tone=\"secondary\" buttonStyle=\"ghost\" aria-label={strings.wrap} aria-pressed={wrap} onClick={handleWrap}><WrapText aria-hidden=\"true\" className=\"size-icon-sm\" /></Button>}\n    {!hideCopy && <Button type=\"button\" size=\"sm\" iconOnly tone=\"secondary\" buttonStyle=\"ghost\" aria-label={copied ? strings.copied : strings.copyAria} onClick={async () => { if (await copy(code)) onCopy?.(code); }}>{copied ? <Check aria-hidden=\"true\" className=\"size-icon-sm\" /> : <Copy aria-hidden=\"true\" className=\"size-icon-sm\" />}</Button>}\n   </Stack>\n  </Stack>}\n  <div className={`code-block--viewport min-w-0 max-w-full overflow-auto focus-visible:outline-none ${focusRecipes.inset}`} tabIndex={0} role=\"region\" aria-label={strings.contentAria} style={maxHeight !== undefined ? { maxHeight } : undefined}>\n   <pre dir=\"ltr\" className={cn(resolveTextClassNames({ lineHeight: 'relaxed' }), 'code-block--pre m-0 p-surface font-mono text-inherit')}><code className=\"block\">\n    {lines.map((text, index) => {\n     const number = first + index; const highlighted = highlights.has(number); const focused = focus.size === 0 || focus.has(number); const diff = diffLines?.[number];\n     return <span key={number} data-code-line={number} data-highlighted={highlighted || undefined} data-focused={focused ? 'true' : 'false'} data-diff={diff} className={cn('code-block--line flex min-w-0 gap-space-sm', highlighted && 'bg-accent text-accent-foreground', diff === 'add' && toneRecipes.success.wash, diff === 'remove' && toneRecipes.destructive.wash, !focused && 'opacity-50 group-hover/code-block:opacity-100 group-focus-within/code-block:opacity-100')}>\n      {showLineNumbers && <Text tag=\"span\" size=\"inherit\" type=\"secondary\" numeric aria-hidden=\"true\" style={{ minWidth: `${String(first + lines.length - 1).length}ch` }} className=\"code-block--number select-none shrink-0 text-right\">{number}</Text>}\n      {/* A tinted line keeps the source legible; the marker carries the status ink. */}\n      {hasDiff && <Text tag=\"span\" size=\"inherit\" aria-hidden=\"true\" className={cn('code-block--diff font-mono select-none shrink-0', diff === 'add' ? 'text-success' : diff === 'remove' ? 'text-destructive' : 'text-inherit')}>{diff === 'add' ? '+' : diff === 'remove' ? '−' : '\\u00a0'}</Text>}\n      <Text tag=\"span\" size=\"inherit\" lineHeight=\"relaxed\" className={cn('code-block--text font-mono block min-w-0 flex-1 text-inherit', wrap ? 'whitespace-pre-wrap break-words' : 'whitespace-pre')}>{renderLine ? renderLine({ text, number, highlighted, focused, diff }) : text || '\\u00a0'}</Text>\n     </span>;\n    })}\n   </code></pre>\n  </div>\n  {failed && <div className=\"p-surface-xs\"><Text role=\"alert\" size=\"xs\" type=\"error\">{strings.copyError}</Text></div>}\n </div>;\n});\nCodeBlock.displayName = 'CodeBlock';\n"],"mappings":";;;;;;;;;;;;;;;AAGA,SAAgBM,EAAY,GAAgB,GAAwC;CACnF,IAAM,CAACC,GAAQC,KAAaC,EAAS,EAAK,GACpC,CAACC,GAAQC,KAAaF,EAAS,EAAK,GACpCG,IAAUC,EAAO,EAAK,GACtBC,IAAUD,EAAO,CAAC,GAClBE,IAAQF,EAAkD,KAAA,CAAS;CAoCzE,OAlCAG,SACC,EAAQ,UAAU,IAClBR,EAAU,EAAK,GACfG,EAAU,EAAK,SACF;EAGZ,AAFA,EAAQ,UAAU,IAClB,EAAQ,WAAW,GACnB,aAAaI,EAAM,OAAO;CAC3B,IACE,CAACE,CAAM,CAAC,GAyBJ;EAAE;EAAQ;EAAQ,aAvBL,MAAiB;GACpC,IAAMC,IAAU,EAAEJ,EAAQ;GAG1B,AAFA,aAAaC,EAAM,OAAO,GAC1BP,EAAU,EAAK,GACfG,EAAU,EAAK;GACf,IAAI;IACH,IAAI,OAAO,YAAc,OAAe,CAAC,UAAU,WAAW,WAC7D,MAAU,MAAM,uBAAuB;IAExC,MAAM,UAAU,UAAU,UAAUQ,CAAI;GACzC,SAASC,GAAO;IAKf,OAJIR,EAAQ,WAAWM,MAAYJ,EAAQ,YAC1CH,EAAU,EAAI,GACdU,IAAcD,CAAK,IAEb;GACR;GAIA,OAHI,CAACR,EAAQ,WAAWM,MAAYJ,EAAQ,UAAgB,MAC5DN,EAAU,EAAI,GACd,EAAM,UAAU,iBAAiBA,EAAU,EAAK,GAAG,IAAI,GAChD;EACR;CAE8B;AAC/B;;;ACxCA,IAAac,IAA4C;CACxD,UAAU;CAAa,QAAQ;CAAU,WAAW;CAAqC,sBAAsB;CAAQ,MAAM;CAAc,aAAa;AACzJ,GCSaC,IAAYC,EAA2C,SAAmB,EACtF,SAAM,aAAU,aAAU,qBAAkB,IAAO,eAAY,GAAG,mBAAgB,eAAY,cAAW,eACzG,gBAAa,IAAO,cAAW,IAAO,cAAW,gBAAa,kBAAe,MAAMC,GAAU,iBAAc,IAAO,iBAAc,oBAAiB,IACjJ,WAAQ,gBAAa,SAASC,GAAa,cAAW,GAAGC,KACvD,GAAK;CACP,IAAMC,IAAUC,EAAWP,GAAyBI,CAAW,GACzD,CAACI,GAAkBC,KAAWtB,EAASuB,CAAW,GAClDC,IAAOR,KAAYK,GACnB,EAAE,WAAQ,WAAQ,YAASxB,EAAY4B,GAAMb,CAAW,GACxDc,IAAQD,EAAK,MAAM,IAAI,GACvBE,IAAQ,OAAO,SAASC,CAAS,IAAI,KAAK,IAAI,GAAG,KAAK,MAAMA,CAAS,CAAC,IAAI,GAC1EC,IAAU,OAAO,KAAKC,KAAa,CAAC,CAAC,CAAC,CAAC,SAAS,GAChDC,IAAa,IAAI,IAAIC,CAAc,GAASC,IAAQ,IAAI,IAAIC,CAAU,GACtEC,WAAmB;EAA8C,AAAxCnB,MAAa,KAAA,KAAWM,EAAQ,CAACE,CAAI,GAAGY,IAAe,CAACZ,CAAI;CAAG;CAC9F,OAAO,kBAAC,OAAD;EAAK,GAAIN;EAAY;EAAK,aAAWM,KAAQ,KAAA;EAAW,WAAWa,EAAG,2IAA2I1C,EAAsB,MAAM,OAAO2C,CAAS;EAA7P,UAAA;GACL,CAACC,KAAc,kBAAC9C,GAAD;IAAO,WAAU;IAAa,OAAM;IAAS,KAAI;IAAK,MAAA;IAAK,WAAW4C,EAAG,kEAAkE1C,EAAsB,MAAM,MAAM;IAA7K,UAAA;KACd6C;KACD,kBAAC5C,GAAD;MAAW,WAAU;MAAoB,UAAA6C,KAAYC,KAAYvB,EAAQ;KAAgC,CAAA;KACxGsB,KAAYC,KAAY,kBAACnD,GAAD;MAAM,KAAI;MAAO,MAAK;MAAK,MAAK;MAAa,UAAAmD;KAAe,CAAA;KACrF,kBAACjD,GAAD;MAAO,WAAU;MAAa,OAAM;MAAS,KAAI;MAAK,WAAU;MAAhE,UAAA;OACEkD;OACAC,KAAkB,kBAACC,GAAD;QAAQ,MAAK;QAAS,MAAK;QAAK,UAAA;QAAS,MAAK;QAAY,aAAY;QAAQ,cAAY1B,EAAQ;QAAM,gBAAcK;QAAM,SAASW;QAAY,UAAA,kBAACW,GAAD;SAAU,eAAY;SAAO,WAAU;QAAgB,CAAA;OAAS,CAAA;OACnO,CAACC,KAAY,kBAACF,GAAD;QAAQ,MAAK;QAAS,MAAK;QAAK,UAAA;QAAS,MAAK;QAAY,aAAY;QAAQ,cAAY/C,IAASqB,EAAQ,SAASA,EAAQ;QAAU,SAAS,YAAY;SAAE,AAAI,MAAM6B,EAAKvB,CAAI,KAAGwB,IAASxB,CAAI;QAAG;QAAI,UAASyB,EAATpD,IAAUqD,IAAwDC,GAAzD;SAAO,eAAY;SAAO,WAAU;QAAgB,CAAuD;OAAU,CAAA;MAC7U;;IACD;;GACP,kBAAC,OAAD;IAAK,WAAW,oFAAoF5D,EAAa;IAAS,UAAU;IAAG,MAAK;IAAS,cAAY2B,EAAQ;IAAa,OAAOkC,MAAc,KAAA,IAA4B,KAAA,IAAhB,EAAE,aAAU;IAClO,UAAA,kBAAC,OAAD;KAAK,KAAI;KAAM,WAAWhB,EAAGiB,EAAsB,EAAE,YAAY,UAAU,CAAC,GAAG,sDAAsD;KAAG,UAAA,kBAAC,QAAD;MAAM,WAAU;MACtJ,UAAA5B,EAAM,KAAK,GAAM,MAAU;OAC3B,IAAM6B,IAAS5B,IAAQ6B,GAAaC,IAAc1B,EAAW,IAAIwB,CAAM,GAASG,IAAUzB,EAAM,SAAS,KAAKA,EAAM,IAAIsB,CAAM,GAASI,IAAO7B,IAAYyB;OAC1J,OAAO,kBAAC,QAAD;QAAmB,kBAAgBA;QAAQ,oBAAkBE,KAAe,KAAA;QAAW,gBAAcC,IAAU,SAAS;QAAS,aAAWC;QAAM,WAAWtB,EAAG,8CAA8CoB,KAAe,oCAAoCE,MAAS,SAASjE,EAAY,QAAQ,MAAMiE,MAAS,YAAYjE,EAAY,YAAY,MAAM,CAACgE,KAAW,yFAAyF;QAArc,UAAA;SACLE,KAAmB,kBAACrE,GAAD;UAAM,KAAI;UAAO,MAAK;UAAU,MAAK;UAAY,SAAA;UAAQ,eAAY;UAAO,OAAO,EAAE,UAAU,GAAG,OAAOoC,IAAQD,EAAM,SAAS,CAAC,CAAC,CAAC,OAAO,IAAI;UAAG,WAAU;UAAsD,UAAA6B;SAAa,CAAA;SAEjP1B,KAAW,kBAACtC,GAAD;UAAM,KAAI;UAAO,MAAK;UAAU,eAAY;UAAO,WAAW8C,EAAG,mDAAmDsB,MAAS,QAAQ,iBAAiBA,MAAS,WAAW,qBAAqB,cAAc;UAAI,UAAAA,MAAS,QAAQ,MAAMA,MAAS,WAAW,MAAM;SAAe,CAAA;SAC7R,kBAACpE,GAAD;UAAM,KAAI;UAAO,MAAK;UAAU,YAAW;UAAU,WAAW8C,EAAG,gEAAgEb,IAAO,oCAAoC,gBAAgB;UAAI,UAAAqC,IAAaA,EAAW;WAAE;WAAM;WAAQ;WAAa;WAAS;UAAK,CAAC,IAAInD,KAAQ;SAAe,CAAA;QAC5R;OALY,GAAA6C,CAKZ;MACP,CAAC;KACI,CAAA;IAAM,CAAA;GACR,CAAA;GACJtD,KAAU,kBAAC,OAAD;IAAK,WAAU;IAAe,UAAA,kBAACV,GAAD;KAAM,MAAK;KAAQ,MAAK;KAAK,MAAK;KAAS,UAAA4B,EAAQ;IAAgB,CAAA;GAAM,CAAA;EAC9G;;AACN,CAAC;AACD,EAAU,cAAc"}

package/dist/{collapsible-C-_l4hpy.js → collapsible-Do4G0zcC.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./utils-BRhFDwuU.js";
-import { c as t } from "./typography-UTnveOEy.js";
+import { t as e } from "./utils-CF3c95Io.js";
+import { c as t } from "./typography-CSyJrh28.js";
 import { t as n } from "./motion-recipes-ChBg4HBq.js";
 import { t as r } from "./slot-CLF9kLrS.js";
 import { t as i } from "./disclosure-panel-B0HFNZ9x.js";
@@ -78,4 +78,4 @@ f.displayName = "Collapsible", p.displayName = "CollapsibleTrigger", m.displayNa
 //#endregion
 export { m as n, p as r, f as t };
 
-//# sourceMappingURL=collapsible-C-_l4hpy.js.map
+//# sourceMappingURL=collapsible-Do4G0zcC.js.map

package/dist/{collapsible-C-_l4hpy.js.map → collapsible-Do4G0zcC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"collapsible-C-_l4hpy.js","names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","React","CollapsibleContent","Collapsible","CollapsiblePrimitive","CollapsibleTriggerPrimitive","CollapsibleContentPrimitive","cn","Text","motionRecipes","Slot","DisclosurePanelElement","React$1","Collapsible$2","props","Collapsible","CollapsibleTrigger$1","slotRender","asChild","safeRender","render","_nativeButton","rest","renderProps","state","inferredNativeButton","children","resolvedNativeButton","nativeButton","CollapsibleContent$1","className","panelProps","isSimpleText","value","Collapsible$1","CollapsibleTrigger","CollapsibleContent"],"sources":["../src/components/ui/collapsible.tsx","../src/components/base/display/collapsible.tsx"],"sourcesContent":["import { DisclosurePanelElement } from './disclosure-panel';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { cn } from '../../lib/utils';\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\"\nimport * as React from \"react\"\n\nimport { Slot } from \"./slot\"\n\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n  asChild = false,\n  nativeButton,\n  render,\n  children,\n  ...props\n}: CollapsiblePrimitive.Trigger.Props & { asChild?: boolean; nativeButton?: boolean }) {\n  const slotRender = asChild ? <Slot /> : undefined\n  const safeRender: CollapsiblePrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n  let inferredNativeButton = true\n  if (asChild && React.isValidElement(children)) {\n    if (typeof children.type === \"string\") {\n      inferredNativeButton = children.type === \"button\"\n    } else {\n      const childProps = (children.props ?? {}) as Record<string, unknown>\n      inferredNativeButton = !(\"href\" in childProps)\n    }\n  }\n  const resolvedNativeButton = nativeButton ?? (asChild ? inferredNativeButton : true)\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"collapsible-trigger\"\n      render={slotRender ?? safeRender}\n      nativeButton={resolvedNativeButton}\n      {...props}\n    >\n      {children}\n    </CollapsiblePrimitive.Trigger>\n  )\n}\n\nfunction CollapsibleContent({ className, render, ...props }: CollapsiblePrimitive.Panel.Props) {\n  return (\n    <CollapsiblePrimitive.Panel data-slot=\"collapsible-content\" className={cn(\"box-border h-(--collapsible-panel-height)\", motionRecipes.disclosure, className)} {...props} render={(panelProps, state) => <DisclosurePanelElement props={panelProps} state={state} render={render} heightVariable=\"--collapsible-panel-height\" />} />\n  )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n","/** Tokenized base wrappers for inline disclosure behavior. */\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport {\n\tCollapsible as CollapsiblePrimitive,\n\tCollapsibleContent as CollapsibleContentPrimitive,\n\tCollapsibleTrigger as CollapsibleTriggerPrimitive,\n} from '../../ui/collapsible';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nexport type CollapsibleProps = ComponentProps<typeof CollapsiblePrimitive>;\nexport type CollapsibleTriggerProps = ComponentProps<typeof CollapsibleTriggerPrimitive>;\nexport type CollapsibleContentProps = ComponentProps<typeof CollapsibleContentPrimitive>;\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Root disclosure state. Supports controlled and uncontrolled open state. */\nexport function Collapsible({ className, ...props }: CollapsibleProps) {\n\treturn (\n\t\t<CollapsiblePrimitive\n\t\t\tclassName={cn('collapsible--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/** Consumer-blocks control that toggles the disclosure panel. */\nexport function CollapsibleTrigger({ className, children, ...props }: CollapsibleTriggerProps) {\n\treturn (\n\t\t<CollapsibleTriggerPrimitive\n\t\t\tclassName={cn('collapsible-trigger--component active:translate-y-0!', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</CollapsibleTriggerPrimitive>\n\t);\n}\n\n/** Mount-aware disclosure panel. The caller owns its surface and content. */\nexport function CollapsibleContent({ className, children, ...props }: CollapsibleContentProps) {\n\treturn (\n\t\t<CollapsibleContentPrimitive\n\t\t\tclassName={cn('collapsible-content--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? <Text>{children}</Text> : children}\n\t\t</CollapsibleContentPrimitive>\n\t);\n}\n\nCollapsible.displayName = 'Collapsible';\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\nCollapsibleContent.displayName = 'CollapsibleContent';\n"],"mappings":";;;;;;;;;;AAQA,SAASA,EAAY,EAAE,GAAGgB,KAA0C;CAClE,OAAO,kBAACf,EAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAIe;CAAQ,CAAA;AACxE;AAEA,SAASd,EAAmB,EAC1B,aAAU,IACV,iBACA,WACA,aACA,GAAGc,KACkF;CACrF,IAAMG,IAAaC,IAAU,kBAACR,GAAD,CAAO,CAAA,IAAI,KAAA,GAClCS,IAA2D,OAAOC,KAAW,eAC7E,GAAa,MAAU;EACzB,IAAM,EAAE,cAAcC,GAAe,GAAGC,MAASC;EAEjD,OAAOH,EAAOE,GAA4BE,CAAK;CACjD,KACEJ,GACAK,IAAuB;CAC3B,AAAIP,KAAWjB,EAAM,eAAeyB,CAAQ,MAC1C,AAIED,IAJE,OAAOC,EAAS,QAAS,WACJA,EAAS,SAAS,WAGlB,EAAE,WADLA,EAAS,SAAS,CAAC;CAI3C,IAAMC,IAAuBC,MAAiB,MAAUH;CACxD,OACE,kBAAC1B,EAAqB,SAAtB;EACE,aAAU;EACV,QAAQkB,KAAcE;EACtB,cAAcQ;EACd,GAAIb;EAEH;CAC2B,CAAA;AAElC;AAEA,SAASZ,EAAmB,EAAE,cAAW,WAAQ,GAAGY,KAA2C;CAC7F,OACE,kBAACf,EAAqB,OAAtB;EAA4B,aAAU;EAAsB,WAAWQ,EAAG,6CAA6CE,EAAc,YAAYqB,CAAS;EAAG,GAAIhB;EAAO,SAAS,GAAY,MAAU,kBAACH,GAAD;GAAwB,OAAOoB;GAAmB;GAAe;GAAQ,gBAAe;EAA8B,CAAA;CAAI,CAAA;AAErU;;;ACtCA,SAASC,EAAa,GAAqD;CAC1E,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAGA,SAAgB9B,EAAY,EAAE,cAAW,GAAGW,KAA2B;CACtE,OACC,kBAACV,GAAD;EACC,WAAWG,EAAG,0BAA0BuB,CAAS;EACjD,GAAIhB;CACJ,CAAA;AAEH;AAGA,SAAgBqB,EAAmB,EAAE,cAAW,aAAU,GAAGrB,KAAkC;CAC9F,OACC,kBAACT,GAAD;EACC,WAAWE,EAAG,wDAAwDuB,CAAS;EAC/E,GAAIhB;EAEH,UAAAkB,EAAaN,CAAQ,IACrB,kBAAClB,GAAD;GAAM,KAAI;GAAO,MAAK;GAAU,QAAO;GAAS,YAAW;GAAQ,WAAU;GAC3E;EACI,CAAA,IACHkB;CACwB,CAAA;AAE/B;AAGA,SAAgBU,EAAmB,EAAE,cAAW,aAAU,GAAGtB,KAAkC;CAC9F,OACC,kBAACR,GAAD;EACC,WAAWC,EAAG,kCAAkCuB,CAAS;EACzD,GAAIhB;EAEH,UAAAkB,EAAaN,CAAQ,IAAI,kBAAClB,GAAD,EAAO,YAAe,CAAA,IAAIkB;CACxB,CAAA;AAE/B;AAEA,EAAY,cAAc,eAC1B,EAAmB,cAAc,sBACjC,EAAmB,cAAc"}
+{"version":3,"file":"collapsible-Do4G0zcC.js","names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","React","CollapsibleContent","Collapsible","CollapsiblePrimitive","CollapsibleTriggerPrimitive","CollapsibleContentPrimitive","cn","Text","motionRecipes","Slot","DisclosurePanelElement","React$1","Collapsible$2","props","Collapsible","CollapsibleTrigger$1","slotRender","asChild","safeRender","render","_nativeButton","rest","renderProps","state","inferredNativeButton","children","resolvedNativeButton","nativeButton","CollapsibleContent$1","className","panelProps","isSimpleText","value","Collapsible$1","CollapsibleTrigger","CollapsibleContent"],"sources":["../src/components/ui/collapsible.tsx","../src/components/base/display/collapsible.tsx"],"sourcesContent":["import { DisclosurePanelElement } from './disclosure-panel';\nimport { motionRecipes } from '../../lib/motion-recipes';\nimport { cn } from '../../lib/utils';\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\"\nimport * as React from \"react\"\n\nimport { Slot } from \"./slot\"\n\nfunction Collapsible({ ...props }: CollapsiblePrimitive.Root.Props) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({\n  asChild = false,\n  nativeButton,\n  render,\n  children,\n  ...props\n}: CollapsiblePrimitive.Trigger.Props & { asChild?: boolean; nativeButton?: boolean }) {\n  const slotRender = asChild ? <Slot /> : undefined\n  const safeRender: CollapsiblePrimitive.Trigger.Props[\"render\"] = typeof render === \"function\"\n    ? ((renderProps, state) => {\n      const { nativeButton: _nativeButton, ...rest } = renderProps as Record<string, unknown>\n      void _nativeButton\n      return render(rest as typeof renderProps, state)\n    })\n    : render\n  let inferredNativeButton = true\n  if (asChild && React.isValidElement(children)) {\n    if (typeof children.type === \"string\") {\n      inferredNativeButton = children.type === \"button\"\n    } else {\n      const childProps = (children.props ?? {}) as Record<string, unknown>\n      inferredNativeButton = !(\"href\" in childProps)\n    }\n  }\n  const resolvedNativeButton = nativeButton ?? (asChild ? inferredNativeButton : true)\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"collapsible-trigger\"\n      render={slotRender ?? safeRender}\n      nativeButton={resolvedNativeButton}\n      {...props}\n    >\n      {children}\n    </CollapsiblePrimitive.Trigger>\n  )\n}\n\nfunction CollapsibleContent({ className, render, ...props }: CollapsiblePrimitive.Panel.Props) {\n  return (\n    <CollapsiblePrimitive.Panel data-slot=\"collapsible-content\" className={cn(\"box-border h-(--collapsible-panel-height)\", motionRecipes.disclosure, className)} {...props} render={(panelProps, state) => <DisclosurePanelElement props={panelProps} state={state} render={render} heightVariable=\"--collapsible-panel-height\" />} />\n  )\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n","/** Tokenized base wrappers for inline disclosure behavior. */\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport {\n\tCollapsible as CollapsiblePrimitive,\n\tCollapsibleContent as CollapsibleContentPrimitive,\n\tCollapsibleTrigger as CollapsibleTriggerPrimitive,\n} from '../../ui/collapsible';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nexport type CollapsibleProps = ComponentProps<typeof CollapsiblePrimitive>;\nexport type CollapsibleTriggerProps = ComponentProps<typeof CollapsibleTriggerPrimitive>;\nexport type CollapsibleContentProps = ComponentProps<typeof CollapsibleContentPrimitive>;\n\nfunction isSimpleText(value: ReactNode): value is string | number | bigint {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Root disclosure state. Supports controlled and uncontrolled open state. */\nexport function Collapsible({ className, ...props }: CollapsibleProps) {\n\treturn (\n\t\t<CollapsiblePrimitive\n\t\t\tclassName={cn('collapsible--component', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/** Consumer-blocks control that toggles the disclosure panel. */\nexport function CollapsibleTrigger({ className, children, ...props }: CollapsibleTriggerProps) {\n\treturn (\n\t\t<CollapsibleTriggerPrimitive\n\t\t\tclassName={cn('collapsible-trigger--component active:translate-y-0!', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? (\n\t\t\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t\t{children}\n\t\t\t\t</Text>\n\t\t\t) : children}\n\t\t</CollapsibleTriggerPrimitive>\n\t);\n}\n\n/** Mount-aware disclosure panel. The caller owns its surface and content. */\nexport function CollapsibleContent({ className, children, ...props }: CollapsibleContentProps) {\n\treturn (\n\t\t<CollapsibleContentPrimitive\n\t\t\tclassName={cn('collapsible-content--component', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{isSimpleText(children) ? <Text>{children}</Text> : children}\n\t\t</CollapsibleContentPrimitive>\n\t);\n}\n\nCollapsible.displayName = 'Collapsible';\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\nCollapsibleContent.displayName = 'CollapsibleContent';\n"],"mappings":";;;;;;;;;;AAQA,SAASA,EAAY,EAAE,GAAGgB,KAA0C;CAClE,OAAO,kBAACf,EAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAIe;CAAQ,CAAA;AACxE;AAEA,SAASd,EAAmB,EAC1B,aAAU,IACV,iBACA,WACA,aACA,GAAGc,KACkF;CACrF,IAAMG,IAAaC,IAAU,kBAACR,GAAD,CAAO,CAAA,IAAI,KAAA,GAClCS,IAA2D,OAAOC,KAAW,eAC7E,GAAa,MAAU;EACzB,IAAM,EAAE,cAAcC,GAAe,GAAGC,MAASC;EAEjD,OAAOH,EAAOE,GAA4BE,CAAK;CACjD,KACEJ,GACAK,IAAuB;CAC3B,AAAIP,KAAWjB,EAAM,eAAeyB,CAAQ,MAC1C,AAIED,IAJE,OAAOC,EAAS,QAAS,WACJA,EAAS,SAAS,WAGlB,EAAE,WADLA,EAAS,SAAS,CAAC;CAI3C,IAAMC,IAAuBC,MAAiB,MAAUH;CACxD,OACE,kBAAC1B,EAAqB,SAAtB;EACE,aAAU;EACV,QAAQkB,KAAcE;EACtB,cAAcQ;EACd,GAAIb;EAEH;CAC2B,CAAA;AAElC;AAEA,SAASZ,EAAmB,EAAE,cAAW,WAAQ,GAAGY,KAA2C;CAC7F,OACE,kBAACf,EAAqB,OAAtB;EAA4B,aAAU;EAAsB,WAAWQ,EAAG,6CAA6CE,EAAc,YAAYqB,CAAS;EAAG,GAAIhB;EAAO,SAAS,GAAY,MAAU,kBAACH,GAAD;GAAwB,OAAOoB;GAAmB;GAAe;GAAQ,gBAAe;EAA8B,CAAA;CAAI,CAAA;AAErU;;;ACtCA,SAASC,EAAa,GAAqD;CAC1E,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAGA,SAAgB9B,EAAY,EAAE,cAAW,GAAGW,KAA2B;CACtE,OACC,kBAACV,GAAD;EACC,WAAWG,EAAG,0BAA0BuB,CAAS;EACjD,GAAIhB;CACJ,CAAA;AAEH;AAGA,SAAgBqB,EAAmB,EAAE,cAAW,aAAU,GAAGrB,KAAkC;CAC9F,OACC,kBAACT,GAAD;EACC,WAAWE,EAAG,wDAAwDuB,CAAS;EAC/E,GAAIhB;EAEH,UAAAkB,EAAaN,CAAQ,IACrB,kBAAClB,GAAD;GAAM,KAAI;GAAO,MAAK;GAAU,QAAO;GAAS,YAAW;GAAQ,WAAU;GAC3E;EACI,CAAA,IACHkB;CACwB,CAAA;AAE/B;AAGA,SAAgBU,EAAmB,EAAE,cAAW,aAAU,GAAGtB,KAAkC;CAC9F,OACC,kBAACR,GAAD;EACC,WAAWC,EAAG,kCAAkCuB,CAAS;EACzD,GAAIhB;EAEH,UAAAkB,EAAaN,CAAQ,IAAI,kBAAClB,GAAD,EAAO,YAAe,CAAA,IAAIkB;CACxB,CAAA;AAE/B;AAEA,EAAY,cAAc,eAC1B,EAAmB,cAAc,sBACjC,EAAmB,cAAc"}

package/dist/{collection-content-By56pLog.js → collection-content-C0e8SsTm.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./utils-BRhFDwuU.js";
-import { c as t } from "./typography-UTnveOEy.js";
+import { t as e } from "./utils-CF3c95Io.js";
+import { c as t } from "./typography-CSyJrh28.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/base/popover/collection-content.tsx
 function i(e) {
@@ -50,4 +50,4 @@ function o({ label: i, description: o, leading: s, trailing: c, leadingDecorativ
 //#endregion
 export { a as n, o as t };
 
-//# sourceMappingURL=collection-content-By56pLog.js.map
+//# sourceMappingURL=collection-content-C0e8SsTm.js.map

package/dist/{collection-content-By56pLog.js.map → collection-content-C0e8SsTm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"collection-content-By56pLog.js","names":["cn","Text","isScalar","value","CollectionLabel","children","className","CollectionContent","copyFlow","wrap","leading","leadingDecorative","leadingClassName","bodyClassName","labelClassName","label","description","descriptionClassName","trailing"],"sources":["../src/components/base/popover/collection-content.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nfunction isScalar(value: ReactNode) {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Presentation only. Interactive primitives retain identity and behavior. */\nexport function CollectionLabel({ children, className }: { children: ReactNode; className?: string }) {\n\tif (typeof children === 'string' && !children.trim()) return children;\n\tif (!isScalar(children)) return className ? <span className={className}>{children}</span> : children;\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className={cn('text-inherit text-start', className)}>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\ninterface CollectionContentProps {\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\tleading?: ReactNode;\n\ttrailing?: ReactNode;\n\tleadingDecorative?: boolean;\n\twrap?: boolean;\n\tclassName?: string;\n\tleadingClassName?: string;\n\tbodyClassName?: string;\n\tlabelClassName?: string;\n\tdescriptionClassName?: string;\n}\n\n/** Private copy grammar shared by option/action owners; rich slots are not cloned. */\nexport function CollectionContent({\n\tlabel, description, leading, trailing, leadingDecorative = false, wrap = false,\n\tclassName, leadingClassName, bodyClassName, labelClassName, descriptionClassName,\n}: CollectionContentProps) {\n\tconst copyFlow = wrap ? 'whitespace-normal wrap-anywhere' : 'truncate';\n\treturn (\n\t\t<span className={cn('collection-content--component flex min-w-0 flex-1 items-center gap-space-sm', className)}>\n\t\t\t{leading != null && leading !== false && (\n\t\t\t\t<span aria-hidden={leadingDecorative || undefined} className={cn('inline-flex shrink-0 items-center justify-center text-muted-foreground', leadingClassName)}>\n\t\t\t\t\t{leading}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<span className={cn('collection-content--copy flex min-w-0 flex-1 flex-col gap-dense', bodyClassName)}>\n\t\t\t\t<CollectionLabel className={cn('min-w-0', copyFlow, labelClassName)}>{label}</CollectionLabel>\n\t\t\t\t{description != null && description !== false && description !== '' && (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" lineHeight=\"tight\" className={cn('text-start', copyFlow, descriptionClassName)}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t{trailing}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;;AAIA,SAASE,EAAS,GAAkB;CACnC,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAGA,SAAgBC,EAAgB,EAAE,aAAU,gBAA0D;CAGrG,OAFI,OAAOC,KAAa,YAAY,CAACA,EAAS,KAAK,IAAUA,IACxDH,EAASG,CAAQ,IAErB,kBAACJ,GAAD;EAAM,KAAI;EAAO,MAAK;EAAU,QAAO;EAAS,YAAW;EAAQ,WAAWD,EAAG,2BAA2BM,CAAS;EACnH;CACI,CAAA,IAJyBA,IAAY,kBAAC,QAAD;EAAiB;EAAY;CAAe,CAAA,IAAID;AAM7F;AAiBA,SAAgBE,EAAkB,EACjC,UAAO,gBAAa,YAAS,aAAU,uBAAoB,IAAO,UAAO,IACzE,cAAW,qBAAkB,kBAAe,mBAAgB,2BAClC;CAC1B,IAAMC,IAAWC,IAAO,oCAAoC;CAC5D,OACC,kBAAC,QAAD;EAAM,WAAWT,EAAG,+EAA+EM,CAAS;EAA5G,UAAA;GACEI,KAAW,QAAQA,MAAY,MAC/B,kBAAC,QAAD;IAAM,eAAaC,KAAqB,KAAA;IAAW,WAAWX,EAAG,0EAA0EY,CAAgB;IACzJ,UAAAF;GACI,CAAA;GAEP,kBAAC,QAAD;IAAM,WAAWV,EAAG,mEAAmEa,CAAa;IAApG,UAAA,CACC,kBAACT,GAAD;KAAiB,WAAWJ,EAAG,WAAWQ,GAAUM,CAAc;KAAI,UAAAC;IAAuB,CAAA,GAC5FC,KAAe,QAAQA,MAAgB,MAASA,MAAgB,MAChE,kBAACf,GAAD;KAAM,KAAI;KAAO,MAAK;KAAK,MAAK;KAAY,YAAW;KAAQ,WAAWD,EAAG,cAAcQ,GAAUS,CAAoB;KACvH,UAAAD;IACI,CAAA,CAEF;;GACLE;EACI;;AAER"}
+{"version":3,"file":"collection-content-C0e8SsTm.js","names":["cn","Text","isScalar","value","CollectionLabel","children","className","CollectionContent","copyFlow","wrap","leading","leadingDecorative","leadingClassName","bodyClassName","labelClassName","label","description","descriptionClassName","trailing"],"sources":["../src/components/base/popover/collection-content.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Text } from '../../typography';\nimport { cn } from '../../../lib/utils';\n\nfunction isScalar(value: ReactNode) {\n\treturn typeof value === 'string' || typeof value === 'number' || typeof value === 'bigint';\n}\n\n/** Presentation only. Interactive primitives retain identity and behavior. */\nexport function CollectionLabel({ children, className }: { children: ReactNode; className?: string }) {\n\tif (typeof children === 'string' && !children.trim()) return children;\n\tif (!isScalar(children)) return className ? <span className={className}>{children}</span> : children;\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className={cn('text-inherit text-start', className)}>\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\ninterface CollectionContentProps {\n\tlabel: ReactNode;\n\tdescription?: ReactNode;\n\tleading?: ReactNode;\n\ttrailing?: ReactNode;\n\tleadingDecorative?: boolean;\n\twrap?: boolean;\n\tclassName?: string;\n\tleadingClassName?: string;\n\tbodyClassName?: string;\n\tlabelClassName?: string;\n\tdescriptionClassName?: string;\n}\n\n/** Private copy grammar shared by option/action owners; rich slots are not cloned. */\nexport function CollectionContent({\n\tlabel, description, leading, trailing, leadingDecorative = false, wrap = false,\n\tclassName, leadingClassName, bodyClassName, labelClassName, descriptionClassName,\n}: CollectionContentProps) {\n\tconst copyFlow = wrap ? 'whitespace-normal wrap-anywhere' : 'truncate';\n\treturn (\n\t\t<span className={cn('collection-content--component flex min-w-0 flex-1 items-center gap-space-sm', className)}>\n\t\t\t{leading != null && leading !== false && (\n\t\t\t\t<span aria-hidden={leadingDecorative || undefined} className={cn('inline-flex shrink-0 items-center justify-center text-muted-foreground', leadingClassName)}>\n\t\t\t\t\t{leading}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t\t<span className={cn('collection-content--copy flex min-w-0 flex-1 flex-col gap-dense', bodyClassName)}>\n\t\t\t\t<CollectionLabel className={cn('min-w-0', copyFlow, labelClassName)}>{label}</CollectionLabel>\n\t\t\t\t{description != null && description !== false && description !== '' && (\n\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" lineHeight=\"tight\" className={cn('text-start', copyFlow, descriptionClassName)}>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Text>\n\t\t\t\t)}\n\t\t\t</span>\n\t\t\t{trailing}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;;AAIA,SAASE,EAAS,GAAkB;CACnC,OAAO,OAAOC,KAAU,YAAY,OAAOA,KAAU,YAAY,OAAOA,KAAU;AACnF;AAGA,SAAgBC,EAAgB,EAAE,aAAU,gBAA0D;CAGrG,OAFI,OAAOC,KAAa,YAAY,CAACA,EAAS,KAAK,IAAUA,IACxDH,EAASG,CAAQ,IAErB,kBAACJ,GAAD;EAAM,KAAI;EAAO,MAAK;EAAU,QAAO;EAAS,YAAW;EAAQ,WAAWD,EAAG,2BAA2BM,CAAS;EACnH;CACI,CAAA,IAJyBA,IAAY,kBAAC,QAAD;EAAiB;EAAY;CAAe,CAAA,IAAID;AAM7F;AAiBA,SAAgBE,EAAkB,EACjC,UAAO,gBAAa,YAAS,aAAU,uBAAoB,IAAO,UAAO,IACzE,cAAW,qBAAkB,kBAAe,mBAAgB,2BAClC;CAC1B,IAAMC,IAAWC,IAAO,oCAAoC;CAC5D,OACC,kBAAC,QAAD;EAAM,WAAWT,EAAG,+EAA+EM,CAAS;EAA5G,UAAA;GACEI,KAAW,QAAQA,MAAY,MAC/B,kBAAC,QAAD;IAAM,eAAaC,KAAqB,KAAA;IAAW,WAAWX,EAAG,0EAA0EY,CAAgB;IACzJ,UAAAF;GACI,CAAA;GAEP,kBAAC,QAAD;IAAM,WAAWV,EAAG,mEAAmEa,CAAa;IAApG,UAAA,CACC,kBAACT,GAAD;KAAiB,WAAWJ,EAAG,WAAWQ,GAAUM,CAAc;KAAI,UAAAC;IAAuB,CAAA,GAC5FC,KAAe,QAAQA,MAAgB,MAASA,MAAgB,MAChE,kBAACf,GAAD;KAAM,KAAI;KAAO,MAAK;KAAK,MAAK;KAAY,YAAW;KAAQ,WAAWD,EAAG,cAAcQ,GAAUS,CAAoB;KACvH,UAAAD;IACI,CAAA,CAEF;;GACLE;EACI;;AAER"}

package/dist/{combobox-Dxo2fAYQ.js → combobox-CBJDs6w_.js}

@@ -1,18 +1,18 @@
 "use client";
-import { s as e, v as t } from "./ui-provider-C_U0Xma4.js";
+import { s as e, v as t } from "./ui-provider-CQCuCBcy.js";
 import { useStrings as n } from "./lib/strings.js";
-import { t as r } from "./utils-BRhFDwuU.js";
-import { n as i } from "./buttons-DPZekJFu.js";
-import { c as a, o } from "./typography-UTnveOEy.js";
-import { t as s } from "./structure-BmisBK-3.js";
+import { t as r } from "./utils-CF3c95Io.js";
+import { n as i } from "./buttons-BbfzgczK.js";
+import { c as a, o } from "./typography-CSyJrh28.js";
+import { t as s } from "./structure-C0V0_Fyf.js";
 import { n as c } from "./tone-recipes-BPsRAvhu.js";
-import { t as l } from "./feedback-BYIhtitP.js";
+import { t as l } from "./feedback-DZNL5Lg1.js";
 import { t as u } from "./layer-recipes-CCpklYME.js";
-import { n as d, r as f } from "./field-affordance-recipes-DZhnIL_Y.js";
-import { C as p, S as m, _ as h, a as g, b as _, g as v, h as y, m as b, o as x, p as S, t as C, u as w, v as T, w as E, x as D } from "./combobox-DaHESuiL.js";
-import { l as O, u as k } from "./form-sizing-BdP_Mf5p.js";
-import { t as A } from "./input-DQdEd0YD.js";
-import { t as ee } from "./scroll-area-DcI-M1UT.js";
+import { n as d, r as f } from "./field-affordance-recipes-DjwGx8eM.js";
+import { C as p, S as m, _ as h, a as g, b as _, g as v, h as y, m as b, o as x, p as S, t as C, u as w, v as T, w as E, x as D } from "./combobox-hbhSS18O.js";
+import { l as O, u as k } from "./form-sizing-NXgjkmBG.js";
+import { t as A } from "./input-Cdw4k0fb.js";
+import { t as ee } from "./scroll-area-La5RXsEk.js";
 import { t as j } from "./use-debounced-callback-Cx1h-hdv.js";
 import * as M from "react";
 import { useCallback as N, useEffect as P, useMemo as F, useRef as I, useState as L } from "react";
@@ -874,4 +874,4 @@ Ce.displayName = "AsyncResourceCombobox";
 //#endregion
 export { ge as a, be as i, xe as n, W as o, Z as r, Ce as t };
 
-//# sourceMappingURL=combobox-Dxo2fAYQ.js.map
+//# sourceMappingURL=combobox-CBJDs6w_.js.map