@bioturing/components 0.42.0 → 0.44.0

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/button/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,gBAAgB,CAAC;AAOxB,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,GACf,wFAUG,WAAW,EACd,KAAK,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,4CA2CtD,CAAC;AAEF,eAAO,MAAM,MAAM,EAA8B,CAC/C,KAAK,EAAE,WAAW,GAAG;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CACjE,KACE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/button/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,WAAW,IAAI,eAAe,EACnC,MAAM,gBAAgB,CAAC;AAOxB,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,WAAY,SAAQ,eAAe;IACnD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,WAAW,GAChB,wFAUG,WAAW,EACd,KAAK,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,4CAqDrD,CAAC;AAEF,eAAO,MAAM,MAAM,EAA8B,CAChD,KAAK,EAAE,WAAW,GAAG;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CAChE,KACG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/dist/components/button/component.js

@@ -1,53 +1,60 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import d from "antd/es/button";
-import { forwardRef as b } from "react";
-import { CircleNotchIcon as g } from "@bioturing/assets";
+import { jsx as n } from "react/jsx-runtime";
+import w from "antd/es/button";
+import { forwardRef as N } from "react";
+import { CircleNotchIcon as m } from "@bioturing/assets";
 import './style.css';/* empty css          */
-import { useCls as w } from "../utils/antdUtils.js";
-import { cn as N } from "../utils/cn.js";
-const x = ({
-  negativeMargin: m = !0,
-  type: t,
-  size: e,
-  variant: n,
-  icon: i,
-  loading: c,
-  classNames: p,
-  className: a,
-  ...l
-}, u) => {
-  const f = m && (n === "text" || n === "link" || t == "text" || t === "link"), o = w(), s = /* @__PURE__ */ r(
-    d,
+import { useCls as d } from "../utils/antdUtils.js";
+import { cn as x } from "../utils/cn.js";
+const B = ({
+  negativeMargin: p = !0,
+  type: r,
+  size: i,
+  variant: e,
+  icon: c,
+  loading: t,
+  classNames: a,
+  className: f,
+  ...u
+}, l) => {
+  const b = p && (e === "text" || e === "link" || r == "text" || r === "link"), o = d(), s = /* @__PURE__ */ n(
+    w,
     {
-      ref: u,
-      type: t,
-      size: e,
-      variant: n,
-      icon: i,
-      loading: c && {
-        icon: /* @__PURE__ */ r(g, {})
-      },
-      className: N(a, i && o("btn-with-icon")),
+      ref: l,
+      type: r,
+      size: i,
+      variant: e,
+      icon: c,
+      loading: t && (typeof t == "object" ? {
+        ...t,
+        icon: t.icon ?? /* @__PURE__ */ n(m, {})
+      } : {
+        icon: /* @__PURE__ */ n(m, {})
+      }),
+      className: x(
+        f,
+        c && o("btn-with-icon"),
+        !c && o("btn-no-icon")
+      ),
       classNames: {
-        icon: c ? o("btn-loading-icon") : void 0,
-        ...p
+        icon: t ? o("btn-loading-icon") : void 0,
+        ...a
       },
-      ...l
+      ...u
     }
   );
-  return f ? /* @__PURE__ */ r(
+  return b ? /* @__PURE__ */ n(
     "span",
     {
       className: o(
         "btn-wrapper",
         "btn-negative-margin-wrapper",
-        "btn-wrapper-" + e
+        "btn-wrapper-" + i
       ),
       children: s
     }
   ) : s;
-}, A = b(x);
+}, A = N(B);
 export {
   A as Button
 };

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/button/component.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  default as AntdButton,\n  type ButtonProps as AntdButtonProps,\n} from \"antd/es/button\";\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport { useCls } from \"../utils\";\nimport { cn } from \"../utils\";\nimport { CircleNotchIcon } from \"@bioturing/assets\";\nimport \"./style.css\";\n\nexport interface ButtonProps extends AntdButtonProps {\n  /**\n   * If true, negative margin will be applied to the text and link buttons to make it align with content\n   * @default true\n   */\n  negativeMargin?: boolean;\n}\n\nconst ButtonInner = (\n  {\n    negativeMargin = true,\n    type,\n    size,\n    variant,\n    icon,\n    loading,\n    classNames,\n    className,\n    ...rest\n  }: ButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) => {\n  const useNegativeMargin =\n    negativeMargin &&\n    (variant === \"text\" ||\n      variant === \"link\" ||\n      type == \"text\" ||\n      type === \"link\");\n  const cls = useCls();\n  // const iconNode = loading ? <Spin /> : icon;\n  const renderedButton = (\n    <AntdButton\n      ref={ref}\n      type={type}\n      size={size}\n      variant={variant}\n      icon={icon}\n      loading={\n        loading && {\n          icon: <CircleNotchIcon />,\n        }\n      }\n      className={cn(className, icon && cls(\"btn-with-icon\"))}\n      classNames={{\n        icon: loading ? cls(\"btn-loading-icon\") : undefined,\n        ...classNames,\n      }}\n      {...rest}\n    />\n  );\n  return useNegativeMargin ? (\n    <span\n      className={cls(\n        \"btn-wrapper\",\n        \"btn-negative-margin-wrapper\",\n        \"btn-wrapper-\" + size\n      )}\n    >\n      {renderedButton}\n    </span>\n  ) : (\n    renderedButton\n  );\n};\n\nexport const Button = forwardRef(ButtonInner) as (\n  props: ButtonProps & {\n    ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;\n  }\n) => ReturnType<typeof ButtonInner>;\n"],"names":["ButtonInner","negativeMargin","type","size","variant","icon","loading","classNames","className","rest","ref","useNegativeMargin","cls","useCls","renderedButton","jsx","AntdButton","CircleNotchIcon","cn","Button","forwardRef"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAc,CAClB;AAAA,EACE,gBAAAC,IAAiB;AAAA,EACjB,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IACJV,MACCG,MAAY,UACXA,MAAY,UACZF,KAAQ,UACRA,MAAS,SACPU,IAAMC,EAAA,GAENC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAAR;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SACEC,KAAW;AAAA,QACT,wBAAOW,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,MAG3B,WAAWC,EAAGV,GAAWH,KAAQO,EAAI,eAAe,CAAC;AAAA,MACrD,YAAY;AAAA,QACV,MAAMN,IAAUM,EAAI,kBAAkB,IAAI;AAAA,QAC1C,GAAGL;AAAA,MAAA;AAAA,MAEJ,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGR,SAAOE,IACL,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAiBT;AAAA,MAAA;AAAA,MAGlB,UAAAW;AAAA,IAAA;AAAA,EAAA,IAGHA;AAEJ,GAEaK,IAASC,EAAWpB,CAAW;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/button/component.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n\tdefault as AntdButton,\n\ttype ButtonProps as AntdButtonProps,\n} from \"antd/es/button\";\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport { useCls } from \"../utils\";\nimport { cn } from \"../utils\";\nimport { CircleNotchIcon } from \"@bioturing/assets\";\nimport \"./style.css\";\n\nexport interface ButtonProps extends AntdButtonProps {\n\t/**\n\t * If true, negative margin will be applied to the text and link buttons to make it align with content\n\t * @default true\n\t */\n\tnegativeMargin?: boolean;\n}\n\nconst ButtonInner = (\n\t{\n\t\tnegativeMargin = true,\n\t\ttype,\n\t\tsize,\n\t\tvariant,\n\t\ticon,\n\t\tloading,\n\t\tclassNames,\n\t\tclassName,\n\t\t...rest\n\t}: ButtonProps,\n\tref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n) => {\n\tconst useNegativeMargin =\n\t\tnegativeMargin &&\n\t\t(variant === \"text\" ||\n\t\t\tvariant === \"link\" ||\n\t\t\ttype == \"text\" ||\n\t\t\ttype === \"link\");\n\tconst cls = useCls();\n\t// const iconNode = loading ? <Spin /> : icon;\n\tconst renderedButton = (\n\t\t<AntdButton\n\t\t\tref={ref}\n\t\t\ttype={type}\n\t\t\tsize={size}\n\t\t\tvariant={variant}\n\t\t\ticon={icon}\n\t\t\tloading={\n\t\t\t\tloading &&\n\t\t\t\t(typeof loading === \"object\"\n\t\t\t\t\t? {\n\t\t\t\t\t\t...loading,\n\t\t\t\t\t\ticon: loading.icon ?? <CircleNotchIcon />,\n\t\t\t\t\t}\n\t\t\t\t\t: {\n\t\t\t\t\t\ticon: <CircleNotchIcon />,\n\t\t\t\t\t})\n\t\t\t}\n\t\t\tclassName={cn(\n\t\t\t\tclassName,\n\t\t\t\ticon && cls(\"btn-with-icon\"),\n\t\t\t\t!icon && cls(\"btn-no-icon\"),\n\t\t\t)}\n\t\t\tclassNames={{\n\t\t\t\ticon: loading ? cls(\"btn-loading-icon\") : undefined,\n\t\t\t\t...classNames,\n\t\t\t}}\n\t\t\t{...rest}\n\t\t/>\n\t);\n\treturn useNegativeMargin ? (\n\t\t<span\n\t\t\tclassName={cls(\n\t\t\t\t\"btn-wrapper\",\n\t\t\t\t\"btn-negative-margin-wrapper\",\n\t\t\t\t\"btn-wrapper-\" + size,\n\t\t\t)}\n\t\t>\n\t\t\t{renderedButton}\n\t\t</span>\n\t) : (\n\t\trenderedButton\n\t);\n};\n\nexport const Button = forwardRef(ButtonInner) as (\n\tprops: ButtonProps & {\n\t\tref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;\n\t},\n) => ReturnType<typeof ButtonInner>;\n"],"names":["ButtonInner","negativeMargin","type","size","variant","icon","loading","classNames","className","rest","ref","useNegativeMargin","cls","useCls","renderedButton","jsx","AntdButton","CircleNotchIcon","cn","Button","forwardRef"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAc,CACnB;AAAA,EACC,gBAAAC,IAAiB;AAAA,EACjB,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,GACAC,MACI;AACJ,QAAMC,IACLV,MACCG,MAAY,UACZA,MAAY,UACZF,KAAQ,UACRA,MAAS,SACLU,IAAMC,EAAA,GAENC,IACL,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,KAAAN;AAAA,MACA,MAAAR;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SACCC,MACC,OAAOA,KAAY,WACjB;AAAA,QACD,GAAGA;AAAA,QACH,MAAMA,EAAQ,QAAQ,gBAAAS,EAACE,GAAA,CAAA,CAAgB;AAAA,MAAA,IAEtC;AAAA,QACD,wBAAOA,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,MAG1B,WAAWC;AAAA,QACVV;AAAA,QACAH,KAAQO,EAAI,eAAe;AAAA,QAC3B,CAACP,KAAQO,EAAI,aAAa;AAAA,MAAA;AAAA,MAE3B,YAAY;AAAA,QACX,MAAMN,IAAUM,EAAI,kBAAkB,IAAI;AAAA,QAC1C,GAAGL;AAAA,MAAA;AAAA,MAEH,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGN,SAAOE,IACN,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWH;AAAA,QACV;AAAA,QACA;AAAA,QACA,iBAAiBT;AAAA,MAAA;AAAA,MAGjB,UAAAW;AAAA,IAAA;AAAA,EAAA,IAGFA;AAEF,GAEaK,IAASC,EAAWpB,CAAW;"}

package/dist/components/button/style.css

@@ -1 +1 @@
-@layer components{span.ds-btn-icon{display:flex;align-items:center}.ds-btn-negative-margin-wrapper{display:inline-flex;flex-shrink:0}.ds-btn-negative-margin-wrapper,.ds-btn-negative-margin-wrapper.ds-btn-wrapper-large{margin-inline:-1rem}.ds-btn-negative-margin-wrapper.ds-btn-wrapper-small{margin-inline:-.5rem}.ds-btn-loading-icon svg{animation:spin 1s linear infinite}.ds-btn-loading:not(.ds-btn-with-icon) .ds-btn-loading-icon{position:absolute}.ds-btn-loading:not(.ds-btn-with-icon)>*:not(.ds-btn-loading-icon){opacity:0}}
+@layer components{.ds-btn.ds-btn-color-default.ds-btn-variant-outlined:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-dangerous):not(.ds-btn-background-ghost),.ds-btn.ds-btn-color-default.ds-btn-variant-dashed:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-dangerous):not(.ds-btn-background-ghost),.ds-btn.ds-btn-dangerous.ds-btn-variant-outlined:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-background-ghost){background-color:var(--ds-button-bg-secondary)}.ds-btn.ds-btn-color-default.ds-btn-variant-outlined:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-dangerous):not(.ds-btn-background-ghost),.ds-btn.ds-btn-dangerous.ds-btn-variant-outlined:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-background-ghost){background-image:linear-gradient(180deg,var(--ds-button-bg-gradient-top) 0%,var(--ds-button-bg-gradient-bottom) 100%);box-shadow:var(--ds-button-shadow-default),var(--ds-button-shadow-default-inner)}.ds-btn.ds-btn-background-ghost:not(.ds-btn-disabled):not(:disabled):is(.ds-btn-variant-outlined,.ds-btn-variant-dashed):not(.ds-btn-dangerous){background:transparent;box-shadow:none}.ds-btn.ds-btn-color-primary.ds-btn-variant-solid:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-dangerous){background-color:var(--ds-color-primary);border:1px solid var(--ds-color-primary);background-image:linear-gradient(180deg,var(--ds-button-bg-gradient-primary-top) 0%,var(--ds-button-bg-gradient-primary-bottom) 100%);box-shadow:var(--ds-button-shadow-solid),var(--ds-button-shadow-solid-inner);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.ds-btn.ds-btn-dangerous.ds-btn-variant-solid:not(.ds-btn-disabled):not(:disabled){background-color:var(--ds-color-error);border:1px solid var(--ds-color-error);background-image:linear-gradient(180deg,var(--ds-button-bg-gradient-primary-top) 0%,var(--ds-button-bg-gradient-primary-bottom) 100%);box-shadow:var(--ds-button-shadow-solid),var(--ds-button-shadow-solid-inner);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}span.ds-btn-icon{display:flex;align-items:center}.ds-btn-negative-margin-wrapper{display:inline-flex;flex-shrink:0}.ds-btn-negative-margin-wrapper,.ds-btn-negative-margin-wrapper.ds-btn-wrapper-large{margin-inline:-1rem}.ds-btn-negative-margin-wrapper.ds-btn-wrapper-small{margin-inline:-.5rem}.ds-btn-loading-icon svg{animation:spin 1s linear infinite}.ds-btn:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-dangerous).ds-btn-color-default.ds-btn-variant-outlined:not(.ds-btn-background-ghost):is(:hover,:focus-visible){border-color:var(--ds-color-primary-hover);color:var(--ds-color-primary-hover)}.ds-btn.ds-btn-dangerous.ds-btn-variant-outlined:not(.ds-btn-background-ghost):not(.ds-btn-disabled):not(:disabled){border-color:var(--ds-control-color-border);color:var(--ds-color-error)}.ds-btn.ds-btn-dangerous.ds-btn-variant-outlined:not(.ds-btn-background-ghost):not(.ds-btn-disabled):not(:disabled):is(:hover,:focus-visible){border-color:var(--ds-color-error-hover);color:var(--ds-color-error-hover)}.ds-btn.ds-btn-dangerous.ds-btn-variant-outlined:not(.ds-btn-background-ghost):not(.ds-btn-disabled):not(:disabled):active{border-color:var(--ds-color-error-active);color:var(--ds-color-error-active)}.ds-btn:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-dangerous):is(.ds-btn-color-default.ds-btn-variant-dashed,.ds-btn-background-ghost.ds-btn-variant-outlined,.ds-btn-background-ghost.ds-btn-variant-dashed):is(:hover,:focus-visible){border-color:var(--ds-color-primary-hover);color:var(--ds-color-primary-hover)}.ds-btn:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-dangerous).ds-btn-color-default.ds-btn-variant-outlined:not(.ds-btn-background-ghost):active{border-color:var(--ds-color-primary-active);color:var(--ds-color-primary-active)}.ds-btn:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-dangerous):is(.ds-btn-color-default.ds-btn-variant-dashed,.ds-btn-background-ghost.ds-btn-variant-outlined,.ds-btn-background-ghost.ds-btn-variant-dashed):active{border-color:var(--ds-color-primary-active);color:var(--ds-color-primary-active)}.ds-btn:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-dangerous).ds-btn-color-primary.ds-btn-variant-solid:is(:hover,:focus-visible){background-color:var(--ds-color-primary-hover);border-color:var(--ds-color-primary-hover);box-shadow:var(--ds-button-shadow-solid-hover),var(--ds-button-shadow-solid-inner)}.ds-btn.ds-btn-dangerous.ds-btn-variant-solid:not(.ds-btn-disabled):not(:disabled):is(:hover,:focus-visible){background-color:var(--ds-color-error-hover);border-color:var(--ds-color-error-hover);box-shadow:var(--ds-button-shadow-solid-hover),var(--ds-button-shadow-solid-inner)}.ds-btn:not(.ds-btn-disabled):not(:disabled):not(.ds-btn-dangerous).ds-btn-color-primary.ds-btn-variant-solid:active{background-color:var(--ds-color-primary-active);border-color:var(--ds-color-primary-active);box-shadow:var(--ds-button-shadow-solid-active),var(--ds-button-shadow-solid-inner)}.ds-btn.ds-btn-dangerous.ds-btn-variant-solid:not(.ds-btn-disabled):not(:disabled):active{background-color:var(--ds-color-error-active);border-color:var(--ds-color-error-active);box-shadow:var(--ds-button-shadow-solid-active),var(--ds-button-shadow-solid-inner)}.ds-btn-no-icon .ds-btn-loading-icon{position:absolute;inset-inline-start:50%;transform:translate(-50%)}.ds-btn-no-icon.ds-btn-loading .ds-btn-loading-icon{transition:opacity 0s}.ds-btn-no-icon.ds-btn-loading>*:not(.ds-btn-loading-icon){transition:opacity 0s;opacity:0}}

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/component.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/component.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,EACZ,YAAY,EAMb,MAAM,OAAO,CAAC;AASf,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,cAAc,CACxB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,IACpC;IACF,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,GAAG,CAAC,CAAC;AAEN,MAAM,WAAW,aAAa,CAC5B,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE;IAEtC,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IACjC,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IACjC,sCAAsC;IACtC,YAAY,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IACxC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,2BAA2B;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EAC5B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB,iCAAiC;IACjC,YAAY,CAAC,EACT,OAAO,GACP,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;IAC/D,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6BAA6B;IAC7B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,YAAY,CAAC;IAClE,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,yBAAyB;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAW7B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,OAAO,CAAC;KACxB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,EAAE,CAAC;IAC/D;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAClB,MAAM,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACtC,KAAK,CAAC,YAAY,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,GACjB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAEtC,uWA6BG,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACzB,KAAK,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,4CAkZxC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAPnB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cAE1B,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACnE,UAAU,CAAC,OAAO,aAAa,CAIlC,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/components/combobox/component.js

