@bioturing/components 0.39.0 → 0.40.1

package/dist/components/choice-list/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/choice-list/component.tsx"],"sourcesContent":["\"use client\";\nimport { Command, CommandProps } from \"../cmdk\";\nimport { Input } from \"../input\";\nimport { useCallback, useMemo, useContext } from \"react\";\nimport { useCls, cn, reactNodeToString } from \"../utils\";\nimport { useControlledState } from \"../hooks\";\nimport { Radio } from \"../radio\";\nimport { Checkbox } from \"../checkbox\";\nimport { ScrollArea } from \"../scroll-area\";\n\nimport { FormItemInputContext } from \"antd/es/form/context\";\nimport DisabledContext from \"antd/es/config-provider/DisabledContext\";\n\nexport type ChoiceListOption = {\n  label: React.ReactNode;\n  value?: string;\n};\n\nimport \"./style.css\";\n\nexport interface ChoiceListProps<M extends boolean = false>\n  extends Omit<CommandProps, \"value\" | \"onChange\" | \"defaultValue\"> {\n  options: ChoiceListOption[];\n  multiple?: M;\n  value?: M extends true ? string[] : string;\n  defaultValue?: M extends true ? string[] : string;\n  onChange?: (value: M extends true ? string[] : string) => void;\n  searchProps?: React.ComponentProps<typeof Command.Input>;\n  /**\n   * Show select all option when in multiple mode\n   * @default false\n   */\n  showSelectAll?: boolean;\n  placeholder?: string;\n  /**\n   * Whether the choice list is disabled\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Validation status\n   */\n  status?: \"error\" | \"warning\" | \"success\" | \"validating\";\n  /**\n   * Function to extract keywords from the item for search filtering\n   * @default (item) => [item.value, reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: ChoiceListOption) => string[];\n}\n\nexport const ChoiceList = <M extends boolean = false>({\n  options,\n  multiple,\n  value,\n  defaultValue,\n  onChange,\n  searchProps = { placeholder: \"Search...\" },\n  showSelectAll = false,\n  className,\n  placeholder = \"Search\",\n  disabled: disabledProp = false,\n  status: statusProp,\n  getItemKeywords,\n  ...rest\n}: ChoiceListProps<M>) => {\n  const [internalValue, setInternalValue] = useControlledState(\n    value,\n    onChange,\n    defaultValue\n  );\n\n  const usedValue = useMemo(() => {\n    if (multiple) {\n      // Ensure we always return an array for multiple mode\n      if (Array.isArray(internalValue)) {\n        return internalValue;\n      }\n      return internalValue ? [internalValue as string] : [];\n    } else {\n      // For single mode, convert to array for consistent usage\n      if (Array.isArray(internalValue)) {\n        return internalValue.length > 0 ? [internalValue[0]] : [];\n      }\n      return internalValue ? [internalValue as string] : [];\n    }\n  }, [internalValue, multiple]);\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 cls = useCls();\n\n  const handleSelectAll = useCallback(() => {\n    if (multiple) {\n      const allValues = options\n        .map((item) => item.value)\n        .filter(Boolean) as string[];\n      setInternalValue(allValues as M extends true ? string[] : string);\n    }\n  }, [multiple, options, setInternalValue]);\n\n  const handleDeselectAll = useCallback(() => {\n    if (multiple) {\n      setInternalValue([] as M extends true ? string[] : string);\n    }\n  }, [multiple, setInternalValue]);\n\n  return (\n    <Command\n      className={cn(cls(\"choice-list\"), className)}\n      data-disabled={disabled}\n      data-status={mergedStatus}\n      {...rest}\n    >\n      <FormItemInputContext.Provider value={{}}>\n        <Command.Input\n          render={\n            // isolate the input from the form context\n            <Input.Search\n              allowClear\n              disabled={disabled}\n              className={cls(\"choice-list-search\")}\n              placeholder={placeholder}\n            />\n          }\n          {...searchProps}\n        />\n      </FormItemInputContext.Provider>\n      {showSelectAll &&\n        multiple &&\n        options.length > 0 &&\n        (() => {\n          const allValues = options\n            .map((item) => item.value)\n            .filter(Boolean) as string[];\n          const selectedFromAll = usedValue.filter((val) =>\n            allValues.includes(val)\n          );\n          const checked =\n            selectedFromAll.length === allValues.length && allValues.length > 0;\n          const indeterminate =\n            selectedFromAll.length > 0 &&\n            selectedFromAll.length < allValues.length;\n\n          return (\n            <div\n              className={cls(\"choice-list-item\")}\n              onClick={() => {\n                if (disabled) return;\n                if (indeterminate || checked) {\n                  handleDeselectAll();\n                } else {\n                  handleSelectAll();\n                }\n              }}\n            >\n              <Checkbox\n                tabIndex={-1}\n                checked={checked}\n                indeterminate={indeterminate}\n                disabled={disabled}\n              >\n                Select All\n              </Checkbox>\n            </div>\n          );\n        })()}\n      <ScrollArea className={cls(\"choice-list-items\")} fadeEdges>\n        <Command.List>\n          <Command.Empty className={cls(\"choice-list-empty\")}>\n            No results found.\n          </Command.Empty>\n          {options.map((item) => (\n            <Command.Item\n              key={item.value}\n              className={cls(\"choice-list-item\")}\n              keywords={\n                getItemKeywords\n                  ? getItemKeywords(item)\n                  : [item.value || \"\", reactNodeToString(item.label)]\n              }\n              value={item.value}\n              data-in-choice={\n                item.value ? usedValue.includes(item.value) : false\n              }\n              onSelect={(newValue) => {\n                if (disabled) return;\n                if (multiple) {\n                  const newValues = usedValue.includes(newValue)\n                    ? usedValue.filter((value) => value !== newValue)\n                    : [...new Set([...usedValue, newValue])];\n                  setInternalValue(\n                    newValues as M extends true ? string[] : string\n                  );\n                } else {\n                  setInternalValue(\n                    newValue as M extends true ? string[] : string\n                  );\n                }\n              }}\n            >\n              {multiple ? (\n                <Checkbox\n                  tabIndex={-1}\n                  checked={item.value ? usedValue.includes(item.value) : false}\n                  disabled={disabled}\n                >\n                  {item.label}\n                </Checkbox>\n              ) : (\n                <Radio\n                  tabIndex={-1}\n                  checked={item.value ? usedValue.includes(item.value) : false}\n                  disabled={disabled}\n                >\n                  {item.label}\n                </Radio>\n              )}\n            </Command.Item>\n          ))}\n        </Command.List>\n      </ScrollArea>\n    </Command>\n  );\n};\n"],"names":["ChoiceList","options","multiple","value","defaultValue","onChange","searchProps","showSelectAll","className","placeholder","disabledProp","statusProp","getItemKeywords","rest","internalValue","setInternalValue","useControlledState","usedValue","useMemo","contextStatus","useContext","FormItemInputContext","contextDisabled","DisabledContext","mergedStatus","disabled","cls","useCls","handleSelectAll","useCallback","allValues","item","handleDeselectAll","jsxs","Command","cn","jsx","Input","selectedFromAll","val","checked","indeterminate","Checkbox","ScrollArea","reactNodeToString","newValue","newValues","Radio"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/choice-list/component.tsx"],"sourcesContent":["\"use client\";\nimport { Autocomplete } from \"@base-ui/react/autocomplete\";\nimport { Input } from \"../input\";\nimport { useCallback, useMemo, useContext } from \"react\";\nimport { useCls, cn } from \"../utils\";\nimport { useControlledState } from \"../hooks\";\nimport { Radio } from \"../radio\";\nimport { Checkbox } from \"../checkbox\";\nimport { ScrollArea } from \"../scroll-area\";\n\nimport { FormItemInputContext } from \"antd/es/form/context\";\nimport DisabledContext from \"antd/es/config-provider/DisabledContext\";\n\nexport type ChoiceListOption = {\n  label: React.ReactNode;\n  value?: string;\n};\n\nimport \"./style.css\";\n\nexport interface ChoiceListProps<M extends boolean = false> {\n  options: ChoiceListOption[];\n  multiple?: M;\n  value?: M extends true ? string[] : string;\n  defaultValue?: M extends true ? string[] : string;\n  onChange?: (value: M extends true ? string[] : string) => void;\n  searchProps?: React.ComponentProps<typeof Input.Search>;\n  /**\n   * Show select all option when in multiple mode\n   * @default false\n   */\n  showSelectAll?: boolean;\n  placeholder?: string;\n  /**\n   * Whether the choice list is disabled\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Validation status\n   */\n  status?: \"error\" | \"warning\" | \"success\" | \"validating\";\n  /**\n   * Function to extract keywords from the item for search filtering\n   * @default (item) => [item.value, reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: ChoiceListOption) => string[];\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n}\n\nexport const ChoiceList = <M extends boolean = false>({\n  options,\n  multiple,\n  value,\n  defaultValue,\n  onChange,\n  searchProps = { placeholder: \"Search...\" },\n  showSelectAll = false,\n  className,\n  placeholder = \"Search\",\n  disabled: disabledProp = false,\n  status: statusProp,\n}: ChoiceListProps<M>) => {\n  const [internalValue, setInternalValue] = useControlledState(\n    value,\n    onChange,\n    defaultValue\n  );\n\n  const usedValue = useMemo(() => {\n    if (multiple) {\n      // Ensure we always return an array for multiple mode\n      if (Array.isArray(internalValue)) {\n        return internalValue;\n      }\n      return internalValue ? [internalValue as string] : [];\n    } else {\n      // For single mode, convert to array for consistent usage\n      if (Array.isArray(internalValue)) {\n        return internalValue.length > 0 ? [internalValue[0]] : [];\n      }\n      return internalValue ? [internalValue as string] : [];\n    }\n  }, [internalValue, multiple]);\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 cls = useCls();\n\n  const handleSelectAll = useCallback(() => {\n    if (multiple) {\n      const allValues = options\n        .map((item) => item.value)\n        .filter(Boolean) as string[];\n      setInternalValue(allValues as M extends true ? string[] : string);\n    }\n  }, [multiple, options, setInternalValue]);\n\n  const handleDeselectAll = useCallback(() => {\n    if (multiple) {\n      setInternalValue([] as M extends true ? string[] : string);\n    }\n  }, [multiple, setInternalValue]);\n\n  const handleItemSelect = useCallback(\n    (selectedValue: string) => {\n      if (disabled) return;\n      if (multiple) {\n        const newValues = usedValue.includes(selectedValue)\n          ? usedValue.filter((v) => v !== selectedValue)\n          : [...new Set([...usedValue, selectedValue])];\n        setInternalValue(newValues as M extends true ? string[] : string);\n      } else {\n        setInternalValue(selectedValue as M extends true ? string[] : string);\n      }\n    },\n    [disabled, multiple, usedValue, setInternalValue]\n  );\n\n  return (\n    <Autocomplete.Root\n      items={options}\n      itemToStringValue={(item) => item?.value || \"\"}\n      open={true}\n      inline\n      modal={false}\n    >\n      <FormItemInputContext.Provider value={{}}>\n        <Autocomplete.Input\n          render={(props) => (\n            <Input.Search\n              {...props}\n              {...searchProps}\n              allowClear\n              disabled={disabled}\n              className={cls(\"choice-list-search\")}\n              placeholder={placeholder}\n            />\n          )}\n        />\n      </FormItemInputContext.Provider>\n      {showSelectAll &&\n        multiple &&\n        options.length > 0 &&\n        (() => {\n          const allValues = options\n            .map((item) => item.value)\n            .filter(Boolean) as string[];\n          const selectedFromAll = usedValue.filter((val) =>\n            allValues.includes(val)\n          );\n          const checked =\n            selectedFromAll.length === allValues.length && allValues.length > 0;\n          const indeterminate =\n            selectedFromAll.length > 0 &&\n            selectedFromAll.length < allValues.length;\n\n          return (\n            <div\n              className={cls(\"choice-list-item\")}\n              onClick={() => {\n                if (disabled) return;\n                if (indeterminate || checked) {\n                  handleDeselectAll();\n                } else {\n                  handleSelectAll();\n                }\n              }}\n            >\n              <Checkbox\n                tabIndex={-1}\n                checked={checked}\n                indeterminate={indeterminate}\n                disabled={disabled}\n              >\n                Select All\n              </Checkbox>\n            </div>\n          );\n        })()}\n      <ScrollArea className={cls(\"choice-list-items\")} fadeEdges>\n        <Autocomplete.List>\n          {(item) => (\n            <Autocomplete.Item\n              key={item.value}\n              className={cls(\"choice-list-item\")}\n              value={item.value || \"\"}\n              data-in-choice={\n                item.value ? usedValue.includes(item.value) : false\n              }\n              onClick={() => item.value && handleItemSelect(item.value)}\n            >\n              {multiple ? (\n                <Checkbox\n                  tabIndex={-1}\n                  checked={item.value ? usedValue.includes(item.value) : false}\n                  disabled={disabled}\n                >\n                  {item.label}\n                </Checkbox>\n              ) : (\n                <Radio\n                  tabIndex={-1}\n                  checked={item.value ? usedValue.includes(item.value) : false}\n                  disabled={disabled}\n                >\n                  {item.label}\n                </Radio>\n              )}\n            </Autocomplete.Item>\n          )}\n        </Autocomplete.List>\n        <Autocomplete.Empty className={cls(\"choice-list-empty\")}>\n          No results found.\n        </Autocomplete.Empty>\n      </ScrollArea>\n    </Autocomplete.Root>\n  );\n};\n"],"names":["ChoiceList","options","multiple","value","defaultValue","onChange","searchProps","showSelectAll","className","placeholder","disabledProp","statusProp","internalValue","setInternalValue","useControlledState","usedValue","useMemo","useContext","FormItemInputContext","contextDisabled","DisabledContext","disabled","cls","useCls","handleSelectAll","useCallback","allValues","item","handleDeselectAll","handleItemSelect","selectedValue","newValues","v","jsxs","Autocomplete","jsx","props","Input","selectedFromAll","val","checked","indeterminate","Checkbox","ScrollArea","Radio"],"mappings":"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"}

