@bioturing/components 0.30.0 → 0.32.0

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

@@ -1,10 +1,10 @@
 "use client";
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
 import { Command as d } from "../cmdk/index.js";
-import { useMemo as P, useContext as v, useCallback as b } from "react";
-import './style.css';/* empty css          */
+import { useMemo as P, useContext as b, useCallback as p } from "react";
 import { FormItemInputContext as x } from "antd/es/form/context";
 import R from "antd/es/config-provider/DisabledContext";
+import './style.css';/* empty css          */
 import { Radio as T } from "../radio/component.js";
 import { useControlledState as q } from "../hooks/useControlledState.js";
 import { useCls as w } from "../utils/antdUtils.js";
@@ -14,7 +14,7 @@ import { Checkbox as S } from "../checkbox/component.js";
 import { ScrollArea as H } from "../scroll-area/component.js";
 import { reactNodeToString as J } from "../utils/reactToString.js";
 const ae = ({
-  items: i,
+  options: i,
   multiple: a,
   value: g,
   defaultValue: C,
@@ -28,25 +28,23 @@ const ae = ({
   getItemKeywords: m,
   ...j
 }) => {
-  const [l, c] = q(
+  const [l, n] = q(
     g,
     A,
     C
-  ), s = P(() => a ? Array.isArray(l) ? l : l ? [l] : [] : Array.isArray(l) ? l.length > 0 ? [l[0]] : [] : l ? [l] : [], [l, a]), {
-    status: B
-  } = v(x), E = v(R), F = V || B, o = D || E, n = w(), L = b(() => {
+  ), s = P(() => a ? Array.isArray(l) ? l : l ? [l] : [] : Array.isArray(l) ? l.length > 0 ? [l[0]] : [] : l ? [l] : [], [l, a]), { status: B } = b(x), E = b(R), F = V || B, c = D || E, o = w(), L = p(() => {
     if (a) {
       const e = i.map((r) => r.value).filter(Boolean);
-      c(e);
+      n(e);
     }
-  }, [a, i, c]), M = b(() => {
-    a && c([]);
-  }, [a, c]);
-  return /* @__PURE__ */ p(
+  }, [a, i, n]), M = p(() => {
+    a && n([]);
+  }, [a, n]);
+  return /* @__PURE__ */ v(
     d,
     {
-      className: z(n("choice-list"), N),
-      "data-disabled": o,
+      className: z(o("choice-list"), N),
+      "data-disabled": c,
       "data-status": F,
       ...j,
       children: [
@@ -59,8 +57,8 @@ const ae = ({
                 G.Search,
                 {
                   allowClear: !0,
-                  disabled: o,
-                  className: n("choice-list-search"),
+                  disabled: c,
+                  className: o("choice-list-search"),
                   placeholder: y
                 }
               )
@@ -75,9 +73,9 @@ const ae = ({
           return /* @__PURE__ */ t(
             "div",
             {
-              className: n("choice-list-item"),
+              className: o("choice-list-item"),
               onClick: () => {
-                o || (h || u ? M() : L());
+                c || (h || u ? M() : L());
               },
               children: /* @__PURE__ */ t(
                 S,
@@ -85,31 +83,31 @@ const ae = ({
                   tabIndex: -1,
                   checked: u,
                   indeterminate: h,
-                  disabled: o,
+                  disabled: c,
                   children: "Select All"
                 }
               )
             }
           );
         })(),
-        /* @__PURE__ */ t(H, { className: n("choice-list-items"), fadeEdges: !0, children: /* @__PURE__ */ p(d.List, { children: [
-          /* @__PURE__ */ t(d.Empty, { className: n("choice-list-empty"), children: "No results found." }),
+        /* @__PURE__ */ t(H, { className: o("choice-list-items"), fadeEdges: !0, children: /* @__PURE__ */ v(d.List, { children: [
+          /* @__PURE__ */ t(d.Empty, { className: o("choice-list-empty"), children: "No results found." }),
           i.map((e) => /* @__PURE__ */ t(
             d.Item,
             {
-              className: n("choice-list-item"),
+              className: o("choice-list-item"),
               keywords: m ? m(e) : [e.value || "", J(e.label)],
               value: e.value,
               "data-in-choice": e.value ? s.includes(e.value) : !1,
               onSelect: (r) => {
-                if (!o)
+                if (!c)
                   if (a) {
                     const u = s.includes(r) ? s.filter((h) => h !== r) : [.../* @__PURE__ */ new Set([...s, r])];
-                    c(
+                    n(
                       u
                     );
                   } else
-                    c(
+                    n(
                       r
                     );
               },
@@ -118,7 +116,7 @@ const ae = ({
                 {
                   tabIndex: -1,
                   checked: e.value ? s.includes(e.value) : !1,
-                  disabled: o,
+                  disabled: c,
                   children: e.label
                 }
               ) : /* @__PURE__ */ t(
@@ -126,7 +124,7 @@ const ae = ({
                 {
                   tabIndex: -1,
                   checked: e.value ? s.includes(e.value) : !1,
-                  disabled: o,
+                  disabled: c,
                   children: e.label
                 }
               )

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 \"./style.css\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\nimport DisabledContext from \"antd/es/config-provider/DisabledContext\";\n\nexport type ChoiceListItem = {\n  label: React.ReactNode;\n  value?: string;\n};\n\nexport interface ChoiceListProps<M extends boolean = false>\n  extends Omit<CommandProps, \"value\" | \"onChange\" | \"defaultValue\"> {\n  items: ChoiceListItem[];\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: ChoiceListItem) => string[];\n}\n\nexport const ChoiceList = <M extends boolean = false>({\n  items,\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 {\n    status: contextStatus,\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 cls = useCls();\n\n  const handleSelectAll = useCallback(() => {\n    if (multiple) {\n      const allValues = items\n        .map((item) => item.value)\n        .filter(Boolean) as string[];\n      setInternalValue(allValues as M extends true ? string[] : string);\n    }\n  }, [multiple, items, 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        items.length > 0 &&\n        (() => {\n          const allValues = items\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          {items.map((item) => (\n            <Command.Item\n              key={item.value}\n              className={cls(\"choice-list-item\")}\n              keywords={getItemKeywords ? getItemKeywords(item) : [item.value || '', reactNodeToString(item.label)]}\n              value={item.value}\n              data-in-choice={item.value ? usedValue.includes(item.value) : false}\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","items","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/code-block/component.js

@@ -5,11 +5,11 @@ import { Highlight as J, themes as K } from "prism-react-renderer";
 import { useState as p, useEffect as Q, useCallback as I } from "react";
 import { ThemeProvider as R } from "../theme-provider/component.js";
 import './style.css';/* empty css          */
-import { WithAntdTokens as U } from "../utils/WithAntdTokens.js";
-import { Segmented as V } from "../segmented/component.js";
-import { useControlledState as X } from "../hooks/useControlledState.js";
-import { reactNodeToString as Y } from "../utils/reactToString.js";
-import { useCls as Z } from "../utils/antdUtils.js";
+import { Segmented as U } from "../segmented/component.js";
+import { useControlledState as V } from "../hooks/useControlledState.js";
+import { reactNodeToString as X } from "../utils/reactToString.js";
+import { useCls as Y } from "../utils/antdUtils.js";
+import { WithAntdTokens as Z } from "../utils/WithAntdTokens.js";
 import { clsx as H } from "../utils/cn.js";
 import { IconButton as N } from "../icon-button/component.js";
 import { ScrollArea as oo } from "../scroll-area/component.js";
@@ -30,7 +30,7 @@ const vo = ({
   onCopy: C,
   ...A
 }) => {
-  const [l, y] = X(
+  const [l, y] = V(
     j,
     x,
     b
@@ -51,7 +51,7 @@ const vo = ({
     y
   ]);
   const [T, u] = p(a), [D, S] = p(!1), E = I(() => {
-    const t = c || Y(m);
+    const t = c || X(m);
     try {
       navigator.clipboard.writeText(t).then(() => {
         u(g), S(!0), C && C(t);
@@ -61,15 +61,15 @@ const vo = ({
     }
   }, [c, m, g, C]), F = I(() => {
     u(a), S(!1);
-  }, [a]), d = Z();
+  }, [a]), d = Y();
   return /* @__PURE__ */ o(R, { theme: "dark", children: /* @__PURE__ */ q(
-    U,
+    Z,
     {
       className: H(d("code-block"), O, e == null ? void 0 : e.root),
       ...A,
       children: [
         f && /* @__PURE__ */ o("div", { className: d("code-block-header", e == null ? void 0 : e.header), children: /* @__PURE__ */ o(
-          V,
+          U,
           {
             value: l,
             onChange: y,

package/dist/components/combobox/component.js

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