@@ -1,35 +1,35 @@
 "use client";
 import { jsx as o, jsxs as f, Fragment as q } from "react/jsx-runtime";
 import { Combobox as t } from "@base-ui/react/combobox";
-import se from "antd/es/config-provider/DisabledContext";
-import { FormItemInputContext as ae } from "antd/es/form/context";
-import { forwardRef as ie, useRef as de, useContext as G, useCallback as y, useMemo as O } from "react";
-import { BaseMenu as I } from "../base-menu/index.js";
-import { XIcon as me } from "@bioturing/assets";
+import be from "antd/es/config-provider/DisabledContext";
+import { FormItemInputContext as he } from "antd/es/form/context";
+import { forwardRef as ue, useRef as ge, useContext as G, useCallback as b, useMemo as O } from "react";
+import { BaseMenu as R } from "../base-menu/index.js";
+import { XIcon as pe } from "@bioturing/assets";
 import './style.css';/* empty css          */
-import { SelectTrigger as u } from "../select-trigger/component.js";
+import { SelectTrigger as g } from "../select-trigger/component.js";
 import { BaseMenuItem as H } from "../base-menu/item.js";
-import { Empty as be } from "../empty/component.js";
+import { Empty as fe } from "../empty/component.js";
 import { useControlledState as J } from "../hooks/useControlledState.js";
