npm - themelia-react-ui - Versions diffs - 2.0.6 → 3.0.0 - Mend

themelia-react-ui 2.0.6 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (912) hide show

package/dist/combobox-C2JiSQPc.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"combobox-C2JiSQPc.js","names":["ComboboxPrimitive","_Fragment","_Fragment","React","Combobox","BaseCombobox","Combobox","resolveComponentScale","useDensityConfig","cn","Button","Text","Stack","markRecipes","ErrorState","layerRecipes","fieldAffordanceRecipes","selectToggleRecipes","ComboboxPositioner","ComboboxPortal","ComboboxEmpty","ComboboxItem","Combobox$2","ComboboxChipsInput","ComboboxChips","ComboboxList","ComboboxPopup","ComboboxChip","ComboboxGroup","ComboboxStatus","ComboboxNativeInput","ComboboxGroupLabel","formControlMinHeightClasses","formControlPaddingClasses","Input","ScrollArea","useDebouncedCallback","React$1","Fragment$1","ComboboxInputField","ariaInvalid","ariaRequired","association","error","clearable","size","className","required","Combobox","clearLabel","XIcon","toggleLabel","ChevronDownIcon","defaultComboboxStrings","itemLabel","CREATE_OPTION_SYMBOL","isCreateOption","item","getCreateOptionValue","createCreateOption","inputValue","LoadingMore","loading","Loader2","text","StatusText","StatusContent","trimmed","searchValue","strings","minSearchLength","remaining","primitiveSizeByComboboxSize","emptyClassByComboboxSize","ComboboxDropdown","positionerClassName","portalContainer","primitiveSize","showStatus","showEmpty","items","loadingMore","applyFooter","content","listRef","groupedItems","group","groupItems","groupLabel","renderGroupLabel","ComboboxCollection","getItemDisabled","renderItemContent","getItemReactKey","createOptionItem","ErrorMessage","_size","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","canLoadMore","hasMore","onLoadMore","requestLoadMore","useEffect","useCallback","event","scrollTop","clientHeight","scrollHeight","useComboboxStrings","useStrings","custom","hasExactMatch","normalizedSearch","getItemLabel","useComboboxCore","stringsProp","getKey","getItemKey","trimmedSearch","showListContent","currentScrollHandler","handleScroll","viewport","onScroll","next","cancelPendingLoad","baseItems","ensuredItems","merged","itemKey","ensured","showCreateOption","creatable","onCreate","PlusIcon","renderItem","label","highlightMatch","getItemValue","useComboboxState","localValue","setLocalValue","useState","defaultValue","isControlled","controlled","changeValue","onChange","resolveComboboxSize","sizeProp","defaultScale","primitiveComboboxSizeBySize","getComboboxFormSize","Combobox$1","legacyValue","onLegacyValueChange","controlledSearch","onSearchChange","ariaLabel","ariaLabelledBy","ariaDescribedBy","formSize","fieldInvalid","invalid","hasError","selectedValue","onSelectedValueChange","onValueChange","onSearchValueChange","defaultSearchValue","openState","handleOpenChange","open","defaultOpen","onOpenChange","resolvedOpen","disabled","core","wasOpen","closed","clearSearchOnClose","displayInputValue","handleValueChange","details","reason","MultiCombobox","legacyValues","onLegacyValuesChange","primitiveComboboxSize","containerRef","selectedValues","onSelectedValuesChange","values","defaultValues","onValuesChange","setOpen","draftValues","setDraftValues","applyButton","regularValues","createValue","closeOnSelect","handleApply","onApply","handleCancel","onCancel","visibleValues","chipsPlaceholder","defaultAsyncResourceComboboxStrings","isSimpleText","AsyncResourceCombobox","props","setSearchValue","setItems","isLoading","setIsLoading","fetchError","setFetchError","retryCount","setRetryCount","requestIdRef","runFetch","fetcher","context","requestId","nextItems","onAfterFetch","nextError","onError","preload","controller","limit","retry","count","renderOption","description","getDescription","meta","getMeta","getLabel","resolvedError","errorMessage","hasFetchError","errorNode","renderError"],"sources":["../src/components/base/combobox/combobox-field.tsx","../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/hooks/use-combobox-state.ts","../src/components/features/combobox/combobox.tsx","../src/components/features/combobox/async-resource-combobox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';\nimport { ChevronDownIcon, XIcon } from 'lucide-react';\nimport { ComboboxNativeInput } from '../../ui/combobox';\nimport { Button } from '../buttons';\nimport { Input } from '../text-inputs';\nimport { type FormControlSize } from '../../../lib/ui-provider';\nimport { cn } from '../../../lib/utils';\nimport { fieldAffordanceRecipes, selectToggleRecipes } from '../../../lib/field-affordance-recipes';\n\n// Private shared input composition. The feature supplies state and strings;\n// this base owner keeps the native input/frame and all affordance geometry.\ninterface ComboboxInputFieldProps extends Pick<React.ComponentPropsWithRef<'input'>,\n\t'id' | 'ref' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-required'\n> {\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\nexport function ComboboxInputField({\n\tplaceholder,\n\tclearLabel,\n\ttoggleLabel,\n\tsize,\n\terror,\n\trequired,\n\tdisabled,\n\tclearable = true,\n\tclassName,\n\tonBlur,\n\t'aria-invalid': ariaInvalid,\n\t'aria-required': ariaRequired,\n\t...association\n}: ComboboxInputFieldProps): React.ReactElement {\n\treturn (\n\t\t<div className=\"relative\">\n\t\t\t<ComboboxNativeInput\n\t\t\t\trender={\n\t\t\t\t\t<Input\n\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\tinvalid={error}\n\t\t\t\t\t\tclassName={cn(clearable ? selectToggleRecipes.clearPadding[size] : selectToggleRecipes.padding[size], className)}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\t{...association}\n\t\t\t\taria-invalid={ariaInvalid ?? (error || undefined)}\n\t\t\t\taria-required={ariaRequired ?? required}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonBlur={onBlur}\n\t\t\t/>\n\t\t\t<div className={cn('absolute inset-y-0 flex items-center gap-space-xs text-muted-foreground', selectToggleRecipes.track[size])}>\n\t\t\t\t{clearable ? (\n\t\t\t\t\t<ComboboxPrimitive.Clear\n\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\t\tclassName={cn(fieldAffordanceRecipes.target,fieldAffordanceRecipes.focus,fieldAffordanceRecipes.clear)}\n\t\t\t\t\t\t\t\taria-label={clearLabel}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<XIcon className={fieldAffordanceRecipes.icon} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t\t<ComboboxPrimitive.Trigger\n\t\t\t\t\trender={\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"sm\" iconOnly\n\t\t\t\t\t\t\t\tclassName={cn(fieldAffordanceRecipes.target,fieldAffordanceRecipes.focus,fieldAffordanceRecipes.toggle)}\n\t\t\t\t\t\t\taria-label={toggleLabel}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<ChevronDownIcon className={cn('shrink-0', selectToggleRecipes.icon[size])} aria-hidden=\"true\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/**\n * Default user-facing strings for `<Combobox>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n * <Combobox strings={{ noResults: t('search.empty') }} … />\n *\n * Templates use `{placeholder}` tokens — the component substitutes them at\n * render time. Function-valued strings would also work; we keep templates\n * here for the constants file.\n */\nimport type { ComboboxStrings } from './types';\n\nexport const defaultComboboxStrings = {\n\tplaceholder: 'Search...',\n\tclear: 'Clear selection',\n\ttoggle: 'Open options',\n\tdismiss: 'Dismiss',\n\tremoveSelection: (itemLabel: string) => `Remove ${itemLabel}`,\n\tsearching: 'Loading...',\n\tnoResults: 'No results found.',\n\ttypeToSearch: 'Type at least {min} characters to search...',\n\ttypeMore: 'Type {remaining} more character{s} to search...',\n\tcreateNew: 'Create {value}',\n\tloadingMore: 'Loading...',\n\tapply: 'Apply',\n\tcancel: 'Cancel',\n} satisfies ComboboxStrings;\n\nexport type { ComboboxStrings };\n","/**\n * Constants and default values for the Combobox component.\n *\n * Default strings live in `./combobox.strings.ts` per rule 19.\n */\n\nexport { defaultComboboxStrings } from './combobox.strings';\n\n// ============================================================================\n// Default Values\n// ============================================================================\n\nexport const DEFAULT_MIN_SEARCH_LENGTH = 3;\n/** Re-exported so the combobox shares the library-wide debounce window. */\nexport { DEFAULT_DEBOUNCE_MS } from '../../../hooks/use-debounced-callback';\nexport const DEFAULT_SIZE = 'md';\nexport const LOAD_MORE_THRESHOLD = 0.8;\nexport const LOAD_MORE_DEBOUNCE_MS = 100;\nexport const LOAD_MORE_COOLDOWN_MS = 500;\n\n// ============================================================================\n// Symbols\n// ============================================================================\n\nexport const CREATE_OPTION_SYMBOL = Symbol('combobox-create-option');\n\n// ============================================================================\n// Type Guards\n// ============================================================================\n\nexport function isCreateOption<T>(item: T): item is T & { [CREATE_OPTION_SYMBOL]: string } {\n\treturn (\n\t\ttypeof item === 'object' &&\n\t\titem !== null &&\n\t\tCREATE_OPTION_SYMBOL in (item as object)\n\t);\n}\n\nexport function getCreateOptionValue<T>(item: T): string {\n\tif (!isCreateOption(item)) {\n\t\tthrow new Error('Item is not a create option');\n\t}\n\treturn (item as { [CREATE_OPTION_SYMBOL]: string })[CREATE_OPTION_SYMBOL];\n}\n\nexport function createCreateOption<T>(inputValue: string): T {\n\treturn { [CREATE_OPTION_SYMBOL]: inputValue } as unknown as T;\n}\n","/**\n * LoadingMore Component\n */\n\nimport { Loader2 } from 'lucide-react';\nimport * as React from 'react';\nimport { Stack } from '../../../base/structure';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nexport interface LoadingMoreProps {\n\t/** Shows the pending indicator. */\n\tloading: boolean;\n\t/** Visible label. */\n\ttext: string;\n\tclassName?: string;\n}\n\nexport function LoadingMore({\n\tloading,\n\ttext,\n\tclassName,\n}: LoadingMoreProps): React.ReactElement | null {\n\tif (!loading) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"horizontal\"\n\t\t\tgap=\"sm\"\n\t\t\tjustify=\"center\"\n\t\t\twrap={false}\n\t\t\tclassName={cn('loading-more--component', \n\t\t\t\t'px-control py-space-xs text-xs text-muted-foreground',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<Loader2 className=\"size-icon-sm animate-spin\" aria-hidden=\"true\" />\n\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"text-inherit\">\n\t\t\t\t{text}\n\t\t\t</Text>\n\t\t</Stack>\n\t);\n}\n\nLoadingMore.displayName = 'LoadingMore';\n","/**\n * StatusContent Component\n */\n\nimport { Loader2 } from 'lucide-react';\nimport * as React from 'react';\nimport { Text } from '../../../typography';\nimport type { ComboboxStrings } from '../types';\n\nfunction StatusText({ children }: { children: string }) {\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"text-inherit\">\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nexport interface StatusContentProps {\n\t/** Whether results are being fetched. */\n\tloading?: boolean;\n\t/** Current search text. */\n\tsearchValue: string;\n\t/** Characters required before the list becomes active. */\n\tminSearchLength: number;\n\t/** How many options matched, deciding between the empty and results copy. */\n\titemCount: number;\n\t/** Resolved copy for the status rows. */\n\tstrings: ComboboxStrings;\n}\n\nexport function StatusContent({\n\tloading,\n\tsearchValue,\n\tminSearchLength,\n\titemCount,\n\tstrings,\n}: StatusContentProps): React.ReactNode {\n\tconst trimmed = searchValue.trim();\n\n\tif (loading) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Loader2 className=\"size-icon-sm animate-spin\" />\n\t\t\t\t<StatusText>{strings.searching}</StatusText>\n\t\t\t</>\n\t\t);\n\t}\n\n\tif (trimmed === '') {\n\t\tif (strings.typeToSearch.includes('{min}')) {\n\t\t\treturn (\n\t\t\t\t<StatusText>\n\t\t\t\t\t{strings.typeToSearch.replace('{min}', String(minSearchLength))}\n\t\t\t\t</StatusText>\n\t\t\t);\n\t\t}\n\t\treturn <StatusText>{strings.typeToSearch}</StatusText>;\n\t}\n\n\tif (trimmed.length < minSearchLength) {\n\t\tconst remaining = minSearchLength - trimmed.length;\n\t\tif (strings.typeMore.includes('{remaining}') || strings.typeMore.includes('{s}')) {\n\t\t\treturn (\n\t\t\t\t<StatusText>\n\t\t\t\t\t{strings.typeMore\n\t\t\t\t\t\t.replace('{remaining}', String(remaining))\n\t\t\t\t\t\t.replace('{s}', remaining !== 1 ? 's' : '')}\n\t\t\t\t</StatusText>\n\t\t\t);\n\t\t}\n\t\treturn <StatusText>{strings.typeMore}</StatusText>;\n\t}\n\n\tif (itemCount === 0) {\n\t\treturn null;\n\t}\n\n\treturn null;\n}\n\nStatusContent.displayName = 'StatusContent';\n","/**\n * Shared ComboboxDropdown Component\n *\n * Renders the dropdown content for both single and multiple selection variants.\n * Extracts shared rendering logic to reduce duplication.\n */\n\nimport * as React from 'react';\n\nimport {\n\tComboboxPortal,\n\tComboboxPositioner,\n\tComboboxPopup,\n\tComboboxEmpty,\n\tComboboxList,\n\tComboboxItem,\n\tComboboxStatus,\n\tComboboxGroup,\n\tComboboxGroupLabel,\n\tComboboxCollection,\n} from '../../../base/combobox';\nimport { Button } from '../../../base/buttons';\nimport { ScrollArea } from '../../../base/display/scroll-area';\nimport { Stack } from '../../../base/structure';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\n\nimport { DEFAULT_SIZE } from '../constants';\nimport type { ComboboxStrings, ComboboxSize } from '../types';\nimport { LoadingMore } from './loading-more';\nimport { StatusContent } from './status-content';\nimport { layerRecipes } from '../../../../lib/layer-recipes';\n\nconst primitiveSizeByComboboxSize: Record<ComboboxSize, 'sm' | 'md' | 'lg'> = {\n\tsm: 'sm',\n\tmd: 'md',\n\tlg: 'lg',\n};\n\nconst emptyClassByComboboxSize: Record<ComboboxSize, string> = {\n\tsm: 'flex min-h-control-sm items-center justify-center px-row-x py-row-y text-center text-pxs leading-tight text-muted-foreground',\n\tmd: 'flex min-h-control items-center justify-center px-row-x py-row-y text-center text-sm leading-tight text-muted-foreground',\n\tlg: 'flex min-h-control-lg items-center justify-center px-row-x py-row-y-lg text-center text-sm leading-tight text-muted-foreground',\n};\n\nexport interface ComboboxDropdownProps<T> {\n\t// Display state\n\t/** Whether results are being fetched. */\n\tloading: boolean;\n\t/** Whether the status row replaces the list — while loading, or below `minSearchLength`. */\n\tshowStatus: boolean;\n\t/** Whether the no-results row shows. */\n\tshowEmpty: boolean;\n\n\t// Search\n\t/** Current search text, used to highlight matches. */\n\tsearchValue: string;\n\t/** Characters required before the list becomes active. */\n\tminSearchLength: number;\n\n\t// Items\n\t/** Options to render, including the create row when offered. */\n\titems: T[];\n\t/** Options bucketed by group name, or `null` when grouping is off. */\n\tgroupedItems: Map<string, T[]> | null;\n\t/** The synthetic create row, or `null` when it is not offered. */\n\tcreateOptionItem: T | null;\n\n\t// Rendering\n\t/** Renders one option's content. */\n\trenderItemContent: (item: T) => React.ReactNode;\n\t/** Returns the React key for an option. */\n\tgetItemReactKey: (item: T) => string;\n\t/** Marks individual options unselectable while still rendering them. */\n\tgetItemDisabled?: (item: T) => boolean;\n\t/** Renders a group heading. */\n\trenderGroupLabel?: (group: string) => React.ReactNode;\n\n\t// Load more\n\t/** Whether the next page is being fetched. */\n\tloadingMore?: boolean;\n\n\t// Strings\n\t/** Resolved copy for the status, empty, and create rows. */\n\tstrings: ComboboxStrings;\n\n\t// Size\n\t/** Row density, matching the trigger's size. */\n\tsize?: ComboboxSize;\n\n\t// Portal\n\t/** Mounts the dropdown inside this element instead of the default portal root. */\n\tportalContainer?: React.RefObject<HTMLElement | null>;\n\n\t// Refs\n\t/** Ref to the scrollable list, used for scroll-triggered pagination. */\n\tlistRef: React.RefObject<HTMLDivElement | null>;\n\n\t// Multiple selection anchor\n\t/** Element the dropdown positions against. */\n\tanchor?: React.RefObject<HTMLElement | null>;\n\n\t/** Optional apply / cancel footer for the apply-button workflow. */\n\tapplyFooter?: {\n\t\tapplyLabel: string;\n\t\tcancelLabel: string;\n\t\tonApply: () => void;\n\t\tonCancel: () => void;\n\t};\n}\n\nexport function ComboboxDropdown<T>({\n\tloading,\n\tshowStatus,\n\tshowEmpty,\n\tsearchValue,\n\tminSearchLength,\n\titems,\n\tgroupedItems,\n\tcreateOptionItem,\n\trenderItemContent,\n\tgetItemReactKey,\n\tgetItemDisabled,\n\trenderGroupLabel,\n\tloadingMore,\n\tstrings,\n\tsize = DEFAULT_SIZE,\n\tportalContainer,\n\tlistRef,\n\tanchor,\n\tapplyFooter,\n}: ComboboxDropdownProps<T>): React.ReactElement | null {\n\tconst positionerClassName = portalContainer != null ? layerRecipes.nestedOverlay : undefined;\n\tconst primitiveSize = primitiveSizeByComboboxSize[size];\n\tconst hasPopupContent =\n\t\tshowStatus ||\n\t\tshowEmpty ||\n\t\titems.length > 0 ||\n\t\tBoolean(loadingMore) ||\n\t\tBoolean(applyFooter);\n\t// An exclusive inline error has no dropdown rows. Mounting a zero-height\n\t// popup still starts Base UI focus management and hides its Retry sibling.\n\tif (!hasPopupContent) return null;\n\n\tconst content = (\n\t\t<ComboboxPositioner\n\t\t\tanchor={anchor}\n\t\t\tclassName={positionerClassName}\n\t\t>\n\t\t\t<ComboboxPopup\n\t\t\t\taria-busy={loading || undefined}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'combobox-dropdown--popup',\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{/* Status message */}\n\t\t\t\t{!!showStatus && (\n\t\t\t\t\t<ComboboxStatus className=\"gap-space-sm px-control py-space-xs text-xs text-muted-foreground\">\n\t\t\t\t\t\t<StatusContent\n\t\t\t\t\t\t\tloading={loading}\n\t\t\t\t\t\t\tsearchValue={searchValue}\n\t\t\t\t\t\t\tminSearchLength={minSearchLength}\n\t\t\t\t\t\t\titemCount={items.length}\n\t\t\t\t\t\t\tstrings={strings}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ComboboxStatus>\n\t\t\t\t)}\n\n\t\t\t\t{/* Empty state */}\n\t\t\t\t{!!showEmpty && (\n\t\t\t\t\t<ComboboxEmpty className={emptyClassByComboboxSize[size]}>\n\t\t\t\t\t\t<Text tag=\"span\" size=\"inherit\" type=\"secondary\" className=\"text-inherit\">\n\t\t\t\t\t\t\t{strings.noResults}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</ComboboxEmpty>\n\t\t\t\t)}\n\n\t\t\t\t{/* Items list */}\n\t\t\t\t<ScrollArea\n\t\t\t\t\tviewportRef={listRef}\n\t\t\t\t\tviewportClassName=\"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// A group caption is supporting copy, not another option: the\n\t\t\t\t\t\t\t\t\t\t\t// compact secondary role Command and menu captions use.\n\t\t\t\t\t\t\t\t\t\t\t? <Text tag=\"span\" size=\"xs\" type=\"secondary\" weight=\"medium\" lineHeight=\"tight\">{groupLabel}</Text>\n\t\t\t\t\t\t\t\t\t\t\t: groupLabel;\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ComboboxGroup className=\"combobox-dropdown--group p-0\" key={group} items={groupItems}>\n\t\t\t\t\t\t\t\t\t\t\t<ComboboxGroupLabel>{groupLabelContent}</ComboboxGroupLabel>\n\t\t\t\t\t\t\t\t\t\t\t<ComboboxCollection>\n\t\t\t\t\t\t\t\t\t\t\t\t{(item: T) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ComboboxItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={getItemReactKey(item)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={item}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsize={primitiveSize}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={getItemDisabled?.(item)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{renderItemContent(item)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ComboboxItem>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</ComboboxCollection>\n\t\t\t\t\t\t\t\t\t\t</ComboboxGroup>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\n\t\t\t\t\t\t\t\t{createOptionItem != null && (\n\t\t\t\t\t\t\t\t\t<ComboboxItem\n\t\t\t\t\t\t\t\t\t\tkey={getItemReactKey(createOptionItem)}\n\t\t\t\t\t\t\t\t\t\tvalue={createOptionItem}\n\t\t\t\t\t\t\t\t\t\tsize={primitiveSize}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{renderItemContent(createOptionItem)}\n\t\t\t\t\t\t\t\t\t</ComboboxItem>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ComboboxCollection>\n\t\t\t\t\t\t\t\t{(item: T) => (\n\t\t\t\t\t\t\t\t\t<ComboboxItem\n\t\t\t\t\t\t\t\t\t\tkey={getItemReactKey(item)}\n\t\t\t\t\t\t\t\t\t\tvalue={item}\n\t\t\t\t\t\t\t\t\t\tsize={primitiveSize}\n\t\t\t\t\t\t\t\t\t\tdisabled={getItemDisabled?.(item)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{renderItemContent(item)}\n\t\t\t\t\t\t\t\t\t</ComboboxItem>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</ComboboxCollection>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</ComboboxList>\n\t\t\t\t</ScrollArea>\n\n\t\t\t\t{/* Loading more indicator */}\n\t\t\t\t<LoadingMore\n\t\t\t\t\tloading={!!loadingMore}\n\t\t\t\t\ttext={strings.loadingMore}\n\t\t\t\t/>\n\n\t\t\t\t{/* Apply / cancel footer (multi-select with applyButton). */}\n\t\t\t\t{!!applyFooter && (\n\t\t\t\t\t<Stack direction=\"horizontal\" gap=\"md\" justify=\"end\" wrap={false} className=\"border-t border-border/60 px-control py-space-xs\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tapplyFooter.onCancel();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{applyFooter.cancelLabel}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\ttone=\"primary\"\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\tapplyFooter.onApply();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{applyFooter.applyLabel}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</ComboboxPopup>\n\t\t</ComboboxPositioner>\n\t);\n\n\tif (portalContainer) {\n\t\treturn <ComboboxPortal container={portalContainer}>{content}</ComboboxPortal>;\n\t}\n\n\treturn <ComboboxPortal>{content}</ComboboxPortal>;\n}\n\nComboboxDropdown.displayName = 'ComboboxDropdown';\n","/**\n * ErrorMessage Component\n */\n\nimport * as React from 'react';\nimport { Text } from '../../../typography';\nimport { cn } from '../../../../lib/utils';\nimport type { ComboboxSize } from '../types';\n\nexport interface ErrorMessageProps {\n\terror?: string;\n\t/** Size preset. */\n\tsize: ComboboxSize;\n\tclassName?: string;\n}\n\nexport function ErrorMessage({\n\terror,\n\tsize: _size,\n\tclassName,\n}: ErrorMessageProps): React.ReactElement | null {\n\tif (!error) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t// `xs` at every control size, matching `FormField` and the date pickers.\n\t\t// Leaving the default size unpinned resolved to `sm`, which made the\n\t\t// combobox the one control whose error text grew as the control grew.\n\t\t<Text\n\t\t\ttag=\"p\"\n\t\t\tsize=\"xs\"\n\t\t\ttype=\"error\"\n\t\t\tclassName={cn('error-message--component', className)}\n\t\t\trole=\"alert\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t{error}\n\t\t</Text>\n\t);\n}\n\nErrorMessage.displayName = 'ErrorMessage';\n","/**\n * HighlightedText Component\n */\n\nimport * as React from 'react';\nimport { Text } from '../../../typography';\nimport { markRecipes } from '../../../../lib/tone-recipes';\n\nexport interface HighlightedTextProps {\n\t/** Visible label. */\n\ttext: string;\n\thighlight: string;\n\thighlightClassName?: string;\n}\n\nfunction escapeRegExp(str: string): string {\n\treturn str.replace(/[$()*+.?[\\\\\\]^{|}]/g, '\\\\$&');\n}\n\nexport function HighlightedText({\n\ttext,\n\thighlight,\n\thighlightClassName = markRecipes.match,\n}: HighlightedTextProps): React.ReactNode {\n\tif (!highlight.trim()) {\n\t\treturn (\n\t\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t\t{text}\n\t\t\t</Text>\n\t\t);\n\t}\n\n\tconst regex = new RegExp(`(${escapeRegExp(highlight)})`, 'gi');\n\tconst parts = text.split(regex);\n\tlet cursor = 0;\n\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t{parts.map((part, index) => {\n\t\t\t\tconst isMatch = index % 2 === 1;\n\t\t\t\tconst key = String(cursor);\n\t\t\t\tcursor += part.length;\n\n\t\t\t\tif (isMatch) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<mark key={key} className={highlightClassName}>\n\t\t\t\t\t\t\t{part}\n\t\t\t\t\t\t</mark>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn <React.Fragment key={key}>{part}</React.Fragment>;\n\t\t\t})}\n\t\t</Text>\n\t);\n}\n\nHighlightedText.displayName = 'HighlightedText';\n","/**\n * Hook for debounced search functionality\n */\n\nimport { useEffect } from 'react';\nimport { useDebouncedCallback } from '../../../../hooks/use-debounced-callback';\nimport { DEFAULT_DEBOUNCE_MS, DEFAULT_MIN_SEARCH_LENGTH } from '../constants';\n\nexport interface UseDebouncedSearchOptions {\n\tsearchValue: string;\n\tonSearch: ((value: string) => void) | undefined;\n\tdebounceMs?: number;\n\tminSearchLength?: number;\n}\n\nexport function useDebouncedSearch({\n\tsearchValue,\n\tonSearch,\n\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\tminSearchLength = DEFAULT_MIN_SEARCH_LENGTH,\n}: UseDebouncedSearchOptions): void {\n\t// `useDebouncedCallback` holds `onSearch` in a ref, so `emitSearch` keeps a\n\t// stable identity even though consumers pass a new inline callback every\n\t// render. Depending on the raw `onSearch` here re-ran the effect on every\n\t// render and — when it triggered a state update — caused an infinite fetch\n\t// loop.\n\tconst emitSearch = useDebouncedCallback((value: string) => {\n\t\tonSearch?.(value);\n\t}, debounceMs);\n\n\tuseEffect(() => {\n\t\tconst trimmed = searchValue.trim();\n\t\tif (trimmed.length < minSearchLength) return;\n\n\t\temitSearch(trimmed);\n\t\treturn emitSearch.cancel;\n\t}, [searchValue, minSearchLength, emitSearch]);\n}\n","/**\n * Hook for grouping items by category\n */\n\nimport { useMemo } from 'react';\n\nexport interface UseGroupedItemsOptions<T> {\n\titems: T[];\n\tgetItemGroup: ((item: T) => string) | undefined;\n}\n\nexport type GroupedItemsResult<T> = Map<string, T[]> | null;\n\nexport function useGroupedItems<T>({\n\titems,\n\tgetItemGroup,\n}: UseGroupedItemsOptions<T>): GroupedItemsResult<T> {\n\treturn useMemo(() => {\n\t\tif (!getItemGroup) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst groups = new Map<string, T[]>();\n\n\t\tfor (const item of items) {\n\t\t\tconst groupKey = getItemGroup(item);\n\t\t\tconst existing = groups.get(groupKey);\n\n\t\t\tif (existing) {\n\t\t\t\texisting.push(item);\n\t\t\t} else {\n\t\t\t\tgroups.set(groupKey, [item]);\n\t\t\t}\n\t\t}\n\n\t\treturn groups;\n\t}, [items, getItemGroup]);\n}\n","/**\n * Hook for infinite scroll / load more functionality\n */\n\nimport { useCallback, useEffect, useRef } from 'react';\nimport { useDebouncedCallback } from '../../../../hooks/use-debounced-callback';\nimport {\n\tLOAD_MORE_THRESHOLD,\n\tLOAD_MORE_DEBOUNCE_MS,\n\tLOAD_MORE_COOLDOWN_MS,\n} from '../constants';\n\nexport interface UseLoadMoreOptions {\n\thasMore: boolean | undefined;\n\tonLoadMore: (() => void) | undefined;\n\tloadingMore: boolean | undefined;\n}\n\nexport interface UseLoadMoreReturn {\n\thandleScroll: (event: Event) => void;\n\tcancelPendingLoad: () => 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\tconst canLoadMore = !!hasMore && !!onLoadMore && !loadingMore;\n\n\tconst requestLoadMore = useDebouncedCallback(() => {\n\t\tif (!canLoadMore || isLoadingRef.current) return;\n\t\tisLoadingRef.current = true;\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\tonLoadMore?.();\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 (!canLoadMore || 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[canLoadMore, requestLoadMore]\n\t);\n\n\treturn { handleScroll, cancelPendingLoad: requestLoadMore.cancel };\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, useLayoutEffect, 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\titemToStringValue: (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\tgetItemValue,\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 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, cancelPendingLoad } = useLoadMore({\n\t\thasMore: showListContent && !showStatus ? hasMore : false,\n\t\tonLoadMore,\n\t\tloadingMore,\n\t});\n\n\tconst currentScrollHandler = useRef(handleScroll);\n\tuseLayoutEffect(() => {\n\t\tcurrentScrollHandler.current = handleScroll;\n\t}, [handleScroll]);\n\n\t// Keep the public object ref and bind pagination when its portaled\n\t// viewport actually mounts, including after closing and reopening.\n\tconst listRef = useMemo(() => {\n\t\tlet viewport: HTMLDivElement | null = null;\n\t\tconst onScroll = (event: Event) => currentScrollHandler.current(event);\n\t\treturn {\n\t\t\tget current() { return viewport; },\n\t\t\tset current(next: HTMLDivElement | null) {\n\t\t\t\tif (viewport === next) return;\n\t\t\t\tviewport?.removeEventListener('scroll', onScroll);\n\t\t\t\tcancelPendingLoad();\n\t\t\t\tviewport = next;\n\t\t\t\tviewport?.addEventListener('scroll', onScroll);\n\t\t\t},\n\t\t};\n\t}, [cancelPendingLoad]);\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 itemToStringValue = useCallback(\n\t\t(item: T): string => isCreateOption(item) ? getCreateOptionValue(item) : (getItemValue ?? getKey)(item),\n\t\t[getItemValue, getKey],\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\titemToStringValue,\n\t\tgetItemReactKey,\n\t\thandleScroll,\n\t};\n}\n","import { useCallback, useState } from 'react';\n\nexport function useComboboxState<T>(\n\tcontrolled: T | undefined,\n\tdefaultValue: T,\n\tonChange?: (value: T) => void,\n) {\n\tconst [localValue, setLocalValue] = useState(() => defaultValue);\n\tconst isControlled = controlled !== undefined;\n\tconst changeValue = useCallback((next: T) => {\n\t\tif (!isControlled) setLocalValue(() => next);\n\t\tonChange?.(next);\n\t}, [isControlled, onChange]);\n\n\treturn [isControlled ? controlled : localValue, changeValue] as const;\n}\n","import { Stack } from '../../base/structure';\n/**\n * Combobox Components\n *\n * A feature-rich, API-driven combobox built on Base UI with shadcn styling.\n * Supports single and multiple selection, form integration, debounced search,\n * grouping, pagination, and more.\n *\n * This version uses shared hooks and components to eliminate duplication\n * between single and multiple selection variants.\n */\n\nimport * as React from 'react';\nimport { useRef, useCallback, useEffect, useState } from 'react';\n\nimport {\n\tComboboxRoot as BaseCombobox,\n\tComboboxChips,\n\tComboboxChip,\n\tComboboxChipsInput,\n} from '../../base/combobox';\nimport { Text } from '../../typography';\nimport { ComboboxInputField } from '../../base/combobox/combobox-field';\nimport { useDensityConfig, type FormControlSize } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { cn } from '../../../lib/utils';\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 { useComboboxState } from './hooks/use-combobox-state';\nimport { defaultComboboxStrings } from './combobox.strings';\nimport type {\n\tComboboxProps,\n\tMultiComboboxProps,\n\tComboboxSize,\n} from './types';\n\nfunction resolveComboboxSize(\n\tsizeProp: ComboboxSize | undefined,\n\tdefaultScale: FormControlSize | undefined,\n): ComboboxSize {\n\treturn resolveComponentScale(sizeProp, defaultScale, DEFAULT_SIZE);\n};\n\n\nconst primitiveComboboxSizeBySize: Record<ComboboxSize, 'sm' | 'md' | 'lg'> = {\n\tsm: 'sm',\n\tmd: 'md',\n\tlg: 'lg',\n};\n\nfunction getComboboxFormSize(size: ComboboxSize): FormControlSize {\n\treturn size;\n}\n\n// ============================================================================\n// Single Selection Component\n// ============================================================================\n\nexport function Combobox<T>({\n\t// Core props\n\titems,\n\tvalue,\n\tdefaultValue = null,\n\tonValueChange,\n\tselectedValue: legacyValue,\n\tonSelectedValueChange: onLegacyValueChange,\n\tclearSearchOnClose = true,\n\tsearchValue: controlledSearch,\n\tdefaultSearchValue = '',\n\tonSearchValueChange: onSearchChange,\n\tgetItemLabel,\n\tgetItemKey,\n\tgetItemValue,\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\tid,\n\tref,\n\t'aria-label': ariaLabel,\n\t'aria-labelledby': ariaLabelledBy,\n\t'aria-describedby': ariaDescribedBy,\n\t'aria-invalid': ariaInvalid,\n\t'aria-required': ariaRequired,\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\tdefaultOpen = false,\n\tonOpenChange,\n}: ComboboxProps<T>): React.ReactElement {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComboboxSize(sizeProp, defaultScale);\n\tconst formSize = getComboboxFormSize(size);\n\tconst fieldInvalid = invalid || error ? true : ariaInvalid;\n\tconst hasError = Boolean(fieldInvalid && fieldInvalid !== 'false');\n\tconst [selectedValue, onSelectedValueChange] = useComboboxState<T | null>(\n\t\tvalue !== undefined ? value : legacyValue, defaultValue, onValueChange ?? onLegacyValueChange,\n\t);\n\tconst [searchValue, onSearchValueChange] = useComboboxState(controlledSearch, defaultSearchValue, onSearchChange);\n\tconst [openState, handleOpenChange] = useComboboxState(open, defaultOpen, onOpenChange);\n\tconst resolvedOpen = !disabled && openState;\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\tgetItemValue,\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 !== null ? [selectedValue] : [],\n\t});\n\n\tconst wasOpen = useRef(resolvedOpen);\n\tuseEffect(() => {\n\t\tconst closed = wasOpen.current && !resolvedOpen;\n\t\twasOpen.current = resolvedOpen;\n\t\tif (closed && clearSearchOnClose && searchValue !== '') onSearchValueChange('');\n\t}, [resolvedOpen, clearSearchOnClose, searchValue, onSearchValueChange]);\n\n\t// When closed with a selected value, show the label; when open, show search text\n\tconst displayInputValue = resolvedOpen\n\t\t? searchValue\n\t\t: (selectedValue !== null ? core.itemToStringLabel(selectedValue) : '');\n\n\t// Handle value change, including create option\n\tconst handleValueChange = useCallback(\n\t\t(value: T | null): void => {\n\t\t\tif (value && isCreateOption(value)) {\n\t\t\t\tconst inputValue = getCreateOptionValue(value);\n\t\t\t\tonCreate?.(inputValue);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonSelectedValueChange(value);\n\t\t},\n\t\t[onSelectedValueChange, onCreate]\n\t);\n\n\treturn (\n\t\t<Stack gap=\"dense\" className=\"combobox--component\">\n\t\t\t<BaseCombobox\n\t\t\t\tdismissLabel={core.strings.dismiss}\n\t\t\t\titems={core.allItems}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tonValueChange={(value, details) => {\n\t\t\t\t\t// Escape on a closed field must not erase the chosen value; let the\n\t\t\t\t\t// surrounding dialog or drawer handle the key instead.\n\t\t\t\t\tif (details.reason === 'escape-key') { details.allowPropagation(); return; }\n\t\t\t\t\thandleValueChange(value);\n\t\t\t\t}}\n\t\t\t\tinputValue={displayInputValue}\n\t\t\t\tonInputValueChange={(value, details) => {\n\t\t\t\t\tconst { reason } = details;\n\t\t\t\t\tif (reason === 'escape-key') { details.allowPropagation(); return; }\n\t\t\t\t\tif (reason === 'item-press') {\n\t\t\t\t\t\tonSearchValueChange('');\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tonSearchValueChange(value);\n\t\t\t\t}}\n\t\t\t\titemToStringLabel={core.itemToStringLabel}\n\t\t\t\titemToStringValue={core.itemToStringValue}\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={handleOpenChange}\n\t\t\t>\n\t\t\t\t<ComboboxInputField\n\t\t\t\t\tid={id}\n\t\t\t\t\tref={ref}\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\taria-invalid={fieldInvalid}\n\t\t\t\t\taria-required={ariaRequired}\n\t\t\t\t\tplaceholder={core.strings.placeholder}\n\t\t\t\t\tclearLabel={core.strings.clear}\n\t\t\t\t\ttoggleLabel={core.strings.toggle}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tsize={formSize}\n\t\t\t\t\terror={hasError}\n\t\t\t\t\trequired={required}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tclearable={clearable}\n\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t/>\n\n\t\t\t\t<ComboboxDropdown\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tshowStatus={core.showStatus}\n\t\t\t\t\tshowEmpty={core.showEmpty}\n\t\t\t\t\tsearchValue={searchValue}\n\t\t\t\t\tminSearchLength={minSearchLength}\n\t\t\t\t\titems={core.allItems}\n\t\t\t\t\tgroupedItems={core.groupedItems}\n\t\t\t\t\tcreateOptionItem={core.createOptionItem}\n\t\t\t\t\trenderItemContent={core.renderItemContent}\n\t\t\t\t\tgetItemReactKey={core.getItemReactKey}\n\t\t\t\t\tgetItemDisabled={getItemDisabled}\n\t\t\t\t\trenderGroupLabel={renderGroupLabel}\n\t\t\t\t\tloadingMore={showListContent && !core.showStatus ? loadingMore : false}\n\t\t\t\t\tstrings={core.strings}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tportalContainer={portalContainer}\n\t\t\t\t\tlistRef={core.listRef}\n\t\t\t\t/>\n\t\t\t</BaseCombobox>\n\n\t\t\t<ErrorMessage error={error} size={size} />\n\t\t</Stack>\n\t);\n}\n\n// ============================================================================\n// Multiple Selection Component\n// ============================================================================\n\nexport function MultiCombobox<T>({\n\t// Core props\n\titems,\n\tvalues,\n\tdefaultValues = [],\n\tonValuesChange,\n\tselectedValues: legacyValues,\n\tonSelectedValuesChange: onLegacyValuesChange,\n\tsearchValue: controlledSearch,\n\tdefaultSearchValue = '',\n\tonSearchValueChange: onSearchChange,\n\tgetItemLabel,\n\tgetItemKey,\n\tgetItemValue,\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\tid,\n\tref,\n\t'aria-label': ariaLabel,\n\t'aria-labelledby': ariaLabelledBy,\n\t'aria-describedby': ariaDescribedBy,\n\t'aria-invalid': ariaInvalid,\n\t'aria-required': ariaRequired,\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\tdefaultOpen = false,\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 fieldInvalid = invalid || error ? true : ariaInvalid;\n\tconst hasError = Boolean(fieldInvalid && fieldInvalid !== 'false');\n\tconst containerRef = useRef<HTMLDivElement | null>(null);\n\tconst getKey = getItemKey ?? getItemLabel;\n\tconst [selectedValues, onSelectedValuesChange] = useComboboxState<T[]>(\n\t\tvalues ?? legacyValues, defaultValues, onValuesChange ?? onLegacyValuesChange,\n\t);\n\tconst [searchValue, onSearchValueChange] = useComboboxState(controlledSearch, defaultSearchValue, onSearchChange);\n\tconst [openState, setOpen] = useComboboxState(open, defaultOpen, onOpenChange);\n\tconst resolvedOpen = !disabled && openState;\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\n\tuseEffect(() => {\n\t\tif (applyButton) setDraftValues(selectedValues);\n\t}, [applyButton, selectedValues]);\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\tgetItemValue,\n\t\tloading,\n\t\tshowListContent,\n\t\tminSearchLength,\n\t\tstrings: stringsProp,\n\t\trenderItem,\n\t\tonSearch,\n\t\tdebounceMs,\n\t\tcreatable,\n\t\tonCreate,\n\t\tgetItemGroup,\n\t\thasMore,\n\t\tonLoadMore,\n\t\tloadingMore,\n\t\thighlightMatch,\n\t\tsize,\n\t\t// Include selected values in items list\n\t\tensuredItems: selectedValues,\n\t});\n\n\t// Handle value change, filtering out create options\n\tconst handleValueChange = useCallback(\n\t\t(values: T[]): void => {\n\t\t\tconst regularValues: T[] = [];\n\t\t\tlet createValue: string | null = null;\n\n\t\t\tfor (const value of values) {\n\t\t\t\tif (isCreateOption(value)) {\n\t\t\t\t\tcreateValue = getCreateOptionValue(value);\n\t\t\t\t} else {\n\t\t\t\t\tregularValues.push(value);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (createValue) {\n\t\t\t\tonCreate?.(createValue);\n\t\t\t}\n\n\t\t\tconst next = (regularValues.length !== values.length || !createValue) ? regularValues : null;\n\t\t\tif (next) {\n\t\t\t\tif (applyButton) {\n\t\t\t\t\tsetDraftValues(next);\n\t\t\t\t} else {\n\t\t\t\t\tonSelectedValuesChange(next);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (closeOnSelect) {\n\t\t\t\tsetOpen(false);\n\t\t\t}\n\t\t},\n\t\t[onSelectedValuesChange, onCreate, applyButton, closeOnSelect, setOpen],\n\t);\n\n\tconst handleApply = useCallback(() => {\n\t\tif (applyButton) onSelectedValuesChange(draftValues);\n\t\tonApply?.();\n\t\tsetOpen(false);\n\t}, [applyButton, draftValues, onApply, onSelectedValuesChange, setOpen]);\n\n\tconst handleCancel = useCallback(() => {\n\t\tif (applyButton) setDraftValues(selectedValues);\n\t\tonCancel?.();\n\t\tsetOpen(false);\n\t}, [applyButton, selectedValues, onCancel, setOpen]);\n\n\tconst visibleValues = applyButton ? draftValues : selectedValues;\n\tconst chipsPlaceholder = visibleValues.length > 0 ? undefined : core.strings.placeholder;\n\n\treturn (\n\t\t<Stack gap=\"dense\" className=\"combobox--component\">\n\t\t\t<BaseCombobox\n\t\t\t\tdismissLabel={core.strings.dismiss}\n\t\t\t\titems={core.allItems}\n\t\t\t\tmultiple\n\t\t\t\tvalue={visibleValues}\n\t\t\t\tonValueChange={(value, details) => {\n\t\t\t\t\t// Escape on a closed field must not erase the chosen value; let the\n\t\t\t\t\t// surrounding dialog or drawer handle the key instead.\n\t\t\t\t\tif (details.reason === 'escape-key') { details.allowPropagation(); return; }\n\t\t\t\t\thandleValueChange(value);\n\t\t\t\t}}\n\t\t\t\tinputValue={searchValue}\n\t\t\t\tonInputValueChange={(value, details) => {\n\t\t\t\t\tconst { reason } = details;\n\t\t\t\t\tif (reason === 'escape-key') { details.allowPropagation(); return; }\n\t\t\t\t\tif (reason === 'item-press') {\n\t\t\t\t\t\tonSearchValueChange('');\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tonSearchValueChange(value);\n\t\t\t\t}}\n\t\t\t\titemToStringLabel={core.itemToStringLabel}\n\t\t\t\titemToStringValue={core.itemToStringValue}\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, details) => {\n\t\t\t\t\tif (!next && applyButton && !closeOnSelect && details.reason === 'item-press') {\n\t\t\t\t\t\tdetails.cancel();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\t// In apply-button mode, closing without committing should\n\t\t\t\t\t// revert the draft so the next open starts clean.\n\t\t\t\t\tif (!next && applyButton) setDraftValues(selectedValues);\n\t\t\t\t\tsetOpen(next);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<ComboboxChips\n\t\t\t\t\tref={containerRef}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\tformControlMinHeightClasses[formSize],\n\t\t\t\t\t\tformControlPaddingClasses[formSize],\n\t\t\t\t\t\tformSize === 'sm' ? 'text-pxs' : 'text-sm',\n\t\t\t\t\t\t'bg-transparent !shadow-none',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tsize={primitiveComboboxSize}\n\t\t\t\t\terror={hasError}\n\t\t\t\t>\n\t\t\t\t\t{visibleValues.map((item) => (\n\t\t\t\t\t\t<ComboboxChip key={getKey(item)} strings={{ remove: (core.strings.removeSelection ?? defaultComboboxStrings.removeSelection)(getItemLabel(item)) }}>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tsize=\"inherit\"\n\t\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\t\tlineHeight=\"tight\"\n\t\t\t\t\t\t\t\tclassName=\"combobox--chip-label text-inherit\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{getItemLabel(item)}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</ComboboxChip>\n\t\t\t\t\t))}\n\t\t\t\t\t<ComboboxChipsInput\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\t\tplaceholder={chipsPlaceholder}\n\t\t\t\t\t\taria-invalid={fieldInvalid}\n\t\t\t\t\t\taria-required={ariaRequired ?? required}\n\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t/>\n\t\t\t\t</ComboboxChips>\n\n\t\t\t\t<ComboboxDropdown\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tshowStatus={core.showStatus}\n\t\t\t\t\tshowEmpty={core.showEmpty}\n\t\t\t\t\tsearchValue={searchValue}\n\t\t\t\t\tminSearchLength={minSearchLength}\n\t\t\t\t\titems={core.allItems}\n\t\t\t\t\tgroupedItems={core.groupedItems}\n\t\t\t\t\tcreateOptionItem={core.createOptionItem}\n\t\t\t\t\trenderItemContent={core.renderItemContent}\n\t\t\t\t\tgetItemReactKey={core.getItemReactKey}\n\t\t\t\t\tgetItemDisabled={getItemDisabled}\n\t\t\t\t\trenderGroupLabel={renderGroupLabel}\n\t\t\t\t\tloadingMore={showListContent && !core.showStatus ? loadingMore : false}\n\t\t\t\t\tstrings={core.strings}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tportalContainer={portalContainer}\n\t\t\t\t\tlistRef={core.listRef}\n\t\t\t\t\tanchor={containerRef}\n\t\t\t\t\tapplyFooter={showListContent && applyButton ? {\n\t\t\t\t\t\tapplyLabel: core.strings.apply,\n\t\t\t\t\t\tcancelLabel: core.strings.cancel,\n\t\t\t\t\t\tonApply: handleApply,\n\t\t\t\t\t\tonCancel: handleCancel,\n\t\t\t\t\t} : undefined}\n\t\t\t\t/>\n\t\t\t</BaseCombobox>\n\n\t\t\t<ErrorMessage error={error} size={size} />\n\t\t</Stack>\n\t);\n}\n\nCombobox.displayName = 'Combobox';\nMultiCombobox.displayName = 'MultiCombobox';\n","import { useCallback, useEffect, useMemo, useRef, useState, type ReactNode } from 'react';\n\nimport { ErrorState } from '../../base/feedback';\nimport { Stack } from '../../base/structure';\nimport { Text } from '../../typography';\nimport { useDebouncedCallback } from '../../../hooks/use-debounced-callback';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { Combobox } from './combobox';\nimport { defaultComboboxStrings } from './combobox.strings';\nimport { DEFAULT_DEBOUNCE_MS } from './constants';\nimport { useComboboxState } from './hooks/use-combobox-state';\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| '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\tsearchValue: controlledSearch,\n\tdefaultSearchValue = '',\n\tonSearchValueChange,\n\tonAfterFetch,\n\tonError,\n\tgetKey,\n\tgetLabel,\n\tgetDescription,\n\tgetMeta,\n\trenderOption,\n\tlimit = 10,\n\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\tpreload = true,\n\tminSearchLength = 0,\n\terrorMessage,\n\trenderError,\n\tstrings: stringsProp,\n\tdisabled,\n\tsize,\n\t...props\n}: AsyncResourceComboboxProps<T>) {\n\tconst strings = useStrings(defaultAsyncResourceComboboxStrings, stringsProp);\n\tconst [selectedValue, handleValueChange] = useComboboxState<T | null>(value, defaultValue, onValueChange);\n\tconst [searchValue, setSearchValue] = useComboboxState(controlledSearch, defaultSearchValue, onSearchValueChange);\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\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 !== null && getKey(selectedValue) === getKey(item),\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst description = getDescription?.(item);\n\t\t\tconst meta = getMeta?.(item);\n\n\t\t\treturn (\n\t\t\t\t<Stack\n\t\t\t\t\trender={<span />}\n\t\t\t\t\tdirection=\"horizontal\"\n\t\t\t\t\tgap=\"md\"\n\t\t\t\t\twrap={false}\n\t\t\t\t\tclassName=\"async-resource-combobox--option leading-tight\"\n\t\t\t\t>\n\t\t\t\t\t<Text type=\"inherit\"\n\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\tsize={size === 'sm' ? 'pxs' : undefined}\n\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\tclassName=\"min-w-0 shrink truncate\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{getLabel(item)}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{(!!description || !!meta) && (\n\t\t\t\t\t\t<span className=\"inline-flex min-w-0 flex-1 items-center gap-space-sm overflow-hidden text-muted-foreground\">\n\t\t\t\t\t\t\t{!!description && (isSimpleText(description) ? (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"min-w-0 truncate\">\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : description)}\n\t\t\t\t\t\t\t{!!meta && (isSimpleText(meta) ? (\n\t\t\t\t\t\t\t\t<Text tag=\"span\" size=\"xs\" type=\"secondary\" className=\"min-w-0 truncate\">\n\t\t\t\t\t\t\t\t\t{meta}\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) : meta)}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t);\n\t\t},\n\t\t[getDescription, getKey, getLabel, getMeta, renderOption, selectedValue, size, trimmedSearch],\n\t);\n\n\tconst resolvedError = useMemo(() => {\n\t\tif (!fetchError) return undefined;\n\t\treturn errorMessage ?? strings.error;\n\t}, [errorMessage, fetchError, strings.error]);\n\tconst hasFetchError = fetchError !== null;\n\tconst errorNode = fetchError\n\t\t? renderError?.({ error: fetchError.error, query: fetchError.query, retry }) ?? (\n\t\t\t<ErrorState\n\t\t\t\tvariant=\"inline\"\n\t\t\t\ttitle={resolvedError}\n\t\t\t\tonRetry={retry}\n\t\t\t\tretryLabel={strings.retry}\n\t\t\t\tclassName=\"async-resource-combobox--error mt-space-sm\"\n\t\t\t/>\n\t\t)\n\t\t: null;\n\n\treturn (\n\t\t<div\n\t\t\tdata-component=\"async-resource-combobox\"\n\t\t\tdata-slot=\"async-resource-combobox\"\n\t\t\tclassName={cn('async-resource-combobox--component', props.className)}\n\t\t>\n\t\t\t<Combobox\n\t\t\t\t{...props}\n\t\t\t\tclassName={undefined}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tsize={size}\n\t\t\t\titems={items}\n\t\t\t\tvalue={selectedValue}\n\t\t\t\tonValueChange={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-9e52NPgK.js DELETED Viewed

@@ -1,425 +0,0 @@
-"use client";
-import { v as e } from "./ui-provider-C-74NVLc.js";
-import { t } from "./utils-DhuoqFy4.js";
-import { c as n } from "./typography-C7-YMW1S.js";
-import { s as r } from "./text.styles-B64My8RZ.js";
-import { a as i, n as a, r as o, t as s } from "./popover.recipes-DJ0AkUan.js";
-import { n as c } from "./collection-content-CSnwtOTH.js";
-import { t as l } from "./input-7KAc7XQL.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-surface 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("ms-auto text-xs text-muted-foreground", e),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/command/command.tsx
-var M = {
-	default: i.default,
-	compact: i.compact,
-	flush: `${i.flush} ${o.menuSearch}`
-}, 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-surface 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" ? i.compact : "p-0", e),
-		...n
-	});
-}
-function L({ children: e }) {
-	return typeof e != "string" && typeof e != "number" && typeof e != "bigint" ? e : /* @__PURE__ */ f(n, {
-		tag: "span",
-		size: "xs",
-		type: "secondary",
-		weight: "medium",
-		lineHeight: "tight",
-		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: n, className: i, density: o = "default", ...l }) {
-	let { defaultTextSize: u } = e(), h = l["data-checked"] === !0 || l["data-checked"] === "true" ? /* @__PURE__ */ f(m, {
-		"aria-hidden": "true",
-		"data-slot": "command-item-indicator",
-		className: "ms-auto size-icon shrink-0 self-center"
-	}) : null, g = l.asChild ? n : typeof n == "function" ? (e) => /* @__PURE__ */ p(d, { children: [n(e), h] }) : /* @__PURE__ */ p(d, { children: [typeof n == "string" || typeof n == "number" || typeof n == "bigint" ? /* @__PURE__ */ f(c, {
-		className: "command-item--text min-w-0 flex-1",
-		children: n
-	}) : n, h] });
-	return /* @__PURE__ */ f(k, {
-		className: t("command-item--component [&>svg]:size-icon [&>svg]:shrink-0 [&>svg]:text-muted-foreground", a(o), s.disabled, r[u ?? "sm"], i),
-		...l,
-		children: g
-	});
-}
-function B({ children: e, className: r, ...i }) {
-	return /* @__PURE__ */ f(D, {
-		className: t("command-empty--component px-row-x py-space-xl text-center", r),
-		...i,
-		children: /* @__PURE__ */ f(n, {
-			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", o.separator, e),
-		...n
-	});
-}
-V.displayName = "CommandSeparator";
-function H({ children: e, className: r, ...i }) {
-	return /* @__PURE__ */ f(j, {
-		className: t("command-shortcut--component", r),
-		...i,
-		children: /* @__PURE__ */ f(n, {
-			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-9e52NPgK.js.map