@bioturing/components 0.31.0 → 0.32.0

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 { 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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"}

package/dist/components/combobox/component.js

@@ -1,233 +1,237 @@
 "use client";
-import { jsxs as ue, Fragment as fe, jsx as b } from "react/jsx-runtime";
-import { forwardRef as me, useState as S, useContext as _, useCallback as p, useMemo as x } from "react";
-import { useControlled as be } from "@base-ui-components/utils/useControlled";
-import { FormItemInputContext as pe } from "antd/es/form/context";
-import xe from "antd/es/config-provider/DisabledContext";
+import { jsxs as ne, Fragment as se, jsx as m } from "react/jsx-runtime";
+import ae from "antd/es/config-provider/DisabledContext";
+import { FormItemInputContext as de } from "antd/es/form/context";
+import { forwardRef as ie, useContext as j, useCallback as v, useMemo as h } from "react";
+import { DropdownMenuDivider as ce } from "../dropdown-menu/divider.js";
 import './style.css';/* empty css          */
-import { DropdownMenuDivider as ye } from "../dropdown-menu/divider.js";
-import { DropdownMenuItem as ge } from "../dropdown-menu/item.js";
-import { DropdownMenu as ve } from "../dropdown-menu/component.js";
-import { SelectTrigger as he } from "../select-trigger/component.js";
-import { useControlledState as Ce } from "../hooks/useControlledState.js";
-import { useCls as Ae } from "../utils/antdUtils.js";
-import { clsx as y } from "../utils/cn.js";
-import { reactNodeToString as Ve } from "../utils/reactToString.js";
-const ke = ({
-  options: g = [],
-  value: R,
-  defaultValue: T,
-  onChange: v,
-  placeholder: $ = "Select...",
-  disabled: B = !1,
-  status: E,
-  allowClear: W = !1,
-  multiple: t = !1,
-  maxTagCount: De,
-  showSearch: i = !0,
-  open: q,
-  onOpenChange: z,
-  placement: G = "bottomLeft",
-  className: H,
-  classNames: a,
-  size: J = "middle",
-  loading: we = !1,
-  optionRender: Me,
-  filterOption: h = !0,
-  onSearch: C,
-  dropdownRender: Te,
-  clearIcon: Q,
-  suffixIcon: U,
-  dropdownMenuProps: X,
-  triggerProps: A,
-  searchProps: Y,
-  showSelectionSummary: F = !1,
-  selectionSummaryRender: k,
-  showSelectAll: L = !1,
-  selectAllRender: Fe,
-  getOptionKeywords: Z = (V) => [
-    String(V.key),
-    Ve(V.label)
+import { DropdownMenuItem as fe } from "../dropdown-menu/item.js";
+import { DropdownMenu as ue } from "../dropdown-menu/component.js";
+import { SelectTrigger as me } from "../select-trigger/component.js";
+import { useControlledState as P } from "../hooks/useControlledState.js";
+import { useCls as be } from "../utils/antdUtils.js";
+import { clsx as b } from "../utils/cn.js";
+import { reactNodeToString as xe } from "../utils/reactToString.js";
+const ye = ({
+  options: o = [],
+  value: _,
+  defaultValue: V,
+  onChange: c,
+  placeholder: K = "Select...",
+  disabled: $ = !1,
+  status: B,
+  allowClear: E = !1,
+  multiple: l = !1,
+  maxTagCount: he,
+  showSearch: p = !0,
+  open: W,
+  onOpenChange: q,
+  placement: z = "bottomLeft",
+  className: G,
+  classNames: d,
+  size: H = "middle",
+  loading: pe = !1,
+  optionRender: ge,
+  onSearch: Ce,
+  dropdownRender: Ae,
+  clearIcon: J,
+  suffixIcon: Q,
+  dropdownMenuProps: U,
+  triggerProps: x,
+  searchProps: X,
+  showSelectionSummary: D = !1,
+  selectionSummaryRender: g,
+  showSelectAll: O = !1,
+  selectAllRender: ke,
+  optionLabelRender: y,
+  getOptionKeywords: S = (r) => [
+    String(r.value),
+    xe(r.label)
   ],
-  ...N
-}, ee) => {
-  const [V] = S(
-    T !== void 0 ? T : t ? [] : void 0
-  ), [o, O] = be({
-    controlled: R,
-    default: V,
-    name: "value"
-  }), [j, K] = Ce(
+  ...Y
+}, Z) => {
+  const [r, w] = P(
+    _,
+    c,
+    V !== void 0 ? V : l ? [] : void 0
+  ), [M, T] = P(
+    W,
     q,
-    z,
     !1
-  ), [d, te] = S(""), c = Ae(), {
-    status: le
+  ), f = be(), {
+    status: L
     // hasFeedback,
     // feedbackIcon,
-  } = _(pe), oe = _(xe), re = E || le, ne = B || oe, n = p(
+  } = j(de), R = j(ae), N = B || L, ee = $ || R, s = v(
     (e) => {
-      O(e), v == null || v(e);
+      w(e), c == null || c(e);
     },
-    [O, v]
-  ), P = p(
+    [w, c]
+  ), F = v(
     (e) => {
-      if (t) {
-        const l = Array.isArray(o) ? o : [], f = l.includes(e) ? l.filter((m) => m !== e) : [...l, e];
-        n(f);
+      if (l) {
+        const t = Array.isArray(r) ? r : [], n = t.includes(e) ? t.filter((i) => i !== e) : [...t, e];
+        s(n);
       } else
-        n(e);
+        s(e);
     },
-    [t, o, n]
-  ), se = p(
-    (e) => {
-      te(e), C == null || C(e);
-    },
-    [C]
-  ), r = x(() => !i || !d ? g : g.filter((e) => typeof h == "function" ? h(d, e) : h === !1 ? !0 : (typeof e.label == "string" ? e.label : String(e.value)).toLowerCase().includes(d.toLowerCase())), [g, i, d, h]), I = p(() => {
-    if (t) {
-      const e = r.map((l) => l.value);
-      n(e);
+    [l, r, s]
+  ), C = v(() => {
+    if (l) {
+      const e = o.map((t) => t.value);
+      s(e);
     }
-  }, [t, r, n]), D = p(() => {
-    t && n([]);
-  }, [t, n]), ae = x(() => r.map((e) => ({
+  }, [l, o, s]), A = v(() => {
+    l && s([]);
+  }, [l, s]), te = h(() => o.map((e) => ({
     type: "item",
+    // todo: make this type better
     key: e.value,
     icon: e.icon,
     label: e.label,
     disabled: e.disabled,
-    onClick: () => !e.disabled && P(e.value)
-  })), [r, P]), ie = x(() => {
-    if (!L || !t || r.length === 0)
+    onClick: () => !e.disabled && F(e.value)
+  })), [o, F]), le = h(() => {
+    if (!O || !l || o.length === 0)
       return null;
-    const e = Array.isArray(o) ? o : [], l = r.map((M) => M.value), f = e.filter(
-      (M) => l.includes(M)
-    ), m = f.length === r.length && r.length > 0, w = f.length > 0 && f.length < r.length;
-    return /* @__PURE__ */ ue(fe, { children: [
-      /* @__PURE__ */ b(
-        ge,
+    const e = Array.isArray(r) ? r : [], t = o.map((I) => I.value), n = e.filter(
+      (I) => t.includes(I)
+    ), i = n.length === o.length && o.length > 0, k = n.length > 0 && n.length < o.length;
+    return /* @__PURE__ */ ne(se, { children: [
+      /* @__PURE__ */ m(
+        fe,
         {
           item: {
             type: "item",
             key: "select_all",
             label: "Select All",
             onClick: () => {
-              w || m ? D() : I();
+              k || i ? A() : C();
             }
           },
-          inCombobox: i,
-          selected: m,
+          inCombobox: p,
+          selected: i,
           showCheckbox: !0,
-          indeterminate: w,
+          indeterminate: k,
           renderAsNativeElement: !0,
           onSelect: () => {
-            w || m ? D() : I();
+            k || i ? A() : C();
           }
         },
         "select_all"
       ),
-      /* @__PURE__ */ b(ye, {})
+      /* @__PURE__ */ m(ce, {})
     ] });
   }, [
-    L,
-    t,
-    r,
+    O,
+    l,
     o,
-    i,
-    D,
-    I
-  ]), u = x(() => Array.isArray(o) ? o : o ? [o] : [], [o]), s = u.map((e) => g.find((l) => l.value === e)).filter(Boolean), { displayValue: de, displayPrefix: ce } = x(() => {
-    if (s.length === 0)
+    r,
+    p,
+    A,
+    C
+  ]), u = h(() => Array.isArray(r) ? r : r ? [r] : [], [r]), a = u.map((e) => o.find((t) => t.value === e)).filter(Boolean), { displayValue: re, displayPrefix: oe } = h(() => {
+    if (a.length === 0)
       return { displayValue: void 0, displayPrefix: void 0 };
-    if (t) {
-      const l = `${s.length} ${s.length === 1 ? "item" : "items"} selected`;
-      return F ? k ? {
-        displayValue: k(u),
+    if (l) {
+      const t = `${a.length} ${a.length === 1 ? "item" : "items"} selected`;
+      return D ? g ? {
+        displayValue: g(u),
         displayPrefix: void 0
       } : {
-        displayValue: l,
+        displayValue: t,
         // TODO: Create icon component for multiple selection summary
         displayPrefix: void 0
-      } : s.length === 1 ? {
-        displayValue: s[0].label,
-        displayPrefix: s[0].icon
+      } : a.length === 1 ? {
+        displayValue: a[0].label,
+        displayPrefix: a[0].icon
       } : {
-        displayValue: l,
+        displayValue: t,
         displayPrefix: void 0
       };
     }
-    const e = s[0];
+    const e = a[0];
     return {
       displayValue: e == null ? void 0 : e.label,
       displayPrefix: e == null ? void 0 : e.icon
     };
   }, [
-    s,
-    t,
-    F,
-    k,
+    a,
+    l,
+    D,
+    g,
     u
   ]);
-  return /* @__PURE__ */ b("div", { ref: ee, className: y(c("combobox"), H), ...N, children: /* @__PURE__ */ b(
-    ve,
+  return /* @__PURE__ */ m("div", { ref: Z, className: b(f("combobox"), G), ...Y, children: /* @__PURE__ */ m(
+    ue,
     {
-      items: ae,
-      open: j,
-      onOpenChange: K,
-      placement: G,
-      showSearch: i,
+      items: te,
+      open: M,
+      onOpenChange: T,
+      placement: z,
+      showSearch: p,
       searchProps: {
         placeholder: "Search options...",
-        onValueChange: se,
-        value: d,
-        ...Y
+        ...X
       },
-      className: y(c("combobox-dropdown")),
+      className: b(f("combobox-dropdown")),
       classNames: {
-        trigger: y(c("combobox-trigger-wrapper")),
-        popup: y(c("combobox-popup")),
-        item: y(c("combobox-option"), a == null ? void 0 : a.option),
-        ...a
+        trigger: b(f("combobox-trigger-wrapper")),
+        popup: b(f("combobox-popup")),
+        item: b(f("combobox-option"), d == null ? void 0 : d.option),
+        ...d
       },
       popupMatchTriggerWidth: !0,
-      keepOpenOnSelect: t,
-      highlightedItemKey: t ? void 0 : u[0],
-      showCheckbox: t,
-      beforeList: ie,
+      keepOpenOnSelect: l,
+      highlightedItemKey: l ? void 0 : u[0],
+      showCheckbox: l,
+      beforeList: le,
       selectedItemKeys: u,
-      getItemKeywords: Z,
-      ...X,
-      children: /* @__PURE__ */ b(
-        he,
+      getItemKeywords: S ? (e) => {
+        const t = o.find(
+          (n) => n.value === e.key
+        );
+        return t ? S(t) : [];
+      } : void 0,
+      itemLabelRender: y ? (e, t) => {
+        const n = o.find(
+          (i) => i.value === e.key
+        );
+        return n ? y == null ? void 0 : y(n, t) : null;
+      } : void 0,
+      ...U,
+      children: /* @__PURE__ */ m(
+        me,
         {
-          value: de,
-          prefix: ce,
-          placeholder: $,
-          disabled: ne,
-          status: re,
-          open: j,
-          size: J,
-          allowClear: W,
-          suffixIcon: U,
-          clearIcon: Q,
+          value: re,
+          prefix: oe,
+          placeholder: K,
+          disabled: ee,
+          status: N,
+          open: M,
+          size: H,
+          allowClear: E,
+          suffixIcon: Q,
+          clearIcon: J,
           classNames: {
-            trigger: a == null ? void 0 : a.trigger,
-            ...A == null ? void 0 : A.classNames
+            trigger: d == null ? void 0 : d.trigger,
+            ...x == null ? void 0 : x.classNames
+          },
+          onClear: () => {
+            s(l ? [] : void 0);
           },
-          onClear: () => n(t ? [] : void 0),
-          onOpenChange: K,
+          onOpenChange: T,
           role: "combobox",
-          ...A
+          ...x
         }
       )
     }
   ) });
-}, Ie = me(ke), He = Object.assign(Ie, {
+}, ve = ie(ye), Be = Object.assign(ve, {
   // Add any sub components here if needed
 });
 export {
-  He as Combobox,
-  He as default
+  Be as Combobox,
+  Be as default
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/combobox/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useState,\n  useContext,\n} from \"react\";\nimport { useControlled } from \"@base-ui-components/utils/useControlled\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\nimport { ValidateStatus } from \"antd/es/form/FormItem\";\nimport DisabledContext from \"antd/es/config-provider/DisabledContext\";\nimport { clsx, reactNodeToString, useCls } from \"../utils\";\nimport { SelectTrigger } from \"../select-trigger\";\nimport {\n  DropdownMenu,\n  DropdownMenuProps,\n  DropdownMenuItem,\n  type DropdownMenuItemType,\n} from \"../dropdown-menu\";\nimport type { PopoverProps } from \"antd/es/popover\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useControlledState } from \"../hooks\";\nimport { DropdownMenuDivider } from \"../dropdown-menu/divider\";\n\nexport interface ComboboxOption {\n  value: string | number;\n  label: React.ReactNode;\n  disabled?: boolean;\n  icon?: React.ReactNode;\n}\n\nexport interface ComboboxProps {\n  /** Array of options to be displayed in the combobox */\n  options?: ComboboxOption[];\n  /** Current value of the combobox */\n  value?: string | number | Array<string | number>;\n  /** Default value when uncontrolled */\n  defaultValue?: string | number | Array<string | number>;\n  /** Callback when value changes */\n  onChange?: (value: string | number | Array<string | number>) => 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?: boolean;\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  };\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,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /** Filter function for search */\n  filterOption?: boolean | ((input: string, option: ComboboxOption) => 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   * Props to pass to the dropdown menu\n   */\n  dropdownMenuProps?: DropdownMenuProps;\n  /**\n   * Props to pass to the combobox trigger\n   */\n  triggerProps?: React.ComponentPropsWithoutRef<typeof SelectTrigger>;\n  searchProps?: {\n    placeholder?: string;\n    onValueChange?: (value: string) => void;\n    value?: string;\n  };\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?: (\n    selectedValues: Array<string | number>\n  ) => 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?: (\n    option: DropdownMenuItemType & { type: \"item\" }\n  ) => string[];\n}\n\nconst ComboboxInner = (\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,\n    maxTagCount,\n    showSearch = true,\n    open: controlledOpen,\n    onOpenChange,\n    placement = \"bottomLeft\",\n    className,\n    classNames,\n    size = \"middle\",\n    loading: _loading = false,\n    optionRender,\n    filterOption = true,\n    onSearch,\n    dropdownRender,\n    clearIcon,\n    suffixIcon,\n    dropdownMenuProps,\n    triggerProps,\n    searchProps,\n    showSelectionSummary = false,\n    selectionSummaryRender,\n    showSelectAll = false,\n    selectAllRender,\n    getOptionKeywords = (option: DropdownMenuItemType & { type: \"item\" }) => [\n      String(option.key),\n      reactNodeToString(option.label),\n    ],\n    ...rest\n  }: ComboboxProps,\n  ref: React.ForwardedRef<HTMLDivElement>\n) => {\n  const [initialDefaultValue] = useState(\n    defaultValue !== undefined ? defaultValue : multiple ? [] : undefined\n  );\n  const [value, setValue] = useControlled({\n    controlled: controlledValue,\n    default: initialDefaultValue,\n    name: \"value\",\n  });\n\n  const [open, setOpen] = useControlledState(\n    controlledOpen,\n    onOpenChange,\n    false\n  );\n  const [searchValue, setSearchValue] = useState(\"\");\n  const cls = useCls();\n\n  // Get form context values\n  const {\n    status: contextStatus,\n    // hasFeedback,\n    // feedbackIcon,\n  } = 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: string | number | Array<string | number>) => {\n      setValue(newValue);\n      onChange?.(newValue);\n    },\n    [setValue, onChange]\n  );\n\n  const handleOptionSelect = useCallback(\n    (optionValue: string | number) => {\n      if (multiple) {\n        const currentValues = Array.isArray(value) ? value : [];\n        const newValues = currentValues.includes(optionValue)\n          ? currentValues.filter((v) => v !== optionValue)\n          : [...currentValues, optionValue];\n        handleValueChange(newValues);\n      } else {\n        handleValueChange(optionValue);\n        // onOpenChange?.(false);\n      }\n    },\n    [multiple, value, handleValueChange]\n  );\n\n  const handleSearchChange = useCallback(\n    (newValue: string) => {\n      setSearchValue(newValue);\n      onSearch?.(newValue);\n    },\n    [onSearch]\n  );\n\n  // Filter options based on search\n  const filteredOptions = useMemo(() => {\n    if (!showSearch || !searchValue) return options;\n\n    return options.filter((option) => {\n      if (typeof filterOption === \"function\") {\n        return filterOption(searchValue, option);\n      }\n      if (filterOption === false) return true;\n\n      const label =\n        typeof option.label === \"string\" ? option.label : String(option.value);\n      return label.toLowerCase().includes(searchValue.toLowerCase());\n    });\n  }, [options, showSearch, searchValue, filterOption]);\n\n  const handleSelectAll = useCallback(() => {\n    if (multiple) {\n      const allValues = filteredOptions.map((option) => option.value);\n      handleValueChange(allValues);\n    }\n  }, [multiple, filteredOptions, handleValueChange]);\n\n  const handleDeselectAll = useCallback(() => {\n    if (multiple) {\n      handleValueChange([]);\n    }\n  }, [multiple, handleValueChange]);\n\n  // Convert options to DropdownMenu items\n  const dropdownItems: DropdownMenuItemType[] = useMemo(() => {\n    return filteredOptions.map((option) => {\n      return {\n        type: \"item\",\n        key: option.value,\n        icon: option.icon,\n        label: option.label,\n        disabled: option.disabled,\n        onClick: () => !option.disabled && handleOptionSelect(option.value),\n      };\n    });\n  }, [filteredOptions, handleOptionSelect]);\n\n  // Select all component for beforeList\n  const selectAllComponent = useMemo(() => {\n    if (!showSelectAll || !multiple || filteredOptions.length === 0) {\n      return null;\n    }\n\n    const selectedValues = Array.isArray(value) ? value : [];\n    const filteredOptionValues = filteredOptions.map((opt) => opt.value);\n    const selectedFromFiltered = selectedValues.filter((val) =>\n      filteredOptionValues.includes(val)\n    );\n    const checked =\n      selectedFromFiltered.length === filteredOptions.length &&\n      filteredOptions.length > 0;\n    const indeterminate =\n      selectedFromFiltered.length > 0 &&\n      selectedFromFiltered.length < filteredOptions.length;\n\n    const selectAllItem: DropdownMenuItemType & { type: \"item\" } = {\n      type: \"item\",\n      key: \"select_all\",\n      label: \"Select All\",\n      onClick: () => {\n        if (indeterminate || checked) {\n          handleDeselectAll();\n        } else {\n          handleSelectAll();\n        }\n      },\n    };\n\n    return (\n      <>\n        <DropdownMenuItem\n          key=\"select_all\"\n          item={selectAllItem}\n          inCombobox={showSearch}\n          selected={checked}\n          showCheckbox\n          indeterminate={indeterminate}\n          renderAsNativeElement\n          onSelect={() => {\n            if (indeterminate || checked) {\n              handleDeselectAll();\n            } else {\n              handleSelectAll();\n            }\n          }}\n        />\n        <DropdownMenuDivider />\n      </>\n    );\n  }, [\n    showSelectAll,\n    multiple,\n    filteredOptions,\n    value,\n    showSearch,\n    handleDeselectAll,\n    handleSelectAll,\n  ]);\n\n  // Prepare trigger data\n  const selectedValues = useMemo(() => {\n    return Array.isArray(value) ? value : value ? [value] : [];\n  }, [value]);\n  const selectedOptions = selectedValues\n    .map((val) => options.find((opt) => opt.value === val))\n    .filter(Boolean);\n\n  // Generate display value and prefix for SelectTrigger\n  const { displayValue, displayPrefix } = useMemo(() => {\n    if (selectedOptions.length === 0) {\n      return { displayValue: undefined, displayPrefix: undefined };\n    }\n\n    if (multiple) {\n      const summaryText = `${selectedOptions.length} ${\n        selectedOptions.length === 1 ? \"item\" : \"items\"\n      } selected`;\n      if (showSelectionSummary) {\n        if (selectionSummaryRender) {\n          return {\n            displayValue: selectionSummaryRender(selectedValues),\n            displayPrefix: undefined,\n          };\n        }\n        // Default summary with icons\n        return {\n          displayValue: summaryText,\n          // TODO: Create icon component for multiple selection summary\n          displayPrefix: undefined,\n        };\n      }\n      // For non-summary multiple selection\n      return selectedOptions.length === 1\n        ? {\n            displayValue: selectedOptions[0].label,\n            displayPrefix: selectedOptions[0].icon,\n          }\n        : {\n            displayValue: summaryText,\n            displayPrefix: undefined,\n          };\n    }\n\n    // Single selection\n    const selectedOption = selectedOptions[0];\n    return {\n      displayValue: selectedOption?.label,\n      displayPrefix: selectedOption?.icon,\n    };\n  }, [\n    selectedOptions,\n    multiple,\n    showSelectionSummary,\n    selectionSummaryRender,\n    selectedValues,\n  ]);\n\n  return (\n    <div ref={ref} className={clsx(cls(\"combobox\"), className)} {...rest}>\n      <DropdownMenu\n        items={dropdownItems}\n        open={open}\n        onOpenChange={setOpen}\n        placement={placement}\n        showSearch={showSearch}\n        searchProps={{\n          placeholder: \"Search options...\",\n          onValueChange: handleSearchChange,\n          value: searchValue,\n          ...searchProps,\n        }}\n        className={clsx(cls(\"combobox-dropdown\"))}\n        classNames={{\n          trigger: clsx(cls(\"combobox-trigger-wrapper\")),\n          popup: clsx(cls(\"combobox-popup\")),\n          item: clsx(cls(\"combobox-option\"), classNames?.option),\n          ...classNames,\n        }}\n        popupMatchTriggerWidth\n        keepOpenOnSelect={multiple}\n        highlightedItemKey={multiple ? undefined : selectedValues[0]}\n        showCheckbox={multiple}\n        beforeList={selectAllComponent}\n        selectedItemKeys={selectedValues}\n        getItemKeywords={getOptionKeywords}\n        {...dropdownMenuProps}\n      >\n        <SelectTrigger\n          value={displayValue}\n          prefix={displayPrefix}\n          placeholder={placeholder}\n          disabled={disabled}\n          status={mergedStatus}\n          open={open}\n          size={size}\n          allowClear={allowClear}\n          suffixIcon={suffixIcon}\n          clearIcon={clearIcon}\n          classNames={{\n            trigger: classNames?.trigger,\n            ...triggerProps?.classNames,\n          }}\n          onClear={() => handleValueChange(multiple ? [] : undefined)}\n          onOpenChange={setOpen}\n          role=\"combobox\"\n          {...triggerProps}\n        />\n      </DropdownMenu>\n    </div>\n  );\n};\n\nconst MainCombobox = forwardRef(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","maxTagCount","showSearch","controlledOpen","onOpenChange","placement","className","classNames","size","_loading","optionRender","filterOption","onSearch","dropdownRender","clearIcon","suffixIcon","dropdownMenuProps","triggerProps","searchProps","showSelectionSummary","selectionSummaryRender","showSelectAll","selectAllRender","getOptionKeywords","option","reactNodeToString","rest","ref","initialDefaultValue","useState","value","setValue","useControlled","open","setOpen","useControlledState","searchValue","setSearchValue","cls","useCls","contextStatus","useContext","FormItemInputContext","contextDisabled","DisabledContext","mergedStatus","disabled","handleValueChange","useCallback","newValue","handleOptionSelect","optionValue","currentValues","newValues","v","handleSearchChange","filteredOptions","useMemo","handleSelectAll","allValues","handleDeselectAll","dropdownItems","selectAllComponent","selectedValues","filteredOptionValues","opt","selectedFromFiltered","val","checked","indeterminate","jsxs","Fragment","jsx","DropdownMenuItem","DropdownMenuDivider","selectedOptions","displayValue","displayPrefix","summaryText","selectedOption","clsx","DropdownMenu","SelectTrigger","MainCombobox","forwardRef","Combobox"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/combobox/component.tsx"],"sourcesContent":["\"use client\";\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} from \"react\";\nimport {\n  DropdownMenu,\n  DropdownMenuItem,\n  DropdownMenuProps,\n  type DropdownMenuItemType,\n} from \"../dropdown-menu\";\nimport { SelectTrigger } from \"../select-trigger\";\nimport { clsx, reactNodeToString, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport { DropdownMenuDivider } from \"../dropdown-menu/divider\";\nimport { useControlledState } from \"../hooks\";\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  };\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   * Props to pass to the dropdown menu\n   */\n  dropdownMenuProps?: DropdownMenuProps;\n  /**\n   * Props to pass to the combobox trigger\n   */\n  triggerProps?: React.ComponentPropsWithoutRef<typeof SelectTrigger>;\n  searchProps?: {\n    placeholder?: string;\n    onValueChange?: (value: string) => void;\n    value?: string;\n  };\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    maxTagCount,\n    showSearch = true,\n    open: controlledOpen,\n    onOpenChange,\n    placement = \"bottomLeft\",\n    className,\n    classNames,\n    size = \"middle\",\n    loading: _loading = false,\n    optionRender,\n    onSearch,\n    dropdownRender,\n    clearIcon,\n    suffixIcon,\n    dropdownMenuProps,\n    triggerProps,\n    searchProps,\n    showSelectionSummary = false,\n    selectionSummaryRender,\n    showSelectAll = false,\n    selectAllRender,\n    optionLabelRender,\n    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 ? defaultValue : multiple ? [] : undefined,\n  );\n\n  const [open, setOpen] = useControlledState(\n    controlledOpen,\n    onOpenChange,\n    false,\n  );\n  const cls = useCls();\n\n  // Get form context values\n  const {\n    status: contextStatus,\n    // hasFeedback,\n    // feedbackIcon,\n  } = 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 handleOptionSelect = useCallback(\n    (optionValue: T) => {\n      if (multiple) {\n        const currentValues = (Array.isArray(value) ? value : []) as T[];\n        const newValues = currentValues.includes(optionValue)\n          ? currentValues.filter((v) => v !== optionValue)\n          : [...currentValues, optionValue];\n        (handleValueChange as (v: T[]) => void)(newValues);\n      } else {\n        (handleValueChange as (v: T) => void)(optionValue);\n        // onOpenChange?.(false);\n      }\n    },\n    [multiple, value, handleValueChange],\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  // Convert options to DropdownMenu items\n  const dropdownItems: DropdownMenuItemType[] = useMemo(() => {\n    return options.map((option) => {\n      return {\n        type: \"item\",\n        // todo: make this type better\n        key: option.value as React.Key,\n        icon: option.icon,\n        label: option.label,\n        disabled: option.disabled,\n        onClick: () => !option.disabled && handleOptionSelect(option.value),\n      };\n    });\n  }, [options, handleOptionSelect]);\n\n  // Select all component for beforeList\n  const selectAllComponent = useMemo(() => {\n    if (!showSelectAll || !multiple || options.length === 0) {\n      return null;\n    }\n\n    const selectedValues = Array.isArray(value) ? value : [];\n    const filteredOptionValues = options.map((opt) => opt.value);\n    const selectedFromFiltered = selectedValues.filter((val) =>\n      filteredOptionValues.includes(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    const selectAllItem: DropdownMenuItemType & { type: \"item\" } = {\n      type: \"item\",\n      key: \"select_all\",\n      label: \"Select All\",\n      onClick: () => {\n        if (indeterminate || checked) {\n          handleDeselectAll();\n        } else {\n          handleSelectAll();\n        }\n      },\n    };\n\n    return (\n      <>\n        <DropdownMenuItem\n          key=\"select_all\"\n          item={selectAllItem}\n          inCombobox={showSearch}\n          selected={checked}\n          showCheckbox\n          indeterminate={indeterminate}\n          renderAsNativeElement\n          onSelect={() => {\n            if (indeterminate || checked) {\n              handleDeselectAll();\n            } else {\n              handleSelectAll();\n            }\n          }}\n        />\n        <DropdownMenuDivider />\n      </>\n    );\n  }, [\n    showSelectAll,\n    multiple,\n    options,\n    value,\n    showSearch,\n    handleDeselectAll,\n    handleSelectAll,\n  ]);\n\n  // Prepare trigger data\n  const selectedValues = useMemo(() => {\n    return Array.isArray(value) ? value : value ? [value] : [];\n  }, [value]);\n  const selectedOptions = selectedValues\n    .map((val) => options.find((opt) => opt.value === val))\n    .filter(Boolean);\n\n  // Generate display value and prefix for SelectTrigger\n  const { displayValue, displayPrefix } = useMemo(() => {\n    if (selectedOptions.length === 0) {\n      return { displayValue: undefined, displayPrefix: undefined };\n    }\n\n    if (multiple) {\n      const summaryText = `${selectedOptions.length} ${\n        selectedOptions.length === 1 ? \"item\" : \"items\"\n      } selected`;\n      if (showSelectionSummary) {\n        if (selectionSummaryRender) {\n          return {\n            displayValue: selectionSummaryRender(selectedValues),\n            displayPrefix: undefined,\n          };\n        }\n        // Default summary with icons\n        return {\n          displayValue: summaryText,\n          // TODO: Create icon component for multiple selection summary\n          displayPrefix: undefined,\n        };\n      }\n      // For non-summary multiple selection\n      return selectedOptions.length === 1\n        ? {\n            displayValue: selectedOptions[0].label,\n            displayPrefix: selectedOptions[0].icon,\n          }\n        : {\n            displayValue: summaryText,\n            displayPrefix: undefined,\n          };\n    }\n\n    // Single selection\n    const selectedOption = selectedOptions[0];\n    return {\n      displayValue: selectedOption?.label,\n      displayPrefix: selectedOption?.icon,\n    };\n  }, [\n    selectedOptions,\n    multiple,\n    showSelectionSummary,\n    selectionSummaryRender,\n    selectedValues,\n  ]);\n\n  return (\n    <div ref={ref} className={clsx(cls(\"combobox\"), className)} {...rest}>\n      <DropdownMenu\n        items={dropdownItems}\n        open={open}\n        onOpenChange={setOpen}\n        placement={placement}\n        showSearch={showSearch}\n        searchProps={{\n          placeholder: \"Search options...\",\n          ...searchProps,\n        }}\n        className={clsx(cls(\"combobox-dropdown\"))}\n        classNames={{\n          trigger: clsx(cls(\"combobox-trigger-wrapper\")),\n          popup: clsx(cls(\"combobox-popup\")),\n          item: clsx(cls(\"combobox-option\"), classNames?.option),\n          ...classNames,\n        }}\n        popupMatchTriggerWidth\n        keepOpenOnSelect={multiple}\n        highlightedItemKey={multiple ? undefined : selectedValues[0]}\n        showCheckbox={multiple}\n        beforeList={selectAllComponent}\n        selectedItemKeys={selectedValues}\n        getItemKeywords={\n          getOptionKeywords\n            ? (item) => {\n                const selectedOption = options.find(\n                  (option) => option.value === item.key,\n                );\n                if (!selectedOption) {\n                  return [];\n                }\n                return getOptionKeywords(selectedOption);\n              }\n            : undefined\n        }\n        itemLabelRender={\n          optionLabelRender\n            ? (item, props) => {\n                const selectedOption = options.find(\n                  (option) => option.value === item.key,\n                );\n                if (!selectedOption) {\n                  return null;\n                }\n                return optionLabelRender?.(selectedOption, props);\n              }\n            : undefined\n        }\n        {...dropdownMenuProps}\n      >\n        <SelectTrigger\n          value={displayValue}\n          prefix={displayPrefix}\n          placeholder={placeholder}\n          disabled={disabled}\n          status={mergedStatus}\n          open={open}\n          size={size}\n          allowClear={allowClear}\n          suffixIcon={suffixIcon}\n          clearIcon={clearIcon}\n          classNames={{\n            trigger: classNames?.trigger,\n            ...triggerProps?.classNames,\n          }}\n          onClear={() => {\n            if (multiple) {\n              (handleValueChange as (v: T[]) => void)([]);\n            } else {\n              handleValueChange(undefined);\n            }\n          }}\n          onOpenChange={setOpen}\n          role=\"combobox\"\n          {...triggerProps}\n        />\n      </DropdownMenu>\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","maxTagCount","showSearch","controlledOpen","onOpenChange","placement","className","classNames","size","_loading","optionRender","onSearch","dropdownRender","clearIcon","suffixIcon","dropdownMenuProps","triggerProps","searchProps","showSelectionSummary","selectionSummaryRender","showSelectAll","selectAllRender","optionLabelRender","getOptionKeywords","option","reactNodeToString","rest","ref","value","setValue","useControlledState","open","setOpen","cls","useCls","contextStatus","useContext","FormItemInputContext","contextDisabled","DisabledContext","mergedStatus","disabled","handleValueChange","useCallback","newValue","handleOptionSelect","optionValue","currentValues","newValues","v","handleSelectAll","allValues","handleDeselectAll","dropdownItems","useMemo","selectAllComponent","selectedValues","filteredOptionValues","opt","selectedFromFiltered","val","checked","indeterminate","jsxs","Fragment","jsx","DropdownMenuItem","DropdownMenuDivider","selectedOptions","displayValue","displayPrefix","summaryText","selectedOption","clsx","DropdownMenu","item","props","SelectTrigger","MainCombobox","forwardRef","Combobox"],"mappings":"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"}