@bioturing/components 0.46.1 → 0.46.3

package/dist/components/combobox/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/combobox/component.tsx"],"sourcesContent":["\"use client\";\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport DisabledContext from \"antd/es/config-provider/DisabledContext\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\nimport { ValidateStatus } from \"antd/es/form/FormItem\";\nimport type { PopoverProps } from \"antd/es/popover\";\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { BaseMenuItem } from \"../base-menu\";\nimport { useControlledState } from \"../hooks\";\nimport { SelectTrigger } from \"../select-trigger\";\nimport { clsx, reactNodeToString, useCls } from \"../utils\";\n\nimport { XIcon } from \"@bioturing/assets\";\nimport { BaseMenu } from \"../base-menu\";\nimport { Empty } from \"../empty\";\nimport { splitBySeparators } from \"./utils\";\nimport \"./style.css\";\n\n// Module-level static renderers — avoid recreating on every render\nconst positionerRender = (props: React.ComponentProps<\"div\">) => <BaseMenu.Root {...props} />;\nconst popupRender = (props: React.ComponentProps<\"div\">) => <BaseMenu.Popup {...props} />;\nconst separatorRender = (props: React.ComponentProps<\"div\">) => <BaseMenu.Divider {...props} />;\nconst listRender = (props: React.ComponentProps<\"div\">) => <BaseMenu.List {...props} />;\n\nexport type ComboboxOption<T extends React.Key, O extends Record<string, unknown> = {}> = {\n  value: T;\n  label: React.ReactNode;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n} & O;\n\nexport interface ComboboxProps<\n  T extends React.Key,\n  M extends boolean,\n  O extends Record<string, unknown> = {},\n> {\n  /** Array of options to be displayed in the combobox */\n  options?: ComboboxOption<T, O>[];\n  /** Current value of the combobox */\n  value?: M extends true ? T[] : T;\n  /** Default value when uncontrolled */\n  defaultValue?: M extends true ? T[] : T;\n  /** Callback when value changes */\n  onChange?: (value: M extends true ? T[] : T) => void;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the combobox is disabled */\n  disabled?: boolean;\n  /** Validation status */\n  status?: ValidateStatus;\n  /** Whether to allow clearing the selection */\n  allowClear?: boolean;\n  /** Whether to allow multiple selections */\n  multiple?: M;\n  /** Maximum number of tags to show */\n  maxTagCount?: number;\n  /** Whether to show search functionality */\n  showSearch?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Placement of the dropdown */\n  placement?: PopoverProps[\"placement\"];\n  /** Custom className for the component */\n  className?: string;\n  /** Custom class names for different parts */\n  classNames?: {\n    trigger?: string;\n    input?: string;\n    option?: string;\n    optionIcon?: string;\n    optionText?: string;\n    list?: string;\n    portal?: string;\n  };\n  /** Size of the combobox */\n  size?: \"small\" | \"middle\" | \"large\";\n  /** Loading state */\n  loading?: boolean;\n  /** Custom render for options */\n  optionRender?: (\n    option: ComboboxOption<T, O>,\n    props: React.HTMLAttributes<HTMLElement>,\n  ) => React.ReactElement;\n  /** Filter function for search */\n  /**\n   * Filter function for search\n   * - `true` or `undefined`: default filtering (splits by tokenSeparators if provided)\n   * - `false`: disables filtering\n   * - custom function: `(input, option) => boolean`\n   * @default true\n   */\n  filterOption?: boolean | ((input: string, option: ComboboxOption<T, O>) => boolean);\n  /** Callback when search input changes */\n  onSearch?: (value: string) => void;\n  /** Custom dropdown render */\n  dropdownRender?: (menu: React.ReactElement) => React.ReactElement;\n  /** Custom clear icon */\n  clearIcon?: React.ReactNode;\n  /** Custom suffix icon */\n  suffixIcon?: React.ReactNode;\n  // /**\n  //  * Show selection summary instead of individual tags when multiple\n  //  * @default false\n  //  */\n  // showSelectionSummary?: boolean;\n  // /**\n  //  * Render function for the selection summary in multiple case\n  //  * @default (selectedValues) => `${selectedValues.length} items selected`\n  //  */\n  // selectionSummaryRender?: (selectedValues: T[]) => React.ReactNode;\n  /**\n   * Show select all option when in multiple mode\n   * @default false\n   */\n  showSelectAll?: boolean;\n  /**\n   * Render function for the select all option\n   */\n  selectAllRender?: (props: {\n    onSelectAll: () => void;\n    onDeselectAll: () => void;\n    checked: boolean;\n    indeterminate: boolean;\n  }) => React.ReactNode;\n  /**\n   * Function to extract keywords from the item for search filtering\n   * @default (option) => [String(option.key), reactNodeToString(option.label)]\n   */\n  getOptionKeywords?: (option: ComboboxOption<T, O>) => string[];\n  /**\n   * Render function for the option label\n   */\n  optionLabelRender?: (\n    option: ComboboxOption<T, O>,\n    props?: React.HTMLAttributes<HTMLElement>,\n  ) => React.ReactElement;\n  /**\n   * Whether the popup width should match the trigger width.\n   * When `false`, the popup can exceed the trigger width to fit long option labels.\n   * @default true\n   */\n  popupMatchSelectWidth?: boolean;\n  /**\n   * Allow adding items by typing the exact label or value and pressing Enter.\n   * @default false\n   */\n  addOnEnter?: boolean;\n  /**\n   * Characters to split input by when adding multiple items on Enter.\n   * Only applies when `addOnEnter` and `multiple` are true.\n   * @default undefined\n   */\n  tokenSeparators?: string[];\n  /**\n   * Automatically highlight the first matching item while filtering.\n   * When enabled in single-select mode, Enter selects the highlighted\n   * item natively and `addOnEnter` is ignored to avoid conflicts.\n   * @default true\n   */\n  autoHighlight?: boolean;\n}\n\nconst ComboboxInner = <\n  T extends React.Key,\n  M extends boolean,\n  O extends Record<string, unknown> = {},\n>(\n  {\n    options = [],\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    placeholder = \"Select...\",\n    disabled: disabledProp = false,\n    status: statusProp,\n    allowClear = false,\n    multiple = false as M,\n    showSearch: _showSearch = true,\n    open: controlledOpen,\n    onOpenChange,\n    className,\n    classNames,\n    size = \"middle\",\n    optionRender,\n    onSearch,\n    clearIcon,\n    suffixIcon,\n    placement = \"bottomLeft\",\n    // showSelectionSummary: _showSelectionSummary = false,\n    // selectionSummaryRender,\n    showSelectAll = false,\n    optionLabelRender,\n    getOptionKeywords: _getOptionKeywords = (option: ComboboxOption<T, O>) => [\n      String(option.value),\n      reactNodeToString(option.label),\n    ],\n    popupMatchSelectWidth = true,\n    addOnEnter = false,\n    tokenSeparators,\n    autoHighlight = true,\n    filterOption,\n    ...rest\n  }: ComboboxProps<T, M, O>,\n  ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n  const [value, setValue] = useControlledState(\n    controlledValue,\n    onChange,\n    defaultValue !== undefined ? defaultValue : multiple ? ([] as T[]) : undefined,\n  );\n\n  const [open, setOpen] = useControlledState(controlledOpen, onOpenChange, false);\n\n  const cls = useCls();\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n\n  // Get form context values\n  const { status: contextStatus } = useContext(FormItemInputContext);\n  const contextDisabled = useContext(DisabledContext);\n\n  // Merge context values with props\n  const mergedStatus = statusProp || contextStatus;\n  const disabled = disabledProp || contextDisabled;\n\n  const handleValueChange = useCallback(\n    (newValue: M extends true ? T[] : T) => {\n      setValue(newValue);\n      onChange?.(newValue);\n    },\n    [setValue, onChange],\n  );\n\n  const handleSelectAll = useCallback(() => {\n    if (multiple) {\n      const allValues = options.map((option) => option.value);\n      (handleValueChange as (v: T[]) => void)(allValues);\n    }\n  }, [multiple, options, handleValueChange]);\n\n  const handleDeselectAll = useCallback(() => {\n    if (multiple) {\n      (handleValueChange as (v: T[]) => void)([]);\n    }\n  }, [multiple, handleValueChange]);\n\n  const handleClear = useCallback(() => {\n    if (multiple) {\n      (handleValueChange as (v: T[]) => void)([]);\n    } else {\n      (handleValueChange as (v: T) => void)(undefined as T);\n    }\n  }, [multiple, handleValueChange]);\n\n  // Prepare selected values\n  const selectedValues = useMemo(() => {\n    return Array.isArray(value) ? value : value ? [value] : [];\n  }, [value]);\n\n  // Build a Map for O(1) option lookups.\n  // `options.find()` was being called 7+ times per render and inside\n  // the hot `filter` path on every keystroke.\n  const optionMap = useMemo(() => {\n    const map = new Map<T, ComboboxOption<T, O>>();\n    for (const opt of options) {\n      map.set(opt.value, opt);\n    }\n    return map;\n  }, [options]);\n\n  // Select all option logic\n  const selectAllOption = useMemo(() => {\n    if (!showSelectAll || !multiple || options.length === 0) {\n      return null;\n    }\n\n    const selectedFromFiltered = selectedValues.filter((val) => optionMap.has(val as T));\n    const checked = selectedFromFiltered.length === options.length && options.length > 0;\n    const indeterminate =\n      selectedFromFiltered.length > 0 && selectedFromFiltered.length < options.length;\n\n    return {\n      checked,\n      indeterminate,\n      onToggle: () => {\n        if (indeterminate || checked) {\n          handleDeselectAll();\n        } else {\n          handleSelectAll();\n        }\n      },\n    };\n  }, [showSelectAll, multiple, options, optionMap, selectedValues, handleDeselectAll, handleSelectAll]);\n\n  // Convert options to Base UI format\n  const baseUIItems = useMemo(() => options.map((opt) => opt.value), [options]);\n\n  // Get display value for SelectTrigger\n  const displayValue = useMemo(() => {\n    if (multiple) {\n      return selectedValues.length > 0\n        ? `${selectedValues.length} item${selectedValues.length === 1 ? \"\" : \"s\"} selected`\n        : null;\n    } else {\n      const selectedOption = optionMap.get(selectedValues[0] as T);\n      return selectedOption?.label || null;\n    }\n  }, [multiple, selectedValues, optionMap]);\n\n  const inputClassName = clsx(\n    cls(\"combobox-input\"),\n    cls(`combobox-input-${size}`),\n    mergedStatus && cls(`combobox-input-${mergedStatus}`),\n    classNames?.input,\n  );\n\n  const itemToStringLabel = useCallback(\n    (itemValue: T) => {\n      const option = optionMap.get(itemValue);\n      return reactNodeToString(option?.label || String(itemValue));\n    },\n    [optionMap],\n  );\n\n  const [searchValue, setSearchValue] = useState(\"\");\n\n  const findOptionByInput = useCallback(\n    (input: string): ComboboxOption<T, O> | undefined => {\n      const trimmed = input.trim();\n      if (!trimmed) return undefined;\n      const lowerTrimmed = trimmed.toLowerCase();\n\n      // Fast path: exact match by value (O(1))\n      for (const [val, opt] of optionMap) {\n        if (String(val).toLowerCase() === lowerTrimmed) {\n          return opt;\n        }\n      }\n      // Fallback: match by label\n      for (const opt of optionMap.values()) {\n        if (reactNodeToString(opt.label).toLowerCase() === lowerTrimmed) {\n          return opt;\n        }\n      }\n      return undefined;\n    },\n    [optionMap],\n  );\n\n  const handleAddOnEnter = useCallback(\n    (input: string): boolean => {\n      if (!addOnEnter || !input.trim()) return false;\n\n      const tokens =\n        multiple && tokenSeparators && tokenSeparators.length > 0\n          ? splitBySeparators(input, tokenSeparators)\n          : [input.trim()];\n\n      const matchedValues: T[] = [];\n      for (const token of tokens) {\n        const option = findOptionByInput(token);\n        if (option && !option.disabled) {\n          matchedValues.push(option.value);\n        }\n      }\n\n      if (matchedValues.length === 0) return false;\n\n      if (multiple) {\n        const current = Array.isArray(value) ? [...value] : [];\n        const newValues = [...new Set([...current, ...matchedValues])];\n        (handleValueChange as (v: T[]) => void)(newValues);\n      } else {\n        (handleValueChange as (v: T) => void)(matchedValues[0]);\n        setOpen(false);\n      }\n\n      return true;\n    },\n    [\n      addOnEnter,\n      multiple,\n      tokenSeparators,\n      findOptionByInput,\n      value,\n      handleValueChange,\n      setOpen,\n    ],\n  );\n\n  const hasSeparator = useMemo(() => {\n    if (!tokenSeparators || tokenSeparators.length === 0) return false;\n    return tokenSeparators.some((sep) => searchValue.includes(sep));\n  }, [searchValue, tokenSeparators]);\n\n  const effectiveAutoHighlight = multiple ? autoHighlight && !hasSeparator : autoHighlight;\n\n  const createInputKeyDownHandler = useCallback(\n    (currentSearchValue: string) => (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\" && addOnEnter && currentSearchValue) {\n        // In single-select mode with autoHighlight, let Base UI handle Enter\n        // to select the natively highlighted item instead of exact matching.\n        if (!multiple && autoHighlight) return;\n\n        const matched = handleAddOnEnter(currentSearchValue);\n        if (matched) {\n          event.preventDefault();\n          setSearchValue(\"\");\n          onSearch?.(\"\");\n        }\n      }\n    },\n    [addOnEnter, autoHighlight, multiple, handleAddOnEnter, onSearch],\n  );\n\n  const mergedFilter = useMemo(() => {\n    if (filterOption === false) {\n      return null;\n    }\n\n    if (typeof filterOption === \"function\") {\n      return (itemValue: T, query: string) => {\n        const option = optionMap.get(itemValue);\n        return filterOption(query, option);\n      };\n    }\n\n    return (itemValue: T, query: string) => {\n      if (!query) return true;\n      const option = optionMap.get(itemValue);\n      if (!option) return false;\n\n      const tokens =\n        tokenSeparators && tokenSeparators.length > 0\n          ? splitBySeparators(query, tokenSeparators)\n          : [query];\n\n      const keywords = _getOptionKeywords(option).map((k) => k.toLowerCase());\n\n      return tokens.some((token) => {\n        const lowerToken = token.toLowerCase();\n        return keywords.some((keyword) => keyword.includes(lowerToken));\n      });\n    };\n  }, [filterOption, optionMap, tokenSeparators, _getOptionKeywords]);\n\n  return (\n    <div ref={ref} className={clsx(cls(\"combobox\"), className)} {...rest}>\n      <BaseCombobox.Root<T, M>\n        value={\n          (multiple ? selectedValues : (selectedValues[0] ?? null)) as M extends true\n            ? T[]\n            : T | null\n        }\n        onValueChange={(newValue) => {\n          if (multiple) {\n            (handleValueChange as (v: T[]) => void)(\n              Array.isArray(newValue) ? (newValue as T[]) : [],\n            );\n          } else {\n            (handleValueChange as (v: T) => void)(newValue as T);\n          }\n        }}\n        inputValue={searchValue}\n        onInputValueChange={(val: string) => {\n          setSearchValue(val);\n          onSearch?.(val);\n        }}\n        open={open}\n        onOpenChange={setOpen}\n        multiple={multiple}\n        disabled={disabled}\n        autoHighlight={effectiveAutoHighlight}\n        items={baseUIItems}\n        itemToStringLabel={itemToStringLabel}\n        filter={mergedFilter}\n      >\n        {/* Single Selection Layout using SelectTrigger compound components */}\n        {!multiple ? (\n          <SelectTrigger.Root\n            ref={inputContainerRef}\n            as=\"div\"\n            size={size}\n            disabled={disabled}\n            open={open}\n            status={mergedStatus}\n            placeholder={placeholder}\n            displayValue={displayValue}\n            allowClear={allowClear}\n            suffixIcon={suffixIcon}\n            clearIcon={clearIcon}\n            onClear={handleClear}\n            onOpenChange={setOpen}\n            className={clsx(classNames?.trigger, cls(\"combobox-trigger-single\"))}\n          >\n            <SelectTrigger.Content\n              contentRender={({ className, children, ...rest }) => (\n                <BaseCombobox.Input\n                  placeholder={placeholder}\n                  className={clsx(className, inputClassName)}\n                  disabled={disabled}\n                  onKeyDown={createInputKeyDownHandler(searchValue)}\n                  {...rest}\n                />\n              )}\n            />\n            <SelectTrigger.Clear\n              render={(props) => <BaseCombobox.Clear {...props}></BaseCombobox.Clear>}\n            />\n            <SelectTrigger.Arrow\n              render={(props, { icon }) => (\n                <BaseCombobox.Trigger {...props}>\n                  <BaseCombobox.Icon>{icon}</BaseCombobox.Icon>\n                </BaseCombobox.Trigger>\n              )}\n            />\n          </SelectTrigger.Root>\n        ) : (\n          /* Multiple Selection Layout using SelectTrigger compound components */\n          <SelectTrigger.Root\n            ref={inputContainerRef}\n            size={size}\n            disabled={disabled}\n            open={open}\n            status={mergedStatus}\n            placeholder={placeholder}\n            displayValue={displayValue}\n            allowClear={allowClear}\n            suffixIcon={suffixIcon}\n            clearIcon={clearIcon}\n            onClear={handleClear}\n            onOpenChange={setOpen}\n            className={clsx(classNames?.trigger, cls(\"combobox-trigger-multiple\"))}\n            as=\"div\"\n          >\n            <SelectTrigger.Content\n              contentRender={({ className, children, ...rest }) => (\n                <BaseCombobox.Chips className={clsx(cls(\"combobox-chips\"), className)} {...rest}>\n                  <BaseCombobox.Value>\n                    {(selectedItems) => (\n                      <>\n                        {selectedItems.map((item: T) => {\n                          const option = optionMap.get(item);\n                          return (\n                            <BaseCombobox.Chip key={item} className={clsx(cls(\"combobox-chip\"))}>\n                              {option?.icon && (\n                                <span className={clsx(cls(\"combobox-chip-icon\"))}>\n                                  {option.icon}\n                                </span>\n                              )}\n                              <span className={clsx(cls(\"combobox-chip-text\"))}>\n                                {option\n                                  ? optionLabelRender\n                                    ? optionLabelRender(option)\n                                    : option.label\n                                  : item}\n                              </span>\n                              <BaseCombobox.ChipRemove\n                                className={clsx(cls(\"combobox-chip-remove\"))}\n                              >\n                                <XIcon />\n                              </BaseCombobox.ChipRemove>\n                            </BaseCombobox.Chip>\n                          );\n                        })}\n\n                        <BaseCombobox.Input\n                          placeholder={selectedItems.length > 0 ? \"\" : placeholder}\n                          className={inputClassName}\n                          disabled={disabled}\n                          onKeyDown={createInputKeyDownHandler(searchValue)}\n                        />\n                      </>\n                    )}\n                  </BaseCombobox.Value>\n                </BaseCombobox.Chips>\n              )}\n            />\n            <SelectTrigger.Clear\n              render={(props) => <BaseCombobox.Clear {...props}></BaseCombobox.Clear>}\n            />\n            <SelectTrigger.Arrow\n              render={(props, { icon }) => (\n                <BaseCombobox.Trigger {...props}>\n                  <BaseCombobox.Icon>{icon}</BaseCombobox.Icon>\n                </BaseCombobox.Trigger>\n              )}\n            />\n          </SelectTrigger.Root>\n        )}\n\n        <BaseCombobox.Portal>\n          <BaseCombobox.Positioner\n            anchor={inputContainerRef.current}\n            sideOffset={4}\n            side={placement.startsWith(\"top\") ? \"top\" : \"bottom\"}\n            align={\n              placement.endsWith(\"Right\")\n                ? \"end\"\n                : placement === \"top\" || placement === \"bottom\"\n                  ? \"center\"\n                  : \"start\"\n            }\n            render={positionerRender}\n          >\n            <BaseCombobox.Popup\n              className={clsx(\n                cls(\"combobox-popup\"),\n                !popupMatchSelectWidth && cls(\"combobox-popup--auto-width\"),\n                classNames?.portal,\n              )}\n              render={popupRender}\n            >\n              {/* Select All Option */}\n              {selectAllOption && (\n                <>\n                  <BaseMenuItem\n                    as=\"button\"\n                    type=\"button\"\n                    className={clsx(cls(\"combobox-select-all\"))}\n                    selected={selectAllOption.checked}\n                    onClick={selectAllOption.onToggle}\n                    indeterminate={selectAllOption.indeterminate}\n                    showCheckbox\n                  >\n                    Select All\n                  </BaseMenuItem>\n                  <BaseCombobox.Separator render={separatorRender} />\n                </>\n              )}\n              <BaseCombobox.List\n                className={clsx(cls(\"combobox-list\"), classNames?.list)}\n                render={listRender}\n              >\n                {(item: T) => {\n                  const option = optionMap.get(item);\n                  if (!option) return null;\n                  const isSelected = (selectedValues as T[]).includes(item);\n                  return optionRender ? (\n                    optionRender(option, {})\n                  ) : (\n                    <BaseMenuItem\n                      key={option.value}\n                      disabled={option.disabled}\n                      selected={isSelected}\n                      showCheckbox={multiple}\n                      icon={option.icon}\n                      classNames={{\n                        root: clsx(classNames?.option),\n                        icon: classNames?.optionIcon,\n                        text: classNames?.optionText,\n                      }}\n                      labelRender={\n                        optionLabelRender\n                          ? (props: React.HTMLAttributes<HTMLElement>) =>\n                              optionLabelRender(option, props)\n                          : undefined\n                      }\n                      render={(props: React.HTMLAttributes<HTMLElement>) => (\n                        <BaseCombobox.Item\n                          value={item as T}\n                          disabled={option.disabled}\n                          {...props}\n                          data-disabled={option.disabled}\n                          data-selected={isSelected}\n                        />\n                      )}\n                    >\n                      {option.label}\n                    </BaseMenuItem>\n                  );\n                }}\n              </BaseCombobox.List>\n\n              <BaseCombobox.Empty className={clsx(cls(\"combobox-empty\"))}>\n                <Empty description=\"No options found\" />\n              </BaseCombobox.Empty>\n            </BaseCombobox.Popup>\n          </BaseCombobox.Positioner>\n        </BaseCombobox.Portal>\n      </BaseCombobox.Root>\n    </div>\n  );\n};\n\nconst MainCombobox = forwardRef(ComboboxInner) as <\n  T extends React.Key,\n  M extends boolean,\n  O extends Record<string, unknown> = {},\n>(\n  props: ComboboxProps<T, M, O> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReturnType<typeof ComboboxInner>;\n\nexport const Combobox = Object.assign(MainCombobox, {\n  // Add any sub components here if needed\n});\n\nexport default Combobox;\n"],"names":["positionerRender","props","jsx","BaseMenu","popupRender","separatorRender","listRender","ComboboxInner","options","controlledValue","defaultValue","onChange","placeholder","disabledProp","statusProp","allowClear","multiple","_showSearch","controlledOpen","onOpenChange","className","classNames","size","optionRender","onSearch","clearIcon","suffixIcon","placement","showSelectAll","optionLabelRender","_getOptionKeywords","option","reactNodeToString","popupMatchSelectWidth","addOnEnter","tokenSeparators","autoHighlight","filterOption","rest","ref","value","setValue","useControlledState","open","setOpen","cls","useCls","inputContainerRef","useRef","contextStatus","useContext","FormItemInputContext","contextDisabled","DisabledContext","mergedStatus","disabled","handleValueChange","useCallback","newValue","handleSelectAll","allValues","handleDeselectAll","handleClear","selectedValues","useMemo","optionMap","map","opt","selectAllOption","selectedFromFiltered","val","checked","indeterminate","baseUIItems","displayValue","inputClassName","clsx","itemToStringLabel","itemValue","searchValue","setSearchValue","useState","findOptionByInput","input","trimmed","lowerTrimmed","handleAddOnEnter","tokens","splitBySeparators","matchedValues","token","current","newValues","hasSeparator","sep","effectiveAutoHighlight","createInputKeyDownHandler","currentSearchValue","event","mergedFilter","query","keywords","k","lowerToken","keyword","jsxs","BaseCombobox","SelectTrigger","children","selectedItems","Fragment","item","XIcon","icon","BaseMenuItem","isSelected","Empty","MainCombobox","forwardRef","Combobox"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/combobox/component.tsx"],"sourcesContent":["\"use client\";\nimport { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport DisabledContext from \"antd/es/config-provider/DisabledContext\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\nimport React, {\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { BaseMenuItem } from \"../base-menu\";\nimport { useControlledState } from \"../hooks\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { SelectTrigger } from \"../select-trigger\";\nimport { clsx, reactNodeToString, useCls } from \"../utils\";\n\nimport { XIcon } from \"@bioturing/assets\";\nimport { BaseMenu } from \"../base-menu\";\nimport { Empty } from \"../empty\";\nimport type { ComboboxOption, ComboboxProps } from \"./types\";\nimport { splitBySeparators } from \"./utils\";\nimport { useComboboxTokenInput } from \"./use-combobox-token-input\";\nimport \"./style.css\";\n\nexport type { ComboboxOption, ComboboxProps } from \"./types\";\n\n// Module-level static renderers — avoid recreating on every render\nconst positionerRender = (props: React.ComponentProps<\"div\">) => <BaseMenu.Root {...props} />;\nconst popupRender = (props: React.ComponentProps<\"div\">) => <BaseMenu.Popup {...props} />;\nconst separatorRender = (props: React.ComponentProps<\"div\">) => <BaseMenu.Divider {...props} />;\nconst listRender = (props: React.ComponentProps<\"div\">) => <BaseMenu.List {...props} />;\n\nconst ComboboxInner = <\n  T extends React.Key,\n  M extends boolean,\n  O extends Record<string, unknown> = {},\n>(\n  {\n    options = [],\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    placeholder = \"Select...\",\n    disabled: disabledProp = false,\n    status: statusProp,\n    allowClear = false,\n    multiple = false as M,\n    showSearch: _showSearch = true,\n    open: controlledOpen,\n    onOpenChange,\n    className,\n    classNames,\n    size = \"middle\",\n    optionRender,\n    onSearch,\n    clearIcon,\n    suffixIcon,\n    placement = \"bottomLeft\",\n    // showSelectionSummary: _showSelectionSummary = false,\n    // selectionSummaryRender,\n    showSelectAll = false,\n    optionLabelRender,\n    getOptionKeywords: _getOptionKeywords = (option: ComboboxOption<T, O>) => [\n      String(option.value),\n      reactNodeToString(option.label),\n    ],\n    popupMatchSelectWidth = true,\n    addOnEnter = false,\n    tokenSeparators,\n    autoHighlight = true,\n    filterOption,\n    ...rest\n  }: ComboboxProps<T, M, O>,\n  ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n  const [value, setValue] = useControlledState(\n    controlledValue,\n    onChange,\n    defaultValue !== undefined ? defaultValue : multiple ? ([] as T[]) : undefined,\n  );\n\n  const [open, setOpen] = useControlledState(controlledOpen, onOpenChange, false);\n\n  const cls = useCls();\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n\n  // Get form context values\n  const { status: contextStatus } = useContext(FormItemInputContext);\n  const contextDisabled = useContext(DisabledContext);\n\n  // Merge context values with props\n  const mergedStatus = statusProp || contextStatus;\n  const disabled = disabledProp || contextDisabled;\n\n  const handleValueChange = useCallback(\n    (newValue: M extends true ? T[] : T) => {\n      setValue(newValue);\n      onChange?.(newValue);\n    },\n    [setValue, onChange],\n  );\n\n  const handleSelectAll = useCallback(() => {\n    if (multiple) {\n      const allValues = options.map((option) => option.value);\n      (handleValueChange as (v: T[]) => void)(allValues);\n    }\n  }, [multiple, options, handleValueChange]);\n\n  const handleDeselectAll = useCallback(() => {\n    if (multiple) {\n      (handleValueChange as (v: T[]) => void)([]);\n    }\n  }, [multiple, handleValueChange]);\n\n  const handleClear = useCallback(() => {\n    if (multiple) {\n      (handleValueChange as (v: T[]) => void)([]);\n    } else {\n      (handleValueChange as (v: T) => void)(undefined as T);\n    }\n  }, [multiple, handleValueChange]);\n\n  // Prepare selected values\n  const selectedValues = useMemo(() => {\n    return Array.isArray(value) ? value : value ? [value] : [];\n  }, [value]);\n\n  // Build a Map for O(1) option lookups.\n  // `options.find()` was being called 7+ times per render and inside\n  // the hot `filter` path on every keystroke.\n  const optionMap = useMemo(() => {\n    const map = new Map<T, ComboboxOption<T, O>>();\n    for (const opt of options) {\n      map.set(opt.value, opt);\n    }\n    return map;\n  }, [options]);\n\n  // Select all option logic\n  const selectAllOption = useMemo(() => {\n    if (!showSelectAll || !multiple || options.length === 0) {\n      return null;\n    }\n\n    const selectedFromFiltered = selectedValues.filter((val) => optionMap.has(val as T));\n    const checked = selectedFromFiltered.length === options.length && options.length > 0;\n    const indeterminate =\n      selectedFromFiltered.length > 0 && selectedFromFiltered.length < options.length;\n\n    return {\n      checked,\n      indeterminate,\n      onToggle: () => {\n        if (indeterminate || checked) {\n          handleDeselectAll();\n        } else {\n          handleSelectAll();\n        }\n      },\n    };\n  }, [showSelectAll, multiple, options, optionMap, selectedValues, handleDeselectAll, handleSelectAll]);\n\n  // Convert options to Base UI format\n  const baseUIItems = useMemo(() => options.map((opt) => opt.value), [options]);\n\n  // Get display value for SelectTrigger\n  const displayValue = useMemo(() => {\n    if (multiple) {\n      return selectedValues.length > 0\n        ? `${selectedValues.length} item${selectedValues.length === 1 ? \"\" : \"s\"} selected`\n        : null;\n    } else {\n      const selectedOption = optionMap.get(selectedValues[0] as T);\n      return selectedOption?.label || null;\n    }\n  }, [multiple, selectedValues, optionMap]);\n\n  const inputClassName = clsx(\n    cls(\"combobox-input\"),\n    cls(`combobox-input-${size}`),\n    mergedStatus && cls(`combobox-input-${mergedStatus}`),\n    classNames?.input,\n  );\n\n  const itemToStringLabel = useCallback(\n    (itemValue: T) => {\n      const option = optionMap.get(itemValue);\n      return reactNodeToString(option?.label || String(itemValue));\n    },\n    [optionMap],\n  );\n\n  const [searchValue, setSearchValue] = useState(\"\");\n\n  const { handleAddOnEnter, handleInputValueChange } = useComboboxTokenInput<T, O>({\n    addOnEnter,\n    multiple,\n    tokenSeparators,\n    optionMap,\n    value: value as T | T[] | undefined,\n    handleValueChange: handleValueChange as (nextValue: T | T[]) => void,\n    setOpen,\n    setSearchValue,\n    onSearch,\n  });\n\n  const hasTokenSeparators = Boolean(tokenSeparators?.length);\n  const effectiveAutoHighlight = multiple && hasTokenSeparators ? false : autoHighlight;\n\n  const createInputKeyDownHandler = useCallback(\n    (currentSearchValue: string) => (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Enter\" && addOnEnter && currentSearchValue) {\n        // In single-select mode with autoHighlight, let Base UI handle Enter\n        // to select the natively highlighted item instead of exact matching.\n        if (!multiple && autoHighlight) return;\n\n        const matched = handleAddOnEnter(currentSearchValue);\n        if (matched) {\n          event.preventDefault();\n          setSearchValue(\"\");\n          onSearch?.(\"\");\n        }\n      }\n    },\n    [addOnEnter, autoHighlight, multiple, handleAddOnEnter, onSearch],\n  );\n\n  const mergedFilter = useMemo(() => {\n    if (filterOption === false) {\n      return null;\n    }\n\n    if (typeof filterOption === \"function\") {\n      return (itemValue: T, query: string) => {\n        const option = optionMap.get(itemValue);\n        return filterOption(query, option);\n      };\n    }\n\n    return (itemValue: T, query: string) => {\n      if (!query) return true;\n      const option = optionMap.get(itemValue);\n      if (!option) return false;\n\n      const tokens =\n        tokenSeparators && tokenSeparators.length > 0\n          ? splitBySeparators(query, tokenSeparators)\n          : [query];\n\n      const keywords = _getOptionKeywords(option).map((k) => k.toLowerCase());\n\n      const matchingTokenCount = tokens.filter((token) => {\n        const lowerToken = token.toLowerCase();\n        return keywords.some((keyword) => keyword.includes(lowerToken));\n      }).length;\n\n      if (matchingTokenCount === 0) return false;\n      if (tokens.length > 1 && matchingTokenCount > 1) {\n        const lowerQuery = query.toLowerCase();\n        return keywords.some((keyword) => keyword.includes(lowerQuery));\n      }\n      return true;\n    };\n  }, [filterOption, optionMap, tokenSeparators, _getOptionKeywords]);\n\n  return (\n    <div ref={ref} className={clsx(cls(\"combobox\"), className)} {...rest}>\n      <BaseCombobox.Root<T, M>\n        value={\n          (multiple ? selectedValues : (selectedValues[0] ?? null)) as M extends true\n            ? T[]\n            : T | null\n        }\n        onValueChange={(newValue) => {\n          if (multiple) {\n            (handleValueChange as (v: T[]) => void)(\n              Array.isArray(newValue) ? (newValue as T[]) : [],\n            );\n          } else {\n            (handleValueChange as (v: T) => void)(newValue as T);\n          }\n        }}\n        inputValue={searchValue}\n        onInputValueChange={handleInputValueChange}\n        open={open}\n        onOpenChange={setOpen}\n        multiple={multiple}\n        disabled={disabled}\n        autoHighlight={effectiveAutoHighlight}\n        items={baseUIItems}\n        itemToStringLabel={itemToStringLabel}\n        filter={mergedFilter}\n      >\n        {/* Single Selection Layout using SelectTrigger compound components */}\n        {!multiple ? (\n          <SelectTrigger.Root\n            ref={inputContainerRef}\n            as=\"div\"\n            size={size}\n            disabled={disabled}\n            open={open}\n            status={mergedStatus}\n            placeholder={placeholder}\n            displayValue={displayValue}\n            allowClear={allowClear}\n            suffixIcon={suffixIcon}\n            clearIcon={clearIcon}\n            onClear={handleClear}\n            onOpenChange={setOpen}\n            className={clsx(classNames?.trigger, cls(\"combobox-trigger-single\"))}\n          >\n            <SelectTrigger.Content\n              contentRender={({ className, children, ...rest }) => (\n                <BaseCombobox.Input\n                  placeholder={placeholder}\n                  className={clsx(className, inputClassName)}\n                  disabled={disabled}\n                  onKeyDown={createInputKeyDownHandler(searchValue)}\n                  {...rest}\n                />\n              )}\n            />\n            <SelectTrigger.Clear\n              render={(props) => <BaseCombobox.Clear {...props}></BaseCombobox.Clear>}\n            />\n            <SelectTrigger.Arrow\n              render={(props, { icon }) => (\n                <BaseCombobox.Trigger {...props}>\n                  <BaseCombobox.Icon>{icon}</BaseCombobox.Icon>\n                </BaseCombobox.Trigger>\n              )}\n            />\n          </SelectTrigger.Root>\n        ) : (\n          /* Multiple Selection Layout using SelectTrigger compound components */\n          <SelectTrigger.Root\n            ref={inputContainerRef}\n            size={size}\n            disabled={disabled}\n            open={open}\n            status={mergedStatus}\n            placeholder={placeholder}\n            displayValue={displayValue}\n            allowClear={allowClear}\n            suffixIcon={suffixIcon}\n            clearIcon={clearIcon}\n            onClear={handleClear}\n            onOpenChange={setOpen}\n            className={clsx(classNames?.trigger, cls(\"combobox-trigger-multiple\"))}\n            as=\"div\"\n          >\n            <SelectTrigger.Content\n              contentRender={({ className, children, ...rest }) => (\n                <BaseCombobox.Chips className={clsx(cls(\"combobox-chips\"), className)} {...rest}>\n                  <BaseCombobox.Value>\n                    {(selectedItems) => (\n                      <>\n                        {selectedItems.map((item: T) => {\n                          const option = optionMap.get(item);\n                          return (\n                            <BaseCombobox.Chip key={item} className={clsx(cls(\"combobox-chip\"))}>\n                              {option?.icon && (\n                                <span className={clsx(cls(\"combobox-chip-icon\"))}>\n                                  {option.icon}\n                                </span>\n                              )}\n                              <span className={clsx(cls(\"combobox-chip-text\"))}>\n                                {option\n                                  ? optionLabelRender\n                                    ? optionLabelRender(option)\n                                    : option.label\n                                  : item}\n                              </span>\n                              <BaseCombobox.ChipRemove\n                                className={clsx(cls(\"combobox-chip-remove\"))}\n                              >\n                                <XIcon />\n                              </BaseCombobox.ChipRemove>\n                            </BaseCombobox.Chip>\n                          );\n                        })}\n\n                        <BaseCombobox.Input\n                          placeholder={selectedItems.length > 0 ? \"\" : placeholder}\n                          className={inputClassName}\n                          disabled={disabled}\n                          onKeyDown={createInputKeyDownHandler(searchValue)}\n                        />\n                      </>\n                    )}\n                  </BaseCombobox.Value>\n                </BaseCombobox.Chips>\n              )}\n            />\n            <SelectTrigger.Clear\n              render={(props) => <BaseCombobox.Clear {...props}></BaseCombobox.Clear>}\n            />\n            <SelectTrigger.Arrow\n              render={(props, { icon }) => (\n                <BaseCombobox.Trigger {...props}>\n                  <BaseCombobox.Icon>{icon}</BaseCombobox.Icon>\n                </BaseCombobox.Trigger>\n              )}\n            />\n          </SelectTrigger.Root>\n        )}\n\n        <BaseCombobox.Portal>\n          <BaseCombobox.Positioner\n            anchor={inputContainerRef.current}\n            sideOffset={4}\n            side={placement.startsWith(\"top\") ? \"top\" : \"bottom\"}\n            align={\n              placement.endsWith(\"Right\")\n                ? \"end\"\n                : placement === \"top\" || placement === \"bottom\"\n                  ? \"center\"\n                  : \"start\"\n            }\n            render={positionerRender}\n          >\n            <BaseCombobox.Popup\n              className={clsx(\n                cls(\"combobox-popup\"),\n                !popupMatchSelectWidth && cls(\"combobox-popup--auto-width\"),\n                classNames?.portal,\n              )}\n              render={popupRender}\n            >\n              <div className={clsx(cls(\"combobox-container\"))}>\n                {/* Select All Option */}\n                {selectAllOption && (\n                  <>\n                    <BaseMenuItem\n                      as=\"button\"\n                      type=\"button\"\n                      className={clsx(cls(\"combobox-select-all\"))}\n                      selected={selectAllOption.checked}\n                      onClick={selectAllOption.onToggle}\n                      indeterminate={selectAllOption.indeterminate}\n                      showCheckbox\n                    >\n                      Select All\n                    </BaseMenuItem>\n                    <BaseCombobox.Separator render={separatorRender} />\n                  </>\n                )}\n                <ScrollArea fadeEdges>\n                  <BaseCombobox.List\n                    className={clsx(cls(\"combobox-list\"), classNames?.list)}\n                    render={listRender}\n                  >\n                    {(item: T) => {\n                      const option = optionMap.get(item);\n                      if (!option) return null;\n                      const isSelected = (selectedValues as T[]).includes(item);\n                      return optionRender ? (\n                        optionRender(option, {})\n                      ) : (\n                        <BaseMenuItem\n                          key={option.value}\n                          disabled={option.disabled}\n                          selected={isSelected}\n                          showCheckbox={multiple}\n                          icon={option.icon}\n                          classNames={{\n                            root: clsx(classNames?.option),\n                            icon: classNames?.optionIcon,\n                            text: classNames?.optionText,\n                          }}\n                          labelRender={\n                            optionLabelRender\n                              ? (props: React.HTMLAttributes<HTMLElement>) =>\n                                  optionLabelRender(option, props)\n                              : undefined\n                          }\n                          render={(props: React.HTMLAttributes<HTMLElement>) => (\n                            <BaseCombobox.Item\n                              value={item as T}\n                              disabled={option.disabled}\n                              {...props}\n                              data-disabled={option.disabled}\n                              data-selected={isSelected}\n                            />\n                          )}\n                        >\n                          {option.label}\n                        </BaseMenuItem>\n                      );\n                    }}\n                  </BaseCombobox.List>\n\n                  <BaseCombobox.Empty className={clsx(cls(\"combobox-empty\"))}>\n                    <Empty description=\"No options found\" />\n                  </BaseCombobox.Empty>\n                </ScrollArea>\n              </div>\n            </BaseCombobox.Popup>\n          </BaseCombobox.Positioner>\n        </BaseCombobox.Portal>\n      </BaseCombobox.Root>\n    </div>\n  );\n};\n\nconst MainCombobox = forwardRef(ComboboxInner) as <\n  T extends React.Key,\n  M extends boolean,\n  O extends Record<string, unknown> = {},\n>(\n  props: ComboboxProps<T, M, O> & { ref?: ForwardedRef<HTMLDivElement> },\n) => ReturnType<typeof ComboboxInner>;\n\nexport const Combobox = Object.assign(MainCombobox, {\n  // Add any sub components here if needed\n});\n\nexport default Combobox;\n"],"names":["positionerRender","props","jsx","BaseMenu","popupRender","separatorRender","listRender","ComboboxInner","options","controlledValue","defaultValue","onChange","placeholder","disabledProp","statusProp","allowClear","multiple","_showSearch","controlledOpen","onOpenChange","className","classNames","size","optionRender","onSearch","clearIcon","suffixIcon","placement","showSelectAll","optionLabelRender","_getOptionKeywords","option","reactNodeToString","popupMatchSelectWidth","addOnEnter","tokenSeparators","autoHighlight","filterOption","rest","ref","value","setValue","useControlledState","open","setOpen","cls","useCls","inputContainerRef","useRef","contextStatus","useContext","FormItemInputContext","contextDisabled","DisabledContext","mergedStatus","disabled","handleValueChange","useCallback","newValue","handleSelectAll","allValues","handleDeselectAll","handleClear","selectedValues","useMemo","optionMap","map","opt","selectAllOption","selectedFromFiltered","val","checked","indeterminate","baseUIItems","displayValue","inputClassName","clsx","itemToStringLabel","itemValue","searchValue","setSearchValue","useState","handleAddOnEnter","handleInputValueChange","useComboboxTokenInput","hasTokenSeparators","effectiveAutoHighlight","createInputKeyDownHandler","currentSearchValue","event","mergedFilter","query","tokens","splitBySeparators","keywords","k","matchingTokenCount","token","lowerToken","keyword","lowerQuery","jsxs","BaseCombobox","SelectTrigger","children","selectedItems","Fragment","item","XIcon","icon","BaseMenuItem","ScrollArea","isSelected","Empty","MainCombobox","forwardRef","Combobox"],"mappings":"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"}

