themelia-react-ui 0.0.0-stage → 1.0.1

package/dist/combobox-xv3yJbzl.js.map

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

package/dist/command-C0xe7u9B.js

@@ -0,0 +1,421 @@
+"use client";
+import { p as e } from "./ui-provider-CftIB6TY.js";
+import { t } from "./utils-C2EKeIw3.js";
+import { i as n } from "./text.styles-BwB7vAF2.js";
+import { a as r, r as i } from "./typography-Cv8MT-82.js";
+import { i as a, n as o, r as s } from "./popover.recipes-zgBhMlUu.js";
+import { n as c } from "./collection-content-C4fthJV_.js";
+import { t as l } from "./input-WwYQZJzG.js";
+import * as u from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Check as m } from "lucide-react";
+import { useRender as h } from "@base-ui/react/use-render";
+import { Autocomplete as g } from "@base-ui/react/autocomplete";
+//#region src/lib/command-filter.ts
+function _(e, t, n = []) {
+	let r = [e, ...n].join(" ").toLocaleLowerCase(), i = t.trim().toLocaleLowerCase();
+	if (!i || r.includes(i)) return 1;
+	let a = 0;
+	for (let e of i) {
+		if (a = r.indexOf(e, a), a === -1) return 0;
+		a += 1;
+	}
+	return .5;
+}
+//#endregion
+//#region src/components/ui/command.tsx
+var v = u.createContext(null), y = u.createContext({ forceMount: !1 });
+function b() {
+	let e = u.useContext(v);
+	if (!e) throw Error("Command parts must be rendered inside Command.");
+	return e;
+}
+function x(e) {
+	return u.Children.toArray(e).map((e) => typeof e == "string" || typeof e == "number" ? String(e) : u.isValidElement(e) ? x(e.props.children) : "").join(" ").trim();
+}
+function S(e, t) {
+	return e.forceMount || !t.shouldFilter || !t.search || t.filter(e.value, t.search, e.keywords) > 0;
+}
+function C(e, t) {
+	let n = e.filter((e) => S(e, t));
+	if (!t.search || !t.shouldFilter) return n;
+	let r = new Map(n.map((e) => [e.id, t.filter(e.value, t.search, e.keywords)])), i = (e, t) => (r.get(t.id) ?? 0) - (r.get(e.id) ?? 0), a = [], o = /* @__PURE__ */ new Map();
+	for (let e of n) if (!e.group) a.push(e);
+	else {
+		let t = o.get(e.group) ?? [];
+		t.push(e), o.set(e.group, t);
+	}
+	let s = Array.from(o.values()).map((e) => e.sort(i)).sort((e, t) => (r.get(t[0].id) ?? 0) - (r.get(e[0].id) ?? 0));
+	return [...a.sort(i), ...s.flat()];
+}
+function w({ children: e, className: n, asChild: r, label: i, shouldFilter: a = !0, filter: o = _, value: s, defaultValue: c = "", onValueChange: l, loop: d = !1, disablePointerSelection: p = !1, vimBindings: m = !0, ref: y, onKeyDown: b, onKeyDownCapture: x, ...w }) {
+	let [T, E] = u.useState(""), [D, O] = u.useState({}), [k, A] = u.useState(c), [j, M] = u.useState([]), N = D.value ?? T, P = s ?? k, F = s !== void 0 || c !== "", I = u.useRef(null), L = u.useRef(/* @__PURE__ */ new Map()), R = u.useRef(0), z = u.useCallback((e) => (L.current.has(e.id) || L.current.set(e.id, R.current++), M((t) => [...t.filter((t) => t.id !== e.id), e].sort((e, t) => (L.current.get(e.id) ?? 0) - (L.current.get(t.id) ?? 0))), () => M((t) => t.filter((t) => t.id !== e.id))), []), B = u.useCallback((e) => (O(e), () => O({})), []), V = u.useCallback((e) => {
+		E(e), D.onValueChange?.(e);
+	}, [D.onValueChange]), H = u.useCallback((e) => {
+		A(e), e !== P && l?.(e);
+	}, [l, P]), U = u.useMemo(() => ({
+		managedHighlight: F,
+		search: N,
+		setSearch: V,
+		active: P,
+		setActive: H,
+		shouldFilter: a,
+		filter: o,
+		records: j,
+		register: z,
+		registerInput: B
+	}), [
+		F,
+		N,
+		V,
+		P,
+		H,
+		a,
+		o,
+		j,
+		z,
+		B
+	]), W = u.useMemo(() => C(j, {
+		search: N,
+		shouldFilter: a,
+		filter: o
+	}), [
+		j,
+		N,
+		a,
+		o
+	]), G = u.useRef(/* @__PURE__ */ new Map()), K = u.useRef(!1);
+	u.useLayoutEffect(() => {
+		let e = I.current;
+		if (!e) return;
+		let t = new Set(j.map((e) => e.id));
+		if (j.length) for (let e of L.current.keys()) t.has(e) || L.current.delete(e);
+		for (let t of G.current.keys()) e.contains(t) || G.current.delete(t);
+		let n = (e) => e.dataset.commandId ? `item:${e.dataset.commandId}` : e.dataset.commandGroupId ? `group:${e.dataset.commandGroupId}` : e.dataset.commandSeparatorId ? `separator:${e.dataset.commandSeparatorId}` : e, r = (e) => !!e.dataset.commandId || !!e.dataset.commandGroupId, i = /* @__PURE__ */ new Set();
+		for (let t of e.querySelectorAll("[data-command-id], [data-command-group-id]")) t.parentElement && i.add(t.parentElement);
+		let o = new Map(W.map((e, t) => [e.id, t])), s = (e) => e.dataset.commandId ? o.get(e.dataset.commandId) ?? Infinity : W.findIndex((t) => t.group === e.dataset.commandGroupId), c = !!N && a;
+		for (let e of i) {
+			let i = Array.from(e.children), a = G.current.get(e);
+			(!a || !c && !K.current) && (a = new Map(i.map((e, t) => [n(e), t])), G.current.set(e, a));
+			for (let e of a.keys()) typeof e == "string" && e.startsWith("item:") && !t.has(e.slice(5)) && a.delete(e);
+			for (let e of i) a.has(n(e)) || a.set(n(e), Math.max(-1, ...a.values()) + 1);
+			let o;
+			if (c) {
+				let e = i.filter(r).sort((e, t) => {
+					let n = s(e), r = s(t);
+					return (n < 0 ? Infinity : n) - (r < 0 ? Infinity : r);
+				}), t = 0;
+				o = i.map((n) => r(n) ? e[t++] : n);
+			} else if (K.current) o = i.slice().sort((e, t) => a.get(n(e)) - a.get(n(t)));
+			else continue;
+			for (let t = 0; t < o.length; t++) e.children[t] !== o[t] && e.insertBefore(o[t], e.children[t] ?? null);
+		}
+		K.current = c;
+	}, [
+		W,
+		N,
+		a
+	]);
+	let q = u.useRef(N);
+	u.useEffect(() => {
+		let e = q.current !== N;
+		if (q.current = N, !F || s !== void 0 || !j.length) return;
+		let t = W.filter((e) => !e.disabled);
+		(e || !t.some((e) => e.value === P)) && H(t[0]?.value ?? "");
+	}, [
+		F,
+		s,
+		j,
+		W,
+		P,
+		N,
+		H
+	]);
+	let J = h({
+		defaultTagName: "div",
+		render: r && u.isValidElement(e) ? e : void 0,
+		ref: [y ?? null, I],
+		props: {
+			...w,
+			"aria-label": w["aria-label"] ?? i,
+			"data-slot": "command",
+			className: t("flex size-full flex-col overflow-hidden rounded-radius-lg bg-popover text-popover-foreground", n),
+			...r ? {} : { children: e },
+			onKeyDownCapture(e) {
+				if (x?.(e), !e.defaultPrevented && F) {
+					if (e.key === "Enter") {
+						let t = j.find((e) => e.value === P && !e.disabled && S(e, U));
+						if (!t) return;
+						e.preventDefault(), e.stopPropagation(), Array.from(I.current?.querySelectorAll("[data-command-id]") ?? []).find((e) => e.dataset.commandId === t.id)?.click();
+					} else if (e.key === "ArrowDown" || e.key === "ArrowUp" || e.key === "Home" || e.key === "End") {
+						let t = W.filter((e) => !e.disabled);
+						if (!t.length) return;
+						e.preventDefault(), e.stopPropagation();
+						let n = t.findIndex((e) => e.value === P), r = e.key === "ArrowDown" ? 1 : -1, i = n === -1 ? r > 0 ? 0 : t.length - 1 : n + r;
+						e.key === "Home" && (i = 0), e.key === "End" && (i = t.length - 1), i = d ? (i + t.length) % t.length : Math.max(0, Math.min(t.length - 1, i)), H(t[i].value);
+					}
+				}
+			},
+			onKeyDown(e) {
+				if (b?.(e), e.defaultPrevented || !m || !e.ctrlKey) return;
+				let t = {
+					n: "ArrowDown",
+					j: "ArrowDown",
+					p: "ArrowUp",
+					k: "ArrowUp"
+				}[e.key];
+				t && (e.preventDefault(), e.target.dispatchEvent(new KeyboardEvent("keydown", {
+					key: t,
+					bubbles: !0,
+					cancelable: !0
+				})));
+			}
+		}
+	});
+	return /* @__PURE__ */ f(v.Provider, {
+		value: U,
+		children: /* @__PURE__ */ f(g.Root, {
+			inline: !0,
+			open: !0,
+			value: N,
+			filter: null,
+			autoHighlight: !F && "always",
+			keepHighlight: !0,
+			loopFocus: d,
+			highlightItemOnHover: !p,
+			onValueChange: (e, t) => {
+				t.reason !== "item-press" && V(e);
+			},
+			onItemHighlighted: (e) => H(typeof e == "string" ? e : ""),
+			children: J
+		})
+	});
+}
+function T({ className: e, value: t, onValueChange: n, asChild: r, children: i, ...a }) {
+	let o = b();
+	return u.useLayoutEffect(() => o.registerInput({
+		value: t,
+		onValueChange: n
+	}), [
+		o.registerInput,
+		t,
+		n
+	]), /* @__PURE__ */ f("div", {
+		"data-slot": "command-input-wrapper",
+		className: "pb-space-xs",
+		children: /* @__PURE__ */ f(g.Input, {
+			"data-slot": "command-input",
+			"aria-activedescendant": o.records.find((e) => e.value === o.active)?.id,
+			render: r && u.isValidElement(i) ? i : void 0,
+			className: e,
+			...a
+		})
+	});
+}
+function E({ className: e, label: n, asChild: r, children: i, ...a }) {
+	let o = b();
+	return /* @__PURE__ */ f(g.List, {
+		"data-slot": "command-list",
+		"aria-label": n,
+		"aria-activedescendant": o.records.find((e) => e.value === o.active)?.id,
+		className: t("max-h-72 overflow-x-hidden overflow-y-auto outline-none", e),
+		render: r && u.isValidElement(i) ? i : void 0,
+		...a,
+		children: r ? void 0 : i
+	});
+}
+function D({ className: e, ...n }) {
+	let r = b();
+	return r.records.some((e) => S(e, r)) ? null : /* @__PURE__ */ f("div", {
+		"data-slot": "command-empty",
+		role: "status",
+		className: t("py-space-xl text-center text-sm", e),
+		...n
+	});
+}
+function O({ className: e, heading: n, value: r, forceMount: i = !1, children: a, asChild: o, ...s }) {
+	let c = u.useId(), l = b(), d = l.records.filter((e) => e.group === c), m = !i && !!l.search && !d.some((e) => S(e, l)), h = n == null ? null : /* @__PURE__ */ f(g.GroupLabel, {
+		"cmdk-group-heading": "",
+		className: "text-xs font-medium text-muted-foreground",
+		children: n
+	}), _ = o && u.isValidElement(a) ? u.cloneElement(a, {}, h, a.props.children) : void 0;
+	return /* @__PURE__ */ f(y.Provider, {
+		value: {
+			id: c,
+			forceMount: i
+		},
+		children: /* @__PURE__ */ p(g.Group, {
+			"data-slot": "command-group",
+			"data-command-group-id": c,
+			"cmdk-group": "",
+			hidden: m,
+			className: t("overflow-hidden text-foreground", e),
+			render: _,
+			...s,
+			children: [!o && h, o ? void 0 : a]
+		})
+	});
+}
+function k({ className: e, children: n, value: r, keywords: i = [], forceMount: a = !1, disabled: o, onSelect: s, onClick: c, asChild: l, ref: d, ...p }) {
+	let m = u.useId(), h = u.useContext(y), _ = h.id, v = a || h.forceMount, C = b(), w = r ?? (typeof n == "function" ? "" : x(n)), T = JSON.stringify(i);
+	return u.useLayoutEffect(() => C.register({
+		id: m,
+		value: w,
+		keywords: JSON.parse(T),
+		forceMount: v,
+		disabled: o,
+		group: _
+	}), [
+		C.register,
+		m,
+		w,
+		T,
+		v,
+		o,
+		_
+	]), S({
+		id: m,
+		value: w,
+		keywords: i,
+		forceMount: v,
+		group: _
+	}, C) ? /* @__PURE__ */ f(g.Item, {
+		value: w,
+		disabled: o,
+		ref: d,
+		"data-slot": "command-item",
+		"data-command-id": m,
+		"aria-selected": C.active === w,
+		"data-selected": C.active === w ? "true" : "false",
+		"data-disabled": o ? "true" : void 0,
+		className: t("relative flex min-h-action-sm cursor-default items-center gap-space-sm rounded-radius px-control-sm py-row-y text-sm outline-none select-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-disabled:cursor-not-allowed", e),
+		render: l && u.isValidElement(n) ? u.cloneElement(n, { id: m }) : /* @__PURE__ */ f("div", { id: m }),
+		onClick: (e) => {
+			c?.(e), !e.defaultPrevented && !o && s?.(w);
+		},
+		...p,
+		children: l ? void 0 : typeof n == "function" ? n({ isHighlighted: C.active === w }) : n
+	}) : null;
+}
+function A({ className: e, alwaysRender: n = !1, asChild: r, children: i, ...a }) {
+	let { search: o } = b(), s = u.useId();
+	return h({
+		enabled: !o || n,
+		render: r && u.isValidElement(i) ? i : void 0,
+		props: {
+			...a,
+			"data-slot": "command-separator",
+			"data-command-separator-id": s,
+			role: a.role ?? "separator",
+			className: t("h-px bg-border", e),
+			...r ? {} : { children: i }
+		}
+	});
+}
+function j({ className: e, ...n }) {
+	return /* @__PURE__ */ f("span", {
+		"data-slot": "command-shortcut",
+		className: t("ml-auto text-xs text-muted-foreground", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/base/command/command.tsx
+var M = {
+	default: a.default,
+	compact: a.compact,
+	flush: "p-0 [&_[data-slot=command-input-wrapper]]:px-surface-xs [&_[data-slot=command-input-wrapper]]:pt-surface-xs"
+}, N = u.createContext("compact");
+function P({ className: e, inset: n = "compact", ...r }) {
+	return /* @__PURE__ */ f(N.Provider, {
+		value: n,
+		children: /* @__PURE__ */ f(w, {
+			className: t("command--component", "gap-0 rounded-radius bg-popover text-popover-foreground", M[n], e),
+			...r
+		})
+	});
+}
+function F({ className: e, asChild: n, children: r, ...i }) {
+	return /* @__PURE__ */ f(T, {
+		className: t("command-input--component", e),
+		...i,
+		asChild: !0,
+		children: n ? r : /* @__PURE__ */ f(l, {})
+	});
+}
+function I({ className: e, ...n }) {
+	let r = u.useContext(N);
+	return /* @__PURE__ */ f(E, {
+		className: t("command-list--component max-h-72", r === "flush" ? a.compact : "p-0", e),
+		...n
+	});
+}
+function L({ children: e }) {
+	return typeof e != "string" && typeof e != "number" && typeof e != "bigint" ? e : /* @__PURE__ */ f(i, {
+		tag: "span",
+		className: "command-group--heading",
+		children: e
+	});
+}
+function R({ className: e, heading: n, ...r }) {
+	let i = n == null ? n : /* @__PURE__ */ f(L, { children: n });
+	return /* @__PURE__ */ f(O, {
+		className: t("command-group--component p-0 [&_[cmdk-group-heading]]:px-row-x [&_[cmdk-group-heading]]:pt-space-md [&_[cmdk-group-heading]]:pb-space-xs", e),
+		heading: i,
+		...r
+	});
+}
+function z({ children: r, className: i, density: a = "default", ...s }) {
+	let { defaultTextSize: l } = e(), u = s["data-checked"] === !0 || s["data-checked"] === "true" ? /* @__PURE__ */ f(m, {
+		"aria-hidden": "true",
+		"data-slot": "command-item-indicator",
+		className: "ms-auto size-icon shrink-0 self-center text-primary"
+	}) : null, h = s.asChild ? r : typeof r == "function" ? (e) => /* @__PURE__ */ p(d, { children: [r(e), u] }) : /* @__PURE__ */ p(d, { children: [typeof r == "string" || typeof r == "number" || typeof r == "bigint" ? /* @__PURE__ */ f(c, {
+		className: "command-item--text min-w-0 flex-1",
+		children: r
+	}) : r, u] });
+	return /* @__PURE__ */ f(k, {
+		className: t("command-item--component [&>svg]:size-icon [&>svg]:shrink-0 [&>svg]:text-muted-foreground", o(a), n[l ?? "sm"], i),
+		...s,
+		children: h
+	});
+}
+function B({ children: e, className: n, ...i }) {
+	return /* @__PURE__ */ f(D, {
+		className: t("command-empty--component px-row-x py-space-xl text-center", n),
+		...i,
+		children: /* @__PURE__ */ f(r, {
+			tag: "span",
+			type: "secondary",
+			className: "command-empty--text",
+			children: e
+		})
+	});
+}
+function V({ className: e, ...n }) {
+	return /* @__PURE__ */ f(A, {
+		role: "presentation",
+		"aria-hidden": "true",
+		className: t("command-separator--component command-separator--line", s.separator, e),
+		...n
+	});
+}
+V.displayName = "CommandSeparator";
+function H({ children: e, className: n, ...i }) {
+	return /* @__PURE__ */ f(j, {
+		className: t("command-shortcut--component", n),
+		...i,
+		children: /* @__PURE__ */ f(r, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			className: "command-shortcut--text",
+			children: e
+		})
+	});
+}
+P.displayName = "Command", F.displayName = "CommandInput", I.displayName = "CommandList", R.displayName = "CommandGroup", z.displayName = "CommandItem", B.displayName = "CommandEmpty", H.displayName = "CommandShortcut";
+//#endregion
+export { z as a, H as c, F as i, _ as l, B as n, I as o, R as r, V as s, P as t };
+
+//# sourceMappingURL=command-C0xe7u9B.js.map