@bioturing/components 0.15.5 → 0.16.0

package/dist/components/Badge/component.js

@@ -1,21 +1,26 @@
-import { jsx as a } from "react/jsx-runtime";
-import e from "antd/es/badge";
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import a from "antd/es/badge";
+import m from "antd/es/badge/Ribbon";
 import './style.css';/* empty css          */
-import { useCls as n, useAntdCssVarClassname as c } from "../utils/antdUtils.js";
+import { useCls as c, useAntdCssVarClassname as i } from "../utils/antdUtils.js";
 import { clsx as d } from "../utils/cn.js";
-const g = ({ count: s, showZero: r, ...o }) => {
-  const t = n(), m = c();
-  return /* @__PURE__ */ a(
-    e,
+const l = ({ count: s, showZero: t, ...o }) => {
+  const r = c(), e = i();
+  return /* @__PURE__ */ n(
+    a,
     {
       count: s,
-      showZero: r,
-      className: d(t("badge"), m),
+      showZero: t,
+      className: d(r("badge"), e),
       ...o
     }
   );
-};
+}, x = Object.assign(l, {
+  Ribbon: m
+});
 export {
-  g as Badge
+  x as Badge,
+  l as InternalBadge
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Badge/component.tsx"],"sourcesContent":["import { clsx, useCls, useAntdCssVarClassname } from \"../utils\";\nimport {\n  default as AntdBadge,\n  type BadgeProps as AntdBadgeProps,\n} from \"antd/es/badge\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type BadgeProps = AntdBadgeProps;\n\nexport const Badge = ({ count, showZero, ...rest }: BadgeProps) => {\n  const cls = useCls();\n  const antdCssVar = useAntdCssVarClassname();\n\n  return (\n    <AntdBadge\n      count={count}\n      showZero={showZero}\n      className={clsx(cls(\"badge\"), antdCssVar)}\n      {...rest}\n    />\n  );\n};\n"],"names":["Badge","count","showZero","rest","cls","useCls","antdCssVar","useAntdCssVarClassname","jsx","AntdBadge","clsx"],"mappings":";;;;;AAWO,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,QAAuB;AACjE,QAAMC,IAAMC,EAAO,GACbC,IAAaC,EAAuB;AAGxC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,UAAAC;AAAA,MACA,WAAWQ,EAAKN,EAAI,OAAO,GAAGE,CAAU;AAAA,MACvC,GAAGH;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Badge/component.tsx"],"sourcesContent":["\"use client\";\n\nimport { clsx, useCls, useAntdCssVarClassname } from \"../utils\";\nimport {\n  default as AntdBadge,\n  type BadgeProps as AntdBadgeProps,\n} from \"antd/es/badge\";\nimport Ribbon from \"antd/es/badge/Ribbon\";\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type BadgeProps = AntdBadgeProps;\n\nexport const InternalBadge = ({ count, showZero, ...rest }: BadgeProps) => {\n  const cls = useCls();\n  const antdCssVar = useAntdCssVarClassname();\n\n  return (\n    <AntdBadge\n      count={count}\n      showZero={showZero}\n      className={clsx(cls(\"badge\"), antdCssVar)}\n      {...rest}\n    />\n  );\n};\n\nexport const Badge = Object.assign(InternalBadge, {\n  Ribbon,\n});\n"],"names":["InternalBadge","count","showZero","rest","cls","useCls","antdCssVar","useAntdCssVarClassname","jsx","AntdBadge","clsx","Badge","Ribbon"],"mappings":";;;;;;;AAaO,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,QAAuB;AACzE,QAAMC,IAAMC,EAAO,GACbC,IAAaC,EAAuB;AAGxC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAR;AAAA,MACA,UAAAC;AAAA,MACA,WAAWQ,EAAKN,EAAI,OAAO,GAAGE,CAAU;AAAA,MACvC,GAAGH;AAAA,IAAA;AAAA,EACN;AAEJ,GAEaQ,IAAQ,OAAO,OAAOX,GAAe;AAAA,EAChD,QAAAY;AACF,CAAC;"}

package/dist/components/Breadcrumb/component.js

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as o } from "react/jsx-runtime";
 import m from "antd/es/breadcrumb";
-import l from "./useItemRender.js";
+import b from "./useItemRender.js";
 import './style.css';/* empty css          */
 import { useCls as c, useGetPrefixCls as d } from "../utils/antdUtils.js";
 import { clsx as n } from "../utils/cn.js";