package/dist/components/combobox/index.d.ts

@@ -1,3 +1,3 @@
 export { Combobox, default } from './component';
-export type { ComboboxProps, ComboboxOption } from './component';
+export type { ComboboxProps, ComboboxOption } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/combobox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAChD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAChD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/combobox/style.css

@@ -1 +1 @@
-@layer components{.ds-combobox{position:relative;display:inline-block;width:100%}.ds-combobox-popup{width:var(--anchor-width)}.ds-combobox-popup--auto-width{width:max-content;min-width:var(--anchor-width);max-width:var(--available-width)}.ds-combobox-input{flex:1;border:none;outline:none;background:transparent;color:var(--ds-color-text);min-width:0}.ds-combobox-input::placeholder{color:var(--ds-color-text-placeholder)}.ds-combobox-divider{border:none;border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-combobox-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--ds-color-fill-secondary);border-radius:var(--ds-border-radius-sm);padding:.25rem .5rem;font-size:var(--ds-font-size);color:var(--ds-color-text);max-width:100%;min-width:0;height:var(--ds-control-line-height)}.ds-combobox-chip-icon{display:flex;align-items:center;flex-shrink:0;font-size:.75rem}.ds-combobox-chip-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-combobox-chip-remove{display:flex;align-items:center;justify-content:center;padding:.125rem;border-radius:var(--ds-border-radius-lg);cursor:pointer;color:var(--ds-color-text-secondary);transition:all .2s var(--ds-motion-ease-out);background:none;border:none;font-size:.875rem;line-height:1}.ds-combobox-chip-remove:hover{background:var(--ds-control-item-bg-hover);color:var(--ds-color-text)}.ds-combobox-chips-container .ds-combobox-input{flex:1;min-width:120px;border:none;background:transparent;padding:.25rem 0;margin:0}.ds-combobox-chips{display:flex;flex-wrap:wrap;gap:.375rem}.ds-select-trigger-small .ds-combobox-chips{gap:.25rem}.ds-combobox-trigger-multiple.ds-select-trigger-has-value .ds-select-trigger-content{padding-left:.5rem}.ds-combobox[data-disabled=true] .ds-combobox-chip{background-color:var(--ds-color-bg-disabled);color:var(--ds-color-text-disabled)}.ds-combobox[data-disabled=true] .ds-combobox-chip-remove{cursor:not-allowed;color:var(--ds-color-text-disabled)}.ds-combobox-empty{padding:1rem}.ds-combobox-empty:empty{display:none}}
+@layer components{.ds-combobox{position:relative;display:inline-block;width:100%}.ds-combobox-popup{width:var(--anchor-width)}.ds-combobox-popup--auto-width{width:max-content;min-width:var(--anchor-width);max-width:var(--available-width)}.ds-combobox-input{flex:1;border:none;outline:none;background:transparent;color:var(--ds-color-text);min-width:0}.ds-combobox-input::placeholder{color:var(--ds-color-text-placeholder)}.ds-combobox-divider{border:none;border-bottom:1px solid var(--ds-color-split);margin:.25rem 0}.ds-combobox-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--ds-color-fill-secondary);border-radius:var(--ds-border-radius-sm);padding:.25rem .5rem;font-size:var(--ds-font-size);color:var(--ds-color-text);max-width:100%;min-width:0;height:var(--ds-control-line-height)}.ds-combobox-chip-icon{display:flex;align-items:center;flex-shrink:0;font-size:.75rem}.ds-combobox-chip-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-combobox-chip-remove{display:flex;align-items:center;justify-content:center;padding:.125rem;border-radius:var(--ds-border-radius-lg);cursor:pointer;color:var(--ds-color-text-secondary);transition:all .2s var(--ds-motion-ease-out);background:none;border:none;font-size:.875rem;line-height:1}.ds-combobox-chip-remove:hover{background:var(--ds-control-item-bg-hover);color:var(--ds-color-text)}.ds-combobox-chips-container .ds-combobox-input{flex:1;min-width:120px;border:none;background:transparent;padding:.25rem 0;margin:0}.ds-combobox-chips{display:flex;flex-wrap:wrap;gap:.375rem}.ds-select-trigger-small .ds-combobox-chips{gap:.25rem}.ds-combobox-trigger-multiple.ds-select-trigger-has-value .ds-select-trigger-content{padding-left:.5rem}.ds-combobox[data-disabled=true] .ds-combobox-chip{background-color:var(--ds-color-bg-disabled);color:var(--ds-color-text-disabled)}.ds-combobox[data-disabled=true] .ds-combobox-chip-remove{cursor:not-allowed;color:var(--ds-color-text-disabled)}.ds-combobox-empty{padding:1rem}.ds-combobox-empty:empty{display:none}.ds-combobox-container{display:flex;flex-direction:column;flex-shrink:1;min-height:0;gap:.25rem}.ds-combobox-popup .ds-menu-item-show-checkbox[data-selected=true]{background:transparent}.ds-combobox-popup .ds-menu-item-show-checkbox[data-selected=true]:hover,.ds-combobox-popup .ds-menu-item-show-checkbox[data-selected=true][data-highlighted],.ds-combobox-popup .ds-menu-item-show-checkbox[data-selected=true][data-active=true]{background:var(--ds-control-item-bg-active)}.ds-combobox-popup .ds-menu-item-show-checkbox:not([data-selected=true]):hover,.ds-combobox-popup .ds-menu-item-show-checkbox:not([data-selected=true])[data-highlighted],.ds-combobox-popup .ds-menu-item-show-checkbox:not([data-selected=true])[data-active=true]{background:var(--ds-control-item-bg-hover)}.ds-combobox-popup .ds-menu-item-base[data-selected=true] .ds-menu-item-text{font-weight:600}}