-import { useCls as he } from "../utils/antdUtils.js";
-import { clsx as s } from "../utils/cn.js";
+import { useCls as xe } from "../utils/antdUtils.js";
+import { clsx as l } from "../utils/cn.js";
 import { reactNodeToString as L } from "../utils/reactToString.js";
-const ue = ({
-  options: c = [],
+const Ce = ({
+  options: r = [],
   value: Q,
   defaultValue: w,
-  onChange: A,
-  placeholder: C = "Select...",
+  onChange: I,
+  placeholder: v = "Select...",
   disabled: W = !1,
   status: Y,
   allowClear: D = !1,
-  multiple: r = !1,
-  showSearch: fe = !0,
+  multiple: c = !1,
+  showSearch: Ne = !0,
   open: Z,
   onOpenChange: z,
   className: ee,
-  classNames: b,
-  size: T = "middle",
+  classNames: h,
+  size: A = "middle",
   optionRender: F,
   onSearch: M,
   clearIcon: P,
@@ -37,41 +37,41 @@ const ue = ({
   // showSelectionSummary: _showSelectionSummary = false,
   // selectionSummaryRender,
   showSelectAll: B = !1,
-  optionLabelRender: v,
-  getOptionKeywords: pe = (h) => [
-    String(h.value),
-    L(h.label)
+  optionLabelRender: N,
+  getOptionKeywords: Se = (u) => [
+    String(u.value),
+    L(u.label)
   ],
   ...oe
 }, ne) => {
-  const [h, E] = J(
+  const [u, E] = J(
     Q,
-    A,
-    w !== void 0 ? w : r ? [] : void 0
-  ), [R, k] = J(
+    I,
+    w !== void 0 ? w : c ? [] : void 0
+  ), [T, k] = J(
     Z,
     z,
     !1
-  ), l = he(), $ = de(null), { status: te } = G(ae), re = G(se), N = Y || te, p = W || re, m = y(
+  ), s = xe(), $ = ge(null), { status: te } = G(he), re = G(be), S = Y || te, x = W || re, m = b(
     (e) => {
-      E(e), A?.(e);
+      E(e), I?.(e);
     },
-    [E, A]
-  ), K = y(() => {
-    if (r) {
-      const e = c.map((n) => n.value);
+    [E, I]
+  ), K = b(() => {
+    if (c) {
+      const e = r.map((n) => n.value);
       m(e);
     }
-  }, [r, c, m]), V = y(() => {
-    r && m([]);
-  }, [r, m]), _ = y(() => {
-    m(r ? [] : void 0);
-  }, [r, m]), d = O(() => Array.isArray(h) ? h : h ? [h] : [], [h]), S = O(() => {
-    if (!B || !r || c.length === 0)
+  }, [c, r, m]), V = b(() => {
+    c && m([]);
+  }, [c, m]), _ = b(() => {
+    m(c ? [] : void 0);
+  }, [c, m]), d = O(() => Array.isArray(u) ? u : u ? [u] : [], [u]), y = O(() => {
+    if (!B || !c || r.length === 0)
       return null;
     const e = d.filter(
-      (a) => c.some((g) => g.value === a)
-    ), n = e.length === c.length && c.length > 0, i = e.length > 0 && e.length < c.length;
+      (a) => r.some((p) => p.value === a)
+    ), n = e.length === r.length && r.length > 0, i = e.length > 0 && e.length < r.length;
     return {
       checked: n,
       indeterminate: i,
@@ -81,107 +81,122 @@ const ue = ({
     };
   }, [
     B,
-    r,
     c,
+    r,
     d,
     V,
     K
-  ]), ce = O(() => c.map((e) => e.value), [c]), U = O(() => r ? d.length > 0 ? `${d.length} item${d.length === 1 ? "" : "s"} selected` : null : c.find(
+  ]), ce = O(() => r.map((e) => e.value), [r]), U = O(() => c ? d.length > 0 ? `${d.length} item${d.length === 1 ? "" : "s"} selected` : null : r.find(
     (n) => n.value === d[0]
-  )?.label || null, [r, d, c]), X = s(
-    l("combobox-input"),
-    l(`combobox-input-${T}`),
-    N && l(`combobox-input-${N}`),
-    b?.input
+  )?.label || null, [c, d, r]), X = l(
+    s("combobox-input"),
+    s(`combobox-input-${A}`),
+    S && s(`combobox-input-${S}`),
+    h?.input
+  ), se = b(
+    (e) => /* @__PURE__ */ o(R.Root, { ...e }),
+    []
+  ), le = b(
+    (e) => /* @__PURE__ */ o(R.Popup, { ...e }),
+    []
+  ), ae = b(
+    (e) => /* @__PURE__ */ o(R.Divider, { ...e }),
+    []
+  ), ie = b(
+    (e) => /* @__PURE__ */ o(R.List, { ...e }),
+    []
+  ), de = b(
+    (e) => {
+      const n = r.find((i) => i.value === e);
+      return L(n?.label || String(e));
+    },
+    [r]
   );
-  return /* @__PURE__ */ o("div", { ref: ne, className: s(l("combobox"), ee), ...oe, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ o("div", { ref: ne, className: l(s("combobox"), ee), ...oe, children: /* @__PURE__ */ f(
     t.Root,
     {
-      value: r ? d : d[0] ?? null,
+      value: c ? d : d[0] ?? null,
       onValueChange: (e) => {
         m(
-          r ? Array.isArray(e) ? e : [] : e
+          c ? Array.isArray(e) ? e : [] : e
         );
       },
-      open: R,
+      open: T,
       onOpenChange: k,
-      multiple: r,
-      disabled: p,
+      multiple: c,
+      disabled: x,
       items: ce,
-      itemToStringLabel: (e) => {
-        const n = c.find((i) => i.value === e);
-        return L(n?.label || String(e));
-      },
+      itemToStringLabel: de,
       children: [
-        r ? (
+        c ? (
           /* Multiple Selection Layout using SelectTrigger compound components */
           /* @__PURE__ */ f(
-            u.Root,
+            g.Root,
             {
               ref: $,
-              size: T,
-              disabled: p,
-              open: R,
-              status: N,
-              placeholder: C,
+              size: A,
+              disabled: x,
+              open: T,
+              status: S,
+              placeholder: v,
               displayValue: U,
               allowClear: D,
               suffixIcon: j,
               clearIcon: P,
               onClear: _,
               onOpenChange: k,
-              className: s(
-                b?.trigger,
-                l("combobox-trigger-multiple")
+              className: l(
+                h?.trigger,
+                s("combobox-trigger-multiple")
               ),
               as: "div",
               children: [
                 /* @__PURE__ */ o(
-                  u.Content,
+                  g.Content,
                   {
                     contentRender: ({ className: e, children: n, ...i }) => /* @__PURE__ */ o(
                       t.Chips,
                       {
-                        className: s(l("combobox-chips"), e),
+                        className: l(s("combobox-chips"), e),
                         ...i,
                         children: /* @__PURE__ */ o(t.Value, { children: (a) => /* @__PURE__ */ f(q, { children: [
-                          a.map((g) => {
-                            const x = c.find(
-                              (le) => le.value === g
+                          a.map((p) => {
+                            const C = r.find(
+                              (me) => me.value === p
                             );
                             return /* @__PURE__ */ f(
                               t.Chip,
                               {
-                                className: s(l("combobox-chip")),
+                                className: l(s("combobox-chip")),
                                 children: [
-                                  x?.icon && /* @__PURE__ */ o(
+                                  C?.icon && /* @__PURE__ */ o(
                                     "span",
                                     {
-                                      className: s(l("combobox-chip-icon")),
-                                      children: x.icon
+                                      className: l(s("combobox-chip-icon")),
+                                      children: C.icon
                                     }
                                   ),
-                                  /* @__PURE__ */ o("span", { className: s(l("combobox-chip-text")), children: x ? v ? v(x) : x.label : g }),
+                                  /* @__PURE__ */ o("span", { className: l(s("combobox-chip-text")), children: C ? N ? N(C) : C.label : p }),
                                   /* @__PURE__ */ o(
                                     t.ChipRemove,
                                     {
-                                      className: s(l("combobox-chip-remove")),
-                                      children: /* @__PURE__ */ o(me, {})
+                                      className: l(s("combobox-chip-remove")),
+                                      children: /* @__PURE__ */ o(pe, {})
                                     }
                                   )
                                 ]
                               },
-                              g
+                              p
                             );
                           }),
                           /* @__PURE__ */ o(
                             t.Input,
                             {
-                              placeholder: a.length > 0 ? "" : C,
+                              placeholder: a.length > 0 ? "" : v,
                               className: X,
-                              disabled: p,
-                              onChange: (g) => {
-                                M?.(g.target.value);
+                              disabled: x,
+                              onChange: (p) => {
+                                M?.(p.target.value);
                               }
                             }
                           )
@@ -191,13 +206,13 @@ const ue = ({
                   }
                 ),
                 /* @__PURE__ */ o(
-                  u.Clear,
+                  g.Clear,
                   {
                     render: (e) => /* @__PURE__ */ o(t.Clear, { ...e })
                   }
                 ),
                 /* @__PURE__ */ o(
-                  u.Arrow,
+                  g.Arrow,
                   {
                     render: (e, { icon: n }) => /* @__PURE__ */ o(t.Trigger, { ...e, children: /* @__PURE__ */ o(t.Icon, { children: n }) })
                   }
@@ -206,35 +221,35 @@ const ue = ({
             }
           )
         ) : /* @__PURE__ */ f(
-          u.Root,
+          g.Root,
           {
             ref: $,
             as: "div",
-            size: T,
-            disabled: p,
-            open: R,
-            status: N,
-            placeholder: C,
+            size: A,
+            disabled: x,
+            open: T,
+            status: S,
+            placeholder: v,
             displayValue: U,
             allowClear: D,
             suffixIcon: j,
             clearIcon: P,
             onClear: _,
             onOpenChange: k,
-            className: s(
-              b?.trigger,
-              l("combobox-trigger-single")
+            className: l(
+              h?.trigger,
+              s("combobox-trigger-single")
             ),
             children: [
               /* @__PURE__ */ o(
-                u.Content,
+                g.Content,
                 {
                   contentRender: ({ className: e, children: n, ...i }) => /* @__PURE__ */ o(
                     t.Input,
                     {
-                      placeholder: C,
-                      className: s(e, X),
-                      disabled: p,
+                      placeholder: v,
+                      className: l(e, X),
+                      disabled: x,
                       onChange: (a) => {
                         M?.(a.target.value);
                       },
@@ -244,13 +259,13 @@ const ue = ({
                 }
               ),
               /* @__PURE__ */ o(
-                u.Clear,
+                g.Clear,
                 {
                   render: (e) => /* @__PURE__ */ o(t.Clear, { ...e })
                 }
               ),
               /* @__PURE__ */ o(
-                u.Arrow,
+                g.Arrow,
                 {
                   render: (e, { icon: n }) => /* @__PURE__ */ o(t.Trigger, { ...e, children: /* @__PURE__ */ o(t.Icon, { children: n }) })
                 }
@@ -263,54 +278,49 @@ const ue = ({
           {
             anchor: $.current,
             sideOffset: 4,
-            render: (e) => /* @__PURE__ */ o(I.Root, { ...e }),
+            render: se,
             children: /* @__PURE__ */ f(
               t.Popup,
               {
-                className: s(l("combobox-popup"), b?.portal),
-                render: (e) => /* @__PURE__ */ o(I.Popup, { ...e }),
+                className: l(s("combobox-popup"), h?.portal),
+                render: le,
                 children: [
-                  S && /* @__PURE__ */ f(q, { children: [
+                  y && /* @__PURE__ */ f(q, { children: [
                     /* @__PURE__ */ o(
                       H,
                       {
                         as: "button",
                         type: "button",
-                        className: s(l("combobox-select-all")),
-                        selected: S.checked,
-                        onClick: S.onToggle,
-                        indeterminate: S.indeterminate,
+                        className: l(s("combobox-select-all")),
+                        selected: y.checked,
+                        onClick: y.onToggle,
+                        indeterminate: y.indeterminate,
                         showCheckbox: !0,
                         children: "Select All"
                       }
                     ),
-                    /* @__PURE__ */ o(
-                      t.Separator,
-                      {
-                        render: (e) => /* @__PURE__ */ o(I.Divider, { ...e })
-                      }
-                    )
+                    /* @__PURE__ */ o(t.Separator, { render: ae })
                   ] }),
                   /* @__PURE__ */ o(
                     t.List,
                     {
-                      className: s(l("combobox-list"), b?.list),
-                      render: (e) => /* @__PURE__ */ o(I.List, { ...e }),
+                      className: l(s("combobox-list"), h?.list),
+                      render: ie,
                       children: (e) => {
-                        const n = c.find((a) => a.value === e), i = d.includes(e);
+                        const n = r.find((a) => a.value === e), i = d.includes(e);
                         return F ? F(n, {}) : /* @__PURE__ */ o(
                           H,
                           {
                             disabled: n.disabled,
                             selected: i,
-                            showCheckbox: r,
+                            showCheckbox: c,
                             icon: n.icon,
                             classNames: {
-                              root: s(b?.option),
-                              icon: b?.optionIcon,
-                              text: b?.optionText
+                              root: l(h?.option),
+                              icon: h?.optionIcon,
+                              text: h?.optionText
                             },
-                            labelRender: v ? (a) => v(n, a) : void 0,
+                            labelRender: N ? (a) => N(n, a) : void 0,
                             render: (a) => /* @__PURE__ */ o(
                               t.Item,
                               {
@@ -328,7 +338,7 @@ const ue = ({
                       }
                     }
                   ),
-                  /* @__PURE__ */ o(t.Empty, { className: s(l("combobox-empty")), children: /* @__PURE__ */ o(be, { description: "No options found" }) })
+                  /* @__PURE__ */ o(t.Empty, { className: l(s("combobox-empty")), children: /* @__PURE__ */ o(fe, { description: "No options found" }) })
                 ]
               }
             )
@@ -337,11 +347,11 @@ const ue = ({
       ]
     }
   ) });
-}, ge = ie(ue), Fe = Object.assign(ge, {
+}, ve = ue(Ce), Ee = Object.assign(ve, {
   // Add any sub components here if needed
 });
 export {
-  Fe as Combobox,
-  Fe as default
+  Ee as Combobox,
+  Ee as default
 };
 //# sourceMappingURL=component.js.map