@@ -11,7 +12,7 @@ const f = ({
   itemRender: t,
   ...a
 }) => {
-  const i = c(), { getPrefixCls: p } = d(), u = p("breadcrumb"), b = l(u, t);
+  const i = c(), { getPrefixCls: u } = d(), l = u("breadcrumb"), p = b(l, t);
   return /* @__PURE__ */ o(
     m,
     {
@@ -20,7 +21,7 @@ const f = ({
         r
       ),
       items: s,
-      itemRender: b,
+      itemRender: p,
       ...a
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Breadcrumb/component.tsx"],"sourcesContent":["\"use client\";\nimport { default as AntBreadcrumb } from \"antd/es/breadcrumb\";\nimport { clsx, useCls, useGetPrefixCls } from \"../utils\";\nimport { type BreadcrumbProps, type BreadcrumbItemProps } from \"./types\";\nimport useItemRender from \"./useItemRender\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Create inner function with forwarded ref\nconst BreadcrumbInner = ({\n  className,\n  items,\n  noWrap = false,\n  itemRender: outsideItemRender,\n  ...rest\n}: BreadcrumbProps) => {\n  const cls = useCls();\n  const { getPrefixCls } = useGetPrefixCls();\n  const componentPrefixCls = getPrefixCls(\"breadcrumb\");\n  const itemRender = useItemRender(componentPrefixCls, outsideItemRender);\n\n  return (\n    <AntBreadcrumb\n      className={clsx(\n        cls(\"breadcrumb\", noWrap && \"breadcrumb-nowrap\"),\n        className\n      )}\n      items={items}\n      itemRender={itemRender}\n      {...rest}\n    />\n  );\n};\n\n// Create the Item component\nconst Item = (props: BreadcrumbItemProps) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n\n  return (\n    <AntBreadcrumb.Item\n      className={clsx(cls(\"breadcrumb-item\"), className)}\n      {...restProps}\n    />\n  );\n};\n\n// Create the Separator component\nconst Separator = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n  const { className, ...restProps } = props;\n\n  return <AntBreadcrumb.Separator {...restProps} />;\n};\n\n// Create the final component with Item property and Separator properties\nexport const Breadcrumb = Object.assign(BreadcrumbInner, {\n  Item,\n  Separator,\n});\n"],"names":["BreadcrumbInner","className","items","noWrap","outsideItemRender","rest","cls","useCls","getPrefixCls","useGetPrefixCls","componentPrefixCls","itemRender","useItemRender","jsx","AntBreadcrumb","clsx","Item","props","restProps","Separator","Breadcrumb"],"mappings":";;;;;;AAUA,MAAMA,IAAkB,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAYC;AAAA,EACZ,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAMC,EAAO,GACb,EAAE,cAAAC,EAAa,IAAIC,EAAgB,GACnCC,IAAqBF,EAAa,YAAY,GAC9CG,IAAaC,EAAcF,GAAoBN,CAAiB;AAGpE,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTT,EAAI,cAAcH,KAAU,mBAAmB;AAAA,QAC/CF;AAAA,MACF;AAAA,MACA,OAAAC;AAAA,MACA,YAAAS;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMW,IAAO,CAACC,MAA+B;AAC3C,QAAM,EAAE,WAAAhB,GAAW,GAAGiB,EAAA,IAAcD,GAC9BX,IAAMC,EAAO;AAGjB,SAAA,gBAAAM;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,WAAWC,EAAKT,EAAI,iBAAiB,GAAGL,CAAS;AAAA,MAChD,GAAGiB;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMC,IAAY,CAACF,MAAiD;AAClE,QAAM,EAAE,WAAAhB,GAAW,GAAGiB,EAAA,IAAcD;AAEpC,SAAQ,gBAAAJ,EAAAC,EAAc,WAAd,EAAyB,GAAGI,EAAW,CAAA;AACjD,GAGaE,IAAa,OAAO,OAAOpB,GAAiB;AAAA,EACvD,MAAAgB;AAAA,EACA,WAAAG;AACF,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Breadcrumb/component.tsx"],"sourcesContent":["\"use client\";\nimport { default as AntBreadcrumb } from \"antd/es/breadcrumb\";\nimport { clsx, useCls, useGetPrefixCls } from \"../utils\";\nimport { type BreadcrumbProps, type BreadcrumbItemProps } from \"./types\";\nimport useItemRender from \"./useItemRender\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Create inner function with forwarded ref\nconst BreadcrumbInner = ({\n  className,\n  items,\n  noWrap = false,\n  itemRender: outsideItemRender,\n  ...rest\n}: BreadcrumbProps) => {\n  const cls = useCls();\n  const { getPrefixCls } = useGetPrefixCls();\n  const componentPrefixCls = getPrefixCls(\"breadcrumb\");\n  const itemRender = useItemRender(componentPrefixCls, outsideItemRender);\n\n  return (\n    <AntBreadcrumb\n      className={clsx(\n        cls(\"breadcrumb\", noWrap && \"breadcrumb-nowrap\"),\n        className\n      )}\n      items={items}\n      itemRender={itemRender}\n      {...rest}\n    />\n  );\n};\n\n// Create the Item component\nconst Item = (props: BreadcrumbItemProps) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n\n  return (\n    <AntBreadcrumb.Item\n      className={clsx(cls(\"breadcrumb-item\"), className)}\n      {...restProps}\n    />\n  );\n};\n\n// Create the Separator component\nconst Separator = (props: React.HTMLAttributes<HTMLSpanElement>) => {\n  const { className, ...restProps } = props;\n\n  return <AntBreadcrumb.Separator {...restProps} />;\n};\n\n// Create the final component with Item property and Separator properties\nexport const Breadcrumb = Object.assign(BreadcrumbInner, {\n  Item,\n  Separator,\n});\n"],"names":["BreadcrumbInner","className","items","noWrap","outsideItemRender","rest","cls","useCls","getPrefixCls","useGetPrefixCls","componentPrefixCls","itemRender","useItemRender","jsx","AntBreadcrumb","clsx","Item","props","restProps","Separator","Breadcrumb"],"mappings":";;;;;;;AAUA,MAAMA,IAAkB,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAYC;AAAA,EACZ,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAMC,EAAO,GACb,EAAE,cAAAC,EAAa,IAAIC,EAAgB,GACnCC,IAAqBF,EAAa,YAAY,GAC9CG,IAAaC,EAAcF,GAAoBN,CAAiB;AAGpE,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTT,EAAI,cAAcH,KAAU,mBAAmB;AAAA,QAC/CF;AAAA,MACF;AAAA,MACA,OAAAC;AAAA,MACA,YAAAS;AAAA,MACC,GAAGN;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMW,IAAO,CAACC,MAA+B;AAC3C,QAAM,EAAE,WAAAhB,GAAW,GAAGiB,EAAA,IAAcD,GAC9BX,IAAMC,EAAO;AAGjB,SAAA,gBAAAM;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,WAAWC,EAAKT,EAAI,iBAAiB,GAAGL,CAAS;AAAA,MAChD,GAAGiB;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMC,IAAY,CAACF,MAAiD;AAClE,QAAM,EAAE,WAAAhB,GAAW,GAAGiB,EAAA,IAAcD;AAEpC,SAAQ,gBAAAJ,EAAAC,EAAc,WAAd,EAAyB,GAAGI,EAAW,CAAA;AACjD,GAGaE,IAAa,OAAO,OAAOpB,GAAiB;AAAA,EACvD,MAAAgB;AAAA,EACA,WAAAG;AACF,CAAC;"}

package/dist/components/Button/component.js

@@ -1,8 +1,35 @@
-import { jsx as n } from "react/jsx-runtime";
+"use client";
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import m from "antd/es/button";
-import { forwardRef as f } from "react";
+import { forwardRef as l } from "react";
 import './style.css';/* empty css          */
-const p = ({ style: t, ...o }, r) => /* @__PURE__ */ n(m, { ref: r, style: t, ...o }), B = f(p);
+import { useCls as a } from "../utils/antdUtils.js";
+const f = ({ negativeMargin: p = !0, type: t, size: n, variant: r, ...o }, e) => {
+  const c = p && (r === "text" || r === "link" || t == "text" || t === "link"), i = a();
+  return c ? /* @__PURE__ */ u(
+    "span",
+    {
+      className: i(
+        "btn-wrapper",
+        "btn-negative-margin-wrapper",
+        "btn-wrapper-" + n
+      ),
+      children: [
+        /* @__PURE__ */ s(
+          m,
+          {
+            ref: e,
+            type: t,
+            size: n,
+            variant: r,
+            ...o
+          }
+        ),
+        " "
+      ]
+    }
+  ) : /* @__PURE__ */ s(m, { ref: e, type: t, size: n, variant: r, ...o });
+}, B = l(f);
 export {
   B as Button
 };

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Button/component.tsx"],"sourcesContent":["import {\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 \"./style.css\";\n\nexport type ButtonProps = AntdButtonProps;\n\nconst ButtonInner = (\n  { style, ...rest }: ButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) => {\n  return <AntdButton ref={ref} style={style} {...rest} />;\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","style","rest","ref","jsx","AntdButton","Button","forwardRef"],"mappings":";;;;AAWA,MAAMA,IAAc,CAClB,EAAE,OAAAC,GAAO,GAAGC,EAAA,GACZC,MAEQ,gBAAAC,EAAAC,GAAA,EAAW,KAAAF,GAAU,OAAAF,GAAe,GAAGC,GAAM,GAG1CI,IAASC,EAAWP,CAAW;"}
+{"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 \"./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  { negativeMargin = true, type, size, variant, ...rest }: 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  return useNegativeMargin ? (\n    <span\n      className={cls(\n        \"btn-wrapper\",\n        \"btn-negative-margin-wrapper\",\n        \"btn-wrapper-\" + size\n      )}\n    >\n      <AntdButton\n        ref={ref}\n        type={type}\n        size={size}\n        variant={variant}\n        {...rest}\n      />{\" \"}\n    </span>\n  ) : (\n    <AntdButton ref={ref} type={type} size={size} variant={variant} {...rest} />\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","rest","ref","useNegativeMargin","cls","useCls","jsxs","jsx","AntdButton","Button","forwardRef"],"mappings":";;;;;;AAoBA,MAAMA,IAAc,CAClB,EAAE,gBAAAC,IAAiB,IAAM,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,GAAGC,EAAK,GACtDC,MACG;AACG,QAAAC,IACJN,MACCG,MAAY,UACXA,MAAY,UACZF,KAAQ,UACRA,MAAS,SACPM,IAAMC,EAAO;AACnB,SAAOF,IACL,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAiBL;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAAN;AAAA,YACA,MAAAJ;AAAA,YACA,MAAAC;AAAA,YACA,SAAAC;AAAA,YACC,GAAGC;AAAA,UAAA;AAAA,QACN;AAAA,QAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,sBAGJO,GAAW,EAAA,KAAAN,GAAU,MAAAJ,GAAY,MAAAC,GAAY,SAAAC,GAAmB,GAAGC,GAAM;AAE9E,GAEaQ,IAASC,EAAWd,CAAW;"}

package/dist/components/Button/style.css

@@ -1 +1 @@
-@layer components{span.ds-btn-icon{display:flex;align-items:center}}
+@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-lg{margin-inline:-1rem}.ds-btn-negative-margin-wrapper.ds-btn-wrapper-sm{margin-inline:-.5rem}.ds-btn-loading .ds-btn-loading-icon{position:absolute}.ds-btn-loading>span:not(.ds-btn-loading-icon){opacity:0}}

package/dist/components/CodeBlock/component.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as o, jsxs as _ } from "react/jsx-runtime";
 import { useState as p, useEffect as $ } from "react";
 import { Check as q, Copy as z } from "@bioturing/assets";