package/dist/components/combobox/types.d.ts

@@ -0,0 +1,121 @@
+import { ValidateStatus } from 'antd/es/form/FormItem';
+import { PopoverProps } from 'antd/es/popover';
+import { Key, ReactElement, ReactNode, HTMLAttributes } from 'react';
+export type ComboboxOption<T extends Key, O extends Record<string, unknown> = {}> = {
+    value: T;
+    label: ReactNode;
+    disabled?: boolean;
+    icon?: ReactNode;
+} & O;
+export interface ComboboxProps<T extends Key, M extends boolean, O extends Record<string, unknown> = {}> {
+    /** Array of options to be displayed in the combobox */
+    options?: ComboboxOption<T, O>[];
+    /** Current value of the combobox */
+    value?: M extends true ? T[] : T;
+    /** Default value when uncontrolled */
+    defaultValue?: M extends true ? T[] : T;
+    /** Callback when value changes */
+    onChange?: (value: M extends true ? T[] : T) => void;
+    /** Placeholder text for the input */
+    placeholder?: string;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Validation status */
+    status?: ValidateStatus;
+    /** Whether to allow clearing the selection */
+    allowClear?: boolean;
+    /** Whether to allow multiple selections */
+    multiple?: M;
+    /** Maximum number of tags to show */
+    maxTagCount?: number;
+    /** Whether to show search functionality */
+    showSearch?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Placement of the dropdown */
+    placement?: PopoverProps["placement"];
+    /** Custom className for the component */
+    className?: string;
+    /** Custom class names for different parts */
+    classNames?: {
+        trigger?: string;
+        input?: string;
+        option?: string;
+        optionIcon?: string;
+        optionText?: string;
+        list?: string;
+        portal?: string;
+    };
+    /** Size of the combobox */
+    size?: "small" | "middle" | "large";
+    /** Loading state */
+    loading?: boolean;
+    /** Custom render for options */
+    optionRender?: (option: ComboboxOption<T, O>, props: HTMLAttributes<HTMLElement>) => ReactElement;
+    /**
+     * Filter function for search
+     * - `true` or `undefined`: default filtering (splits by tokenSeparators if provided)
+     * - `false`: disables filtering
+     * - custom function: `(input, option) => boolean`
+     * @default true
+     */
+    filterOption?: boolean | ((input: string, option: ComboboxOption<T, O>) => boolean);
+    /** Callback when search input changes */
+    onSearch?: (value: string) => void;
+    /** Custom dropdown render */
+    dropdownRender?: (menu: ReactElement) => ReactElement;
+    /** Custom clear icon */
+    clearIcon?: ReactNode;
+    /** Custom suffix icon */
+    suffixIcon?: ReactNode;
+    /**
+     * Show select all option when in multiple mode
+     * @default false
+     */
+    showSelectAll?: boolean;
+    /**
+     * Render function for the select all option
+     */
+    selectAllRender?: (props: {
+        onSelectAll: () => void;
+        onDeselectAll: () => void;
+        checked: boolean;
+        indeterminate: boolean;
+    }) => ReactNode;
+    /**
+     * Function to extract keywords from the item for search filtering
+     * @default (option) => [String(option.key), reactNodeToString(option.label)]
+     */
+    getOptionKeywords?: (option: ComboboxOption<T, O>) => string[];
+    /**
+     * Render function for the option label
+     */
+    optionLabelRender?: (option: ComboboxOption<T, O>, props?: HTMLAttributes<HTMLElement>) => ReactElement;
+    /**
+     * Whether the popup width should match the trigger width.
+     * When `false`, the popup can exceed the trigger width to fit long option labels.
+     * @default true
+     */
+    popupMatchSelectWidth?: boolean;
+    /**
+     * Allow adding items by typing the exact label or value and pressing Enter.
+     * @default false
+     */
+    addOnEnter?: boolean;
+    /**
+     * Characters to split input by when adding multiple items on Enter.
+     * Only applies when `addOnEnter` and `multiple` are true.
+     * @default undefined
+     */
+    tokenSeparators?: string[];
+    /**
+     * Automatically highlight the first matching item while filtering.
+     * When enabled in single-select mode, Enter selects the highlighted
+     * item natively and `addOnEnter` is ignored to avoid conflicts.
+     * @default true
+     */
+    autoHighlight?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/combobox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/types.ts"],"names":[],"mappings":"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"}

package/dist/components/combobox/use-combobox-token-input.d.ts

@@ -0,0 +1,25 @@
+import { Key } from 'react';
+import { ComboboxOption } from './types';
+type InputValueChangeDetails = {
+    event?: Event & {
+        inputType?: string;
+    };
+    cancel?: () => void;
+};
+interface UseComboboxTokenInputProps<T extends Key, O extends Record<string, unknown>> {
+    addOnEnter: boolean;
+    multiple: boolean;
+    tokenSeparators?: string[];
+    optionMap: Map<T, ComboboxOption<T, O>>;
+    value: T | T[] | undefined;
+    handleValueChange: (value: T | T[]) => void;
+    setOpen: (open: boolean) => void;
+    setSearchValue: (value: string) => void;
+    onSearch?: (value: string) => void;
+}
+export declare function useComboboxTokenInput<T extends Key, O extends Record<string, unknown>>({ addOnEnter, multiple, tokenSeparators, optionMap, value, handleValueChange, setOpen, setSearchValue, onSearch, }: UseComboboxTokenInputProps<T, O>): {
+    handleAddOnEnter: (input: string) => boolean;
+    handleInputValueChange: (val: string, eventDetails?: InputValueChangeDetails) => void;
+};
+export {};
+//# sourceMappingURL=use-combobox-token-input.d.ts.map

package/dist/components/combobox/use-combobox-token-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-combobox-token-input.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/use-combobox-token-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAQ9C,KAAK,uBAAuB,GAAG;IAC7B,KAAK,CAAC,EAAE,KAAK,GAAG;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,UAAU,0BAA0B,CAAC,CAAC,SAAS,GAAG,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACnF,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,SAAS,EAAE,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACxC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAAC;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,qBAAqB,CACnC,CAAC,SAAS,GAAG,EACb,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,EACA,UAAU,EACV,QAAQ,EACR,eAAe,EACf,SAAS,EACT,KAAK,EACL,iBAAiB,EACjB,OAAO,EACP,cAAc,EACd,QAAQ,GACT,EAAE,0BAA0B,CAAC,CAAC,EAAE,CAAC,CAAC;8BAOvB,MAAM,KAAG,OAAO;kCAiClB,MAAM,iBAAiB,uBAAuB;EAoBvD"}

package/dist/components/combobox/use-combobox-token-input.js

@@ -0,0 +1,52 @@
+import { useCallback as m } from "react";
+import { findOptionByInput as w, splitBySeparators as x, hasTokenSeparator as B, isPasteInputEvent as T } from "./utils.js";
+function O({
+  addOnEnter: y,
+  multiple: f,
+  tokenSeparators: t,
+  optionMap: I,
+  value: o,
+  handleValueChange: r,
+  setOpen: g,
+  setSearchValue: u,
+  onSearch: d
+}) {
+  const A = m(
+    (n) => w(n, I),
+    [I]
+  ), e = m(
+    (n) => {
+      if (!y || !n.trim()) return !1;
+      const i = f && t && t.length > 0 ? x(n, t) : [n.trim()], c = [];
+      for (const b of i) {
+        const s = A(b);
+        s && !s.disabled && c.push(s.value);
+      }
+      if (c.length === 0) return !1;
+      if (f) {
+        const b = Array.isArray(o) ? [...o] : [], s = [.../* @__PURE__ */ new Set([...b, ...c])];
+        r(s);
+      } else
+        r(c[0]), g(!1);
+      return !0;
+    },
+    [y, f, t, A, o, r, g]
+  ), h = m(
+    (n, i) => {
+      if (f && t && t.length > 0 && B(n, t) && T(i?.event)) {
+        i?.cancel?.(), u(n), d?.(n);
+        return;
+      }
+      u(n), d?.(n);
+    },
+    [f, t, u, d]
+  );
+  return {
+    handleAddOnEnter: e,
+    handleInputValueChange: h
+  };
+}
+export {
+  O as useComboboxTokenInput
+};
+//# sourceMappingURL=use-combobox-token-input.js.map

package/dist/components/combobox/use-combobox-token-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-combobox-token-input.js","sources":["../../../src/components/combobox/use-combobox-token-input.ts"],"sourcesContent":["import { useCallback, type Key } from \"react\";\nimport type { ComboboxOption } from \"./types\";\nimport {\n  findOptionByInput,\n  hasTokenSeparator,\n  isPasteInputEvent,\n  splitBySeparators,\n} from \"./utils\";\n\ntype InputValueChangeDetails = {\n  event?: Event & { inputType?: string };\n  cancel?: () => void;\n};\n\ninterface UseComboboxTokenInputProps<T extends Key, O extends Record<string, unknown>> {\n  addOnEnter: boolean;\n  multiple: boolean;\n  tokenSeparators?: string[];\n  optionMap: Map<T, ComboboxOption<T, O>>;\n  value: T | T[] | undefined;\n  handleValueChange: (value: T | T[]) => void;\n  setOpen: (open: boolean) => void;\n  setSearchValue: (value: string) => void;\n  onSearch?: (value: string) => void;\n}\n\nexport function useComboboxTokenInput<\n  T extends Key,\n  O extends Record<string, unknown>,\n>({\n  addOnEnter,\n  multiple,\n  tokenSeparators,\n  optionMap,\n  value,\n  handleValueChange,\n  setOpen,\n  setSearchValue,\n  onSearch,\n}: UseComboboxTokenInputProps<T, O>) {\n  const findMatchingOption = useCallback(\n    (input: string) => findOptionByInput(input, optionMap),\n    [optionMap],\n  );\n\n  const handleAddOnEnter = useCallback(\n    (input: string): boolean => {\n      if (!addOnEnter || !input.trim()) return false;\n\n      const tokens =\n        multiple && tokenSeparators && tokenSeparators.length > 0\n          ? splitBySeparators(input, tokenSeparators)\n          : [input.trim()];\n\n      const matchedValues: T[] = [];\n      for (const token of tokens) {\n        const option = findMatchingOption(token);\n        if (option && !option.disabled) {\n          matchedValues.push(option.value);\n        }\n      }\n\n      if (matchedValues.length === 0) return false;\n\n      if (multiple) {\n        const current = Array.isArray(value) ? [...value] : [];\n        const newValues = [...new Set([...current, ...matchedValues])];\n        handleValueChange(newValues);\n      } else {\n        handleValueChange(matchedValues[0]);\n        setOpen(false);\n      }\n\n      return true;\n    },\n    [addOnEnter, multiple, tokenSeparators, findMatchingOption, value, handleValueChange, setOpen],\n  );\n\n  const handleInputValueChange = useCallback(\n    (val: string, eventDetails?: InputValueChangeDetails) => {\n      if (multiple && tokenSeparators && tokenSeparators.length > 0) {\n        if (hasTokenSeparator(val, tokenSeparators) && isPasteInputEvent(eventDetails?.event)) {\n          eventDetails?.cancel?.();\n          setSearchValue(val);\n          onSearch?.(val);\n          return;\n        }\n      }\n\n      setSearchValue(val);\n      onSearch?.(val);\n    },\n    [multiple, tokenSeparators, setSearchValue, onSearch],\n  );\n\n  return {\n    handleAddOnEnter,\n    handleInputValueChange,\n  };\n}\n"],"names":["useComboboxTokenInput","addOnEnter","multiple","tokenSeparators","optionMap","value","handleValueChange","setOpen","setSearchValue","onSearch","findMatchingOption","useCallback","input","findOptionByInput","handleAddOnEnter","tokens","splitBySeparators","matchedValues","token","option","current","newValues","handleInputValueChange","val","eventDetails","hasTokenSeparator","isPasteInputEvent"],"mappings":";;AA0BO,SAASA,EAGd;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,GAAqC;AACnC,QAAMC,IAAqBC;AAAA,IACzB,CAACC,MAAkBC,EAAkBD,GAAOR,CAAS;AAAA,IACrD,CAACA,CAAS;AAAA,EAAA,GAGNU,IAAmBH;AAAA,IACvB,CAACC,MAA2B;AAC1B,UAAI,CAACX,KAAc,CAACW,EAAM,KAAA,EAAQ,QAAO;AAEzC,YAAMG,IACJb,KAAYC,KAAmBA,EAAgB,SAAS,IACpDa,EAAkBJ,GAAOT,CAAe,IACxC,CAACS,EAAM,MAAM,GAEbK,IAAqB,CAAA;AAC3B,iBAAWC,KAASH,GAAQ;AAC1B,cAAMI,IAAST,EAAmBQ,CAAK;AACvC,QAAIC,KAAU,CAACA,EAAO,YACpBF,EAAc,KAAKE,EAAO,KAAK;AAAA,MAEnC;AAEA,UAAIF,EAAc,WAAW,EAAG,QAAO;AAEvC,UAAIf,GAAU;AACZ,cAAMkB,IAAU,MAAM,QAAQf,CAAK,IAAI,CAAC,GAAGA,CAAK,IAAI,CAAA,GAC9CgB,IAAY,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAGD,GAAS,GAAGH,CAAa,CAAC,CAAC;AAC7D,QAAAX,EAAkBe,CAAS;AAAA,MAC7B;AACE,QAAAf,EAAkBW,EAAc,CAAC,CAAC,GAClCV,EAAQ,EAAK;AAGf,aAAO;AAAA,IACT;AAAA,IACA,CAACN,GAAYC,GAAUC,GAAiBO,GAAoBL,GAAOC,GAAmBC,CAAO;AAAA,EAAA,GAGzFe,IAAyBX;AAAA,IAC7B,CAACY,GAAaC,MAA2C;AACvD,UAAItB,KAAYC,KAAmBA,EAAgB,SAAS,KACtDsB,EAAkBF,GAAKpB,CAAe,KAAKuB,EAAkBF,GAAc,KAAK,GAAG;AACrF,QAAAA,GAAc,SAAA,GACdhB,EAAee,CAAG,GAClBd,IAAWc,CAAG;AACd;AAAA,MACF;AAGF,MAAAf,EAAee,CAAG,GAClBd,IAAWc,CAAG;AAAA,IAChB;AAAA,IACA,CAACrB,GAAUC,GAAiBK,GAAgBC,CAAQ;AAAA,EAAA;AAGtD,SAAO;AAAA,IACL,kBAAAK;AAAA,IACA,wBAAAQ;AAAA,EAAA;AAEJ;"}

