@bioturing/components 0.28.1 → 0.29.1

package/dist/components/breadcrumb/style.css

@@ -1 +1 @@
-@layer components{.ds-breadcrumb{display:flex}.ds-breadcrumb ol{display:inline-flex;flex:1;min-width:0;gap:.25rem 0}.ds-breadcrumb>ol>li{display:inline-flex;align-items:center;flex:0 1 0;max-width:100%}.ds-breadcrumb>ol>li.ds-breadcrumb-separator{flex:0}.ds-breadcrumb>ol>li .ds-breadcrumb-link{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;gap:.5rem}.ds-breadcrumb .ds-breadcrumb-item-name{flex:1 1 auto;min-width:0}.ds-breadcrumb .ds-breadcrumb-item-icon{flex:0 0 auto}.ds-breadcrumb.ds-breadcrumb-nowrap{display:flex;align-items:center;flex-grow:1;min-width:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol{flex-wrap:nowrap}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:not(.ds-breadcrumb-separator){flex:0 1 auto;min-width:0;display:flex;transition:all .2s ease}:is(:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:not(.ds-breadcrumb-separator)) span.ds-breadcrumb-link{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:not(.ds-breadcrumb-separator){max-width:100%}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:last-child{flex:0 0 auto}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol):hover li:last-child{flex-shrink:1}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:hover{flex-shrink:0}:is(.ds-breadcrumb.ds-breadcrumb-nowrap ol) li:last-child:hover{flex-shrink:0}}
+@layer components{.ds-breadcrumb{display:flex}.ds-breadcrumb ol{display:inline-flex;flex:1;min-width:0;gap:.25rem 0}.ds-breadcrumb>ol>li{display:inline-flex;align-items:center;flex:0 1 0;max-width:100%}.ds-breadcrumb>ol>li.ds-breadcrumb-separator{flex:0}.ds-breadcrumb>ol>li .ds-breadcrumb-link{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;gap:.5rem}.ds-breadcrumb .ds-breadcrumb-item-name{flex:1 1 auto;min-width:0}.ds-breadcrumb .ds-breadcrumb-item-icon{flex:0 0 auto}.ds-breadcrumb.ds-breadcrumb-nowrap{display:flex;align-items:center;flex-grow:1;min-width:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol{flex-wrap:nowrap}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:not(.ds-breadcrumb-separator){flex:0 1 auto;min-width:0;display:flex;transition:all .2s ease;max-width:100%}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:not(.ds-breadcrumb-separator) span.ds-breadcrumb-link{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:last-child{flex:0 0 auto}.ds-breadcrumb.ds-breadcrumb-nowrap ol:hover li:last-child{flex-shrink:1}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:hover{flex-shrink:0}.ds-breadcrumb.ds-breadcrumb-nowrap ol li:last-child:hover{flex-shrink:0}}

package/dist/components/checkbox/style.css

@@ -1 +1 @@
-@layer components{:is(.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-indeterminate) .ds-checkbox-inner{background-color:var(--ds-color-primary);border-color:var(--ds-color-primary)}:is(:is(.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-indeterminate) .ds-checkbox-inner):after{background-color:var(--ds-color-white);height:.125rem;border-radius:.125rem}:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner{background-color:transparent}.ds-checkbox-checked:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner{background-color:transparent;--ds-color-border: var(--ds-color-primary);border-color:var(--ds-color-border)}:is(.ds-checkbox-checked:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner):hover{--ds-color-border: var(--ds-color-primary-hover);border-color:var(--ds-color-border)}:is(.ds-checkbox-checked:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner):after{border-color:var(--ds-color-primary)}.ds-checkbox-indeterminate:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner{background-color:transparent;--ds-color-border: var(--ds-color-primary)}:is(.ds-checkbox-indeterminate:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox) .ds-checkbox-inner):after{background-color:var(--ds-color-primary)}:is(.ds-checkbox-checked:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox):hover,.ds-checkbox-indeterminate:is(.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox):hover) .ds-checkbox-inner{background-color:transparent;border-color:var( --ds-color-primary-hover, var(--ds-color-primary) )}}
+@layer components{.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-indeterminate span.ds-checkbox-inner{background:var(--ds-color-primary);border:1px solid var(--ds-color-primary)}.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-indeterminate span.ds-checkbox-inner:after{background-color:var(--ds-color-white);height:.125rem;border-radius:.125rem}.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox .ds-checkbox-inner{background-color:transparent}.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-checked .ds-checkbox-inner{background-color:transparent;--ds-color-border: var(--ds-color-primary);border-color:var(--ds-color-border)}.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-checked .ds-checkbox-inner:hover{--ds-color-border: var(--ds-color-primary-hover);border-color:var(--ds-color-border)}.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-checked .ds-checkbox-inner:after{border-color:var(--ds-color-primary)}.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-indeterminate .ds-checkbox-inner{background-color:transparent;--ds-color-border: var(--ds-color-primary)}.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-indeterminate .ds-checkbox-inner:after{background-color:var(--ds-color-primary)}.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-checked:hover .ds-checkbox-inner,.ds-checkbox-outlined.ds-checkbox-wrapper .ds-checkbox.ds-checkbox-indeterminate:hover .ds-checkbox-inner{background-color:transparent;border-color:var( --ds-color-primary-hover, var(--ds-color-primary) )}}

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

@@ -1,57 +1,117 @@
 "use client";
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import { Command as o } from "../cmdk/index.js";
-import { useState as I, useMemo as N, useEffect as S } from "react";
+import { jsxs as u, jsx as c } from "react/jsx-runtime";
+import { Command as s } from "../cmdk/index.js";
+import { useMemo as y, useCallback as f } from "react";
 import './style.css';/* empty css          */
-import { Radio as k } from "../radio/component.js";
-import { useCls as y } from "../utils/antdUtils.js";
-import { cn as j } from "../utils/cn.js";
-import { Input as C } from "../input/component.js";
-import { Checkbox as E } from "../checkbox/component.js";
-const F = ({
-  items: h,
-  multiple: e,
-  value: c,
-  onChange: i,
-  searchProps: u = { placeholder: "Search..." },
-  className: p,
+import { FormItemInputContext as V } from "antd/es/form/context";
+import { Radio as j } from "../radio/component.js";
+import { useControlledState as B } from "../hooks/useControlledState.js";
+import { useCls as E } from "../utils/antdUtils.js";
+import { cn as F } from "../utils/cn.js";
+import { Input as L } from "../input/component.js";
+import { Checkbox as p } from "../checkbox/component.js";
+import { ScrollArea as w } from "../scroll-area/component.js";
+import { reactNodeToString as D } from "../utils/reactToString.js";
+const W = ({
+  items: a,
+  multiple: r,
+  value: v,
+  defaultValue: g,
+  onChange: S,
+  searchProps: C = { placeholder: "Search..." },
+  showSelectAll: I = !1,
+  className: b,
+  placeholder: k = "Search",
   ...x
 }) => {
-  const [t, a] = I(
-    e ? c : [c]
-  ), l = N(() => typeof c < "u" ? e ? c : [c] : t, [t, e, c]), d = y();
-  return S(() => {
-    i && i(e ? t : t[0]);
-  }, [t, e, i]), /* @__PURE__ */ m(o, { className: j(d("choice-list"), p), ...x, children: [
-    /* @__PURE__ */ s(
-      o.Input,
+  const [i, t] = B(
+    v,
+    S,
+    g
+  ), o = y(() => r ? i || [] : i ? [i] : [], [i, r]), n = E(), N = f(() => {
+    if (r) {
+      const e = a.map((l) => l.value).filter(Boolean);
+      t(e);
+    }
+  }, [r, a, t]), A = f(() => {
+    r && t([]);
+  }, [r, t]);
+  return /* @__PURE__ */ u(s, { className: F(n("choice-list"), b), ...x, children: [
+    /* @__PURE__ */ c(V.Provider, { value: {}, children: /* @__PURE__ */ c(
+      s.Input,
       {
-        render: /* @__PURE__ */ s(C, { allowClear: !0, className: d("choice-list-search") }),
-        ...u
+        render: (
+          // isolate the input from the form context
+          /* @__PURE__ */ c(
+            L.Search,
+            {
+              allowClear: !0,
+              className: n("choice-list-search"),
+              placeholder: k
+            }
+          )
+        ),
+        ...C
       }
-    ),
-    /* @__PURE__ */ m(o.List, { children: [
-      /* @__PURE__ */ s(o.Empty, { className: d("choice-list-empty"), children: "No results found." }),
-      h.map((r) => /* @__PURE__ */ s(
-        o.Item,
+    ) }),
+    I && r && a.length > 0 && (() => {
+      const e = a.map((m) => m.value).filter(Boolean), l = o.filter(
+        (m) => e.includes(m)
+      ), d = l.length === e.length && e.length > 0, h = l.length > 0 && l.length < e.length;
+      return /* @__PURE__ */ c(
+        "div",
         {
-          className: d("choice-list-item"),
-          value: r.value,
-          "data-in-choice": l.includes(r.value),
-          onSelect: (n) => {
-            e ? l.includes(n) ? a(
-              (f) => f.filter((b) => b !== n)
-            ) : a((f) => [
-              .../* @__PURE__ */ new Set([...f, n])
-            ]) : a([n]);
+          className: n("choice-list-item"),
+          onClick: () => {
+            h || d ? A() : N();
           },
-          children: e ? /* @__PURE__ */ s(E, { tabIndex: -1, checked: l.includes(r.value), children: r.label }) : /* @__PURE__ */ s(k, { tabIndex: -1, checked: l.includes(r.value), children: r.label })
+          children: /* @__PURE__ */ c(
+            p,
+            {
+              tabIndex: -1,
+              checked: d,
+              indeterminate: h,
+              children: "Select All"
+            }
+          )
         }
+      );
+    })(),
+    /* @__PURE__ */ c(w, { className: n("choice-list-items"), fadeEdges: !0, children: /* @__PURE__ */ u(s.List, { children: [
+      /* @__PURE__ */ c(s.Empty, { className: n("choice-list-empty"), children: "No results found." }),
+      a.map((e) => /* @__PURE__ */ c(
+        s.Item,
+        {
+          className: n("choice-list-item"),
+          keywords: [e.value, D(e.label)],
+          value: e.value,
+          "data-in-choice": o.includes(e.value),
+          onSelect: (l) => {
+            if (r) {
+              const d = o.includes(l) ? o.filter((h) => h !== l) : [.../* @__PURE__ */ new Set([...o, l])];
+              t(
+                d
+              );
+            } else
+              t(
+                l
+              );
+          },
+          children: r ? /* @__PURE__ */ c(
+            p,
+            {
+              tabIndex: -1,
+              checked: o.includes(e.value),
+              children: e.label
+            }
+          ) : /* @__PURE__ */ c(j, { tabIndex: -1, checked: o.includes(e.value), children: e.label })
+        },
+        e.value
       ))
-    ] })
+    ] }) })
   ] });
 };
 export {
-  F as ChoiceList
+  W as ChoiceList
 };
 //# sourceMappingURL=component.js.map

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 { useEffect, useMemo, useState } from \"react\";\nimport { useCls, cn } from \"../utils\";\nimport { Radio } from \"../radio\";\nimport { Checkbox } from \"../checkbox\";\n\nimport \"./style.css\";\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\"> {\n  items: ChoiceListItem[];\n  multiple?: M;\n  value?: M extends true ? string[] : string;\n  onChange?: (value: M extends true ? string[] : string) => void;\n  searchProps?: React.ComponentProps<typeof Command.Input>;\n}\n\nexport const ChoiceList = <M extends boolean = false>({\n  items,\n  multiple,\n  value,\n  onChange,\n  searchProps = { placeholder: \"Search...\" },\n  className,\n  ...rest\n}: ChoiceListProps<M>) => {\n  const [selectedValue, setSelectedValue] = useState<string[]>(\n    multiple ? (value as string[]) : [value as string]\n  );\n  const usedValue = useMemo(() => {\n    if (typeof value !== \"undefined\") {\n      if (multiple) {\n        return value as string[];\n      } else {\n        return [value as string];\n      }\n    }\n    return selectedValue;\n  }, [selectedValue, multiple, value]);\n  const cls = useCls();\n  useEffect(() => {\n    if (!onChange) return;\n    if (multiple) {\n      (onChange as (value: string[]) => void)(selectedValue as string[]);\n    } else {\n      (onChange as (value: string) => void)(selectedValue[0] as string);\n    }\n  }, [selectedValue, multiple, onChange]);\n\n  return (\n    <Command className={cn(cls(\"choice-list\"), className)} {...rest}>\n      <Command.Input\n        render={<Input allowClear className={cls(\"choice-list-search\")} />}\n        {...searchProps}\n      />\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            className={cls(\"choice-list-item\")}\n            value={item.value}\n            data-in-choice={usedValue.includes(item.value)}\n            onSelect={(newValue) => {\n              if (multiple) {\n                if (usedValue.includes(newValue)) {\n                  setSelectedValue((prev: string[]) =>\n                    prev.filter((value) => value !== newValue)\n                  );\n                } else {\n                  setSelectedValue((prev: string[]) => [\n                    ...new Set([...prev, newValue]),\n                  ]);\n                }\n              } else {\n                setSelectedValue([newValue]);\n              }\n            }}\n          >\n            {multiple ? (\n              <Checkbox tabIndex={-1} checked={usedValue.includes(item.value)}>\n                {item.label}\n              </Checkbox>\n            ) : (\n              <Radio tabIndex={-1} checked={usedValue.includes(item.value)}>\n                {item.label}\n              </Radio>\n            )}\n          </Command.Item>\n        ))}\n      </Command.List>\n    </Command>\n  );\n};\n"],"names":["ChoiceList","items","multiple","value","onChange","searchProps","className","rest","selectedValue","setSelectedValue","useState","usedValue","useMemo","cls","useCls","useEffect","jsxs","Command","cn","jsx","Input","item","newValue","prev","Checkbox","Radio"],"mappings":";;;;;;;;;;AAwBO,MAAMA,IAAa,CAA4B;AAAA,EACpD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,aAAa,YAAY;AAAA,EACzC,WAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AAClB,QAAA,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxCR,IAAYC,IAAqB,CAACA,CAAe;AAAA,EACnD,GACMQ,IAAYC,EAAQ,MACpB,OAAOT,IAAU,MACfD,IACKC,IAEA,CAACA,CAAe,IAGpBK,GACN,CAACA,GAAeN,GAAUC,CAAK,CAAC,GAC7BU,IAAMC,EAAO;AACnB,SAAAC,EAAU,MAAM;AACd,IAAKX,KAEFA,EADCF,IACsCM,IAEFA,EAAc,CAAC,CAFY;AAAA,EAIlE,GAAA,CAACA,GAAeN,GAAUE,CAAQ,CAAC,GAGpC,gBAAAY,EAACC,GAAQ,EAAA,WAAWC,EAAGL,EAAI,aAAa,GAAGP,CAAS,GAAI,GAAGC,GACzD,UAAA;AAAA,IAAA,gBAAAY;AAAA,MAACF,EAAQ;AAAA,MAAR;AAAA,QACC,0BAASG,GAAM,EAAA,YAAU,IAAC,WAAWP,EAAI,oBAAoB,GAAG;AAAA,QAC/D,GAAGR;AAAA,MAAA;AAAA,IACN;AAAA,IACA,gBAAAW,EAACC,EAAQ,MAAR,EACC,UAAA;AAAA,MAAA,gBAAAE,EAACF,EAAQ,OAAR,EAAc,WAAWJ,EAAI,mBAAmB,GAAG,UAEpD,qBAAA;AAAA,MACCZ,EAAM,IAAI,CAACoB,MACV,gBAAAF;AAAA,QAACF,EAAQ;AAAA,QAAR;AAAA,UACC,WAAWJ,EAAI,kBAAkB;AAAA,UACjC,OAAOQ,EAAK;AAAA,UACZ,kBAAgBV,EAAU,SAASU,EAAK,KAAK;AAAA,UAC7C,UAAU,CAACC,MAAa;AACtB,YAAIpB,IACES,EAAU,SAASW,CAAQ,IAC7Bb;AAAA,cAAiB,CAACc,MAChBA,EAAK,OAAO,CAACpB,MAAUA,MAAUmB,CAAQ;AAAA,YAC3C,IAEAb,EAAiB,CAACc,MAAmB;AAAA,cACnC,GAAO,oBAAA,IAAI,CAAC,GAAGA,GAAMD,CAAQ,CAAC;AAAA,YAAA,CAC/B,IAGcb,EAAA,CAACa,CAAQ,CAAC;AAAA,UAE/B;AAAA,UAEC,UAAApB,IACE,gBAAAiB,EAAAK,GAAA,EAAS,UAAU,IAAI,SAASb,EAAU,SAASU,EAAK,KAAK,GAC3D,UAAAA,EAAK,MACR,CAAA,IAEA,gBAAAF,EAACM,GAAM,EAAA,UAAU,IAAI,SAASd,EAAU,SAASU,EAAK,KAAK,GACxD,UAAAA,EAAK,MACR,CAAA;AAAA,QAAA;AAAA,MAGL,CAAA;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"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 } 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\";\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\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  ...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      return (internalValue as string[]) || [];\n    } else {\n      return internalValue ? [internalValue as string] : [];\n    }\n  }, [internalValue, multiple]);\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 className={cn(cls(\"choice-list\"), className)} {...rest}>\n      <FormItemInputContext.Provider value={{}}>\n        <Command.Input\n          render={\n            // isolate the input from the form context\n            <Input.Search\n              allowClear\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 (indeterminate || checked) {\n                  handleDeselectAll();\n                } else {\n                  handleSelectAll();\n                }\n              }}\n            >\n              <Checkbox\n                tabIndex={-1}\n                checked={checked}\n                indeterminate={indeterminate}\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={[item.value, reactNodeToString(item.label)]}\n              value={item.value}\n              data-in-choice={usedValue.includes(item.value)}\n              onSelect={(newValue) => {\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={usedValue.includes(item.value)}\n                >\n                  {item.label}\n                </Checkbox>\n              ) : (\n                <Radio tabIndex={-1} checked={usedValue.includes(item.value)}>\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","rest","internalValue","setInternalValue","useControlledState","usedValue","useMemo","cls","useCls","handleSelectAll","useCallback","allValues","item","handleDeselectAll","jsxs","Command","cn","jsx","FormItemInputContext","Input","selectedFromAll","val","checked","indeterminate","Checkbox","ScrollArea","reactNodeToString","newValue","newValues","Radio"],"mappings":"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"}

package/dist/components/choice-list/style.css

@@ -1 +1 @@
-@layer components{.ds-choice-list{display:flex;flex-direction:column}.ds-choice-list-search{flex:1;margin-bottom:.25rem}.ds-choice-list-item{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);transition:all .3s var(--ds-motion-ease-out);cursor:pointer;display:flex;align-items:center}.ds-choice-list-item:focus{outline:none}.ds-choice-list-item:hover{background:var(--ds-control-item-bg-hover)}.ds-choice-list-item:active,.ds-choice-list-item:focus,.ds-choice-list-item[data-focus=true],.ds-choice-list-item[data-selected=true]{background:var(--ds-control-item-bg-active)}.ds-choice-list-item[data-disabled=true]{pointer-events:none;color:var(--ds-color-text-disabled)}.ds-choice-list-item[data-danger=true]{color:var(--ds-color-error)}.ds-choice-list-item[data-danger=true]:hover{background:var(--ds-color-error-bg)}.ds-choice-list-item[data-danger=true]:active,.ds-choice-list-item[data-danger=true]:focus,.ds-choice-list-item[data-danger=true][data-focus=true]{background:var(--ds-color-error-bg-hover)}.ds-choice-list-empty{padding:.375rem .75rem;color:var(--ds-color-text-tertiary)}}
+@layer components{.ds-choice-list{display:flex;flex-direction:column}.ds-choice-list-search{flex-grow:0;margin-bottom:.25rem;flex-shrink:0}.ds-choice-list-list{flex-grow:1;flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-choice-list-item{padding:.375rem .75rem;border-radius:var(--ds-border-radius-sm);transition:all .3s var(--ds-motion-ease-out);cursor:pointer;display:flex;align-items:center}.ds-choice-list-item:focus{outline:none}.ds-choice-list-item:hover{background:var(--ds-control-item-bg-hover)}.ds-choice-list-item:active,.ds-choice-list-item:focus,.ds-choice-list-item[data-focus=true],.ds-choice-list-item[data-selected=true]{background:var(--ds-control-item-bg-active)}.ds-choice-list-item[data-disabled=true]{pointer-events:none;color:var(--ds-color-text-disabled)}.ds-choice-list-item[data-danger=true]{color:var(--ds-color-error)}.ds-choice-list-item[data-danger=true]:hover{background:var(--ds-color-error-bg)}.ds-choice-list-item[data-danger=true]:active,.ds-choice-list-item[data-danger=true]:focus,.ds-choice-list-item[data-danger=true][data-focus=true]{background:var(--ds-color-error-bg-hover)}.ds-choice-list-empty{padding:.375rem .75rem;color:var(--ds-color-text-tertiary)}}

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

@@ -1 +1 @@
-@layer components{.ds-color-select{border-color:var(--ds-color-border);border-radius:var(--ds-border-radius);padding:.25rem;background:var(--ds-color-bg-container);border-width:var(--ds-line-width);border-style:var(--ds-line-type);transition:all var(--ds-motion-duration-mid)}.ds-color-select[data-focus=true]{border-color:var(--ds-input-color-border-active);box-shadow:var(--ds-input-shadow-active);outline:0;background-color:var(--ds-input-active-bg)}.ds-color-select .ds-tag{margin-right:0}.ds-color-select-option{display:flex;align-items:center;gap:.5rem}.ds-color-select-tag{display:flex;align-items:center}.ds-color-select-swatch{width:16px;height:16px;border-radius:9999px;border:1px solid var(--ds-color-border);flex-shrink:0}.ds-color-select-input{outline:none;border:none;background:transparent;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);line-height:var(--ds-line-height);flex:1;min-width:11rem;width:100%;margin-left:.25rem}.ds-color-select-input:first-child{margin-left:.7rem}}
+@layer components{.ds-color-select{border-color:var(--ds-color-border);border-radius:var(--ds-border-radius);padding:.25rem;background:var(--ds-color-bg-container);border-width:var(--ds-line-width);border-style:var(--ds-line-type);transition:all var(--ds-motion-duration-mid)}.ds-color-select[data-focus=true]{border-color:var(--ds-input-color-border-active);box-shadow:var(--ds-control-shadow-active);outline:0;background-color:var(--ds-input-active-bg)}.ds-color-select .ds-tag{margin-right:0}.ds-color-select-option{display:flex;align-items:center;gap:.5rem}.ds-color-select-tag{display:flex;align-items:center}.ds-color-select-swatch{width:16px;height:16px;border-radius:9999px;border:1px solid var(--ds-color-border);flex-shrink:0}.ds-color-select-input{outline:none;border:none;background:transparent;color:var(--ds-color-text);font-size:var(--ds-font-size);font-family:var(--ds-font-family);line-height:var(--ds-line-height);flex:1;min-width:11rem;width:100%;margin-left:.25rem}.ds-color-select-input:first-child{margin-left:.7rem}}

package/dist/components/combobox/component.js

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