@@ -14,13 +15,13 @@ import { clsx as Z } from "../utils/cn.js";
 import { IconButton as H } from "../IconButton/component.js";
 const fo = ({
   code: u,
-  children: v,
+  children: s,
   // initial,
   lang: m = "tsx",
   className: S,
   options: n,
   activeOption: x,
-  defaultActiveOption: s = 0,
+  defaultActiveOption: v = 0,
   onActiveOptionChange: T,
   copyText: g = "Copy",
   copySuccessText: w = "Copied",
@@ -31,7 +32,7 @@ const fo = ({
   const [i, k] = X(
     x,
     T,
-    s
+    v
   ), [l, j] = p(u || ""), [A, B] = p(m), h = n && n.length > 0;
   $(() => {
     var t, r;
@@ -42,14 +43,14 @@ const fo = ({
   }, [
     u,
     i,
-    s,
+    v,
     n,
     m,
     h,
     k
   ]);
   const [L, a] = p(g), [M, b] = p(!1), D = () => {
-    const t = l || V(v);
+    const t = l || V(s);
     try {
       navigator.clipboard.writeText(t).then(() => {
         a(w), b(!0);
@@ -114,7 +115,7 @@ const fo = ({
                   }
                 )
               }
-            ) : v })
+            ) : s })
           }
         )
       ]

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/CodeBlock/component.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { Check, Copy } from \"@bioturing/assets\";\nimport { IconButton } from \"../IconButton\";\nimport { ScrollArea } from \"../ScrollArea\";\nimport { Segmented } from \"../Segmented\";\nimport { ThemeProvider } from \"../ThemeProvider/component\";\nimport { useControlledState } from \"../hooks\";\nimport { clsx, useCls, WithAntdTokens } from \"../utils\";\nimport { Highlight, themes } from \"prism-react-renderer\";\nimport type { CodeBlockProps } from \"./types\";\nimport { reactNodeToString } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport const CodeBlock = ({\n  code,\n  children,\n  // initial,\n  lang: defaultLang = \"tsx\",\n  className,\n  options,\n  activeOption: controlledActiveOption,\n  defaultActiveOption = 0,\n  onActiveOptionChange,\n  copyText = \"Copy\",\n  copySuccessText = \"Copied\",\n  classNames,\n  maxHeight,\n  ...rest\n}: CodeBlockProps) => {\n  const [activeOption, setActiveOption] = useControlledState(\n    controlledActiveOption,\n    onActiveOptionChange,\n    defaultActiveOption\n  );\n\n  const [currentCode, setCurrentCode] = useState(code || \"\");\n  const [lang, setLang] = useState(defaultLang);\n\n  const hasOptions = options && options.length > 0;\n\n  useEffect(() => {\n    if (hasOptions) {\n      const newCode = options[activeOption]?.code || \"\";\n      const newLang = options[activeOption]?.lang || defaultLang;\n      setCurrentCode(newCode);\n      setLang(newLang);\n    }\n  }, [\n    code,\n    activeOption,\n    defaultActiveOption,\n    options,\n    defaultLang,\n    hasOptions,\n    setActiveOption,\n  ]);\n\n  const [tooltipContent, setTooltipContent] = useState(copyText);\n  const [copySuccess, setCopySuccess] = useState(false);\n\n  const handleCopy = () => {\n    const codeContent = currentCode ? currentCode : reactNodeToString(children);\n    try {\n      navigator.clipboard.writeText(codeContent).then(() => {\n        setTooltipContent(copySuccessText);\n        setCopySuccess(true);\n      });\n    } catch (_) {\n      setTooltipContent(\"Failed to copy\");\n    }\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipContent(copyText);\n    setCopySuccess(false);\n  };\n\n  const cls = useCls();\n  return (\n    <ThemeProvider theme={\"dark\"}>\n      <WithAntdTokens\n        className={clsx(cls(\"code-block\"), className, classNames?.root)}\n        {...rest}\n      >\n        {hasOptions && (\n          <div className={cls(\"code-block-header\", classNames?.header)}>\n            <Segmented\n              value={activeOption}\n              onChange={setActiveOption}\n              options={options.map((opt, index) => ({\n                label: opt.label,\n                value: index,\n              }))}\n            />\n          </div>\n        )}\n        <div className={cls(\"code-block-copy\")}>\n          <IconButton\n            onClick={handleCopy}\n            label={tooltipContent}\n            onMouseLeave={handleMouseLeave}\n          >\n            {copySuccess ? <Check /> : <Copy />}\n          </IconButton>\n        </div>\n        <div\n          className={cls(\"code-block-content\", classNames?.content)}\n          style={{\n            maxHeight:\n              maxHeight &&\n              (typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight),\n          }}\n        >\n          <ScrollArea>\n            {currentCode ? (\n              <Highlight\n                language={lang}\n                code={currentCode}\n                theme={themes.vsDark}\n              >\n                {({\n                  className,\n                  style,\n                  tokens,\n                  getLineProps,\n                  getTokenProps,\n                }) => (\n                  <pre\n                    style={{ ...style, backgroundColor: \"transparent\" }}\n                    className={className}\n                  >\n                    {tokens.map((line, i) => (\n                      <div key={i} {...getLineProps({ line })}>\n                        {/* <span>{i + 1}</span> */}\n                        {line.map((token, key) => (\n                          <span key={key} {...getTokenProps({ token })} />\n                        ))}\n                      </div>\n                    ))}\n                  </pre>\n                )}\n              </Highlight>\n            ) : (\n              children\n            )}\n          </ScrollArea>\n        </div>\n      </WithAntdTokens>\n    </ThemeProvider>\n  );\n};\n"],"names":["CodeBlock","code","children","defaultLang","className","options","controlledActiveOption","defaultActiveOption","onActiveOptionChange","copyText","copySuccessText","classNames","maxHeight","rest","activeOption","setActiveOption","useControlledState","currentCode","setCurrentCode","useState","lang","setLang","hasOptions","useEffect","newCode","_a","newLang","_b","tooltipContent","setTooltipContent","copySuccess","setCopySuccess","handleCopy","codeContent","reactNodeToString","handleMouseLeave","cls","useCls","jsx","ThemeProvider","jsxs","WithAntdTokens","clsx","Segmented","opt","index","IconButton","Check","Copy","ScrollArea","Highlight","themes","style","tokens","getLineProps","getTokenProps","line","i","token","key"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/CodeBlock/component.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { Check, Copy } from \"@bioturing/assets\";\nimport { IconButton } from \"../IconButton\";\nimport { ScrollArea } from \"../ScrollArea\";\nimport { Segmented } from \"../Segmented\";\nimport { ThemeProvider } from \"../ThemeProvider/component\";\nimport { useControlledState } from \"../hooks\";\nimport { clsx, useCls, WithAntdTokens } from \"../utils\";\nimport { Highlight, themes } from \"prism-react-renderer\";\nimport type { CodeBlockProps } from \"./types\";\nimport { reactNodeToString } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport const CodeBlock = ({\n  code,\n  children,\n  // initial,\n  lang: defaultLang = \"tsx\",\n  className,\n  options,\n  activeOption: controlledActiveOption,\n  defaultActiveOption = 0,\n  onActiveOptionChange,\n  copyText = \"Copy\",\n  copySuccessText = \"Copied\",\n  classNames,\n  maxHeight,\n  ...rest\n}: CodeBlockProps) => {\n  const [activeOption, setActiveOption] = useControlledState(\n    controlledActiveOption,\n    onActiveOptionChange,\n    defaultActiveOption\n  );\n\n  const [currentCode, setCurrentCode] = useState(code || \"\");\n  const [lang, setLang] = useState(defaultLang);\n\n  const hasOptions = options && options.length > 0;\n\n  useEffect(() => {\n    if (hasOptions) {\n      const newCode = options[activeOption]?.code || \"\";\n      const newLang = options[activeOption]?.lang || defaultLang;\n      setCurrentCode(newCode);\n      setLang(newLang);\n    }\n  }, [\n    code,\n    activeOption,\n    defaultActiveOption,\n    options,\n    defaultLang,\n    hasOptions,\n    setActiveOption,\n  ]);\n\n  const [tooltipContent, setTooltipContent] = useState(copyText);\n  const [copySuccess, setCopySuccess] = useState(false);\n\n  const handleCopy = () => {\n    const codeContent = currentCode ? currentCode : reactNodeToString(children);\n    try {\n      navigator.clipboard.writeText(codeContent).then(() => {\n        setTooltipContent(copySuccessText);\n        setCopySuccess(true);\n      });\n    } catch (_) {\n      setTooltipContent(\"Failed to copy\");\n    }\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipContent(copyText);\n    setCopySuccess(false);\n  };\n\n  const cls = useCls();\n  return (\n    <ThemeProvider theme={\"dark\"}>\n      <WithAntdTokens\n        className={clsx(cls(\"code-block\"), className, classNames?.root)}\n        {...rest}\n      >\n        {hasOptions && (\n          <div className={cls(\"code-block-header\", classNames?.header)}>\n            <Segmented\n              value={activeOption}\n              onChange={setActiveOption}\n              options={options.map((opt, index) => ({\n                label: opt.label,\n                value: index,\n              }))}\n            />\n          </div>\n        )}\n        <div className={cls(\"code-block-copy\")}>\n          <IconButton\n            onClick={handleCopy}\n            label={tooltipContent}\n            onMouseLeave={handleMouseLeave}\n          >\n            {copySuccess ? <Check /> : <Copy />}\n          </IconButton>\n        </div>\n        <div\n          className={cls(\"code-block-content\", classNames?.content)}\n          style={{\n            maxHeight:\n              maxHeight &&\n              (typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight),\n          }}\n        >\n          <ScrollArea>\n            {currentCode ? (\n              <Highlight\n                language={lang}\n                code={currentCode}\n                theme={themes.vsDark}\n              >\n                {({\n                  className,\n                  style,\n                  tokens,\n                  getLineProps,\n                  getTokenProps,\n                }) => (\n                  <pre\n                    style={{ ...style, backgroundColor: \"transparent\" }}\n                    className={className}\n                  >\n                    {tokens.map((line, i) => (\n                      <div key={i} {...getLineProps({ line })}>\n                        {/* <span>{i + 1}</span> */}\n                        {line.map((token, key) => (\n                          <span key={key} {...getTokenProps({ token })} />\n                        ))}\n                      </div>\n                    ))}\n                  </pre>\n                )}\n              </Highlight>\n            ) : (\n              children\n            )}\n          </ScrollArea>\n        </div>\n      </WithAntdTokens>\n    </ThemeProvider>\n  );\n};\n"],"names":["CodeBlock","code","children","defaultLang","className","options","controlledActiveOption","defaultActiveOption","onActiveOptionChange","copyText","copySuccessText","classNames","maxHeight","rest","activeOption","setActiveOption","useControlledState","currentCode","setCurrentCode","useState","lang","setLang","hasOptions","useEffect","newCode","_a","newLang","_b","tooltipContent","setTooltipContent","copySuccess","setCopySuccess","handleCopy","codeContent","reactNodeToString","handleMouseLeave","cls","useCls","jsx","ThemeProvider","jsxs","WithAntdTokens","clsx","Segmented","opt","index","IconButton","Check","Copy","ScrollArea","Highlight","themes","style","tokens","getLineProps","getTokenProps","line","i","token","key"],"mappings":"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"}

package/dist/components/CodeBlock/style.css