package/dist/components/combobox/utils.d.ts

@@ -1,2 +1,9 @@
+import { Key } from 'react';
+import { ComboboxOption } from './types';
 export declare function splitBySeparators(input: string, separators: string[]): string[];
+export declare function hasTokenSeparator(input: string, separators?: string[]): boolean;
+export declare function isPasteInputEvent(event?: Event & {
+    inputType?: string;
+}): boolean;
+export declare function findOptionByInput<T extends Key, O extends Record<string, unknown>>(input: string, optionMap: Map<T, ComboboxOption<T, O>>): ComboboxOption<T, O> | undefined;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/combobox/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAM/E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAO/E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAG/E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAEjF;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,GAAG,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChF,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GACtC,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,CAiBlC"}

package/dist/components/combobox/utils.js

@@ -1,10 +1,31 @@
-function p(e, o) {
+import { reactNodeToString as f } from "../utils/reactToString.js";
+function s(e, r) {
   let t = [e];
-  for (const r of o)
-    t = t.flatMap((l) => l.split(r));
-  return t.map((r) => r.trim()).filter(Boolean);
+  for (const o of r)
+    o && (t = t.flatMap((n) => n.split(o)));
+  return t.map((o) => o.trim()).filter(Boolean);
+}
+function a(e, r) {
+  return !r || r.length === 0 ? !1 : r.some((t) => t && e.includes(t));
+}
+function l(e) {
+  return e?.inputType === "insertFromPaste" || e?.type === "paste";
+}
+function p(e, r) {
+  const t = e.trim();
+  if (!t) return;
+  const o = t.toLowerCase();
+  for (const [n, i] of r)
+    if (String(n).toLowerCase() === o)
+      return i;
+  for (const n of r.values())
+    if (f(n.label).toLowerCase() === o)
+      return n;
 }
 export {
-  p as splitBySeparators
+  p as findOptionByInput,
+  a as hasTokenSeparator,
+  l as isPasteInputEvent,
+  s as splitBySeparators
 };
 //# sourceMappingURL=utils.js.map

package/dist/components/combobox/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/combobox/utils.ts"],"sourcesContent":["export function splitBySeparators(input: string, separators: string[]): string[] {\n  let result: string[] = [input];\n  for (const sep of separators) {\n    result = result.flatMap((part) => part.split(sep));\n  }\n  return result.map((t) => t.trim()).filter(Boolean);\n}\n"],"names":["splitBySeparators","input","separators","result","sep","part","t"],"mappings":"AAAO,SAASA,EAAkBC,GAAeC,GAAgC;AAC/E,MAAIC,IAAmB,CAACF,CAAK;AAC7B,aAAWG,KAAOF;AAChB,IAAAC,IAASA,EAAO,QAAQ,CAACE,MAASA,EAAK,MAAMD,CAAG,CAAC;AAEnD,SAAOD,EAAO,IAAI,CAACG,MAAMA,EAAE,KAAA,CAAM,EAAE,OAAO,OAAO;AACnD;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/combobox/utils.ts"],"sourcesContent":["import type { Key } from \"react\";\nimport { reactNodeToString } from \"../utils\";\nimport type { ComboboxOption } from \"./types\";\n\nexport function splitBySeparators(input: string, separators: string[]): string[] {\n  let result: string[] = [input];\n  for (const sep of separators) {\n    if (!sep) continue;\n    result = result.flatMap((part) => part.split(sep));\n  }\n  return result.map((t) => t.trim()).filter(Boolean);\n}\n\nexport function hasTokenSeparator(input: string, separators?: string[]): boolean {\n  if (!separators || separators.length === 0) return false;\n  return separators.some((sep) => sep && input.includes(sep));\n}\n\nexport function isPasteInputEvent(event?: Event & { inputType?: string }): boolean {\n  return event?.inputType === \"insertFromPaste\" || event?.type === \"paste\";\n}\n\nexport function findOptionByInput<T extends Key, O extends Record<string, unknown>>(\n  input: string,\n  optionMap: Map<T, ComboboxOption<T, O>>,\n): ComboboxOption<T, O> | undefined {\n  const trimmed = input.trim();\n  if (!trimmed) return undefined;\n  const lowerTrimmed = trimmed.toLowerCase();\n\n  for (const [val, opt] of optionMap) {\n    if (String(val).toLowerCase() === lowerTrimmed) {\n      return opt;\n    }\n  }\n\n  for (const opt of optionMap.values()) {\n    if (reactNodeToString(opt.label).toLowerCase() === lowerTrimmed) {\n      return opt;\n    }\n  }\n  return undefined;\n}\n"],"names":["splitBySeparators","input","separators","result","sep","part","t","hasTokenSeparator","isPasteInputEvent","event","findOptionByInput","optionMap","trimmed","lowerTrimmed","val","opt","reactNodeToString"],"mappings":";AAIO,SAASA,EAAkBC,GAAeC,GAAgC;AAC/E,MAAIC,IAAmB,CAACF,CAAK;AAC7B,aAAWG,KAAOF;AAChB,IAAKE,MACLD,IAASA,EAAO,QAAQ,CAACE,MAASA,EAAK,MAAMD,CAAG,CAAC;AAEnD,SAAOD,EAAO,IAAI,CAACG,MAAMA,EAAE,KAAA,CAAM,EAAE,OAAO,OAAO;AACnD;AAEO,SAASC,EAAkBN,GAAeC,GAAgC;AAC/E,SAAI,CAACA,KAAcA,EAAW,WAAW,IAAU,KAC5CA,EAAW,KAAK,CAACE,MAAQA,KAAOH,EAAM,SAASG,CAAG,CAAC;AAC5D;AAEO,SAASI,EAAkBC,GAAiD;AACjF,SAAOA,GAAO,cAAc,qBAAqBA,GAAO,SAAS;AACnE;AAEO,SAASC,EACdT,GACAU,GACkC;AAClC,QAAMC,IAAUX,EAAM,KAAA;AACtB,MAAI,CAACW,EAAS;AACd,QAAMC,IAAeD,EAAQ,YAAA;AAE7B,aAAW,CAACE,GAAKC,CAAG,KAAKJ;AACvB,QAAI,OAAOG,CAAG,EAAE,YAAA,MAAkBD;AAChC,aAAOE;AAIX,aAAWA,KAAOJ,EAAU;AAC1B,QAAIK,EAAkBD,EAAI,KAAK,EAAE,YAAA,MAAkBF;AACjD,aAAOE;AAIb;"}

