themelia-react-ui 1.0.0 → 1.0.2

package/dist/combobox-BFnbJJp3.js.map

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