@@ -1 +1 @@
-@layer components{.ds-code-block{background:var(--ds-color-bg-layout);box-shadow:0 0 0 1px inset var(--ds-color-split);border-radius:var(--ds-border-radius);padding:1rem;position:relative;font-family:var(--font-mono)}.ds-code-block-header{display:flex;justify-items:start;margin-bottom:.75rem}.ds-code-block-copy{top:1rem;right:.75rem;opacity:0;transition:opacity .2s ease-in-out;position:absolute}.ds-code-block:hover .ds-code-block-copy{opacity:100}.ds-code-block-content{padding-right:1.5rem;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.ds-code-block-content .ds-scoll-area{max-height:30rem}}
+@layer components{.ds-code-block{background:var(--ds-color-bg-layout);box-shadow:0 0 0 1px inset var(--ds-color-split);border-radius:var(--ds-border-radius);padding:1rem;position:relative;font-family:var(--font-mono);color:var(--ds-color-text)}.ds-code-block-header{display:flex;justify-items:start;margin-bottom:.75rem}.ds-code-block-copy{top:1rem;right:.75rem;opacity:0;transition:opacity .2s ease-in-out;position:absolute}.ds-code-block:hover .ds-code-block-copy{opacity:100}.ds-code-block-content{padding-right:1.5rem;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.ds-code-block-content .ds-scoll-area{max-height:30rem}}

package/dist/components/Collapse/component.js

@@ -1,28 +1,29 @@
+"use client";
 import { jsx as a } from "react/jsx-runtime";
 import { Collapse as r } from "antd";
-import { forwardRef as p } from "react";
+import { forwardRef as c } from "react";
 import './style.css';/* empty css          */
 import { useCls as t } from "../utils/antdUtils.js";
-import { clsx as c } from "../utils/cn.js";
-const m = (s, o) => {
-  const { className: e, ...l } = s, n = t();
+import { clsx as p } from "../utils/cn.js";
+const m = (s, e) => {
+  const { className: o, ...l } = s, n = t();
   return /* @__PURE__ */ a(
     r,
     {
-      ref: o,
-      className: n("collapse", e),
+      ref: e,
+      className: n("collapse", o),
       ...l
     }
   );
-}, i = p(m), f = (s) => {
-  const { className: o, ...e } = s, l = t();
+}, i = c(m), f = (s) => {
+  const { className: e, ...o } = s, l = t();
   return console.warn(
     "[bioturing-ds] Collapse.Panel is deprecated. Please use items prop instead."
   ), /* @__PURE__ */ a(
     r.Panel,
     {
-      className: c(l("collapse-panel"), o),
-      ...e
+      className: p(l("collapse-panel"), e),
+      ...o
     }
   );
 }, b = Object.assign(i, {

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Collapse/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  Collapse as AntCollapse,\n  type CollapseProps as AntCollapseProps,\n  type CollapsePanelProps as AntCollapsePanelProps,\n} from \"antd\";\nimport { type ForwardedRef, forwardRef } from \"react\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's CollapseProps\nexport interface CollapseProps extends AntCollapseProps {}\n\n// Define props interface extending Ant Design's CollapsePanelProps\nexport interface CollapsePanelProps extends AntCollapsePanelProps {}\n\n// Create inner function with forwarded ref\nconst CollapseInner = (\n  props: CollapseProps,\n  ref: ForwardedRef<HTMLDivElement>\n) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n  return (\n    <AntCollapse\n      ref={ref}\n      className={cls(\"collapse\", className)}\n      {...restProps}\n    />\n  );\n};\n\n// Use forwardRef with type assertion\nconst MainCollapse = forwardRef(CollapseInner) as (\n  props: CollapseProps & {\n    ref?: React.ForwardedRef<HTMLDivElement>;\n  }\n) => ReturnType<typeof CollapseInner>;\n\n// Create the Panel component (deprecated)\nconst Panel = (props: CollapsePanelProps) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n  console.warn(\n    \"[bioturing-ds] Collapse.Panel is deprecated. Please use items prop instead.\"\n  );\n  return (\n    <AntCollapse.Panel\n      className={clsx(cls(\"collapse-panel\"), className)}\n      {...restProps}\n    />\n  );\n};\n\n// Create the final component with Panel property\nexport const Collapse = Object.assign(MainCollapse, {\n  Panel: Panel,\n});\n"],"names":["CollapseInner","props","ref","className","restProps","cls","useCls","jsx","AntCollapse","MainCollapse","forwardRef","Panel","clsx","Collapse"],"mappings":";;;;;;AAmBA,MAAMA,IAAgB,CACpBC,GACAC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAcH,GAC9BI,IAAMC,EAAO;AAEjB,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,WAAWG,EAAI,YAAYF,CAAS;AAAA,MACnC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMK,IAAeC,EAAWV,CAAa,GAOvCW,IAAQ,CAACV,MAA8B;AAC3C,QAAM,EAAE,WAAAE,GAAW,GAAGC,EAAA,IAAcH,GAC9BI,IAAMC,EAAO;AACX,iBAAA;AAAA,IACN;AAAA,EACF,GAEE,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWI,EAAKP,EAAI,gBAAgB,GAAGF,CAAS;AAAA,MAC/C,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAGaS,IAAW,OAAO,OAAOJ,GAAc;AAAA,EAClD,OAAAE;AACF,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Collapse/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  Collapse as AntCollapse,\n  type CollapseProps as AntCollapseProps,\n  type CollapsePanelProps as AntCollapsePanelProps,\n} from \"antd\";\nimport { type ForwardedRef, forwardRef } from \"react\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's CollapseProps\nexport interface CollapseProps extends AntCollapseProps {}\n\n// Define props interface extending Ant Design's CollapsePanelProps\nexport interface CollapsePanelProps extends AntCollapsePanelProps {}\n\n// Create inner function with forwarded ref\nconst CollapseInner = (\n  props: CollapseProps,\n  ref: ForwardedRef<HTMLDivElement>\n) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n  return (\n    <AntCollapse\n      ref={ref}\n      className={cls(\"collapse\", className)}\n      {...restProps}\n    />\n  );\n};\n\n// Use forwardRef with type assertion\nconst MainCollapse = forwardRef(CollapseInner) as (\n  props: CollapseProps & {\n    ref?: React.ForwardedRef<HTMLDivElement>;\n  }\n) => ReturnType<typeof CollapseInner>;\n\n// Create the Panel component (deprecated)\nconst Panel = (props: CollapsePanelProps) => {\n  const { className, ...restProps } = props;\n  const cls = useCls();\n  console.warn(\n    \"[bioturing-ds] Collapse.Panel is deprecated. Please use items prop instead.\"\n  );\n  return (\n    <AntCollapse.Panel\n      className={clsx(cls(\"collapse-panel\"), className)}\n      {...restProps}\n    />\n  );\n};\n\n// Create the final component with Panel property\nexport const Collapse = Object.assign(MainCollapse, {\n  Panel: Panel,\n});\n"],"names":["CollapseInner","props","ref","className","restProps","cls","useCls","jsx","AntCollapse","MainCollapse","forwardRef","Panel","clsx","Collapse"],"mappings":";;;;;;;AAmBA,MAAMA,IAAgB,CACpBC,GACAC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAcH,GAC9BI,IAAMC,EAAO;AAEjB,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,WAAWG,EAAI,YAAYF,CAAS;AAAA,MACnC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMK,IAAeC,EAAWV,CAAa,GAOvCW,IAAQ,CAACV,MAA8B;AAC3C,QAAM,EAAE,WAAAE,GAAW,GAAGC,EAAA,IAAcH,GAC9BI,IAAMC,EAAO;AACX,iBAAA;AAAA,IACN;AAAA,EACF,GAEE,gBAAAC;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,WAAWI,EAAKP,EAAI,gBAAgB,GAAGF,CAAS;AAAA,MAC/C,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAGaS,IAAW,OAAO,OAAOJ,GAAc;AAAA,EAClD,OAAAE;AACF,CAAC;"}

package/dist/components/DSRoot/component.js

@@ -1,21 +1,22 @@
+"use client";
 import { jsx as r, jsxs as p } from "react/jsx-runtime";
 import { ThemeProvider as l } from "../ThemeProvider/component.js";
 import { Modal as n } from "../Modal/index.js";
 import c from "antd/es/app/App";
-import { DSRootContextProvider as f } from "./context.js";
+import { DSRootContextProvider as s } from "./context.js";
 import './style.css';/* empty css          */
 import { Toast as i } from "../Toast/component.js";
-const u = ({
+const j = ({
   className: t,
-  appendClassesTo: m = "html",
-  children: e,
+  appendClassesTo: e = "html",
+  children: m,
   theme: o,
   ...d
-}) => /* @__PURE__ */ r(f, { value: { theme: o }, children: /* @__PURE__ */ r(l, { theme: o, ...d, appendClassesTo: m, children: /* @__PURE__ */ r(c, { className: t, children: /* @__PURE__ */ r(i.Provider, { children: /* @__PURE__ */ p(n.Provider, { children: [
+}) => /* @__PURE__ */ r(s, { value: { theme: o }, children: /* @__PURE__ */ r(l, { theme: o, ...d, appendClassesTo: e, children: /* @__PURE__ */ r(c, { className: t, children: /* @__PURE__ */ r(i.Provider, { children: /* @__PURE__ */ p(n.Provider, { children: [
   /* @__PURE__ */ r(i.List, {}),
-  e
+  m
 ] }) }) }) }) });
 export {
-  u as DSRoot
+  j as DSRoot
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/DSRoot/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  ThemeProvider,\n  type ThemeProviderProps,\n} from \"../ThemeProvider/component\";\nimport { Toast } from \"../Toast\";\nimport { Modal } from \"../Modal\";\nimport App from \"antd/es/app/App\";\nimport { DSRootContextProvider } from \"./context\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface DSRootProps extends ThemeProviderProps {\n  /**\n   * Classname passed to App component\n   */\n  className?: string;\n\n  /**\n   * Element to which the theme classes are appended\n   * @default \"html\"\n   */\n  appendClassesTo?: string | HTMLElement;\n}\n\nexport const DSRoot = ({\n  className,\n  appendClassesTo = \"html\",\n  children,\n  theme,\n  ...props\n}: DSRootProps) => {\n  return (\n    <DSRootContextProvider value={{ theme: theme }}>\n      <ThemeProvider theme={theme} {...props} appendClassesTo={appendClassesTo}>\n        <App className={className}>\n          <Toast.Provider>\n            <Modal.Provider>\n              <Toast.List />\n              {children}\n            </Modal.Provider>\n          </Toast.Provider>\n        </App>\n      </ThemeProvider>\n    </DSRootContextProvider>\n  );\n};\n"],"names":["DSRoot","className","appendClassesTo","children","theme","props","jsx","DSRootContextProvider","ThemeProvider","App","Toast","jsxs","Modal"],"mappings":";;;;;;;AA0BO,MAAMA,IAAS,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,KAAsB,OAAO,EAAE,OAAAH,EAC9B,GAAA,UAAA,gBAAAE,EAACE,GAAc,EAAA,OAAAJ,GAAe,GAAGC,GAAO,iBAAAH,GACtC,UAAC,gBAAAI,EAAAG,GAAA,EAAI,WAAAR,GACH,UAAC,gBAAAK,EAAAI,EAAM,UAAN,EACC,UAAA,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,EAAC,gBAAAN,EAAAI,EAAM,MAAN,EAAW;AAAA,EACXP;AACH,EAAA,CAAA,EACF,CAAA,GACF,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/DSRoot/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  ThemeProvider,\n  type ThemeProviderProps,\n} from \"../ThemeProvider/component\";\nimport { Toast } from \"../Toast\";\nimport { Modal } from \"../Modal\";\nimport App from \"antd/es/app/App\";\nimport { DSRootContextProvider } from \"./context\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface DSRootProps extends ThemeProviderProps {\n  /**\n   * Classname passed to App component\n   */\n  className?: string;\n\n  /**\n   * Element to which the theme classes are appended\n   * @default \"html\"\n   */\n  appendClassesTo?: string | HTMLElement;\n}\n\nexport const DSRoot = ({\n  className,\n  appendClassesTo = \"html\",\n  children,\n  theme,\n  ...props\n}: DSRootProps) => {\n  return (\n    <DSRootContextProvider value={{ theme: theme }}>\n      <ThemeProvider theme={theme} {...props} appendClassesTo={appendClassesTo}>\n        <App className={className}>\n          <Toast.Provider>\n            <Modal.Provider>\n              <Toast.List />\n              {children}\n            </Modal.Provider>\n          </Toast.Provider>\n        </App>\n      </ThemeProvider>\n    </DSRootContextProvider>\n  );\n};\n"],"names":["DSRoot","className","appendClassesTo","children","theme","props","jsx","DSRootContextProvider","ThemeProvider","App","Toast","jsxs","Modal"],"mappings":";;;;;;;;AA0BO,MAAMA,IAAS,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC,EAACC,KAAsB,OAAO,EAAE,OAAAH,EAC9B,GAAA,UAAA,gBAAAE,EAACE,GAAc,EAAA,OAAAJ,GAAe,GAAGC,GAAO,iBAAAH,GACtC,UAAC,gBAAAI,EAAAG,GAAA,EAAI,WAAAR,GACH,UAAC,gBAAAK,EAAAI,EAAM,UAAN,EACC,UAAA,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,EAAC,gBAAAN,EAAAI,EAAM,MAAN,EAAW;AAAA,EACXP;AACH,EAAA,CAAA,EACF,CAAA,GACF,EAAA,CACF,EACF,CAAA;"}

package/dist/components/DSRoot/context.js

@@ -1,9 +1,10 @@
+"use client";
 import t from "react";
-const o = t.createContext({
+const e = t.createContext({
   theme: "light"
-}), r = o.Provider, n = () => t.useContext(o);
+}), n = e.Provider, r = () => t.useContext(e);
 export {
-  r as DSRootContextProvider,
-  n as useDS
+  n as DSRootContextProvider,
+  r as useDS
 };
 //# sourceMappingURL=context.js.map

package/dist/components/DSRoot/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/DSRoot/context.ts"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nconst DSRootContext = React.createContext<{\n  theme: \"light\" | \"dark\";\n}>({\n  theme: \"light\",\n});\n\nexport const DSRootContextProvider = DSRootContext.Provider;\n\nexport const useDS = () => React.useContext(DSRootContext);\n"],"names":["DSRootContext","React","DSRootContextProvider","useDS"],"mappings":";AAGA,MAAMA,IAAgBC,EAAM,cAEzB;AAAA,EACD,OAAO;AACT,CAAC,GAEYC,IAAwBF,EAAc,UAEtCG,IAAQ,MAAMF,EAAM,WAAWD,CAAa;"}
+{"version":3,"file":"context.js","sources":["../../../src/components/DSRoot/context.ts"],"sourcesContent":["\"use client\";\nimport React from \"react\";\n\nconst DSRootContext = React.createContext<{\n  theme: \"light\" | \"dark\";\n}>({\n  theme: \"light\",\n});\n\nexport const DSRootContextProvider = DSRootContext.Provider;\n\nexport const useDS = () => React.useContext(DSRootContext);\n"],"names":["DSRootContext","React","DSRootContextProvider","useDS"],"mappings":";;AAGA,MAAMA,IAAgBC,EAAM,cAEzB;AAAA,EACD,OAAO;AACT,CAAC,GAEYC,IAAwBF,EAAc,UAEtCG,IAAQ,MAAMF,EAAM,WAAWD,CAAa;"}

package/dist/components/DropdownMenu/component.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as l, jsx as d } from "react/jsx-runtime";
 import { Menu as p } from "@base-ui-components/react/menu";
 import { useCallback as A, useRef as E } from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/DropdownMenu/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  useCls,\n  clsx,\n  useAntdCssVarClassname,\n  parseAntdPlacement,\n} from \"../utils\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useRef } from \"react\";\nimport { useControlled } from \"@base-ui-components/react/utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type DropdownMenuItemType =\n  | {\n      type: \"item\";\n      label?: React.ReactNode;\n      disabled?: boolean;\n      icon?: React.ReactNode;\n      key: React.Key;\n      onClick?: React.HTMLAttributes<HTMLElement>[\"onClick\"];\n      onMouseEnter?: React.HTMLAttributes<HTMLElement>[\"onMouseEnter\"];\n      onMouseLeave?: React.HTMLAttributes<HTMLElement>[\"onMouseLeave\"];\n      onMouseOver?: React.HTMLAttributes<HTMLElement>[\"onMouseOver\"];\n      onMouseOut?: React.HTMLAttributes<HTMLElement>[\"onMouseOut\"];\n      danger?: boolean;\n      ref?: React.Ref<HTMLElement>;\n    }\n  | {\n      type: \"divider\";\n    }\n  | {\n      type: \"header\";\n      title?: React.ReactNode;\n    };\n\nexport interface DropdownMenuProps {\n  /** Array of menu items to be displayed in the dropdown */\n  items: DropdownMenuItemType[];\n  /** Custom render function for the trigger element */\n  children?: React.ComponentProps<typeof Menu.Trigger>[\"render\"];\n  /**\n   * Placement of the dropdown relative to the trigger element\n   * @default \"bottomLeft\"\n   */\n  placement?: PopoverProps[\"placement\"];\n  /**\n   * Whether to open the dropdown on hover instead of click\n   * @default false\n   */\n  openOnHover?: boolean;\n  /**\n   * Controlled open state of the dropdown\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the dropdown open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Additional CSS class for the dropdown component\n   */\n  className?: string;\n  /**\n   * Custom class names for different parts of the dropdown\n   * @default {}\n   */\n  classNames?: {\n    root?: string;\n    trigger?: string;\n    popup?: string;\n    group?: string;\n    groupLabel?: string;\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    separator?: string;\n    positioner?: string;\n  };\n  /**\n   * Custom render function for menu items\n   */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n}\n\ninterface DropdownMenuGroup {\n  label: React.ReactNode | null;\n  items: DropdownMenuItemType[];\n}\n\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  className,\n  itemRender,\n  classNames,\n}: DropdownMenuProps) => {\n  const [open, setOpen] = useControlled({\n    controlled: outsideOpen,\n    default: false,\n    name: \"open\",\n  });\n  const onOpenChange = useCallback(\n    (newValue: boolean) => {\n      setOpen(newValue);\n      outsideOnOpenChange?.(newValue);\n    },\n    [setOpen, outsideOnOpenChange]\n  );\n  const cls = useCls();\n  const antdCssVarClassname = useAntdCssVarClassname();\n  const headlessUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const itemGroups = items.reduce<DropdownMenuGroup[]>((acc, current) => {\n    // If no groups exist yet and current item is not a header, create default group\n    if (acc.length === 0 && current.type !== \"header\") {\n      acc.push({\n        label: null,\n        items: [],\n      });\n    }\n\n    // If it's a header, create a new group\n    if (current.type === \"header\") {\n      acc.push({\n        label: current.title,\n        items: [],\n      });\n    }\n    // If it's an item and we have at least one group, add it to the last group's items\n    else if (\n      (current.type === \"item\" || current.type === \"divider\") &&\n      acc.length > 0\n    ) {\n      acc[acc.length - 1].items.push(current);\n    }\n    // Skip dividers\n    return acc;\n  }, []);\n\n  return (\n    <Menu.Root\n      openOnHover={openOnHover}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <Menu.Trigger\n        render={children}\n        ref={buttonRef}\n        className={clsx(\n          cls(\"dropdown-menu-trigger\"),\n          classNames?.trigger,\n          antdCssVarClassname\n        )}\n      ></Menu.Trigger>\n      <Menu.Portal>\n        <Menu.Positioner\n          side={headlessUIPlacement.placement}\n          align={headlessUIPlacement.align}\n          sideOffset={4}\n          className={clsx(cls(\"dropdown-menu-root\"), classNames?.root)}\n        >\n          <Menu.Popup\n            className={clsx(\n              cls(\"dropdown-menu\"),\n              className,\n              classNames?.popup,\n              antdCssVarClassname\n            )}\n          >\n            {itemGroups.map((group, i) => {\n              return (\n                <Menu.Group\n                  key={\"group\" + i}\n                  className={clsx(\n                    cls(\"dropdown-menu-group\"),\n                    classNames?.group\n                  )}\n                >\n                  {group.label && (\n                    <Menu.GroupLabel\n                      key={i}\n                      className={clsx(\n                        cls(\"dropdown-menu-header\"),\n                        classNames?.groupLabel\n                      )}\n                    >\n                      <span>{group.label}</span>\n                    </Menu.GroupLabel>\n                  )}\n                  {group.items.map((item, j) => {\n                    return item.type == \"item\" ? (\n                      <Menu.Item\n                        key={i + \"-\" + j}\n                        className={clsx(\n                          cls(\"dropdown-menu-item\"),\n                          classNames?.item\n                        )}\n                        disabled={item.disabled}\n                        data-danger={item.danger}\n                        ref={item.ref}\n                        onClick={item.onClick}\n                        onMouseEnter={item.onMouseEnter}\n                        onMouseLeave={item.onMouseLeave}\n                        onMouseOver={item.onMouseOver}\n                        onMouseOut={item.onMouseOut}\n                        render={\n                          itemRender\n                            ? (itemProps) => itemRender(item, itemProps)\n                            : undefined\n                        }\n                      >\n                        {item.icon && (\n                          <span\n                            className={clsx(\n                              cls(\"dropdown-menu-item-icon\"),\n                              classNames?.itemIcon\n                            )}\n                          >\n                            {item.icon}\n                          </span>\n                        )}\n                        <span>{item.label}</span>\n                      </Menu.Item>\n                    ) : item.type == \"divider\" ? (\n                      <Menu.Separator\n                        key={i}\n                        className={clsx(\n                          cls(\"dropdown-menu-divider\"),\n                          classNames?.separator\n                        )}\n                      ></Menu.Separator>\n                    ) : item.type == \"header\" ? (\n                      <Menu.GroupLabel\n                        key={i}\n                        className={clsx(\n                          cls(\"dropdown-menu-header\"),\n                          classNames?.groupLabel\n                        )}\n                      >\n                        <span>{item.title}</span>\n                      </Menu.GroupLabel>\n                    ) : null;\n                  })}\n                </Menu.Group>\n              );\n            })}\n          </Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","className","itemRender","classNames","open","setOpen","useControlled","onOpenChange","useCallback","newValue","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","headlessUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","acc","current","jsxs","Menu","jsx","clsx","group","i","item","j","itemProps"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/DropdownMenu/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  useCls,\n  clsx,\n  useAntdCssVarClassname,\n  parseAntdPlacement,\n} from \"../utils\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useRef } from \"react\";\nimport { useControlled } from \"@base-ui-components/react/utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type DropdownMenuItemType =\n  | {\n      type: \"item\";\n      label?: React.ReactNode;\n      disabled?: boolean;\n      icon?: React.ReactNode;\n      key: React.Key;\n      onClick?: React.HTMLAttributes<HTMLElement>[\"onClick\"];\n      onMouseEnter?: React.HTMLAttributes<HTMLElement>[\"onMouseEnter\"];\n      onMouseLeave?: React.HTMLAttributes<HTMLElement>[\"onMouseLeave\"];\n      onMouseOver?: React.HTMLAttributes<HTMLElement>[\"onMouseOver\"];\n      onMouseOut?: React.HTMLAttributes<HTMLElement>[\"onMouseOut\"];\n      danger?: boolean;\n      ref?: React.Ref<HTMLElement>;\n    }\n  | {\n      type: \"divider\";\n    }\n  | {\n      type: \"header\";\n      title?: React.ReactNode;\n    };\n\nexport interface DropdownMenuProps {\n  /** Array of menu items to be displayed in the dropdown */\n  items: DropdownMenuItemType[];\n  /** Custom render function for the trigger element */\n  children?: React.ComponentProps<typeof Menu.Trigger>[\"render\"];\n  /**\n   * Placement of the dropdown relative to the trigger element\n   * @default \"bottomLeft\"\n   */\n  placement?: PopoverProps[\"placement\"];\n  /**\n   * Whether to open the dropdown on hover instead of click\n   * @default false\n   */\n  openOnHover?: boolean;\n  /**\n   * Controlled open state of the dropdown\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the dropdown open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Additional CSS class for the dropdown component\n   */\n  className?: string;\n  /**\n   * Custom class names for different parts of the dropdown\n   * @default {}\n   */\n  classNames?: {\n    root?: string;\n    trigger?: string;\n    popup?: string;\n    group?: string;\n    groupLabel?: string;\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    separator?: string;\n    positioner?: string;\n  };\n  /**\n   * Custom render function for menu items\n   */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n}\n\ninterface DropdownMenuGroup {\n  label: React.ReactNode | null;\n  items: DropdownMenuItemType[];\n}\n\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  className,\n  itemRender,\n  classNames,\n}: DropdownMenuProps) => {\n  const [open, setOpen] = useControlled({\n    controlled: outsideOpen,\n    default: false,\n    name: \"open\",\n  });\n  const onOpenChange = useCallback(\n    (newValue: boolean) => {\n      setOpen(newValue);\n      outsideOnOpenChange?.(newValue);\n    },\n    [setOpen, outsideOnOpenChange]\n  );\n  const cls = useCls();\n  const antdCssVarClassname = useAntdCssVarClassname();\n  const headlessUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const itemGroups = items.reduce<DropdownMenuGroup[]>((acc, current) => {\n    // If no groups exist yet and current item is not a header, create default group\n    if (acc.length === 0 && current.type !== \"header\") {\n      acc.push({\n        label: null,\n        items: [],\n      });\n    }\n\n    // If it's a header, create a new group\n    if (current.type === \"header\") {\n      acc.push({\n        label: current.title,\n        items: [],\n      });\n    }\n    // If it's an item and we have at least one group, add it to the last group's items\n    else if (\n      (current.type === \"item\" || current.type === \"divider\") &&\n      acc.length > 0\n    ) {\n      acc[acc.length - 1].items.push(current);\n    }\n    // Skip dividers\n    return acc;\n  }, []);\n\n  return (\n    <Menu.Root\n      openOnHover={openOnHover}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <Menu.Trigger\n        render={children}\n        ref={buttonRef}\n        className={clsx(\n          cls(\"dropdown-menu-trigger\"),\n          classNames?.trigger,\n          antdCssVarClassname\n        )}\n      ></Menu.Trigger>\n      <Menu.Portal>\n        <Menu.Positioner\n          side={headlessUIPlacement.placement}\n          align={headlessUIPlacement.align}\n          sideOffset={4}\n          className={clsx(cls(\"dropdown-menu-root\"), classNames?.root)}\n        >\n          <Menu.Popup\n            className={clsx(\n              cls(\"dropdown-menu\"),\n              className,\n              classNames?.popup,\n              antdCssVarClassname\n            )}\n          >\n            {itemGroups.map((group, i) => {\n              return (\n                <Menu.Group\n                  key={\"group\" + i}\n                  className={clsx(\n                    cls(\"dropdown-menu-group\"),\n                    classNames?.group\n                  )}\n                >\n                  {group.label && (\n                    <Menu.GroupLabel\n                      key={i}\n                      className={clsx(\n                        cls(\"dropdown-menu-header\"),\n                        classNames?.groupLabel\n                      )}\n                    >\n                      <span>{group.label}</span>\n                    </Menu.GroupLabel>\n                  )}\n                  {group.items.map((item, j) => {\n                    return item.type == \"item\" ? (\n                      <Menu.Item\n                        key={i + \"-\" + j}\n                        className={clsx(\n                          cls(\"dropdown-menu-item\"),\n                          classNames?.item\n                        )}\n                        disabled={item.disabled}\n                        data-danger={item.danger}\n                        ref={item.ref}\n                        onClick={item.onClick}\n                        onMouseEnter={item.onMouseEnter}\n                        onMouseLeave={item.onMouseLeave}\n                        onMouseOver={item.onMouseOver}\n                        onMouseOut={item.onMouseOut}\n                        render={\n                          itemRender\n                            ? (itemProps) => itemRender(item, itemProps)\n                            : undefined\n                        }\n                      >\n                        {item.icon && (\n                          <span\n                            className={clsx(\n                              cls(\"dropdown-menu-item-icon\"),\n                              classNames?.itemIcon\n                            )}\n                          >\n                            {item.icon}\n                          </span>\n                        )}\n                        <span>{item.label}</span>\n                      </Menu.Item>\n                    ) : item.type == \"divider\" ? (\n                      <Menu.Separator\n                        key={i}\n                        className={clsx(\n                          cls(\"dropdown-menu-divider\"),\n                          classNames?.separator\n                        )}\n                      ></Menu.Separator>\n                    ) : item.type == \"header\" ? (\n                      <Menu.GroupLabel\n                        key={i}\n                        className={clsx(\n                          cls(\"dropdown-menu-header\"),\n                          classNames?.groupLabel\n                        )}\n                      >\n                        <span>{item.title}</span>\n                      </Menu.GroupLabel>\n                    ) : null;\n                  })}\n                </Menu.Group>\n              );\n            })}\n          </Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","className","itemRender","classNames","open","setOpen","useControlled","onOpenChange","useCallback","newValue","cls","useCls","antdCssVarClassname","useAntdCssVarClassname","headlessUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","acc","current","jsxs","Menu","jsx","clsx","group","i","item","j","itemProps"],"mappings":"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"}

package/dist/components/Field/component.js

@@ -1,25 +1,26 @@
-import { jsxs as n, jsx as c } from "react/jsx-runtime";
+"use client";
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
 import { Select as u, Input as f } from "antd";
 import { forwardRef as x, useId as C } from "react";
 import './style.css';/* empty css          */
 import { useCls as I, useAntdCssVarClassname as h } from "../utils/antdUtils.js";
 import { clsx as F } from "../utils/cn.js";
 const j = ({
-  label: s,
-  className: m,
-  size: e = "small",
-  colon: i = !0,
+  label: e,
+  className: i,
+  size: r = "small",
+  colon: m = !0,
   type: a = "input",
   ...t
 }, l) => {
-  const o = I(), r = C(), p = h(), d = () => a === "select" ? (
+  const n = I(), s = C(), p = h(), d = () => a === "select" ? (
     // @ts-expect-error: this is a workaround for the type error
-    /* @__PURE__ */ c(u, { id: r, ref: l, size: e, ...t.selectProps || {} })
-  ) : /* @__PURE__ */ c(f, { id: r, ref: l, size: e, ...t.inputProps || {} });
-  return /* @__PURE__ */ n("div", { className: F(o("field"), p, m), children: [
-    s && /* @__PURE__ */ n("label", { htmlFor: r, className: o("field-label"), children: [
-      s,
-      i ? ":" : ""
+    /* @__PURE__ */ c(u, { id: s, ref: l, size: r, ...t.selectProps || {} })
+  ) : /* @__PURE__ */ c(f, { id: s, ref: l, size: r, ...t.inputProps || {} });
+  return /* @__PURE__ */ o("div", { className: F(n("field"), p, i), children: [
+    e && /* @__PURE__ */ o("label", { htmlFor: s, className: n("field-label"), children: [
+      e,
+      m ? ":" : ""
     ] }),
     d()
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Field/component.tsx"],"sourcesContent":["\"use client\";\nimport type { InputProps, InputRef, SelectProps } from \"antd\";\nimport { Input, Select } from \"antd\";\nimport { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport { RefSelectProps } from \"antd/es/select\";\nimport { ForwardedRef, forwardRef, useId } from \"react\";\nimport { clsx, useCls, useAntdCssVarClassname } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type FieldType = \"input\" | \"select\";\n\ntype RefType<T extends FieldType> = T extends \"input\"\n  ? InputRef\n  : T extends \"select\"\n  ? RefSelectProps\n  : never;\n\ninterface BaseFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  label?: React.ReactNode;\n  /**\n   * Block or inline display\n   * @default false\n   */\n  block?: boolean;\n  /**\n   * Size of the field\n   * @default \"small\"\n   */\n  size?: SizeType;\n  /**\n   * Colon after label\n   * @default true\n   */\n  colon?: boolean;\n}\n\ntype InputFieldProps = BaseFieldProps & {\n  type?: \"input\";\n  inputProps: InputProps;\n};\n\ntype SelectFieldProps = BaseFieldProps & {\n  type: \"select\";\n  selectProps: SelectProps;\n};\n\nexport type FieldProps<T extends FieldType = \"input\"> = T extends \"input\"\n  ? InputFieldProps\n  : SelectFieldProps;\n\n/**\n * Generic Field component that forwards ref to Input or Select\n */\nconst FieldInner = <T extends FieldType>(\n  {\n    label,\n    className,\n    size = \"small\",\n    colon = true,\n    type = \"input\",\n    ...rest\n  }: FieldProps<T>,\n  ref: ForwardedRef<RefType<T>>\n) => {\n  const cls = useCls();\n  const id = useId();\n  const cssVarClassname = useAntdCssVarClassname();\n  const renderInputOrSelect = () => {\n    if (type === \"select\") {\n      return (\n        // @ts-expect-error: this is a workaround for the type error\n        <Select id={id} ref={ref} size={size} {...(rest.selectProps || {})} />\n      );\n    }\n    // @ts-expect-error: this is a workaround for the type error\n    return <Input id={id} ref={ref} size={size} {...(rest.inputProps || {})} />;\n  };\n  return (\n    <div className={clsx(cls(\"field\"), cssVarClassname, className)}>\n      {label && (\n        <label htmlFor={id} className={cls(\"field-label\")}>\n          {label}\n          {colon ? \":\" : \"\"}\n        </label>\n      )}\n      {renderInputOrSelect()}\n    </div>\n  );\n};\n\nexport const Field = forwardRef(FieldInner) as <T extends FieldType>(\n  props: FieldProps<T> & { ref?: ForwardedRef<RefType<T>> }\n) => ReturnType<typeof FieldInner<T>>;\n"],"names":["FieldInner","label","className","size","colon","type","rest","ref","cls","useCls","id","useId","cssVarClassname","useAntdCssVarClassname","renderInputOrSelect","jsx","Select","Input","jsxs","clsx","Field","forwardRef"],"mappings":";;;;;;AAuDA,MAAMA,IAAa,CACjB;AAAA,EACE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAO,GACbC,IAAKC,EAAM,GACXC,IAAkBC,EAAuB,GACzCC,IAAsB,MACtBT,MAAS;AAAA;AAAA,IAGT,gBAAAU,EAACC,KAAO,IAAAN,GAAQ,KAAAH,GAAU,MAAAJ,GAAa,GAAIG,EAAK,eAAe,GAAK,CAAA;AAAA,MAIjE,gBAAAS,EAACE,KAAM,IAAAP,GAAQ,KAAAH,GAAU,MAAAJ,GAAa,GAAIG,EAAK,cAAc,CAAA,GAAK;AAGzE,SAAA,gBAAAY,EAAC,SAAI,WAAWC,EAAKX,EAAI,OAAO,GAAGI,GAAiBV,CAAS,GAC1D,UAAA;AAAA,IAAAD,uBACE,SAAM,EAAA,SAASS,GAAI,WAAWF,EAAI,aAAa,GAC7C,UAAA;AAAA,MAAAP;AAAA,MACAG,IAAQ,MAAM;AAAA,IAAA,GACjB;AAAA,IAEDU,EAAoB;AAAA,EAAA,GACvB;AAEJ,GAEaM,IAAQC,EAAWrB,CAAU;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Field/component.tsx"],"sourcesContent":["\"use client\";\nimport type { InputProps, InputRef, SelectProps } from \"antd\";\nimport { Input, Select } from \"antd\";\nimport { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport { RefSelectProps } from \"antd/es/select\";\nimport { ForwardedRef, forwardRef, useId } from \"react\";\nimport { clsx, useCls, useAntdCssVarClassname } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport type FieldType = \"input\" | \"select\";\n\ntype RefType<T extends FieldType> = T extends \"input\"\n  ? InputRef\n  : T extends \"select\"\n  ? RefSelectProps\n  : never;\n\ninterface BaseFieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  label?: React.ReactNode;\n  /**\n   * Block or inline display\n   * @default false\n   */\n  block?: boolean;\n  /**\n   * Size of the field\n   * @default \"small\"\n   */\n  size?: SizeType;\n  /**\n   * Colon after label\n   * @default true\n   */\n  colon?: boolean;\n}\n\ntype InputFieldProps = BaseFieldProps & {\n  type?: \"input\";\n  inputProps: InputProps;\n};\n\ntype SelectFieldProps = BaseFieldProps & {\n  type: \"select\";\n  selectProps: SelectProps;\n};\n\nexport type FieldProps<T extends FieldType = \"input\"> = T extends \"input\"\n  ? InputFieldProps\n  : SelectFieldProps;\n\n/**\n * Generic Field component that forwards ref to Input or Select\n */\nconst FieldInner = <T extends FieldType>(\n  {\n    label,\n    className,\n    size = \"small\",\n    colon = true,\n    type = \"input\",\n    ...rest\n  }: FieldProps<T>,\n  ref: ForwardedRef<RefType<T>>\n) => {\n  const cls = useCls();\n  const id = useId();\n  const cssVarClassname = useAntdCssVarClassname();\n  const renderInputOrSelect = () => {\n    if (type === \"select\") {\n      return (\n        // @ts-expect-error: this is a workaround for the type error\n        <Select id={id} ref={ref} size={size} {...(rest.selectProps || {})} />\n      );\n    }\n    // @ts-expect-error: this is a workaround for the type error\n    return <Input id={id} ref={ref} size={size} {...(rest.inputProps || {})} />;\n  };\n  return (\n    <div className={clsx(cls(\"field\"), cssVarClassname, className)}>\n      {label && (\n        <label htmlFor={id} className={cls(\"field-label\")}>\n          {label}\n          {colon ? \":\" : \"\"}\n        </label>\n      )}\n      {renderInputOrSelect()}\n    </div>\n  );\n};\n\nexport const Field = forwardRef(FieldInner) as <T extends FieldType>(\n  props: FieldProps<T> & { ref?: ForwardedRef<RefType<T>> }\n) => ReturnType<typeof FieldInner<T>>;\n"],"names":["FieldInner","label","className","size","colon","type","rest","ref","cls","useCls","id","useId","cssVarClassname","useAntdCssVarClassname","renderInputOrSelect","jsx","Select","Input","jsxs","clsx","Field","forwardRef"],"mappings":";;;;;;;AAuDA,MAAMA,IAAa,CACjB;AAAA,EACE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAO,GACbC,IAAKC,EAAM,GACXC,IAAkBC,EAAuB,GACzCC,IAAsB,MACtBT,MAAS;AAAA;AAAA,IAGT,gBAAAU,EAACC,KAAO,IAAAN,GAAQ,KAAAH,GAAU,MAAAJ,GAAa,GAAIG,EAAK,eAAe,GAAK,CAAA;AAAA,MAIjE,gBAAAS,EAACE,KAAM,IAAAP,GAAQ,KAAAH,GAAU,MAAAJ,GAAa,GAAIG,EAAK,cAAc,CAAA,GAAK;AAGzE,SAAA,gBAAAY,EAAC,SAAI,WAAWC,EAAKX,EAAI,OAAO,GAAGI,GAAiBV,CAAS,GAC1D,UAAA;AAAA,IAAAD,uBACE,SAAM,EAAA,SAASS,GAAI,WAAWF,EAAI,aAAa,GAC7C,UAAA;AAAA,MAAAP;AAAA,MACAG,IAAQ,MAAM;AAAA,IAAA,GACjB;AAAA,IAEDU,EAAoB;AAAA,EAAA,GACvB;AAEJ,GAEaM,IAAQC,EAAWrB,CAAU;"}

package/dist/components/Form/component.js

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as o } from "react/jsx-runtime";
 import m from "antd/es/form/ErrorList";
-import t, { useWatch as i, useForm as e } from "antd/es/form/Form";
+import t, { useWatch as e, useForm as i } from "antd/es/form/Form";
 import s from "antd/es/form/FormList";
 import { FormProvider as n } from "antd/es/form/context";
 import p from "antd/es/form/hooks/useFormInstance";
@@ -9,9 +10,9 @@ import './style.css';/* empty css          */
 const f = ({
   ...r
 }) => /* @__PURE__ */ o(t, { ...r }), v = Object.assign(f, {
-  useForm: e,
+  useForm: i,
   useFormInstance: p,
-  useWatch: i,
+  useWatch: e,
   Item: F,
   List: s,
   ErrorList: m,

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Form/component.tsx"],"sourcesContent":["\"use client\";\nimport ErrorList from \"antd/es/form/ErrorList\";\nimport {\n  FormProps as AntdFormProps,\n  default as AntdInternalForm,\n  useForm,\n  useWatch,\n} from \"antd/es/form/Form\";\nimport FormList from \"antd/es/form/FormList\";\nimport { FormProvider } from \"antd/es/form/context\";\nimport useFormInstance from \"antd/es/form/hooks/useFormInstance\";\nimport * as React from \"react\";\nimport { FormItem, type FormItemProps } from \"./item\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface FormProps<Values = any> extends AntdFormProps<Values> {}\n\ninterface InternalFormProps<Values = any>\n  extends React.ComponentProps<typeof AntdInternalForm<Values>> {}\n\nconst InternalForm = <Values = any,>({\n  ...rest\n}: InternalFormProps<Values>) => {\n  return <AntdInternalForm {...rest} />;\n};\n\nexport const Form = Object.assign(InternalForm, {\n  useForm,\n  useFormInstance,\n  useWatch,\n  Item: FormItem,\n  List: FormList,\n  ErrorList,\n  Provider: FormProvider,\n});\n\nexport type { FormItemProps };\n"],"names":["InternalForm","rest","jsx","AntdInternalForm","Form","useForm","useFormInstance","useWatch","FormItem","FormList","ErrorList","FormProvider"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAe,CAAgB;AAAA,EACnC,GAAGC;AACL,MACS,gBAAAC,EAACC,GAAkB,EAAA,GAAGF,EAAM,CAAA,GAGxBG,IAAO,OAAO,OAAOJ,GAAc;AAAA,EAC9C,SAAAK;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAAC;AAAA,EACA,UAAUC;AACZ,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Form/component.tsx"],"sourcesContent":["\"use client\";\nimport ErrorList from \"antd/es/form/ErrorList\";\nimport {\n  FormProps as AntdFormProps,\n  default as AntdInternalForm,\n  useForm,\n  useWatch,\n} from \"antd/es/form/Form\";\nimport FormList from \"antd/es/form/FormList\";\nimport { FormProvider } from \"antd/es/form/context\";\nimport useFormInstance from \"antd/es/form/hooks/useFormInstance\";\nimport * as React from \"react\";\nimport { FormItem, type FormItemProps } from \"./item\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface FormProps<Values = any> extends AntdFormProps<Values> {}\n\ninterface InternalFormProps<Values = any>\n  extends React.ComponentProps<typeof AntdInternalForm<Values>> {}\n\nconst InternalForm = <Values = any,>({\n  ...rest\n}: InternalFormProps<Values>) => {\n  return <AntdInternalForm {...rest} />;\n};\n\nexport const Form = Object.assign(InternalForm, {\n  useForm,\n  useFormInstance,\n  useWatch,\n  Item: FormItem,\n  List: FormList,\n  ErrorList,\n  Provider: FormProvider,\n});\n\nexport type { FormItemProps };\n"],"names":["InternalForm","rest","jsx","AntdInternalForm","Form","useForm","useFormInstance","useWatch","FormItem","FormList","ErrorList","FormProvider"],"mappings":";;;;;;;;;AAsBA,MAAMA,IAAe,CAAgB;AAAA,EACnC,GAAGC;AACL,MACS,gBAAAC,EAACC,GAAkB,EAAA,GAAGF,EAAM,CAAA,GAGxBG,IAAO,OAAO,OAAOJ,GAAc;AAAA,EAC9C,SAAAK;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAAC;AAAA,EACA,UAAUC;AACZ,CAAC;"}

package/dist/components/Form/item.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { isValidElement as l } from "react";
 import a from "antd/es/form/FormItem";

package/dist/components/Form/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/Form/item.tsx"],"sourcesContent":["\"use client\";\nimport { isValidElement } from \"react\";\nimport {\n  default as AntdFormItem,\n  type FormItemProps as AntdFormItemProps,\n} from \"antd/es/form/FormItem\";\nimport { Question } from \"@bioturing/assets\";\nimport { IconButton } from \"../IconButton\";\nimport { useCls } from \"../utils\";\n\nexport interface FormItemProps<Values = unknown>\n  extends AntdFormItemProps<Values> {\n  // tooltip?: React.ReactNode | TooltipProps;\n  optionalMark?: boolean | React.ReactNode;\n}\n\nexport const FormItem = <Values = unknown,>({\n  tooltip,\n  label,\n  optionalMark,\n  ...rest\n}: FormItemProps<Values>) => {\n  const cls = useCls();\n  const renderedLabel =\n    tooltip || optionalMark ? (\n      <span className={cls(\"form-item-label-inner\")}>\n        {label}\n        {tooltip && (\n          <IconButton\n            className={cls(\"form-item-explaination-icon\")}\n            label={\n              typeof tooltip == \"string\" || isValidElement(tooltip)\n                ? tooltip\n                : undefined\n            }\n          >\n            <Question />\n          </IconButton>\n        )}\n        {optionalMark && (\n          <span className={cls(\"form-item-label-optional-mark\")}>\n            {typeof optionalMark == \"boolean\" ? \"(optional)\" : optionalMark}\n          </span>\n        )}\n      </span>\n    ) : (\n      label\n    );\n  return <AntdFormItem label={renderedLabel} {...rest} />;\n};\n"],"names":["FormItem","tooltip","label","optionalMark","rest","cls","useCls","renderedLabel","jsxs","jsx","IconButton","isValidElement","Question","AntdFormItem"],"mappings":";;;;;;AAgBO,MAAMA,IAAW,CAAoB;AAAA,EAC1C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AAC3B,QAAMC,IAAMC,EAAO,GACbC,IACJN,KAAWE,IACT,gBAAAK,EAAC,UAAK,WAAWH,EAAI,uBAAuB,GACzC,UAAA;AAAA,IAAAH;AAAA,IACAD,KACC,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWL,EAAI,6BAA6B;AAAA,QAC5C,OACE,OAAOJ,KAAW,YAAYU,EAAeV,CAAO,IAChDA,IACA;AAAA,QAGN,4BAACW,GAAS,CAAA,CAAA;AAAA,MAAA;AAAA,IACZ;AAAA,IAEDT,KACE,gBAAAM,EAAA,QAAA,EAAK,WAAWJ,EAAI,+BAA+B,GACjD,UAAO,OAAAF,KAAgB,YAAY,eAAeA,EACrD,CAAA;AAAA,EAAA,EAAA,CAEJ,IAEAD;AAEJ,SAAQ,gBAAAO,EAAAI,GAAA,EAAa,OAAON,GAAgB,GAAGH,GAAM;AACvD;"}
+{"version":3,"file":"item.js","sources":["../../../src/components/Form/item.tsx"],"sourcesContent":["\"use client\";\nimport { isValidElement } from \"react\";\nimport {\n  default as AntdFormItem,\n  type FormItemProps as AntdFormItemProps,\n} from \"antd/es/form/FormItem\";\nimport { Question } from \"@bioturing/assets\";\nimport { IconButton } from \"../IconButton\";\nimport { useCls } from \"../utils\";\n\nexport interface FormItemProps<Values = unknown>\n  extends AntdFormItemProps<Values> {\n  // tooltip?: React.ReactNode | TooltipProps;\n  optionalMark?: boolean | React.ReactNode;\n}\n\nexport const FormItem = <Values = unknown,>({\n  tooltip,\n  label,\n  optionalMark,\n  ...rest\n}: FormItemProps<Values>) => {\n  const cls = useCls();\n  const renderedLabel =\n    tooltip || optionalMark ? (\n      <span className={cls(\"form-item-label-inner\")}>\n        {label}\n        {tooltip && (\n          <IconButton\n            className={cls(\"form-item-explaination-icon\")}\n            label={\n              typeof tooltip == \"string\" || isValidElement(tooltip)\n                ? tooltip\n                : undefined\n            }\n          >\n            <Question />\n          </IconButton>\n        )}\n        {optionalMark && (\n          <span className={cls(\"form-item-label-optional-mark\")}>\n            {typeof optionalMark == \"boolean\" ? \"(optional)\" : optionalMark}\n          </span>\n        )}\n      </span>\n    ) : (\n      label\n    );\n  return <AntdFormItem label={renderedLabel} {...rest} />;\n};\n"],"names":["FormItem","tooltip","label","optionalMark","rest","cls","useCls","renderedLabel","jsxs","jsx","IconButton","isValidElement","Question","AntdFormItem"],"mappings":";;;;;;;AAgBO,MAAMA,IAAW,CAAoB;AAAA,EAC1C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAA6B;AAC3B,QAAMC,IAAMC,EAAO,GACbC,IACJN,KAAWE,IACT,gBAAAK,EAAC,UAAK,WAAWH,EAAI,uBAAuB,GACzC,UAAA;AAAA,IAAAH;AAAA,IACAD,KACC,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWL,EAAI,6BAA6B;AAAA,QAC5C,OACE,OAAOJ,KAAW,YAAYU,EAAeV,CAAO,IAChDA,IACA;AAAA,QAGN,4BAACW,GAAS,CAAA,CAAA;AAAA,MAAA;AAAA,IACZ;AAAA,IAEDT,KACE,gBAAAM,EAAA,QAAA,EAAK,WAAWJ,EAAI,+BAA+B,GACjD,UAAO,OAAAF,KAAgB,YAAY,eAAeA,EACrD,CAAA;AAAA,EAAA,EAAA,CAEJ,IAEAD;AAEJ,SAAQ,gBAAAO,EAAAI,GAAA,EAAa,OAAON,GAAgB,GAAGH,GAAM;AACvD;"}

package/dist/components/IconButton/component.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as j } from "react";
 import { Tooltip as x } from "antd";