package/dist/components/select-trigger/style.css

@@ -1 +1 @@
-@layer components{.ds-select-trigger{position:relative;display:inline-flex;align-items:center;cursor:pointer;width:100%;background-color:var(--ds-control-color-bg);border:1px solid var(--ds-control-color-border);border-radius:var(--ds-control-border-radius);transition:var(--ds-control-transition);text-align:left}.ds-select-trigger:focus,.ds-select-trigger:focus-visible{outline:none}.ds-select-trigger:hover:not(.ds-select-trigger-disabled){border-color:var(--ds-control-color-border-hover)}.ds-select-trigger:focus,.ds-select-trigger:focus-visible,.ds-select-trigger-focused{border:var(--ds-control-border-active);box-shadow:var(--ds-control-shadow-active)}.ds-select-trigger-open{border:var(--ds-control-border-active)}.ds-select-trigger-disabled{background-color:var(--ds-control-color-bg-disabled);cursor:not-allowed;color:var(--ds-control-color-text-disabled)}.ds-select-trigger-disabled .ds-select-trigger-text{cursor:not-allowed}.ds-select-trigger-error{border:var(--ds-control-border-error-active)}.ds-select-trigger-error:focus,.ds-select-trigger-error:focus-visible,.ds-select-trigger-error.ds-select-trigger-focused{border:var(--ds-control-border-error-active);box-shadow:var(--ds-control-shadow-error-active)}.ds-select-trigger-warning{border:var(--ds-control-border-warning-active)}.ds-select-trigger-warning:focus,.ds-select-trigger-warning:focus-visible,.ds-select-trigger-warning.ds-select-trigger-focused{border:var(--ds-control-border-warning-active);box-shadow:var(--ds-control-shadow-warning-active)}.ds-select-trigger-value{flex:1;color:var(--ds-control-color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-value-with-prefix{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ds-select-trigger-placeholder{flex:1;color:var(--ds-control-color-text-placeholder);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-suffix{display:flex;align-items:center;justify-content:center;width:var(--ds-control-icon-size);height:var(--ds-control-icon-size);position:relative;font-size:var(--ds-control-icon-size);flex-shrink:0}.ds-select-trigger-arrow,.ds-select-trigger-clear{position:absolute;top:50%;right:var(--ds-trigger-padding-inline);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--ds-control-color-icon);width:var(--ds-control-icon-size);height:var(--ds-control-icon-size)}.ds-select-trigger-arrow-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.ds-select-trigger-open .ds-select-trigger-arrow-icon{transform:rotate(180deg)}.ds-select-trigger-clear{pointer-events:none;opacity:0;transition:opacity .2s ease}.ds-select-trigger-clear:hover{color:var(--ds-control-color-icon-hover)}.ds-select-trigger-clear-icon{display:flex;align-items:center;justify-content:center}.ds-select-trigger-allow-clear.ds-select-trigger-has-value:hover .ds-select-trigger-arrow{opacity:0;pointer-events:none}.ds-select-trigger-allow-clear.ds-select-trigger-has-value:hover .ds-select-trigger-clear{pointer-events:auto;opacity:1}.ds-select-trigger-small{--ds-trigger-padding: var(--ds-control-padding-small);--ds-trigger-padding-inline: var(--ds-control-padding-inline-small);--ds-trigger-padding-block: var(--ds-control-padding-block-small);min-height:var(--ds-control-min-height-small);line-height:var(--ds-control-line-height)}.ds-select-trigger-middle{--ds-trigger-padding: var(--ds-control-padding-middle);--ds-trigger-padding-inline: var(--ds-control-padding-inline-middle);--ds-trigger-padding-block: var(--ds-control-padding-block-middle);min-height:var(--ds-control-min-height-middle);line-height:var(--ds-control-line-height)}.ds-select-trigger-large{--ds-trigger-padding: var(--ds-control-padding-large);--ds-trigger-padding-inline: var(--ds-control-padding-inline-large);--ds-trigger-padding-block: var(--ds-control-padding-block-large);min-height:var(--ds-control-min-height-large);line-height:var(--ds-control-line-height)}.ds-select-trigger-content{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;padding:var(--ds-trigger-padding-block) calc(var(--ds-trigger-padding-inline) + 1rem) var(--ds-trigger-padding-block) var(--ds-trigger-padding-inline);max-width:100%}.ds-select-trigger-text{min-width:0;max-width:100%}}
+@layer components{.ds-select-trigger{position:relative;display:inline-flex;align-items:center;cursor:pointer;width:100%;background-color:var(--ds-control-color-bg);border:1px solid var(--ds-control-color-border);border-radius:var(--ds-control-border-radius);transition:var(--ds-control-transition);text-align:left}.ds-select-trigger:focus,.ds-select-trigger:focus-visible{outline:none}.ds-select-trigger:hover:not(.ds-select-trigger-disabled){border-color:var(--ds-control-color-border-hover)}.ds-select-trigger:focus,.ds-select-trigger:focus-visible,.ds-select-trigger-focused{border:var(--ds-control-border-active);box-shadow:var(--ds-control-shadow-active)}.ds-select-trigger-open{border:var(--ds-control-border-active)}.ds-select-trigger-disabled{background-color:var(--ds-control-color-bg-disabled);cursor:not-allowed;color:var(--ds-control-color-text-disabled)}.ds-select-trigger-disabled .ds-select-trigger-text{cursor:not-allowed}.ds-select-trigger-error{border:var(--ds-control-border-error-active)}.ds-select-trigger-error:focus,.ds-select-trigger-error:focus-visible,.ds-select-trigger-error.ds-select-trigger-focused{border:var(--ds-control-border-error-active);box-shadow:var(--ds-control-shadow-error-active)}.ds-select-trigger-warning{border:var(--ds-control-border-warning-active)}.ds-select-trigger-warning:focus,.ds-select-trigger-warning:focus-visible,.ds-select-trigger-warning.ds-select-trigger-focused{border:var(--ds-control-border-warning-active);box-shadow:var(--ds-control-shadow-warning-active)}.ds-select-trigger-value{flex:1;color:var(--ds-control-color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-value-with-prefix{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ds-select-trigger-placeholder{flex:1;color:var(--ds-control-color-text-placeholder);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-suffix{display:flex;align-items:center;justify-content:center;width:var(--ds-control-icon-size);height:var(--ds-control-icon-size);position:relative;font-size:var(--ds-control-icon-size);flex-shrink:0}.ds-select-trigger-arrow,.ds-select-trigger-clear{position:absolute;top:50%;right:var(--ds-trigger-padding-inline);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--ds-control-color-icon);width:var(--ds-control-icon-size);height:var(--ds-control-icon-size)}.ds-select-trigger-arrow-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.ds-select-trigger-open .ds-select-trigger-arrow-icon{transform:rotate(180deg)}.ds-select-trigger-clear{pointer-events:none;opacity:0;transition:opacity .2s ease}.ds-select-trigger-clear:hover{color:var(--ds-control-color-icon-hover)}.ds-select-trigger-clear-icon{display:flex;align-items:center;justify-content:center}.ds-select-trigger-allow-clear.ds-select-trigger-has-value:hover .ds-select-trigger-arrow{opacity:0;pointer-events:none}.ds-select-trigger-allow-clear.ds-select-trigger-has-value:hover .ds-select-trigger-clear{pointer-events:auto;opacity:1}.ds-select-trigger-small{--ds-trigger-padding: var(--ds-control-padding-small);--ds-trigger-padding-inline: var(--ds-control-padding-inline-small);--ds-trigger-padding-block: var(--ds-control-padding-block-small);min-height:var(--ds-control-min-height-small);line-height:var(--ds-control-line-height);border-radius:var(--ds-control-border-radius-sm)}.ds-select-trigger-middle{--ds-trigger-padding: var(--ds-control-padding-middle);--ds-trigger-padding-inline: var(--ds-control-padding-inline-middle);--ds-trigger-padding-block: var(--ds-control-padding-block-middle);min-height:var(--ds-control-min-height-middle);line-height:var(--ds-control-line-height)}.ds-select-trigger-large{--ds-trigger-padding: var(--ds-control-padding-large);--ds-trigger-padding-inline: var(--ds-control-padding-inline-large);--ds-trigger-padding-block: var(--ds-control-padding-block-large);min-height:var(--ds-control-min-height-large);line-height:var(--ds-control-line-height);border-radius:var(--ds-control-border-radius-lg)}.ds-select-trigger-content{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;padding:var(--ds-trigger-padding-block) calc(var(--ds-trigger-padding-inline) + 1rem) var(--ds-trigger-padding-block) var(--ds-trigger-padding-inline);max-width:100%}.ds-select-trigger-text{min-width:0;max-width:100%}}

package/dist/components/theme-provider/style.css

@@ -1 +1 @@
-@layer components{@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-theme-provider{--ds-modal-padding: 24px;--ds-modal-edge-padding: 16px;--ds-popup-panel-padding: 16px;--ds-scrollbar-width: auto;--ds-scrollbar-width-legacy: 15;--ds-box-shadow-popover-arrow: 0px 0px 1px 0px var(--ds-modal-color-border), 2px 2px 5px rgba(0, 0, 0, .05);--ds-control-border-radius: 6px;--ds-control-transition: all .2s;--ds-control-padding-small: 1px 8px;--ds-control-padding-middle: 5px 12px;--ds-control-padding-large: 9px 12px;--ds-control-padding-inline-small: 8px;--ds-control-padding-block-small: 1px;--ds-control-padding-inline-middle: 12px;--ds-control-padding-block-middle: 5px;--ds-control-padding-inline-large: 12px;--ds-control-padding-block-large: 9px;--ds-control-min-height-small: 24px;--ds-control-min-height-middle: 32px;--ds-control-min-height-large: 40px;--ds-control-line-height: 20px;--ds-control-color-border-hover: var(--ds-color-primary-hover);--ds-control-color-border-focus: var(--ds-color-primary);--ds-control-color-bg-disabled: var(--ds-color-bg-container-disabled);--ds-control-color-text-disabled: var(--ds-color-text-disabled);--ds-control-icon-size: 12px;--ds-control-color-bg: var(--ds-color-bg-container);--ds-control-color-border: var(--ds-color-border);--ds-control-color-border-active: var(--ds-color-primary);--ds-control-color-border-error-active: var(--ds-color-error);--ds-control-color-border-warning-active: var(--ds-color-warning);--ds-control-color-icon: var(--ds-color-text-quaternary);--ds-control-color-icon-hover: var(--ds-color-icon-hover);--ds-control-border: 1px solid var(--ds-control-color-border);--ds-control-border-active: 1px solid var(--ds-control-color-border-active);--ds-control-border-error-active: 1px solid var(--ds-control-color-border-error-active);--ds-control-border-warning-active: 1px solid var(--ds-control-color-border-warning-active);--ds-control-shadow-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-primary) 20%, transparent);--ds-form-label-required-mark-color: var(--ds-color-error);--ds-control-shadow-error-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-error) 20%, transparent);--ds-control-shadow-warning-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-warning) 20%, transparent);--ds-control-color-text-placeholder: var(--ds-color-text-placeholder);--ds-button-bg-secondary: #fafafa;--ds-button-bg-gradient-top: rgba(0, 0, 0, .02);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .07);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: inset 0 1px 0 1px #ffffff;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .12);--ds-color-primary-fg: hsl(217 80% 40%);--ds-color-primary-fg-hover: hsl(217 80% 55%);--ds-color-primary-fg-active: hsl(217 80% 30%);--ds-color-error-fg: hsl(5 68% 45%);--ds-color-error-fg-hover: hsl(5 68% 50%);--ds-color-error-fg-active: hsl(5 68% 40%);--ds-inter: "Inter", Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ds-animate-spin: ds-spin 1s linear infinite;--ds-z-index-base: 0;--ds-z-index-sticky-element: 520;--ds-z-index-scrollbar: 530;--ds-z-index-panel: 540;--ds-z-index-modal: 1000;--ds-z-index-modal-mask: 1000;--ds-z-index-message: 1010;--ds-z-index-notification: 1010;--ds-z-index-popover: 1030;--ds-z-index-popup: 1030;--ds-z-index-dropdown: 1050;--ds-z-index-picker: 1050;--ds-z-index-popconfirm: 1060;--ds-z-index-tooltip: 1070;--ds-z-index-toast: 2000;--ds-segment-color-bg-active: #ffffff;--ds-scrollbar-color-thumb: rgba(0, 0, 0, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #000000;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 10%);--ds-modal-color-border: rgba(0, 0, 0, .07)}@supports (font-variation-settings: normal){.ds-theme-provider{--ds-inter: "InterVariable", Inter, Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono Variable", Roboto Mono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}}.ds-theme-provider.dark{--ds-modal-color-border: rgba(255, 255, 255, .1);--ds-segment-color-bg-active: #424248;--ds-scrollbar-color-thumb: rgba(255, 255, 255, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #ffffff;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 20%);--ds-button-bg-secondary: hsl(240, 6.5%, 17%);--ds-button-bg-gradient-top: rgba(255, 255, 255, .03);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .12);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: 0 0 0 0 transparent;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .14);--ds-color-primary-fg: hsl(211 95% 60%);--ds-color-primary-fg-hover: hsl(211 95% 65%);--ds-color-primary-fg-active: hsl(211 95% 58%);--ds-color-error-fg: hsl(4 72% 59%);--ds-color-error-fg-hover: hsl(4 72% 64%);--ds-color-error-fg-active: hsl(4 72% 56%)}}
+@layer components{@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-theme-provider{--ds-modal-padding: 24px;--ds-modal-edge-padding: 16px;--ds-popup-panel-padding: 16px;--ds-scrollbar-width: auto;--ds-scrollbar-width-legacy: 15;--ds-box-shadow-popover-arrow: 0px 0px 1px 0px var(--ds-modal-color-border), 2px 2px 5px rgba(0, 0, 0, .05);--ds-control-border-radius: 6px;--ds-control-border-radius-sm: 4px;--ds-control-border-radius-lg: 8px;--ds-control-transition: all .2s;--ds-control-padding-small: 1px 8px;--ds-control-padding-middle: 5px 12px;--ds-control-padding-large: 9px 12px;--ds-control-padding-inline-small: 8px;--ds-control-padding-block-small: 1px;--ds-control-padding-inline-middle: 12px;--ds-control-padding-block-middle: 5px;--ds-control-padding-inline-large: 12px;--ds-control-padding-block-large: 9px;--ds-control-min-height-small: 24px;--ds-control-min-height-middle: 32px;--ds-control-min-height-large: 40px;--ds-control-line-height: 20px;--ds-control-color-border-hover: var(--ds-color-primary-hover);--ds-control-color-border-focus: var(--ds-color-primary);--ds-control-color-bg-disabled: var(--ds-color-bg-container-disabled);--ds-control-color-text-disabled: var(--ds-color-text-disabled);--ds-control-icon-size: 12px;--ds-control-color-bg: var(--ds-color-bg-container);--ds-control-color-border: var(--ds-color-border);--ds-control-color-border-active: var(--ds-color-primary);--ds-control-color-border-error-active: var(--ds-color-error);--ds-control-color-border-warning-active: var(--ds-color-warning);--ds-control-color-icon: var(--ds-color-text-quaternary);--ds-control-color-icon-hover: var(--ds-color-icon-hover);--ds-control-border: 1px solid var(--ds-control-color-border);--ds-control-border-active: 1px solid var(--ds-control-color-border-active);--ds-control-border-error-active: 1px solid var(--ds-control-color-border-error-active);--ds-control-border-warning-active: 1px solid var(--ds-control-color-border-warning-active);--ds-control-shadow-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-primary) 20%, transparent);--ds-form-label-required-mark-color: var(--ds-color-error);--ds-control-shadow-error-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-error) 20%, transparent);--ds-control-shadow-warning-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-warning) 20%, transparent);--ds-control-color-text-placeholder: var(--ds-color-text-placeholder);--ds-button-bg-secondary: #fafafa;--ds-button-bg-gradient-top: rgba(0, 0, 0, .02);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .07);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: inset 0 1px 0 1px #ffffff;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .12);--ds-color-primary-fg: hsl(217 80% 40%);--ds-color-primary-fg-hover: hsl(217 80% 55%);--ds-color-primary-fg-active: hsl(217 80% 30%);--ds-color-error-fg: hsl(5 68% 45%);--ds-color-error-fg-hover: hsl(5 68% 50%);--ds-color-error-fg-active: hsl(5 68% 40%);--ds-inter: "Inter", Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ds-animate-spin: ds-spin 1s linear infinite;--ds-z-index-base: 0;--ds-z-index-sticky-element: 520;--ds-z-index-scrollbar: 530;--ds-z-index-panel: 540;--ds-z-index-modal: 1000;--ds-z-index-modal-mask: 1000;--ds-z-index-message: 1010;--ds-z-index-notification: 1010;--ds-z-index-popover: 1030;--ds-z-index-popup: 1030;--ds-z-index-dropdown: 1050;--ds-z-index-picker: 1050;--ds-z-index-popconfirm: 1060;--ds-z-index-tooltip: 1070;--ds-z-index-toast: 2000;--ds-segment-color-bg-active: #ffffff;--ds-scrollbar-color-thumb: rgba(0, 0, 0, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #000000;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 10%);--ds-modal-color-border: rgba(0, 0, 0, .07)}@supports (font-variation-settings: normal){.ds-theme-provider{--ds-inter: "InterVariable", Inter, Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono Variable", Roboto Mono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}}.ds-theme-provider.dark{--ds-modal-color-border: rgba(255, 255, 255, .1);--ds-segment-color-bg-active: #424248;--ds-scrollbar-color-thumb: rgba(255, 255, 255, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #ffffff;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 20%);--ds-button-bg-secondary: hsl(240, 6.5%, 17%);--ds-button-bg-gradient-top: rgba(255, 255, 255, .03);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .12);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: 0 0 0 0 transparent;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .14);--ds-color-primary-fg: hsl(211 95% 60%);--ds-color-primary-fg-hover: hsl(211 95% 65%);--ds-color-primary-fg-active: hsl(211 95% 58%);--ds-color-error-fg: hsl(4 72% 59%);--ds-color-error-fg-hover: hsl(4 72% 64%);--ds-color-error-fg-active: hsl(4 72% 56%)}}