package/dist/components/color-select/component.js

@@ -16,21 +16,21 @@ const ce = ({
   className: ue,
   value: q,
   defaultValue: O,
-  onChange: h,
+  onChange: g,
   colorPickerProps: F,
   presetColors: P,
   open: U,
-  onOpenChange: g,
+  onOpenChange: h,
   defaultOpen: W,
   ...X
 }, N) => {
   const a = re(), [s, u] = $(
     q,
-    h,
+    g,
     O
   ), [C, S] = w(null), [i, D] = w(""), [E, M] = w(""), [k, n] = $(
     U,
-    g,
+    h,
     W
   ), [Y, T] = w(!1), y = I(null), d = I(null), z = I(!1), x = I({
     x: 0,
@@ -63,10 +63,10 @@ const ce = ({
     ), r = [], o = t.reduce((l, m) => (R(m, !0) ? l.push(m) : r.push(m), l), []);
     r.length && ne(`Invalid colors: ${r.join(", ")}`);
     const p = /* @__PURE__ */ new Set([...s, ...o]);
-    h && h([...p]), g && g(!1), D(""), M(""), n(!1), requestAnimationFrame(() => {
+    g && g([...p]), h && h(!1), D(""), M(""), n(!1), requestAnimationFrame(() => {
       n(!0);
     });
-  }, [i, s, h, g, n]), B = c(
+  }, [i, s, g, h, n]), B = c(
     (e) => {
       e.key === "Enter" && A(), e.key === "Backspace" && !i && (e.ctrlKey || e.metaKey ? u([]) : u(s.slice(0, -1)));
     },

package/dist/components/combobox/component.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as o, jsxs as f, Fragment as q } from "react/jsx-runtime";
-import { Combobox as t } from "@base-ui-components/react/combobox";
+import { Combobox as t } from "@base-ui/react/combobox";
 import se from "antd/es/config-provider/DisabledContext";
 import { FormItemInputContext as ae } from "antd/es/form/context";
 import { forwardRef as ie, useRef as de, useContext as G, useCallback as y, useMemo as O } from "react";

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-components/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} 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 \"./style.css\";\n\nexport type ComboboxOption<\n  T extends React.Key,\n  O extends Record<string, unknown> = {}\n> = {\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  filterOption?:\n    | boolean\n    | ((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\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    // 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    ...rest\n  }: ComboboxProps<T, M, O>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) => {\n  const [value, setValue] = useControlledState(\n    controlledValue,\n    onChange,\n    defaultValue !== undefined\n      ? defaultValue\n      : multiple\n      ? ([] as T[])\n      : undefined\n  );\n\n  const [open, setOpen] = useControlledState(\n    controlledOpen,\n    onOpenChange,\n    false\n  );\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  // 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) =>\n      options.some((opt) => opt.value === val)\n    );\n    const checked =\n      selectedFromFiltered.length === options.length && options.length > 0;\n    const indeterminate =\n      selectedFromFiltered.length > 0 &&\n      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  }, [\n    showSelectAll,\n    multiple,\n    options,\n    selectedValues,\n    handleDeselectAll,\n    handleSelectAll,\n  ]);\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${\n            selectedValues.length === 1 ? \"\" : \"s\"\n          } selected`\n        : null;\n    } else {\n      const selectedOption = options.find(\n        (opt) => opt.value === selectedValues[0]\n      );\n      return selectedOption?.label || null;\n    }\n  }, [multiple, selectedValues, options]);\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  return (\n    <div ref={ref} className={clsx(cls(\"combobox\"), className)} {...rest}>\n      <BaseCombobox.Root<T, M>\n        value={\n          (multiple\n            ? selectedValues\n            : selectedValues[0] ?? null) as M extends true ? T[] : 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        open={open}\n        onOpenChange={setOpen}\n        multiple={multiple}\n        disabled={disabled}\n        items={baseUIItems}\n        itemToStringLabel={(itemValue) => {\n          const option = options.find((opt) => opt.value === itemValue);\n          return reactNodeToString(option?.label || String(itemValue));\n        }}\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(\n              classNames?.trigger,\n              cls(\"combobox-trigger-single\")\n            )}\n          >\n            <SelectTrigger.Content\n              contentRender={({ className, children, ...rest }) => (\n                <BaseCombobox.Input\n                  placeholder={placeholder}\n                  className={clsx(className, inputClassName)}\n                  disabled={disabled}\n                  onChange={(event) => {\n                    onSearch?.(event.target.value);\n                  }}\n                  {...rest}\n                />\n              )}\n            />\n            <SelectTrigger.Clear\n              render={(props) => (\n                <BaseCombobox.Clear {...props}></BaseCombobox.Clear>\n              )}\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(\n              classNames?.trigger,\n              cls(\"combobox-trigger-multiple\")\n            )}\n            as=\"div\"\n          >\n            <SelectTrigger.Content\n              contentRender={({ className, children, ...rest }) => (\n                <BaseCombobox.Chips\n                  className={clsx(cls(\"combobox-chips\"), className)}\n                  {...rest}\n                >\n                  <BaseCombobox.Value>\n                    {(selectedItems) => (\n                      <>\n                        {selectedItems.map((item: T) => {\n                          const option = options.find(\n                            (opt) => opt.value === item\n                          );\n                          return (\n                            <BaseCombobox.Chip\n                              key={item}\n                              className={clsx(cls(\"combobox-chip\"))}\n                            >\n                              {option?.icon && (\n                                <span\n                                  className={clsx(cls(\"combobox-chip-icon\"))}\n                                >\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={\n                            selectedItems.length > 0 ? \"\" : placeholder\n                          }\n                          className={inputClassName}\n                          disabled={disabled}\n                          onChange={(event) => {\n                            onSearch?.(event.target.value);\n                          }}\n                        />\n                      </>\n                    )}\n                  </BaseCombobox.Value>\n                </BaseCombobox.Chips>\n              )}\n            />\n            <SelectTrigger.Clear\n              render={(props) => (\n                <BaseCombobox.Clear {...props}></BaseCombobox.Clear>\n              )}\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            render={(props) => <BaseMenu.Root {...props}></BaseMenu.Root>}\n          >\n            <BaseCombobox.Popup\n              className={clsx(cls(\"combobox-popup\"), classNames?.portal)}\n              render={(props) => <BaseMenu.Popup {...props}></BaseMenu.Popup>}\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\n                    render={(props) => <BaseMenu.Divider {...props} />}\n                  />\n                </>\n              )}\n              <BaseCombobox.List\n                className={clsx(cls(\"combobox-list\"), classNames?.list)}\n                render={(props) => <BaseMenu.List {...props}></BaseMenu.List>}\n              >\n                {(item: T) => {\n                  const option = options.find((opt) => opt.value === item);\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":["ComboboxInner","options","controlledValue","defaultValue","onChange","placeholder","disabledProp","statusProp","allowClear","multiple","_showSearch","controlledOpen","onOpenChange","className","classNames","size","optionRender","onSearch","clearIcon","suffixIcon","showSelectAll","optionLabelRender","_getOptionKeywords","option","reactNodeToString","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","selectAllOption","selectedFromFiltered","val","opt","checked","indeterminate","baseUIItems","displayValue","inputClassName","clsx","jsx","jsxs","BaseCombobox","itemValue","SelectTrigger","children","selectedItems","Fragment","item","XIcon","event","props","icon","BaseMenu","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 { 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} 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 \"./style.css\";\n\nexport type ComboboxOption<\n  T extends React.Key,\n  O extends Record<string, unknown> = {}\n> = {\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  filterOption?:\n    | boolean\n    | ((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\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    // 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    ...rest\n  }: ComboboxProps<T, M, O>,\n  ref: React.ForwardedRef<HTMLDivElement>\n) => {\n  const [value, setValue] = useControlledState(\n    controlledValue,\n    onChange,\n    defaultValue !== undefined\n      ? defaultValue\n      : multiple\n      ? ([] as T[])\n      : undefined\n  );\n\n  const [open, setOpen] = useControlledState(\n    controlledOpen,\n    onOpenChange,\n    false\n  );\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  // 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) =>\n      options.some((opt) => opt.value === val)\n    );\n    const checked =\n      selectedFromFiltered.length === options.length && options.length > 0;\n    const indeterminate =\n      selectedFromFiltered.length > 0 &&\n      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  }, [\n    showSelectAll,\n    multiple,\n    options,\n    selectedValues,\n    handleDeselectAll,\n    handleSelectAll,\n  ]);\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${\n            selectedValues.length === 1 ? \"\" : \"s\"\n          } selected`\n        : null;\n    } else {\n      const selectedOption = options.find(\n        (opt) => opt.value === selectedValues[0]\n      );\n      return selectedOption?.label || null;\n    }\n  }, [multiple, selectedValues, options]);\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  return (\n    <div ref={ref} className={clsx(cls(\"combobox\"), className)} {...rest}>\n      <BaseCombobox.Root<T, M>\n        value={\n          (multiple\n            ? selectedValues\n            : selectedValues[0] ?? null) as M extends true ? T[] : 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        open={open}\n        onOpenChange={setOpen}\n        multiple={multiple}\n        disabled={disabled}\n        items={baseUIItems}\n        itemToStringLabel={(itemValue) => {\n          const option = options.find((opt) => opt.value === itemValue);\n          return reactNodeToString(option?.label || String(itemValue));\n        }}\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(\n              classNames?.trigger,\n              cls(\"combobox-trigger-single\")\n            )}\n          >\n            <SelectTrigger.Content\n              contentRender={({ className, children, ...rest }) => (\n                <BaseCombobox.Input\n                  placeholder={placeholder}\n                  className={clsx(className, inputClassName)}\n                  disabled={disabled}\n                  onChange={(event) => {\n                    onSearch?.(event.target.value);\n                  }}\n                  {...rest}\n                />\n              )}\n            />\n            <SelectTrigger.Clear\n              render={(props) => (\n                <BaseCombobox.Clear {...props}></BaseCombobox.Clear>\n              )}\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(\n              classNames?.trigger,\n              cls(\"combobox-trigger-multiple\")\n            )}\n            as=\"div\"\n          >\n            <SelectTrigger.Content\n              contentRender={({ className, children, ...rest }) => (\n                <BaseCombobox.Chips\n                  className={clsx(cls(\"combobox-chips\"), className)}\n                  {...rest}\n                >\n                  <BaseCombobox.Value>\n                    {(selectedItems) => (\n                      <>\n                        {selectedItems.map((item: T) => {\n                          const option = options.find(\n                            (opt) => opt.value === item\n                          );\n                          return (\n                            <BaseCombobox.Chip\n                              key={item}\n                              className={clsx(cls(\"combobox-chip\"))}\n                            >\n                              {option?.icon && (\n                                <span\n                                  className={clsx(cls(\"combobox-chip-icon\"))}\n                                >\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={\n                            selectedItems.length > 0 ? \"\" : placeholder\n                          }\n                          className={inputClassName}\n                          disabled={disabled}\n                          onChange={(event) => {\n                            onSearch?.(event.target.value);\n                          }}\n                        />\n                      </>\n                    )}\n                  </BaseCombobox.Value>\n                </BaseCombobox.Chips>\n              )}\n            />\n            <SelectTrigger.Clear\n              render={(props) => (\n                <BaseCombobox.Clear {...props}></BaseCombobox.Clear>\n              )}\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            render={(props) => <BaseMenu.Root {...props}></BaseMenu.Root>}\n          >\n            <BaseCombobox.Popup\n              className={clsx(cls(\"combobox-popup\"), classNames?.portal)}\n              render={(props) => <BaseMenu.Popup {...props}></BaseMenu.Popup>}\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\n                    render={(props) => <BaseMenu.Divider {...props} />}\n                  />\n                </>\n              )}\n              <BaseCombobox.List\n                className={clsx(cls(\"combobox-list\"), classNames?.list)}\n                render={(props) => <BaseMenu.List {...props}></BaseMenu.List>}\n              >\n                {(item: T) => {\n                  const option = options.find((opt) => opt.value === item);\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":["ComboboxInner","options","controlledValue","defaultValue","onChange","placeholder","disabledProp","statusProp","allowClear","multiple","_showSearch","controlledOpen","onOpenChange","className","classNames","size","optionRender","onSearch","clearIcon","suffixIcon","showSelectAll","optionLabelRender","_getOptionKeywords","option","reactNodeToString","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","selectAllOption","selectedFromFiltered","val","opt","checked","indeterminate","baseUIItems","displayValue","inputClassName","clsx","jsx","jsxs","BaseCombobox","itemValue","SelectTrigger","children","selectedItems","Fragment","item","XIcon","event","props","icon","BaseMenu","BaseMenuItem","isSelected","Empty","MainCombobox","forwardRef","Combobox"],"mappings":"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"}

package/dist/components/command-palette/component.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { Dialog } from '@base-ui/react/dialog';
 import { DropdownMenuItemType } from '../dropdown-menu/types';
 export type CommandPaletteShortcut = {
     key: string;
@@ -7,7 +8,10 @@ export type CommandPaletteShortcut = {
     altKey?: boolean;
     shiftKey?: boolean;
 };
+type DialogTriggerRender = React.ComponentProps<typeof Dialog.Trigger>["render"];
 export interface CommandPaletteProps {
+    /** Optional trigger element - if provided, renders a Dialog.Trigger */
+    children?: DialogTriggerRender;
     /** Whether the command palette is open */
     open?: boolean;
     /** Callback fired when the open state changes */
@@ -29,6 +33,7 @@ export interface CommandPaletteProps {
     /** Additional CSS class names */
     className?: string;
     classNames?: {
+        trigger?: string;
         root?: string;
         mask?: string;
         content?: string;
@@ -38,4 +43,5 @@ export interface CommandPaletteProps {
     };
 }
 export declare const CommandPalette: React.FC<CommandPaletteProps>;
+export {};
 //# sourceMappingURL=component.d.ts.map

package/dist/components/command-palette/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAK9D,OAAO,aAAa,CAAC;AAGrB,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AA0CD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2ExD,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,OAAO,aAAa,CAAC;AAKrB,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAGF,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAC7C,OAAO,MAAM,CAAC,OAAO,CACtB,CAAC,QAAQ,CAAC,CAAC;AAEZ,MAAM,WAAW,mBAAmB;IAClC,uEAAuE;IACvE,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACH;AAoBD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiNxD,CAAC"}

package/dist/components/command-palette/component.js

@@ -1,79 +1,198 @@
 "use client";
-import { jsxs as f, Fragment as S, jsx as n } from "react/jsx-runtime";
-import { useEffect as E, useCallback as L } from "react";
-import { Command as r } from "../cmdk/index.js";
-import { useDropdownMenu as D } from "../dropdown-menu/useDropdownMenu.js";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import O, { useEffect as R, useMemo as V, useCallback as D } from "react";
+import { useStableCallback as v } from "@base-ui/utils/useStableCallback";
+import { Autocomplete as i } from "@base-ui/react/autocomplete";
+import { Dialog as u } from "@base-ui/react/dialog";
+import { useDropdownMenu as A } from "../dropdown-menu/useDropdownMenu.js";
 import './style.css';/* empty css          */
-import { useCls as b } from "../utils/antdUtils.js";
-import { useControlledState as x } from "../hooks/useControlledState.js";
-import { useTheme as j } from "../theme-provider/context/themeStore.js";
-import { ScrollArea as A } from "../scroll-area/component.js";
-const G = [
+import { DropdownMenuItem as j } from "../dropdown-menu/item.js";
+import { DropdownMenuDivider as x } from "../dropdown-menu/divider.js";
+import { useCls as _ } from "../utils/antdUtils.js";
+import { useControlledState as B } from "../hooks/useControlledState.js";
+import { useTheme as F } from "../theme-provider/context/themeStore.js";
+import { Input as I } from "../input/component.js";
+import { ScrollArea as q } from "../scroll-area/component.js";
+import { clsx as d } from "../utils/cn.js";
+import { createRenderProp as z } from "../utils/renderProp.js";
+const H = [
   { key: "k", metaKey: !0 },
   { key: "k", ctrlKey: !0 }
 ];
-function I(t, e) {
-  return t.key.toLowerCase() === e.key.toLowerCase() && !!t.metaKey == !!e.metaKey && !!t.ctrlKey == !!e.ctrlKey && !!t.altKey == !!e.altKey && !!t.shiftKey == !!e.shiftKey;
+function J(a, m) {
+  return a.key.toLowerCase() === m.key.toLowerCase() && !!a.metaKey == !!m.metaKey && !!a.ctrlKey == !!m.ctrlKey && !!a.altKey == !!m.altKey && !!a.shiftKey == !!m.shiftKey;
 }
-const J = ({
-  open: t,
-  onOpenChange: e,
-  defaultOpen: h = !1,
-  items: C = [],
-  shortcuts: s = G,
-  placeholder: l = "Type a command or search...",
-  emptyText: c = "No results found.",
-  label: k = "Command Palette",
-  className: K,
-  classNames: d
+const ue = ({
+  children: a,
+  open: m,
+  onOpenChange: M,
+  defaultOpen: E = !1,
+  items: P = [],
+  shortcuts: f = H,
+  placeholder: h = "Type a command or search...",
+  emptyText: g = "No results found.",
+  className: T,
+  classNames: r
 }) => {
-  const o = b(), [m, a] = x(
-    t,
-    e,
-    h
-  );
-  E(() => {
-    const p = (y) => {
-      s.find(
-        (g) => I(y, g)
-      ) && (y.preventDefault(), a(!m));
+  const n = _(), [$, p] = B(
+    m,
+    M,
+    E
+  ), [y, b] = O.useState(""), C = v(() => {
+    p(!1);
+  }), k = v(() => {
+    p((e) => !e);
+  });
+  R(() => {
+    const e = (t) => {
+      f.find(
+        (s) => J(t, s)
+      ) && (t.preventDefault(), k());
     };
-    return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
-  }, [s, m, a]);
-  const { renderGroup: i, itemGroups: u } = D({
-    items: C,
+    return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [f, k]);
+  const { itemGroups: w } = A({
+    items: P,
     inCombobox: !0,
-    onOpenChange: e
-  }), { className: w } = j(), N = L(
-    () => /* @__PURE__ */ f(S, { children: [
-      /* @__PURE__ */ n(r.Input, { placeholder: l }),
-      /* @__PURE__ */ n(A, { fadeEdges: !0, children: /* @__PURE__ */ f(
-        r.List,
-        {
-          className: o("dropdown-menu-list", "command-palette-list"),
-          children: [
-            /* @__PURE__ */ n(r.Empty, { className: o("dropdown-menu-empty"), children: c }),
-            u.map(i)
-          ]
+    onOpenChange: (e) => {
+      e || p(!1);
+    },
+    classNames: {
+      group: r?.group,
+      groupLabel: r?.groupLabel,
+      item: r?.item
+    }
+  }), S = V(() => w.map((t) => ({
+    label: t.label || "",
+    items: t.items
+  })), [w]), { className: K } = F(), L = D(
+    (e, t, l) => e.type === "item" ? /* @__PURE__ */ o(
+      j,
+      {
+        item: e,
+        inCombobox: !0,
+        afterSelect: C,
+        classNames: {
+          item: r?.item
         }
-      ) })
-    ] }),
-    [o, c, u, l, i]
-  );
-  return /* @__PURE__ */ n(
-    r.Dialog,
+      },
+      `${t}-${l}`
+    ) : e.type === "divider" ? /* @__PURE__ */ o(
+      x,
+      {
+        inCombobox: !0
+      },
+      `${t}-${l}`
+    ) : null,
+    [r?.item, C]
+  ), G = D(() => /* @__PURE__ */ c(
+    i.Root,
     {
-      open: m,
-      onOpenChange: a,
-      label: k,
-      overlayClassName: o("command-palette-overlay", d?.mask),
-      contentClassName: o("command-palette-content", d?.content),
-      className: o("command-palette", w, K),
-      children: N()
+      items: S,
+      onValueChange: (e) => b(e),
+      itemToStringValue: (e) => e.type == "item" ? String(e.key) : "",
+      open: !0,
+      inline: !0,
+      modal: !1,
+      children: [
+        /* @__PURE__ */ o("div", { className: n("command-palette-search-wrapper"), children: /* @__PURE__ */ o(
+          i.Input,
+          {
+            render: ({ ref: e, ...t }) => /* @__PURE__ */ o(
+              I,
+              {
+                placeholder: h,
+                value: y,
+                onChange: (l) => b(l.target.value),
+                className: n("command-palette-search"),
+                autoFocus: !0,
+                ...t
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ c(q, { fadeEdges: !0, children: [
+          /* @__PURE__ */ o(
+            i.List,
+            {
+              className: n("dropdown-menu-list", "command-palette-list"),
+              children: (e, t) => /* @__PURE__ */ c(
+                i.Group,
+                {
+                  items: e.items,
+                  className: d(
+                    n("dropdown-menu-group"),
+                    t > 0 && "mt-2",
+                    r?.group
+                  ),
+                  children: [
+                    e.label && /* @__PURE__ */ o(
+                      i.GroupLabel,
+                      {
+                        className: d(
+                          n("dropdown-menu-header"),
+                          r?.groupLabel
+                        ),
+                        children: /* @__PURE__ */ o("span", { children: e.label })
+                      }
+                    ),
+                    /* @__PURE__ */ o(i.Collection, { children: (l, s) => L(l, t, s) })
+                  ]
+                },
+                `group-${t}`
+              )
+            }
+          ),
+          /* @__PURE__ */ o(
+            i.Empty,
+            {
+              className: n("dropdown-menu-empty", "command-palette-empty"),
+              children: g
+            }
+          )
+        ] })
+      ]
     }
-  );
+  ), [
+    S,
+    n,
+    g,
+    h,
+    L,
+    y,
+    r
+  ]), N = {
+    className: d(
+      n("command-palette-trigger"),
+      r?.trigger,
+      K
+    ),
+    render: (e, t) => z(a, e, t)
+  };
+  return /* @__PURE__ */ c(u.Root, { open: $, onOpenChange: p, modal: !0, children: [
+    a && /* @__PURE__ */ o(u.Trigger, { ...N }),
+    /* @__PURE__ */ c(u.Portal, { children: [
+      /* @__PURE__ */ o(
+        u.Backdrop,
+        {
+          className: n("command-palette-overlay", r?.mask)
+        }
+      ),
+      /* @__PURE__ */ o(
+        u.Popup,
+        {
+          className: n(
+            "command-palette-content",
+            K,
+            r?.content
+          ),
+          children: /* @__PURE__ */ o("div", { className: n("command-palette", T, r?.root), children: G() })
+        }
+      )
+    ] })
+  ] });
 };
 export {
-  J as CommandPalette
+  ue as CommandPalette
 };
 //# sourceMappingURL=component.js.map

package/dist/components/command-palette/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/command-palette/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect } from \"react\";\nimport { Command } from \"../cmdk\";\nimport { DropdownMenuItemType } from \"../dropdown-menu/types\";\nimport { useDropdownMenu } from \"../dropdown-menu/useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { useCls } from \"../utils\";\nimport \"./style.css\";\nimport { useTheme } from \"../theme-provider\";\n\nexport type CommandPaletteShortcut = {\n  key: string;\n  metaKey?: boolean;\n  ctrlKey?: boolean;\n  altKey?: boolean;\n  shiftKey?: boolean;\n};\n\nexport interface CommandPaletteProps {\n  /** Whether the command palette is open */\n  open?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Default open state\n   */\n  defaultOpen?: boolean;\n  /** Items to display in the command palette */\n  items?: DropdownMenuItemType[];\n  /** Keyboard shortcuts to open the palette */\n  shortcuts?: CommandPaletteShortcut[];\n  /** Placeholder text for the search input */\n  placeholder?: string;\n  /** Text to show when no results are found */\n  emptyText?: string;\n  /** Accessible label for the command palette */\n  label?: string;\n  /** Additional CSS class names */\n  className?: string;\n  classNames?: {\n    root?: string;\n    mask?: string;\n    content?: string;\n    group?: string;\n    item?: string;\n    groupLabel?: string;\n  };\n}\n\nconst defaultShortcuts: CommandPaletteShortcut[] = [\n  { key: \"k\", metaKey: true },\n  { key: \"k\", ctrlKey: true },\n];\n\nfunction matchesShortcut(\n  event: KeyboardEvent,\n  shortcut: CommandPaletteShortcut\n): boolean {\n  return (\n    event.key.toLowerCase() === shortcut.key.toLowerCase() &&\n    !!event.metaKey === !!shortcut.metaKey &&\n    !!event.ctrlKey === !!shortcut.ctrlKey &&\n    !!event.altKey === !!shortcut.altKey &&\n    !!event.shiftKey === !!shortcut.shiftKey\n  );\n}\n\n// Default items for testing/demo purposes\n// const defaultItems: DropdownMenuItemType[] = [\n//   {\n//     type: \"item\",\n//     key: \"search\",\n//     label: \"Search files\",\n//     onClick: () => console.log(\"Search files\"),\n//   },\n//   {\n//     type: \"item\",\n//     key: \"new-file\",\n//     label: \"New file\",\n//     onClick: () => console.log(\"New file\"),\n//   },\n//   {\n//     type: \"item\",\n//     key: \"settings\",\n//     label: \"Open settings\",\n//     onClick: () => console.log(\"Open settings\"),\n//   },\n// ];\n\nexport const CommandPalette: React.FC<CommandPaletteProps> = ({\n  open,\n  onOpenChange,\n  defaultOpen = false,\n  items = [],\n  shortcuts = defaultShortcuts,\n  placeholder = \"Type a command or search...\",\n  emptyText = \"No results found.\",\n  label = \"Command Palette\",\n  className,\n  classNames,\n}) => {\n  const cls = useCls();\n  const [actualOpen, setActualOpen] = useControlledState(\n    open,\n    onOpenChange,\n    defaultOpen\n  );\n\n  // Set up keyboard shortcuts\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const matchingShortcut = shortcuts.find((shortcut) =>\n        matchesShortcut(event, shortcut)\n      );\n\n      if (matchingShortcut) {\n        event.preventDefault();\n        setActualOpen(!actualOpen);\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [shortcuts, actualOpen, setActualOpen]);\n\n  const { renderGroup, itemGroups } = useDropdownMenu({\n    items,\n    inCombobox: true,\n    onOpenChange,\n  });\n\n  const { className: themeClassName } = useTheme();\n  const renderMenuInner = useCallback(\n    () => (\n      <>\n        <Command.Input placeholder={placeholder} />\n        {/*{beforeList}*/}\n        <ScrollArea fadeEdges>\n          <Command.List\n            className={cls(\"dropdown-menu-list\", \"command-palette-list\")}\n          >\n            <Command.Empty className={cls(\"dropdown-menu-empty\")}>\n              {emptyText}\n            </Command.Empty>\n            {itemGroups.map(renderGroup)}\n          </Command.List>\n        </ScrollArea>\n        {/*{afterList}*/}\n      </>\n    ),\n    [cls, emptyText, itemGroups, placeholder, renderGroup]\n  );\n  return (\n    <Command.Dialog\n      open={actualOpen}\n      onOpenChange={setActualOpen}\n      label={label}\n      overlayClassName={cls(\"command-palette-overlay\", classNames?.mask)}\n      contentClassName={cls(\"command-palette-content\", classNames?.content)}\n      className={cls(\"command-palette\", themeClassName, className)}\n    >\n      {renderMenuInner()}\n    </Command.Dialog>\n  );\n};\n"],"names":["defaultShortcuts","matchesShortcut","event","shortcut","CommandPalette","open","onOpenChange","defaultOpen","items","shortcuts","placeholder","emptyText","label","className","classNames","cls","useCls","actualOpen","setActualOpen","useControlledState","useEffect","handleKeyDown","renderGroup","itemGroups","useDropdownMenu","themeClassName","useTheme","renderMenuInner","useCallback","jsxs","Fragment","jsx","Command","ScrollArea"],"mappings":";;;;;;;;;;AAkDA,MAAMA,IAA6C;AAAA,EACjD,EAAE,KAAK,KAAK,SAAS,GAAA;AAAA,EACrB,EAAE,KAAK,KAAK,SAAS,GAAA;AACvB;AAEA,SAASC,EACPC,GACAC,GACS;AACT,SACED,EAAM,IAAI,YAAA,MAAkBC,EAAS,IAAI,YAAA,KACzC,CAAC,CAACD,EAAM,WAAY,CAAC,CAACC,EAAS,WAC/B,CAAC,CAACD,EAAM,WAAY,CAAC,CAACC,EAAS,WAC/B,CAAC,CAACD,EAAM,UAAW,CAAC,CAACC,EAAS,UAC9B,CAAC,CAACD,EAAM,YAAa,CAAC,CAACC,EAAS;AAEpC;AAwBO,MAAMC,IAAgD,CAAC;AAAA,EAC5D,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC,IAAQ,CAAA;AAAA,EACR,WAAAC,IAAYT;AAAA,EACZ,aAAAU,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAA,GACN,CAACC,GAAYC,CAAa,IAAIC;AAAA,IAClCd;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAIF,EAAAa,EAAU,MAAM;AACd,UAAMC,IAAgB,CAACnB,MAAyB;AAK9C,MAJyBO,EAAU;AAAA,QAAK,CAACN,MACvCF,EAAgBC,GAAOC,CAAQ;AAAA,MAAA,MAI/BD,EAAM,eAAA,GACNgB,EAAc,CAACD,CAAU;AAAA,IAE7B;AAEA,oBAAS,iBAAiB,WAAWI,CAAa,GAC3C,MAAM,SAAS,oBAAoB,WAAWA,CAAa;AAAA,EACpE,GAAG,CAACZ,GAAWQ,GAAYC,CAAa,CAAC;AAEzC,QAAM,EAAE,aAAAI,GAAa,YAAAC,EAAA,IAAeC,EAAgB;AAAA,IAClD,OAAAhB;AAAA,IACA,YAAY;AAAA,IACZ,cAAAF;AAAA,EAAA,CACD,GAEK,EAAE,WAAWmB,EAAA,IAAmBC,EAAA,GAChCC,IAAkBC;AAAA,IACtB,MACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACC,EAAQ,OAAR,EAAc,aAAAtB,EAAA,CAA0B;AAAA,MAEzC,gBAAAqB,EAACE,GAAA,EAAW,WAAS,IACnB,UAAA,gBAAAJ;AAAA,QAACG,EAAQ;AAAA,QAAR;AAAA,UACC,WAAWjB,EAAI,sBAAsB,sBAAsB;AAAA,UAE3D,UAAA;AAAA,YAAA,gBAAAgB,EAACC,EAAQ,OAAR,EAAc,WAAWjB,EAAI,qBAAqB,GAChD,UAAAJ,GACH;AAAA,YACCY,EAAW,IAAID,CAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EAC7B,CACF;AAAA,IAAA,GAEF;AAAA,IAEF,CAACP,GAAKJ,GAAWY,GAAYb,GAAaY,CAAW;AAAA,EAAA;AAEvD,SACE,gBAAAS;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,MAAMf;AAAA,MACN,cAAcC;AAAA,MACd,OAAAN;AAAA,MACA,kBAAkBG,EAAI,2BAA2BD,GAAY,IAAI;AAAA,MACjE,kBAAkBC,EAAI,2BAA2BD,GAAY,OAAO;AAAA,MACpE,WAAWC,EAAI,mBAAmBU,GAAgBZ,CAAS;AAAA,MAE1D,UAAAc,EAAA;AAAA,IAAgB;AAAA,EAAA;AAGvB;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/command-palette/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback, useEffect, useMemo } from \"react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { Autocomplete } from \"@base-ui/react/autocomplete\";\nimport { Dialog } from \"@base-ui/react/dialog\";\nimport { DropdownMenuItemType } from \"../dropdown-menu/types\";\nimport { useDropdownMenu } from \"../dropdown-menu/useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { Input } from \"../input\";\nimport { clsx, useCls, createRenderProp } from \"../utils\";\nimport \"./style.css\";\nimport { useTheme } from \"../theme-provider\";\nimport { DropdownMenuItem } from \"../dropdown-menu/item\";\nimport { DropdownMenuDivider } from \"../dropdown-menu/divider\";\n\nexport type CommandPaletteShortcut = {\n  key: string;\n  metaKey?: boolean;\n  ctrlKey?: boolean;\n  altKey?: boolean;\n  shiftKey?: boolean;\n};\n\n// Extract the render prop type from Dialog.Trigger for proper typing\ntype DialogTriggerRender = React.ComponentProps<\n  typeof Dialog.Trigger\n>[\"render\"];\n\nexport interface CommandPaletteProps {\n  /** Optional trigger element - if provided, renders a Dialog.Trigger */\n  children?: DialogTriggerRender;\n  /** Whether the command palette is open */\n  open?: boolean;\n  /** Callback fired when the open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Default open state\n   */\n  defaultOpen?: boolean;\n  /** Items to display in the command palette */\n  items?: DropdownMenuItemType[];\n  /** Keyboard shortcuts to open the palette */\n  shortcuts?: CommandPaletteShortcut[];\n  /** Placeholder text for the search input */\n  placeholder?: string;\n  /** Text to show when no results are found */\n  emptyText?: string;\n  /** Accessible label for the command palette */\n  label?: string;\n  /** Additional CSS class names */\n  className?: string;\n  classNames?: {\n    trigger?: string;\n    root?: string;\n    mask?: string;\n    content?: string;\n    group?: string;\n    item?: string;\n    groupLabel?: string;\n  };\n}\n\nconst defaultShortcuts: CommandPaletteShortcut[] = [\n  { key: \"k\", metaKey: true },\n  { key: \"k\", ctrlKey: true },\n];\n\nfunction matchesShortcut(\n  event: KeyboardEvent,\n  shortcut: CommandPaletteShortcut\n): boolean {\n  return (\n    event.key.toLowerCase() === shortcut.key.toLowerCase() &&\n    !!event.metaKey === !!shortcut.metaKey &&\n    !!event.ctrlKey === !!shortcut.ctrlKey &&\n    !!event.altKey === !!shortcut.altKey &&\n    !!event.shiftKey === !!shortcut.shiftKey\n  );\n}\n\nexport const CommandPalette: React.FC<CommandPaletteProps> = ({\n  children,\n  open,\n  onOpenChange,\n  defaultOpen = false,\n  items = [],\n  shortcuts = defaultShortcuts,\n  placeholder = \"Type a command or search...\",\n  emptyText = \"No results found.\",\n  className,\n  classNames,\n}) => {\n  const cls = useCls();\n  const [actualOpen, setActualOpen] = useControlledState(\n    open,\n    onOpenChange,\n    defaultOpen\n  );\n  const [searchValue, setSearchValue] = React.useState(\"\");\n\n  // Stable callback for closing the palette\n  const handleClose = useStableCallback(() => {\n    setActualOpen(false);\n  });\n\n  // Stable callback for toggling (uses functional setState to avoid stale closures)\n  const handleToggle = useStableCallback(() => {\n    setActualOpen((prev) => !prev);\n  });\n\n  // Set up keyboard shortcuts\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const matchingShortcut = shortcuts.find((shortcut) =>\n        matchesShortcut(event, shortcut)\n      );\n\n      if (matchingShortcut) {\n        event.preventDefault();\n        handleToggle();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    return () => document.removeEventListener(\"keydown\", handleKeyDown);\n  }, [shortcuts, handleToggle]);\n\n  const { itemGroups } = useDropdownMenu({\n    items,\n    inCombobox: true,\n    onOpenChange: (open) => {\n      if (!open) {\n        setActualOpen(false);\n      }\n    },\n    classNames: {\n      group: classNames?.group,\n      groupLabel: classNames?.groupLabel,\n      item: classNames?.item,\n    },\n  });\n\n  // Transform itemGroups into autocomplete group structure\n  const autocompleteGroups = useMemo(() => {\n    const groups = itemGroups.map((group) => ({\n      label: group.label || \"\",\n      items: group.items,\n    }));\n    return groups;\n  }, [itemGroups]);\n\n  const { className: themeClassName } = useTheme();\n\n  const renderMenuItem = useCallback(\n    (item: DropdownMenuItemType, groupIndex: number, itemIndex: number) => {\n      if (item.type === \"item\") {\n        return (\n          <DropdownMenuItem\n            key={`${groupIndex}-${itemIndex}`}\n            item={item}\n            inCombobox={true}\n            afterSelect={handleClose}\n            classNames={{\n              item: classNames?.item,\n            }}\n          />\n        );\n      } else if (item.type === \"divider\") {\n        return (\n          <DropdownMenuDivider\n            key={`${groupIndex}-${itemIndex}`}\n            inCombobox={true}\n          />\n        );\n      }\n      return null;\n    },\n    [classNames?.item, handleClose]\n  );\n\n  const renderMenuInner = useCallback(() => {\n    return (\n      <Autocomplete.Root\n        items={autocompleteGroups}\n        onValueChange={(value) => setSearchValue(value)}\n        itemToStringValue={(item) =>\n          item.type == \"item\" ? String(item.key) : \"\"\n        }\n        open={true}\n        inline\n        modal={false}\n      >\n        <div className={cls(\"command-palette-search-wrapper\")}>\n          <Autocomplete.Input\n            render={({ ref, ...rest }) => (\n              <Input\n                placeholder={placeholder}\n                value={searchValue}\n                onChange={(e) => setSearchValue(e.target.value)}\n                className={cls(\"command-palette-search\")}\n                autoFocus\n                {...rest}\n              />\n            )}\n          />\n        </div>\n        <ScrollArea fadeEdges>\n          <Autocomplete.List\n            className={cls(\"dropdown-menu-list\", \"command-palette-list\")}\n          >\n            {(group, groupIndex) => (\n              <Autocomplete.Group\n                key={`group-${groupIndex}`}\n                items={group.items}\n                className={clsx(\n                  cls(\"dropdown-menu-group\"),\n                  groupIndex > 0 && \"mt-2\",\n                  classNames?.group\n                )}\n              >\n                {group.label && (\n                  <Autocomplete.GroupLabel\n                    className={clsx(\n                      cls(\"dropdown-menu-header\"),\n                      classNames?.groupLabel\n                    )}\n                  >\n                    <span>{group.label}</span>\n                  </Autocomplete.GroupLabel>\n                )}\n                <Autocomplete.Collection>\n                  {(item, itemIndex) =>\n                    renderMenuItem(item, groupIndex, itemIndex)\n                  }\n                </Autocomplete.Collection>\n              </Autocomplete.Group>\n            )}\n          </Autocomplete.List>\n          <Autocomplete.Empty\n            className={cls(\"dropdown-menu-empty\", \"command-palette-empty\")}\n          >\n            {emptyText}\n          </Autocomplete.Empty>\n        </ScrollArea>\n      </Autocomplete.Root>\n    );\n  }, [\n    autocompleteGroups,\n    cls,\n    emptyText,\n    placeholder,\n    renderMenuItem,\n    searchValue,\n    classNames,\n  ]);\n\n  const commonTriggerProps: {\n    className: string;\n    render: DialogTriggerRender;\n  } = {\n    className: clsx(\n      cls(\"command-palette-trigger\"),\n      classNames?.trigger,\n      themeClassName\n    ),\n    render: (props, state) => createRenderProp(children, props, state),\n  };\n\n  return (\n    <Dialog.Root open={actualOpen} onOpenChange={setActualOpen} modal={true}>\n      {children && <Dialog.Trigger {...commonTriggerProps} />}\n      <Dialog.Portal>\n        <Dialog.Backdrop\n          className={cls(\"command-palette-overlay\", classNames?.mask)}\n        />\n        <Dialog.Popup\n          className={cls(\n            \"command-palette-content\",\n            themeClassName,\n            classNames?.content\n          )}\n        >\n          <div className={cls(\"command-palette\", className, classNames?.root)}>\n            {renderMenuInner()}\n          </div>\n        </Dialog.Popup>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n"],"names":["defaultShortcuts","matchesShortcut","event","shortcut","CommandPalette","children","open","onOpenChange","defaultOpen","items","shortcuts","placeholder","emptyText","className","classNames","cls","useCls","actualOpen","setActualOpen","useControlledState","searchValue","setSearchValue","React","handleClose","useStableCallback","handleToggle","prev","useEffect","handleKeyDown","itemGroups","useDropdownMenu","autocompleteGroups","useMemo","group","themeClassName","useTheme","renderMenuItem","useCallback","item","groupIndex","itemIndex","jsx","DropdownMenuItem","DropdownMenuDivider","renderMenuInner","jsxs","Autocomplete","value","ref","rest","Input","e","ScrollArea","clsx","commonTriggerProps","props","state","createRenderProp","Dialog"],"mappings":"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"}

package/dist/components/command-palette/index.d.ts

@@ -1,2 +1,4 @@
-export * from './component';
+export { CommandPalette } from './component';
+export type { CommandPaletteProps, CommandPaletteShortcut } from './component';
+export type { DropdownMenuItemType } from '../dropdown-menu/types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/command-palette/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAG/E,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}