package/dist/components/tooltip/component.d.ts

@@ -6,5 +6,5 @@ export type TooltipProps = AntTooltipProps & {
      */
     arrow?: AntTooltipProps["arrow"];
 };
-export declare const Tooltip: ({ arrow, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: import('react').ForwardRefExoticComponent<TooltipProps & import('react').RefAttributes<HTMLElement>>;
 //# sourceMappingURL=component.d.ts.map

package/dist/components/tooltip/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,iBAAiB,CAAC;AAGzB,OAAO,aAAa,CAAC;AAGrB,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAGF,eAAO,MAAM,OAAO,GAAI,oBAA4B,YAAY,4CAE/D,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,iBAAiB,CAAC;AAGzB,OAAO,aAAa,CAAC;AAIrB,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAMF,eAAO,MAAM,OAAO,sGAkBnB,CAAC"}

package/dist/components/tooltip/component.js

@@ -1,9 +1,19 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import i from "antd/es/tooltip";
+import { jsx as l } from "react/jsx-runtime";
+import m from "antd/es/tooltip";
 import './style.css';/* empty css          */
-const l = ({ arrow: o = !1, ...t }) => /* @__PURE__ */ r(i, { arrow: o, ...t });
+import { forwardRef as f, useRef as p, useImperativeHandle as s } from "react";
+const a = f(
+  ({ arrow: o = !1, children: r, ...n }, i) => {
+    const e = p(null);
+    return s(i, () => {
+      const t = e.current?.nativeElement;
+      return t instanceof Element ? t : null;
+    }), /* @__PURE__ */ l(m, { arrow: o, ...n, ref: e, children: r });
+  }
+);
+a.displayName = "Tooltip";
 export {
-  l as Tooltip
+  a as Tooltip
 };
 //# sourceMappingURL=component.js.map

package/dist/components/tooltip/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/tooltip/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntTooltip,\n  type TooltipProps as AntTooltipProps,\n} from \"antd/es/tooltip\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's TooltipProps\nexport type TooltipProps = AntTooltipProps & {\n  /**\n   * Arrow config for of the tooltip\n   * @default false\n   */\n  arrow?: AntTooltipProps[\"arrow\"];\n};\n\n// Create Tooltip component\nexport const Tooltip = ({ arrow = false, ...rest }: TooltipProps) => {\n  return <AntTooltip arrow={arrow} {...rest} />;\n};\n"],"names":["Tooltip","arrow","rest","jsx","AntTooltip"],"mappings":";;;;AAmBO,MAAMA,IAAU,CAAC,EAAE,OAAAC,IAAQ,IAAO,GAAGC,QACnC,gBAAAC,EAACC,GAAA,EAAW,OAAAH,GAAe,GAAGC,EAAA,CAAM;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/tooltip/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntTooltip,\n  TooltipRef,\n  type TooltipProps as AntTooltipProps,\n} from \"antd/es/tooltip\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { forwardRef, useRef, useImperativeHandle } from \"react\";\n\n// Define props interface extending Ant Design's TooltipProps\nexport type TooltipProps = AntTooltipProps & {\n  /**\n   * Arrow config for of the tooltip\n   * @default false\n   */\n  arrow?: AntTooltipProps[\"arrow\"];\n};\n\n// Create Tooltip component\n// Bridge antd's object ref (TooltipRef) to expose the underlying nativeElement\n// as the forwarded ref. Base UI Popover.Trigger and floating-ui expect a real\n// DOM node for positioning and dismiss handling, not an object wrapper.\nexport const Tooltip = forwardRef<HTMLElement, TooltipProps>(\n  ({ arrow = false, children, ...rest }, ref) => {\n    const tooltipRef = useRef<TooltipRef>(null);\n\n    useImperativeHandle(ref, () => {\n      const nativeElement = tooltipRef.current?.nativeElement;\n      if (nativeElement instanceof Element) {\n        return nativeElement as HTMLElement;\n      }\n      return null;\n    });\n\n    return (\n      <AntTooltip arrow={arrow} {...rest} ref={tooltipRef}>\n        {children}\n      </AntTooltip>\n    );\n  },\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"names":["Tooltip","forwardRef","arrow","children","rest","ref","tooltipRef","useRef","useImperativeHandle","nativeElement","AntTooltip"],"mappings":";;;;;AAwBO,MAAMA,IAAUC;AAAA,EACrB,CAAC,EAAE,OAAAC,IAAQ,IAAO,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC7C,UAAMC,IAAaC,EAAmB,IAAI;AAE1C,WAAAC,EAAoBH,GAAK,MAAM;AAC7B,YAAMI,IAAgBH,EAAW,SAAS;AAC1C,aAAIG,aAAyB,UACpBA,IAEF;AAAA,IACT,CAAC,qBAGEC,GAAA,EAAW,OAAAR,GAAe,GAAGE,GAAM,KAAKE,GACtC,UAAAH,GACH;AAAA,EAEJ;AACF;AAEAH,EAAQ,cAAc;"}