@bioturing/components 0.15.4 → 0.16.0

package/dist/components/Table/style.css

@@ -1 +1 @@
-@layer components{.ds-table-column-sort-icon{display:flex;flex-direction:column}.ds-table-column-sort-icon svg{color:var(--ds-color-text-disabled);font-size:1rem}:is(.ds-table-column-sort-icon svg):hover{color:var(--ds-color-text-secondary)}.ds-table-column-sort-icon.ds-table-column-sort-icon-none svg{font-size:.75rem}.ds-table-column-sort-icon.ds-table-column-sort-icon-none>svg:first-child{margin-bottom:-2px}.ds-table-column-sort-icon.ds-table-column-sort-icon-none>svg:last-child{margin-top:-2px}.ds-table-column-filter-icon{display:flex;flex-direction:column}.ds-table-column-filter-icon svg{color:var(--ds-color-text-disabled);font-size:.875rem}:is(.ds-table-column-filter-icon svg):hover{color:var(--ds-color-text-secondary)}.ds-table-column-filter-icon.ds-table-column-filter-icon-active svg{color:var(--ds-color-primary)}.ds-table-wrapper .ds-table-ping-left .ds-table-cell-fix-left-first:after,.ds-table-wrapper .ds-table-ping-left .ds-table-cell-fix-left-last:after{box-shadow:inset 10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-table-wrapper .ds-table-ping-right .ds-table-cell-fix-right-first:after,.ds-table-wrapper .ds-table-ping-right .ds-table-cell-fix-right-last:after{box-shadow:inset -10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-table-wrapper .ds-table-ping-right:not(.ds-table-has-fix-right) .ds-table-container:after{box-shadow:inset -10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-table-wrapper .ds-table-ping-left:not(.ds-table-has-fix-left) .ds-table-container:before{box-shadow:inset 10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-table-wrapper{display:flex;flex-direction:column}.ds-table-wrapper .ds-spin-nested-loading,.ds-table-wrapper .ds-spin-container{display:flex;flex-direction:column;flex-shrink:1;flex-grow:1;min-height:0}:is(.ds-table-wrapper .ds-spin-container) .ds-table{flex-shrink:1;flex-grow:1;min-height:0}.ds-table{display:flex;flex-direction:column}.ds-table-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-table-header{flex-shrink:0}.ds-table-body{flex-shrink:1;min-height:0;min-width:0}}
+@layer components{.ds-table-column-sort-icon{display:flex;flex-direction:column}.ds-table-column-sort-icon svg{color:var(--ds-color-text-disabled);font-size:1rem}:is(.ds-table-column-sort-icon svg):hover{color:var(--ds-color-text-secondary)}.ds-table-column-sort-icon.ds-table-column-sort-icon-none svg{font-size:.75rem}.ds-table-column-sort-icon.ds-table-column-sort-icon-none>svg:first-child{margin-bottom:-2px}.ds-table-column-sort-icon.ds-table-column-sort-icon-none>svg:last-child{margin-top:-2px}.ds-table-column-filter-icon{display:flex;flex-direction:column}.ds-table-column-filter-icon svg{color:var(--ds-color-text-disabled);font-size:.875rem}:is(.ds-table-column-filter-icon svg):hover{color:var(--ds-color-text-secondary)}.ds-table-column-filter-icon.ds-table-column-filter-icon-active svg{color:var(--ds-color-primary)}.ds-table-wrapper .ds-table-ping-left .ds-table-cell-fix-left-first:after,.ds-table-wrapper .ds-table-ping-left .ds-table-cell-fix-left-last:after{box-shadow:inset 10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-table-wrapper .ds-table-ping-right .ds-table-cell-fix-right-first:after,.ds-table-wrapper .ds-table-ping-right .ds-table-cell-fix-right-last:after{box-shadow:inset -10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-table-wrapper .ds-table-ping-right:not(.ds-table-has-fix-right) .ds-table-container:after{box-shadow:inset -10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-table-wrapper .ds-table-ping-left:not(.ds-table-has-fix-left) .ds-table-container:before{box-shadow:inset 10px 0 8px -8px var(--ds-color-table-fixed-column-shadow)}.ds-table-wrapper{display:flex;flex-direction:column}.ds-table-wrapper .ds-spin-nested-loading,.ds-table-wrapper .ds-spin-container{display:flex;flex-direction:column;flex-shrink:1;flex-grow:1;min-height:0}:is(.ds-table-wrapper .ds-spin-container) .ds-table{flex-shrink:1;flex-grow:1;min-height:0}.ds-table{display:flex;flex-direction:column}.ds-table-container{flex-shrink:1;min-height:0;display:flex;flex-direction:column}.ds-table-header{flex-shrink:0}.ds-table-body{flex-shrink:1;min-height:0;min-width:0}:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-thead>tr>th,:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-thead>tr>td{background:transparent}:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-thead>tr>th,:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-thead>tr>td,:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-tbody>tr>th,:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-tbody>tr>td{border-bottom:0}:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-tbody>.ds-table-row:nth-child(2n) .ds-table-cell{background-color:var(--ds-color-fill-tertiary)}:is(:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-tbody>.ds-table-row:nth-child(2n) .ds-table-cell):first-child{border-top-left-radius:var(--ds-border-radius);border-bottom-left-radius:var(--ds-border-radius)}:is(:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-tbody>.ds-table-row:nth-child(2n) .ds-table-cell):last-child{border-top-right-radius:var(--ds-border-radius);border-bottom-right-radius:var(--ds-border-radius)}:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-tbody>.ds-table-row:nth-child(2n)>.ds-table-cell-row-hover{background-color:var(--ds-color-fill-secondary)}:is(.ds-table-zebra>.ds-spin-nested-loading>.ds-spin-container>.ds-table>.ds-table-container>.ds-table-content>table)>.ds-table-tbody>tr>td.ds-table-column-sort{background-color:unset}}

package/dist/components/Tag/component.js

@@ -1,9 +1,10 @@
+"use client";
 import { jsx as o } from "react/jsx-runtime";
 import { X as d } from "@bioturing/assets";
-import r from "antd/es/tag";
+import t from "antd/es/tag";
 import './style.css';/* empty css          */
 const g = ({
-  className: t,
+  className: r,
   active: n = !1,
   color: a,
   style: c,
@@ -11,9 +12,9 @@ const g = ({
   closable: e,
   ...i
 }) => /* @__PURE__ */ o(
-  r,
+  t,
   {
-    className: t,
+    className: r,
     color: a,
     style: c,
     closable: e,
@@ -22,7 +23,7 @@ const g = ({
     ...i
   }
 ), C = Object.assign(g, {
-  CheckableTag: r.CheckableTag
+  CheckableTag: t.CheckableTag
 });
 export {
   C as Tag

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Tag/component.tsx"],"sourcesContent":["\"use client\";\nimport { X } from \"@bioturing/assets\";\nimport { default as AntTag, type TagProps as AntTagProps } from \"antd/es/tag\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's TagProps\nexport interface TagProps extends AntTagProps {\n  /**\n   * Indicates if the tag is active\n   * @default false\n   */\n  active?: boolean;\n}\n\n// Create Tag component\nconst InternalTag = ({\n  className,\n  active = false,\n  color,\n  style,\n  closeIcon,\n  closable,\n  ...rest\n}: TagProps) => {\n  const renderedCloseIcon = <X weight=\"bold\" />;\n  return (\n    <AntTag\n      className={className}\n      color={color}\n      style={style}\n      closable={closable}\n      closeIcon={closable ? closeIcon || renderedCloseIcon : undefined}\n      {...(active ? { \"data-active\": \"true\" } : {})}\n      {...rest}\n    />\n  );\n};\n\nexport const Tag = Object.assign(InternalTag, {\n  CheckableTag: AntTag.CheckableTag,\n});\n"],"names":["InternalTag","className","active","color","style","closeIcon","closable","rest","jsx","AntTag","X","Tag"],"mappings":";;;;AAiBA,MAAMA,IAAc,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAGI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAAR;AAAA,IACA,OAAAE;AAAA,IACA,OAAAC;AAAA,IACA,UAAAE;AAAA,IACA,WAAWA,IAAWD,KAPA,gBAAAG,EAACE,GAAE,EAAA,QAAO,OAAO,CAAA,IAOgB;AAAA,IACtD,GAAIR,IAAS,EAAE,eAAe,WAAW,CAAC;AAAA,IAC1C,GAAGK;AAAA,EAAA;AACN,GAISI,IAAM,OAAO,OAAOX,GAAa;AAAA,EAC5C,cAAcS,EAAO;AACvB,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Tag/component.tsx"],"sourcesContent":["\"use client\";\nimport { X } from \"@bioturing/assets\";\nimport {\n  default as AntTag,\n  type TagProps as AntTagProps,\n  type TagType,\n} from \"antd/es/tag\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport { TagType };\n\n// Define props interface extending Ant Design's TagProps\nexport interface TagProps extends AntTagProps {\n  /**\n   * Indicates if the tag is active\n   * @default false\n   */\n  active?: boolean;\n}\n\n// Create Tag component\nconst InternalTag = ({\n  className,\n  active = false,\n  color,\n  style,\n  closeIcon,\n  closable,\n  ...rest\n}: TagProps) => {\n  const renderedCloseIcon = <X weight=\"bold\" />;\n  return (\n    <AntTag\n      className={className}\n      color={color}\n      style={style}\n      closable={closable}\n      closeIcon={closable ? closeIcon || renderedCloseIcon : undefined}\n      {...(active ? { \"data-active\": \"true\" } : {})}\n      {...rest}\n    />\n  );\n};\n\nexport const Tag = Object.assign(InternalTag, {\n  CheckableTag: AntTag.CheckableTag,\n});\n"],"names":["InternalTag","className","active","color","style","closeIcon","closable","rest","jsx","AntTag","X","Tag"],"mappings":";;;;;AAuBA,MAAMA,IAAc,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAGI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAAR;AAAA,IACA,OAAAE;AAAA,IACA,OAAAC;AAAA,IACA,UAAAE;AAAA,IACA,WAAWA,IAAWD,KAPA,gBAAAG,EAACE,GAAE,EAAA,QAAO,OAAO,CAAA,IAOgB;AAAA,IACtD,GAAIR,IAAS,EAAE,eAAe,WAAW,CAAC;AAAA,IAC1C,GAAGK;AAAA,EAAA;AACN,GAISI,IAAM,OAAO,OAAOX,GAAa;AAAA,EAC5C,cAAcS,EAAO;AACvB,CAAC;"}

package/dist/components/ThemeProvider/component.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as s } from "react/jsx-runtime";
 import n from "antd/es/config-provider";
 import { useLayoutEffect as f, Children as u, isValidElement as p, cloneElement as a } from "react";
@@ -7,32 +8,32 @@ import './style.css';/* empty css          */
 import { useCls as h } from "../utils/antdUtils.js";
 import { clsx as c } from "../utils/cn.js";
 const y = ({
-  children: e,
-  theme: m,
+  children: t,
+  theme: i,
   appendClassesTo: r
 }) => {
-  const l = h(), i = c(l("theme-provider"), m.toString());
+  const l = h(), m = c(l("theme-provider"), i.toString());
   return f(() => {
-    const t = i.split(" "), o = typeof r == "string" ? document.querySelector(r) : r;
-    return o && o.classList.add(...t), () => {
-      o && o.classList.remove(...t);
+    const e = m.split(" "), o = typeof r == "string" ? document.querySelector(r) : r;
+    return o && o.classList.add(...e), () => {
+      o && o.classList.remove(...e);
     };
-  }, [r, i]), r === void 0 ? u.map(e, (t) => p(t) ? a(t, {
+  }, [r, m]), r === void 0 ? u.map(t, (e) => p(e) ? a(e, {
     className: c(
-      t.props.className,
-      i
+      e.props.className,
+      m
     )
-  }) : t) : e;
+  }) : e) : t;
 }, q = ({
-  theme: e,
-  appendClassesTo: m,
+  theme: t,
+  appendClassesTo: i,
   children: r
 }) => /* @__PURE__ */ s(g, { layer: !0, children: /* @__PURE__ */ s(
   n,
   {
-    theme: e == "light" ? d : v,
+    theme: t == "light" ? d : v,
     prefixCls: "ds",
-    children: /* @__PURE__ */ s(y, { theme: e, appendClassesTo: m, children: r })
+    children: /* @__PURE__ */ s(y, { theme: t, appendClassesTo: i, children: r })
   }
 ) });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/ThemeProvider/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as ConfigProvider,\n  type ConfigProviderProps,\n} from \"antd/es/config-provider\";\nimport { Children, cloneElement, isValidElement, useLayoutEffect } from \"react\";\nimport { darkTheme, lightTheme } from \"../../tokens/and-theme/tokens\";\nimport { useCls, clsx } from \"../utils\";\nimport { StyleProvider } from \"@ant-design/cssinjs\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface ThemeProviderProps\n  extends Omit<ConfigProviderProps, \"theme\" | \"prefixCls\"> {\n  theme: \"light\" | \"dark\";\n  appendClassesTo?: string | HTMLElement;\n}\n\nconst DSWrapper = ({\n  children,\n  theme,\n  appendClassesTo,\n}: {\n  children: React.ReactNode;\n  theme: \"light\" | \"dark\";\n  appendClassesTo?: string | HTMLElement;\n}) => {\n  const cls = useCls();\n  const className = clsx(cls(\"theme-provider\"), theme.toString());\n  useLayoutEffect(() => {\n    const classes = className.split(\" \");\n    const el =\n      typeof appendClassesTo === \"string\"\n        ? document.querySelector(appendClassesTo)\n        : appendClassesTo;\n    if (el) {\n      el.classList.add(...classes);\n    }\n    return () => {\n      if (el) {\n        el.classList.remove(...classes);\n      }\n    };\n  }, [appendClassesTo, className]);\n  return appendClassesTo === undefined\n    ? Children.map(children, (child) => {\n        if (isValidElement(child))\n          return cloneElement(child, {\n            className: clsx(\n              (child.props as { className?: string }).className,\n              className\n            ),\n          } as { className: string });\n        return child;\n      })\n    : children;\n};\n\nexport const ThemeProvider = ({\n  theme,\n  appendClassesTo,\n  children,\n}: ThemeProviderProps) => {\n  return (\n    <StyleProvider layer>\n      <ConfigProvider\n        theme={theme == \"light\" ? lightTheme : darkTheme}\n        prefixCls=\"ds\"\n      >\n        <DSWrapper theme={theme} appendClassesTo={appendClassesTo}>\n          {children}\n        </DSWrapper>\n      </ConfigProvider>\n    </StyleProvider>\n  );\n};\n"],"names":["DSWrapper","children","theme","appendClassesTo","cls","useCls","className","clsx","useLayoutEffect","classes","el","Children","child","isValidElement","cloneElement","ThemeProvider","jsx","StyleProvider","ConfigProvider","lightTheme","darkTheme"],"mappings":";;;;;;;;AAmBA,MAAMA,IAAY,CAAC;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AACF,MAIM;AACJ,QAAMC,IAAMC,EAAO,GACbC,IAAYC,EAAKH,EAAI,gBAAgB,GAAGF,EAAM,UAAU;AAC9D,SAAAM,EAAgB,MAAM;AACd,UAAAC,IAAUH,EAAU,MAAM,GAAG,GAC7BI,IACJ,OAAOP,KAAoB,WACvB,SAAS,cAAcA,CAAe,IACtCA;AACN,WAAIO,KACCA,EAAA,UAAU,IAAI,GAAGD,CAAO,GAEtB,MAAM;AACX,MAAIC,KACCA,EAAA,UAAU,OAAO,GAAGD,CAAO;AAAA,IAElC;AAAA,EAAA,GACC,CAACN,GAAiBG,CAAS,CAAC,GACxBH,MAAoB,SACvBQ,EAAS,IAAIV,GAAU,CAACW,MAClBC,EAAeD,CAAK,IACfE,EAAaF,GAAO;AAAA,IACzB,WAAWL;AAAA,MACRK,EAAM,MAAiC;AAAA,MACxCN;AAAA,IAAA;AAAA,EACF,CACwB,IACrBM,CACR,IACDX;AACN,GAEac,IAAgB,CAAC;AAAA,EAC5B,OAAAb;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAF;AACF,MAEI,gBAAAe,EAACC,GAAc,EAAA,OAAK,IAClB,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,OAAOhB,KAAS,UAAUiB,IAAaC;AAAA,IACvC,WAAU;AAAA,IAEV,UAAC,gBAAAJ,EAAAhB,GAAA,EAAU,OAAAE,GAAc,iBAAAC,GACtB,UAAAF,EACH,CAAA;AAAA,EAAA;AAAA,GAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/ThemeProvider/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as ConfigProvider,\n  type ConfigProviderProps,\n} from \"antd/es/config-provider\";\nimport { Children, cloneElement, isValidElement, useLayoutEffect } from \"react\";\nimport { darkTheme, lightTheme } from \"../../tokens/and-theme/tokens\";\nimport { useCls, clsx } from \"../utils\";\nimport { StyleProvider } from \"@ant-design/cssinjs\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface ThemeProviderProps\n  extends Omit<ConfigProviderProps, \"theme\" | \"prefixCls\"> {\n  theme: \"light\" | \"dark\";\n  appendClassesTo?: string | HTMLElement;\n}\n\nconst DSWrapper = ({\n  children,\n  theme,\n  appendClassesTo,\n}: {\n  children: React.ReactNode;\n  theme: \"light\" | \"dark\";\n  appendClassesTo?: string | HTMLElement;\n}) => {\n  const cls = useCls();\n  const className = clsx(cls(\"theme-provider\"), theme.toString());\n  useLayoutEffect(() => {\n    const classes = className.split(\" \");\n    const el =\n      typeof appendClassesTo === \"string\"\n        ? document.querySelector(appendClassesTo)\n        : appendClassesTo;\n    if (el) {\n      el.classList.add(...classes);\n    }\n    return () => {\n      if (el) {\n        el.classList.remove(...classes);\n      }\n    };\n  }, [appendClassesTo, className]);\n  return appendClassesTo === undefined\n    ? Children.map(children, (child) => {\n        if (isValidElement(child))\n          return cloneElement(child, {\n            className: clsx(\n              (child.props as { className?: string }).className,\n              className\n            ),\n          } as { className: string });\n        return child;\n      })\n    : children;\n};\n\nexport const ThemeProvider = ({\n  theme,\n  appendClassesTo,\n  children,\n}: ThemeProviderProps) => {\n  return (\n    <StyleProvider layer>\n      <ConfigProvider\n        theme={theme == \"light\" ? lightTheme : darkTheme}\n        prefixCls=\"ds\"\n      >\n        <DSWrapper theme={theme} appendClassesTo={appendClassesTo}>\n          {children}\n        </DSWrapper>\n      </ConfigProvider>\n    </StyleProvider>\n  );\n};\n"],"names":["DSWrapper","children","theme","appendClassesTo","cls","useCls","className","clsx","useLayoutEffect","classes","el","Children","child","isValidElement","cloneElement","ThemeProvider","jsx","StyleProvider","ConfigProvider","lightTheme","darkTheme"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAAY,CAAC;AAAA,EACjB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AACF,MAIM;AACJ,QAAMC,IAAMC,EAAO,GACbC,IAAYC,EAAKH,EAAI,gBAAgB,GAAGF,EAAM,UAAU;AAC9D,SAAAM,EAAgB,MAAM;AACd,UAAAC,IAAUH,EAAU,MAAM,GAAG,GAC7BI,IACJ,OAAOP,KAAoB,WACvB,SAAS,cAAcA,CAAe,IACtCA;AACN,WAAIO,KACCA,EAAA,UAAU,IAAI,GAAGD,CAAO,GAEtB,MAAM;AACX,MAAIC,KACCA,EAAA,UAAU,OAAO,GAAGD,CAAO;AAAA,IAElC;AAAA,EAAA,GACC,CAACN,GAAiBG,CAAS,CAAC,GACxBH,MAAoB,SACvBQ,EAAS,IAAIV,GAAU,CAACW,MAClBC,EAAeD,CAAK,IACfE,EAAaF,GAAO;AAAA,IACzB,WAAWL;AAAA,MACRK,EAAM,MAAiC;AAAA,MACxCN;AAAA,IAAA;AAAA,EACF,CACwB,IACrBM,CACR,IACDX;AACN,GAEac,IAAgB,CAAC;AAAA,EAC5B,OAAAb;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAF;AACF,MAEI,gBAAAe,EAACC,GAAc,EAAA,OAAK,IAClB,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,OAAOhB,KAAS,UAAUiB,IAAaC;AAAA,IACvC,WAAU;AAAA,IAEV,UAAC,gBAAAJ,EAAAhB,GAAA,EAAU,OAAAE,GAAc,iBAAAC,GACtB,UAAAF,EACH,CAAA;AAAA,EAAA;AAAA,GAEJ;"}

package/dist/components/Toast/component.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { X as N, CircleNotch as g, CheckCircle as w, XCircle as T, WarningCircle as k, Info as b } from "@bioturing/assets";
 import { Toast as s } from "@base-ui-components/react";
@@ -15,26 +16,26 @@ function u({
   toast: e
 }) {
   var l;
-  const o = f(), n = {
+  const t = f(), n = {
     info: /* @__PURE__ */ r(b, { weight: "fill" }),
     warning: /* @__PURE__ */ r(k, { weight: "fill" }),
     error: /* @__PURE__ */ r(T, { weight: "fill" }),
     success: /* @__PURE__ */ r(w, { weight: "fill" }),
     progress: /* @__PURE__ */ r(g, {})
-  }, i = ((l = e.data) == null ? void 0 : l.type) || "info", t = M(e == null ? void 0 : e.description);
+  }, i = ((l = e.data) == null ? void 0 : l.type) || "info", o = M(e == null ? void 0 : e.description);
   v(() => {
-    t && a.update(e.id, { timeout: 0 });
-  }, [t, e.id]);
+    o && a.update(e.id, { timeout: 0 });
+  }, [o, e.id]);
   const h = x(
     (C) => {
       const { children: m, className: d, ...p } = C;
-      return t ? /* @__PURE__ */ c(
+      return o ? /* @__PURE__ */ c(
         "div",
         {
           ...p,
-          className: o(
+          className: t(
             "toast-description",
-            t ? "toast-description-traceback" : "",
+            o ? "toast-description-traceback" : "",
             d
           ),
           children: [
@@ -59,32 +60,32 @@ function u({
             ) })
           ]
         }
-      ) : /* @__PURE__ */ r("p", { ...p, className: o("toast-description", d), children: m });
+      ) : /* @__PURE__ */ r("p", { ...p, className: t("toast-description", d), children: m });
     },
-    [t, o, e.id]
+    [o, t, e.id]
   );
-  return /* @__PURE__ */ c(s.Root, { toast: e, className: o("toast"), children: [
-    /* @__PURE__ */ r("span", { className: o("toast-icon-wrap"), children: /* @__PURE__ */ r("span", { className: o("toast-icon", `toast-icon-${i}`), children: n[i] }) }),
-    /* @__PURE__ */ c("div", { className: o("toast-content"), children: [
-      /* @__PURE__ */ r(s.Title, { className: o("toast-title") }),
+  return /* @__PURE__ */ c(s.Root, { toast: e, className: t("toast"), children: [
+    /* @__PURE__ */ r("span", { className: t("toast-icon-wrap"), children: /* @__PURE__ */ r("span", { className: t("toast-icon", `toast-icon-${i}`), children: n[i] }) }),
+    /* @__PURE__ */ c("div", { className: t("toast-content"), children: [
+      /* @__PURE__ */ r(s.Title, { className: t("toast-title") }),
       /* @__PURE__ */ r(s.Description, { render: h })
     ] }),
     /* @__PURE__ */ r(
       s.Close,
       {
-        className: o("toast-close"),
+        className: t("toast-close"),
         render: /* @__PURE__ */ r(j, { size: "small", children: /* @__PURE__ */ r(N, {}) })
       }
     )
   ] });
 }
 function y({ className: e }) {
-  const { toasts: o } = s.useToastManager(), n = f(), i = V();
+  const { toasts: t } = s.useToastManager(), n = f(), i = V();
   return /* @__PURE__ */ r(
     s.Viewport,
     {
       className: E(n("toast-viewport"), i, e),
-      children: o.map((t) => /* @__PURE__ */ r(u, { toast: t }, t.id))
+      children: t.map((o) => /* @__PURE__ */ r(u, { toast: o }, o.id))
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Toast/component.tsx"],"sourcesContent":["\"use client\";\nimport { useAntdCssVarClassname, useCls, clsx } from \"../utils\";\nimport {\n  CheckCircle,\n  CircleNotch,\n  Info,\n  WarningCircle,\n  X,\n  XCircle,\n} from \"@bioturing/assets\";\nimport { Toast as BaseToast } from \"@base-ui-components/react\";\nimport { IconButton } from \"../IconButton\";\nimport { ToastData } from \"./types\";\nimport { toastManager } from \"./function\";\nimport { isTracebackError, type GenericHTMLProps } from \"../utils\";\nimport { useCallback, useEffect } from \"react\";\nimport { Button } from \"../Button/component\";\nimport { Modal } from \"../Modal\";\nimport { CodeBlock } from \"../CodeBlock\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nfunction InnerToast({\n  toast,\n}: {\n  toast: BaseToast.Root.ToastObject<ToastData>;\n}) {\n  const cls = useCls();\n  const toastIconMap = {\n    info: <Info weight=\"fill\" />,\n    warning: <WarningCircle weight=\"fill\" />,\n    error: <XCircle weight=\"fill\" />,\n    success: <CheckCircle weight=\"fill\" />,\n    progress: <CircleNotch />,\n  };\n  const type = toast.data?.type || \"info\";\n  const isTraceback = isTracebackError(toast?.description);\n\n  // Update manager timeout for traceback to disable auto-dismiss\n  useEffect(() => {\n    if (isTraceback) {\n      toastManager.update(toast.id, { timeout: 0 });\n    }\n  }, [isTraceback, toast.id]);\n  // console.log(toast);\n  const renderDescription: BaseToast.Description.Props[\"render\"] = useCallback(\n    (props: GenericHTMLProps) => {\n      const { children, className, ...rest } = props;\n      if (isTraceback) {\n        return (\n          <div\n            {...rest}\n            className={cls(\n              \"toast-description\",\n              isTraceback ? \"toast-description-traceback\" : \"\",\n              className\n            )}\n          >\n            <p>\n              An unexpected error occurred.\n              <br />\n              Please contact us with error details for support.\n            </p>\n            <p>\n              <Button\n                size=\"small\"\n                onClick={() => {\n                  Modal.open({\n                    title: \"Error details\",\n                    content: <CodeBlock>{children}</CodeBlock>,\n                    hideOkButton: true,\n                  });\n                  toastManager.close(toast.id);\n                }}\n              >\n                View error details\n              </Button>\n            </p>\n          </div>\n        );\n      }\n      return (\n        <p {...rest} className={cls(\"toast-description\", className)}>\n          {children}\n        </p>\n      );\n    },\n    [isTraceback, cls, toast.id]\n  );\n  return (\n    <BaseToast.Root toast={toast} className={cls(\"toast\")}>\n      <span className={cls(\"toast-icon-wrap\")}>\n        <span className={cls(\"toast-icon\", `toast-icon-${type}`)}>\n          {toastIconMap[type]}\n        </span>\n      </span>\n      <div className={cls(\"toast-content\")}>\n        <BaseToast.Title className={cls(\"toast-title\")} />\n        <BaseToast.Description render={renderDescription} />\n      </div>\n      <BaseToast.Close\n        className={cls(\"toast-close\")}\n        render={\n          <IconButton size=\"small\">\n            <X />\n          </IconButton>\n        }\n      ></BaseToast.Close>\n    </BaseToast.Root>\n  );\n}\n\nfunction ToastList({ className }: { className?: string }) {\n  const { toasts } = BaseToast.useToastManager();\n  const cls = useCls();\n  const cssVars = useAntdCssVarClassname();\n\n  return (\n    <BaseToast.Viewport\n      className={clsx(cls(\"toast-viewport\"), cssVars, className)}\n    >\n      {toasts.map((toast) => (\n        <InnerToast key={toast.id} toast={toast} />\n      ))}\n    </BaseToast.Viewport>\n  );\n}\n\nfunction ToastProvider(props: BaseToast.Provider.Props) {\n  return <BaseToast.Provider toastManager={toastManager} {...props} />;\n}\n\nexport const Toast = Object.assign(InnerToast, {\n  List: ToastList,\n  Provider: ToastProvider,\n});\n"],"names":["InnerToast","toast","cls","useCls","toastIconMap","jsx","Info","WarningCircle","XCircle","CheckCircle","CircleNotch","type","_a","isTraceback","isTracebackError","useEffect","toastManager","renderDescription","useCallback","props","children","className","rest","jsxs","Button","Modal","CodeBlock","BaseToast","IconButton","X","ToastList","toasts","cssVars","useAntdCssVarClassname","clsx","ToastProvider","Toast"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Toast/component.tsx"],"sourcesContent":["\"use client\";\nimport { useAntdCssVarClassname, useCls, clsx } from \"../utils\";\nimport {\n  CheckCircle,\n  CircleNotch,\n  Info,\n  WarningCircle,\n  X,\n  XCircle,\n} from \"@bioturing/assets\";\nimport { Toast as BaseToast } from \"@base-ui-components/react\";\nimport { IconButton } from \"../IconButton\";\nimport { ToastData } from \"./types\";\nimport { toastManager } from \"./function\";\nimport { isTracebackError, type GenericHTMLProps } from \"../utils\";\nimport { useCallback, useEffect } from \"react\";\nimport { Button } from \"../Button/component\";\nimport { Modal } from \"../Modal\";\nimport { CodeBlock } from \"../CodeBlock\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nfunction InnerToast({\n  toast,\n}: {\n  toast: BaseToast.Root.ToastObject<ToastData>;\n}) {\n  const cls = useCls();\n  const toastIconMap = {\n    info: <Info weight=\"fill\" />,\n    warning: <WarningCircle weight=\"fill\" />,\n    error: <XCircle weight=\"fill\" />,\n    success: <CheckCircle weight=\"fill\" />,\n    progress: <CircleNotch />,\n  };\n  const type = toast.data?.type || \"info\";\n  const isTraceback = isTracebackError(toast?.description);\n\n  // Update manager timeout for traceback to disable auto-dismiss\n  useEffect(() => {\n    if (isTraceback) {\n      toastManager.update(toast.id, { timeout: 0 });\n    }\n  }, [isTraceback, toast.id]);\n  // console.log(toast);\n  const renderDescription: BaseToast.Description.Props[\"render\"] = useCallback(\n    (props: GenericHTMLProps) => {\n      const { children, className, ...rest } = props;\n      if (isTraceback) {\n        return (\n          <div\n            {...rest}\n            className={cls(\n              \"toast-description\",\n              isTraceback ? \"toast-description-traceback\" : \"\",\n              className\n            )}\n          >\n            <p>\n              An unexpected error occurred.\n              <br />\n              Please contact us with error details for support.\n            </p>\n            <p>\n              <Button\n                size=\"small\"\n                onClick={() => {\n                  Modal.open({\n                    title: \"Error details\",\n                    content: <CodeBlock>{children}</CodeBlock>,\n                    hideOkButton: true,\n                  });\n                  toastManager.close(toast.id);\n                }}\n              >\n                View error details\n              </Button>\n            </p>\n          </div>\n        );\n      }\n      return (\n        <p {...rest} className={cls(\"toast-description\", className)}>\n          {children}\n        </p>\n      );\n    },\n    [isTraceback, cls, toast.id]\n  );\n  return (\n    <BaseToast.Root toast={toast} className={cls(\"toast\")}>\n      <span className={cls(\"toast-icon-wrap\")}>\n        <span className={cls(\"toast-icon\", `toast-icon-${type}`)}>\n          {toastIconMap[type]}\n        </span>\n      </span>\n      <div className={cls(\"toast-content\")}>\n        <BaseToast.Title className={cls(\"toast-title\")} />\n        <BaseToast.Description render={renderDescription} />\n      </div>\n      <BaseToast.Close\n        className={cls(\"toast-close\")}\n        render={\n          <IconButton size=\"small\">\n            <X />\n          </IconButton>\n        }\n      ></BaseToast.Close>\n    </BaseToast.Root>\n  );\n}\n\nfunction ToastList({ className }: { className?: string }) {\n  const { toasts } = BaseToast.useToastManager();\n  const cls = useCls();\n  const cssVars = useAntdCssVarClassname();\n\n  return (\n    <BaseToast.Viewport\n      className={clsx(cls(\"toast-viewport\"), cssVars, className)}\n    >\n      {toasts.map((toast) => (\n        <InnerToast key={toast.id} toast={toast} />\n      ))}\n    </BaseToast.Viewport>\n  );\n}\n\nfunction ToastProvider(props: BaseToast.Provider.Props) {\n  return <BaseToast.Provider toastManager={toastManager} {...props} />;\n}\n\nexport const Toast = Object.assign(InnerToast, {\n  List: ToastList,\n  Provider: ToastProvider,\n});\n"],"names":["InnerToast","toast","cls","useCls","toastIconMap","jsx","Info","WarningCircle","XCircle","CheckCircle","CircleNotch","type","_a","isTraceback","isTracebackError","useEffect","toastManager","renderDescription","useCallback","props","children","className","rest","jsxs","Button","Modal","CodeBlock","BaseToast","IconButton","X","ToastList","toasts","cssVars","useAntdCssVarClassname","clsx","ToastProvider","Toast"],"mappings":"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"}

package/dist/components/Toast/function.js

@@ -1,7 +1,8 @@
-import { Toast as n } from "@base-ui-components/react";
-const a = n.createToastManager();
+"use client";
+import { Toast as e } from "@base-ui-components/react";
+const n = e.createToastManager();
 function r(o) {
-  return (s, t) => a.add({
+  return (s, t) => n.add({
     description: s,
     data: {
       type: o
@@ -20,6 +21,6 @@ const i = Object.assign(r("info"), {
 });
 export {
   i as toast,
-  a as toastManager
+  n as toastManager
 };
 //# sourceMappingURL=function.js.map

package/dist/components/Toast/function.js.map

@@ -1 +1 @@
-{"version":3,"file":"function.js","sources":["../../../src/components/Toast/function.ts"],"sourcesContent":["\"use client\";\nimport { Toast as BaseToast } from \"@base-ui-components/react\";\nimport type { ToastData } from \"./types\";\n\nexport const toastManager = BaseToast.createToastManager();\n\nfunction createToastTypeFunction(type: ToastData[\"type\"]) {\n  return (\n    message: string,\n    options?: Omit<\n      BaseToast.useToastManager.AddOptions<ToastData>,\n      \"data\" | \"description\"\n    >\n  ) => {\n    const toastId = toastManager.add<ToastData>({\n      description: message,\n      data: {\n        type: type,\n      },\n      // progress and error toasts should not auto close\n      ...(type === \"progress\" || type === \"error\" ? { timeout: 0 } : {}),\n      ...options,\n    });\n    return toastId;\n  };\n}\n\nexport const toast = Object.assign(createToastTypeFunction(\"info\"), {\n  info: createToastTypeFunction(\"info\"),\n  success: createToastTypeFunction(\"success\"),\n  error: createToastTypeFunction(\"error\"),\n  warning: createToastTypeFunction(\"warning\"),\n  progress: createToastTypeFunction(\"progress\"),\n});\n"],"names":["toastManager","BaseToast","createToastTypeFunction","type","message","options","toast"],"mappings":";AAIa,MAAAA,IAAeC,EAAU,mBAAmB;AAEzD,SAASC,EAAwBC,GAAyB;AACjD,SAAA,CACLC,GACAC,MAKgBL,EAAa,IAAe;AAAA,IAC1C,aAAaI;AAAA,IACb,MAAM;AAAA,MACJ,MAAAD;AAAA,IACF;AAAA;AAAA,IAEA,GAAIA,MAAS,cAAcA,MAAS,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC;AAAA,IAChE,GAAGE;AAAA,EAAA,CACJ;AAGL;AAEO,MAAMC,IAAQ,OAAO,OAAOJ,EAAwB,MAAM,GAAG;AAAA,EAClE,MAAMA,EAAwB,MAAM;AAAA,EACpC,SAASA,EAAwB,SAAS;AAAA,EAC1C,OAAOA,EAAwB,OAAO;AAAA,EACtC,SAASA,EAAwB,SAAS;AAAA,EAC1C,UAAUA,EAAwB,UAAU;AAC9C,CAAC;"}
+{"version":3,"file":"function.js","sources":["../../../src/components/Toast/function.ts"],"sourcesContent":["\"use client\";\nimport { Toast as BaseToast } from \"@base-ui-components/react\";\nimport type { ToastData } from \"./types\";\n\nexport const toastManager = BaseToast.createToastManager();\n\nfunction createToastTypeFunction(type: ToastData[\"type\"]) {\n  return (\n    message: string,\n    options?: Omit<\n      BaseToast.useToastManager.AddOptions<ToastData>,\n      \"data\" | \"description\"\n    >\n  ) => {\n    const toastId = toastManager.add<ToastData>({\n      description: message,\n      data: {\n        type: type,\n      },\n      // progress and error toasts should not auto close\n      ...(type === \"progress\" || type === \"error\" ? { timeout: 0 } : {}),\n      ...options,\n    });\n    return toastId;\n  };\n}\n\nexport const toast = Object.assign(createToastTypeFunction(\"info\"), {\n  info: createToastTypeFunction(\"info\"),\n  success: createToastTypeFunction(\"success\"),\n  error: createToastTypeFunction(\"error\"),\n  warning: createToastTypeFunction(\"warning\"),\n  progress: createToastTypeFunction(\"progress\"),\n});\n"],"names":["toastManager","BaseToast","createToastTypeFunction","type","message","options","toast"],"mappings":";;AAIa,MAAAA,IAAeC,EAAU,mBAAmB;AAEzD,SAASC,EAAwBC,GAAyB;AACjD,SAAA,CACLC,GACAC,MAKgBL,EAAa,IAAe;AAAA,IAC1C,aAAaI;AAAA,IACb,MAAM;AAAA,MACJ,MAAAD;AAAA,IACF;AAAA;AAAA,IAEA,GAAIA,MAAS,cAAcA,MAAS,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC;AAAA,IAChE,GAAGE;AAAA,EAAA,CACJ;AAGL;AAEO,MAAMC,IAAQ,OAAO,OAAOJ,EAAwB,MAAM,GAAG;AAAA,EAClE,MAAMA,EAAwB,MAAM;AAAA,EACpC,SAASA,EAAwB,SAAS;AAAA,EAC1C,OAAOA,EAAwB,OAAO;AAAA,EACtC,SAASA,EAAwB,SAAS;AAAA,EAC1C,UAAUA,EAAwB,UAAU;AAC9C,CAAC;"}

package/dist/components/Tooltip/component.js

@@ -1,26 +1,27 @@
-import { jsx as p } from "react/jsx-runtime";
-import i from "antd/es/tooltip";
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import l from "antd/es/tooltip";
 import './style.css';/* empty css          */
-import { useCls as l } from "../utils/antdUtils.js";
-import { clsx as c } from "../utils/cn.js";
-const u = ({
+import { useCls as p } from "../utils/antdUtils.js";
+import { clsx as e } from "../utils/cn.js";
+const x = ({
   className: o,
   style: t,
   arrow: r = !1,
-  ...m
+  ...s
 }) => {
-  const s = l();
-  return /* @__PURE__ */ p(
-    i,
+  const m = p();
+  return /* @__PURE__ */ i(
+    l,
     {
-      className: c(s("tooltip"), o),
+      className: e(m("tooltip"), o),
       arrow: r,
       style: t,
-      ...m
+      ...s
     }
   );
 };
 export {
-  u as Tooltip
+  x as Tooltip
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Tooltip/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntTooltip,\n  type TooltipProps as AntTooltipProps,\n} from \"antd/es/tooltip\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's TooltipProps\nexport type TooltipProps = AntTooltipProps & {\n  /**\n   * Arrow config for of the tooltip\n   * @default false\n   */\n  arrow?: AntTooltipProps[\"arrow\"];\n};\n\n// Create Tooltip component\nexport const Tooltip = ({\n  className,\n  style,\n  arrow = false,\n  ...rest\n}: TooltipProps) => {\n  const cls = useCls();\n  return (\n    <AntTooltip\n      className={clsx(cls(\"tooltip\"), className)}\n      arrow={arrow}\n      style={style}\n      {...rest}\n    />\n  );\n};\n"],"names":["Tooltip","className","style","arrow","rest","cls","useCls","jsx","AntTooltip","clsx"],"mappings":";;;;;AAoBO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,MAAoB;AAClB,QAAMC,IAAMC,EAAO;AAEjB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKJ,EAAI,SAAS,GAAGJ,CAAS;AAAA,MACzC,OAAAE;AAAA,MACA,OAAAD;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Tooltip/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntTooltip,\n  type TooltipProps as AntTooltipProps,\n} from \"antd/es/tooltip\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's TooltipProps\nexport type TooltipProps = AntTooltipProps & {\n  /**\n   * Arrow config for of the tooltip\n   * @default false\n   */\n  arrow?: AntTooltipProps[\"arrow\"];\n};\n\n// Create Tooltip component\nexport const Tooltip = ({\n  className,\n  style,\n  arrow = false,\n  ...rest\n}: TooltipProps) => {\n  const cls = useCls();\n  return (\n    <AntTooltip\n      className={clsx(cls(\"tooltip\"), className)}\n      arrow={arrow}\n      style={style}\n      {...rest}\n    />\n  );\n};\n"],"names":["Tooltip","className","style","arrow","rest","cls","useCls","jsx","AntTooltip","clsx"],"mappings":";;;;;;AAoBO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,MAAoB;AAClB,QAAMC,IAAMC,EAAO;AAEjB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKJ,EAAI,SAAS,GAAGJ,CAAS;AAAA,MACzC,OAAAE;AAAA,MACA,OAAAD;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/Tour/component.js

@@ -1,15 +1,16 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+"use client";
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
 import c from "antd/es/tour";
 import './style.css';/* empty css          */
 import { useCls as d } from "../utils/antdUtils.js";
 import { clsx as m } from "../utils/cn.js";
-const N = ({ indicatorsRender: e, ...n }) => {
+const N = ({ indicatorsRender: s, ...n }) => {
   const r = d();
   return /* @__PURE__ */ o(
     c,
     {
-      indicatorsRender: e || ((t, i) => /* @__PURE__ */ s("div", { className: r("tour-indicator-wrapper"), children: [
-        /* @__PURE__ */ s("span", { className: r("tour-indicator-summary-text"), children: [
+      indicatorsRender: s || ((t, i) => /* @__PURE__ */ e("div", { className: r("tour-indicator-wrapper"), children: [
+        /* @__PURE__ */ e("span", { className: r("tour-indicator-summary-text"), children: [
           t + 1,
           "/",
           i

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Tour/component.tsx"],"sourcesContent":["\"use client\";\nimport { default as AntTour } from \"antd/es/tour\";\nimport {\n  type TourProps as AntTourProps,\n  type TourStepProps as AntTourStepProps,\n} from \"antd/es/tour/interface\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's TourProps\nexport interface TourProps extends AntTourProps {}\n\n// Define props interface for TourStepProps\nexport interface TourStepProps extends AntTourStepProps {}\n\n// Create Tour component\nconst Tour = ({ indicatorsRender, ...rest }: TourProps) => {\n  const cls = useCls();\n  const defaultIndicatorRender = (current: number, total: number) => (\n    <div className={cls(\"tour-indicator-wrapper\")}>\n      <span className={cls(\"tour-indicator-summary-text\")}>\n        {current + 1}/{total}\n      </span>\n      <div>\n        {Array.from({ length: total }).map<React.ReactNode>((_, index) => (\n          <span\n            key={index}\n            className={clsx(\n              index === current && cls(`tour-indicator-active`),\n              cls(\"tour-indicator\")\n            )}\n          />\n        ))}\n      </div>\n    </div>\n  );\n  return (\n    <AntTour\n      indicatorsRender={indicatorsRender || defaultIndicatorRender}\n      {...rest}\n    />\n  );\n};\n\nexport { Tour };\n"],"names":["Tour","indicatorsRender","rest","cls","useCls","jsx","AntTour","current","total","jsxs","_","index","clsx"],"mappings":";;;;;AAkBA,MAAMA,IAAO,CAAC,EAAE,kBAAAC,GAAkB,GAAGC,QAAsB;AACzD,QAAMC,IAAMC,EAAO;AAoBjB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,kBAAkBL,MApBS,CAACM,GAAiBC,wBAC9C,OAAI,EAAA,WAAWL,EAAI,wBAAwB,GAC1C,UAAA;AAAA,QAAA,gBAAAM,EAAC,QAAK,EAAA,WAAWN,EAAI,6BAA6B,GAC/C,UAAA;AAAA,UAAUI,IAAA;AAAA,UAAE;AAAA,UAAEC;AAAA,QAAA,GACjB;AAAA,QACC,gBAAAH,EAAA,OAAA,EACE,UAAM,MAAA,KAAK,EAAE,QAAQG,EAAO,CAAA,EAAE,IAAqB,CAACE,GAAGC,MACtD,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWO;AAAA,cACTD,MAAUJ,KAAWJ,EAAI,uBAAuB;AAAA,cAChDA,EAAI,gBAAgB;AAAA,YAAA;AAAA,UACtB;AAAA,UAJKQ;AAAA,QAAA,CAMR,EACH,CAAA;AAAA,MAAA,GACF;AAAA,MAKG,GAAGT;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Tour/component.tsx"],"sourcesContent":["\"use client\";\nimport { default as AntTour } from \"antd/es/tour\";\nimport {\n  type TourProps as AntTourProps,\n  type TourStepProps as AntTourStepProps,\n} from \"antd/es/tour/interface\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's TourProps\nexport interface TourProps extends AntTourProps {}\n\n// Define props interface for TourStepProps\nexport interface TourStepProps extends AntTourStepProps {}\n\n// Create Tour component\nconst Tour = ({ indicatorsRender, ...rest }: TourProps) => {\n  const cls = useCls();\n  const defaultIndicatorRender = (current: number, total: number) => (\n    <div className={cls(\"tour-indicator-wrapper\")}>\n      <span className={cls(\"tour-indicator-summary-text\")}>\n        {current + 1}/{total}\n      </span>\n      <div>\n        {Array.from({ length: total }).map<React.ReactNode>((_, index) => (\n          <span\n            key={index}\n            className={clsx(\n              index === current && cls(`tour-indicator-active`),\n              cls(\"tour-indicator\")\n            )}\n          />\n        ))}\n      </div>\n    </div>\n  );\n  return (\n    <AntTour\n      indicatorsRender={indicatorsRender || defaultIndicatorRender}\n      {...rest}\n    />\n  );\n};\n\nexport { Tour };\n"],"names":["Tour","indicatorsRender","rest","cls","useCls","jsx","AntTour","current","total","jsxs","_","index","clsx"],"mappings":";;;;;;AAkBA,MAAMA,IAAO,CAAC,EAAE,kBAAAC,GAAkB,GAAGC,QAAsB;AACzD,QAAMC,IAAMC,EAAO;AAoBjB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,kBAAkBL,MApBS,CAACM,GAAiBC,wBAC9C,OAAI,EAAA,WAAWL,EAAI,wBAAwB,GAC1C,UAAA;AAAA,QAAA,gBAAAM,EAAC,QAAK,EAAA,WAAWN,EAAI,6BAA6B,GAC/C,UAAA;AAAA,UAAUI,IAAA;AAAA,UAAE;AAAA,UAAEC;AAAA,QAAA,GACjB;AAAA,QACC,gBAAAH,EAAA,OAAA,EACE,UAAM,MAAA,KAAK,EAAE,QAAQG,EAAO,CAAA,EAAE,IAAqB,CAACE,GAAGC,MACtD,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWO;AAAA,cACTD,MAAUJ,KAAWJ,EAAI,uBAAuB;AAAA,cAChDA,EAAI,gBAAgB;AAAA,YAAA;AAAA,UACtB;AAAA,UAJKQ;AAAA,QAAA,CAMR,EACH,CAAA;AAAA,MAAA,GACF;AAAA,MAKG,GAAGT;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/components/Transition/component.js

@@ -1,44 +1,57 @@
-import { jsx as h } from "react/jsx-runtime";
-import { useRef as y, useEffect as R } from "react";
-import { useRender as b } from "@base-ui-components/react/use-render";
-import { mergeProps as j } from "@base-ui-components/react/merge-props";
-import { useTransitionStatus as v } from "@base-ui-components/react/utils";
-import { useLatestRef as x, useAnimationsFinished as N } from "../hooks/base-ui.js";
-import { clsx as w } from "../utils/cn.js";
-const k = (c) => {
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { useRef as v, useEffect as x, isValidElement as N } from "react";
+import { useRender as j } from "@base-ui-components/react/use-render";
+import { mergeProps as w } from "@base-ui-components/react/merge-props";
+import { useTransitionStatus as A } from "@base-ui-components/react/utils";
+import { useLatestRef as F, useAnimationsFinished as T } from "../hooks/base-ui.js";
+import { clsx as k } from "../utils/cn.js";
+function q(c) {
   const {
-    children: r = /* @__PURE__ */ h("div", {}),
-    className: d,
-    starting: n,
-    ending: o,
+    children: n = /* @__PURE__ */ m("div", {}),
+    className: l,
+    starting: r,
+    ending: i,
     show: t = !0,
-    keepMounted: s = !1,
-    ...i
-  } = c, { mounted: p, setMounted: a, transitionStatus: e } = v(t), m = x(t), g = w(
-    d,
-    e === "starting" && typeof n == "string" && n,
-    e === "ending" && typeof o == "string" && o
-  ), f = y(null), u = N(f, t), { renderElement: l } = b({
-    render: typeof r == "function" ? r(i, {}) : r,
-    props: j({
-      ...i,
-      ref: f,
-      className: g,
+    keepMounted: o = !1,
+    onTransitionComplete: s,
+    listenToChildAnimations: p = !1,
+    asChild: g = !0,
+    ...h
+  } = c, { mounted: y, setMounted: a, transitionStatus: e } = A(t), u = F(t), R = k(
+    l,
+    e === "starting" && typeof r == "string" && r,
+    e === "ending" && typeof i == "string" && i
+  ), d = v(null), f = T(d, {
+    waitForNextTick: t,
+    subtree: p
+  }), b = j({
+    render: typeof n == "function" || g && N(n) ? n : /* @__PURE__ */ m("div", { children: n }),
+    props: w(h, {
+      ref: d,
+      className: R,
       "data-starting": e === "starting" ? "true" : void 0,
       "data-ending": e === "ending" ? "true" : void 0,
       style: {
-        ...e === "starting" && typeof n == "object" ? n : {},
-        ...e === "ending" && typeof o == "object" ? o : {}
+        ...e === "starting" && typeof r == "object" ? r : {},
+        ...e === "ending" && typeof i == "object" ? i : {}
       }
     })
   });
-  return R(() => {
-    s || u(() => {
-      t === m.current && a(t);
+  return x(() => {
+    f(() => {
+      t === u.current && (o || a(t), s == null || s(t));
     });
-  }, [t, s, u, a, m]), p ? l() : null;
-};
+  }, [
+    t,
+    o,
+    f,
+    a,
+    u,
+    s
+  ]), y ? b : null;
+}
 export {
-  k as Transition
+  q as Transition
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Transition/component.tsx"],"sourcesContent":["\"use client\";\nimport { CSSProperties, useEffect, useRef } from \"react\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport { mergeProps } from \"@base-ui-components/react/merge-props\";\nimport { useTransitionStatus } from \"@base-ui-components/react/utils\";\nimport { clsx } from \"../utils\";\nimport { useAnimationsFinished, useLatestRef } from \"../hooks\";\n\nexport interface TransitionProps\n  extends Omit<useRender.ComponentProps<\"div\">, \"render\" | \"children\"> {\n  /** Whether the component should be shown */\n  show?: boolean;\n  /** CSS classes to apply when the component is opened */\n  starting?: string | CSSProperties;\n  /** CSS classes to apply when the component is closed */\n  ending?: string | CSSProperties;\n  /** CSS classes to apply to the component */\n  className?: string;\n  /** Child component to render */\n  children: useRender.ComponentProps<\"div\">[\"render\"];\n  /** Keep mounted */\n  keepMounted?: boolean;\n}\n\nexport const Transition = (props: TransitionProps) => {\n  const {\n    children = <div />,\n    className,\n    starting,\n    ending,\n    show = true,\n    keepMounted = false,\n    ...otherProps\n  } = props;\n\n  const { mounted, setMounted, transitionStatus } = useTransitionStatus(show);\n  const showRef = useLatestRef(show);\n\n  const combinedClassName = clsx(\n    className,\n    transitionStatus === \"starting\" && typeof starting == \"string\" && starting,\n    transitionStatus === \"ending\" && typeof ending == \"string\" && ending\n  );\n\n  const ref = useRef<HTMLDivElement>(null);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, show);\n\n  const { renderElement } = useRender({\n    render: typeof children == \"function\" ? children(otherProps, {}) : children,\n    props: mergeProps<\"div\">({\n      ...otherProps,\n      ref,\n      className: combinedClassName,\n      ...{\n        \"data-starting\": transitionStatus === \"starting\" ? \"true\" : undefined,\n        \"data-ending\": transitionStatus === \"ending\" ? \"true\" : undefined,\n      },\n      style: {\n        ...(transitionStatus === \"starting\" && typeof starting === \"object\"\n          ? starting\n          : {}),\n        ...(transitionStatus === \"ending\" && typeof ending === \"object\"\n          ? ending\n          : {}),\n      },\n    } as React.HTMLAttributes<HTMLDivElement>),\n  });\n\n  useEffect(() => {\n    if (keepMounted) return;\n    runOnceAnimationsFinish(() => {\n      if (show === showRef.current) {\n        setMounted(show);\n      }\n    });\n  }, [show, keepMounted, runOnceAnimationsFinish, setMounted, showRef]);\n\n  return mounted ? renderElement() : null;\n};\n"],"names":["Transition","props","children","className","starting","ending","show","keepMounted","otherProps","mounted","setMounted","transitionStatus","useTransitionStatus","showRef","useLatestRef","combinedClassName","clsx","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","renderElement","useRender","mergeProps","useEffect"],"mappings":";;;;;;;AAwBa,MAAAA,IAAa,CAACC,MAA2B;AAC9C,QAAA;AAAA,IACJ,UAAAC,sBAAY,OAAI,EAAA;AAAA,IAChB,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EAAA,IACDP,GAEE,EAAE,SAAAQ,GAAS,YAAAC,GAAY,kBAAAC,EAAiB,IAAIC,EAAoBN,CAAI,GACpEO,IAAUC,EAAaR,CAAI,GAE3BS,IAAoBC;AAAA,IACxBb;AAAA,IACAQ,MAAqB,cAAc,OAAOP,KAAY,YAAYA;AAAA,IAClEO,MAAqB,YAAY,OAAON,KAAU,YAAYA;AAAA,EAChE,GAEMY,IAAMC,EAAuB,IAAI,GACjCC,IAA0BC,EAAsBH,GAAKX,CAAI,GAEzD,EAAE,eAAAe,EAAc,IAAIC,EAAU;AAAA,IAClC,QAAQ,OAAOpB,KAAY,aAAaA,EAASM,GAAY,CAAE,CAAA,IAAIN;AAAA,IACnE,OAAOqB,EAAkB;AAAA,MACvB,GAAGf;AAAA,MACH,KAAAS;AAAA,MACA,WAAWF;AAAA,MAET,iBAAiBJ,MAAqB,aAAa,SAAS;AAAA,MAC5D,eAAeA,MAAqB,WAAW,SAAS;AAAA,MAE1D,OAAO;AAAA,QACL,GAAIA,MAAqB,cAAc,OAAOP,KAAa,WACvDA,IACA,CAAC;AAAA,QACL,GAAIO,MAAqB,YAAY,OAAON,KAAW,WACnDA,IACA,CAAA;AAAA,MAAC;AAAA,IAEgC,CAAA;AAAA,EAAA,CAC1C;AAED,SAAAmB,EAAU,MAAM;AACd,IAAIjB,KACJY,EAAwB,MAAM;AACxB,MAAAb,MAASO,EAAQ,WACnBH,EAAWJ,CAAI;AAAA,IACjB,CACD;AAAA,EAAA,GACA,CAACA,GAAMC,GAAaY,GAAyBT,GAAYG,CAAO,CAAC,GAE7DJ,IAAUY,MAAkB;AACrC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Transition/component.tsx"],"sourcesContent":["\"use client\";\nimport { CSSProperties, isValidElement, useEffect, useRef } from \"react\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport { mergeProps } from \"@base-ui-components/react/merge-props\";\nimport { useTransitionStatus } from \"@base-ui-components/react/utils\";\nimport { clsx } from \"../utils\";\nimport { useAnimationsFinished, useLatestRef } from \"../hooks\";\n\nexport type TransitionProps = Omit<\n  useRender.ComponentProps<\"div\">,\n  \"render\" | \"children\"\n> & {\n  /** Whether the component should be shown */\n  show?: boolean;\n  /** CSS classes to apply when the component is opened */\n  starting?: string | CSSProperties;\n  /** CSS classes to apply when the component is closed */\n  ending?: string | CSSProperties;\n  /** CSS classes to apply to the component */\n  className?: string;\n  /** Keep mounted */\n  keepMounted?: boolean;\n  /**\n   * Callback function to be called when the transition ends\n   */\n  onTransitionComplete?: (show?: boolean) => void;\n  /**\n   * Whether to listen for animations in child elements\n   */\n  listenToChildAnimations?: boolean;\n  /**\n   * Whether to render the child as a child element\n   * @default true\n   */\n  asChild?: boolean;\n  children?: React.ReactNode | useRender.ComponentProps<\"div\">[\"render\"];\n};\n\nexport function Transition(props: TransitionProps) {\n  const {\n    children = <div />,\n    className,\n    starting,\n    ending,\n    show = true,\n    keepMounted = false,\n    onTransitionComplete,\n    listenToChildAnimations = false,\n    asChild = true,\n    ...otherProps\n  } = props;\n\n  const { mounted, setMounted, transitionStatus } = useTransitionStatus(show);\n  const showRef = useLatestRef(show);\n\n  const combinedClassName = clsx(\n    className,\n    transitionStatus === \"starting\" && typeof starting == \"string\" && starting,\n    transitionStatus === \"ending\" && typeof ending == \"string\" && ending\n  );\n\n  const ref = useRef<HTMLDivElement>(null);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, {\n    waitForNextTick: show,\n    subtree: listenToChildAnimations,\n  });\n\n  const getRender = () => {\n    if (typeof children === \"function\") {\n      return children;\n    }\n    if (asChild && isValidElement(children)) {\n      return children;\n    }\n    return <div>{children}</div>;\n  };\n\n  const rendered = useRender({\n    render: getRender(),\n    props: mergeProps<\"div\">(otherProps, {\n      ref,\n      className: combinedClassName,\n      ...{\n        \"data-starting\": transitionStatus === \"starting\" ? \"true\" : undefined,\n        \"data-ending\": transitionStatus === \"ending\" ? \"true\" : undefined,\n      },\n      style: {\n        ...(transitionStatus === \"starting\" && typeof starting === \"object\"\n          ? starting\n          : {}),\n        ...(transitionStatus === \"ending\" && typeof ending === \"object\"\n          ? ending\n          : {}),\n      },\n    }),\n  });\n\n  useEffect(() => {\n    runOnceAnimationsFinish(() => {\n      if (show === showRef.current) {\n        if (!keepMounted) setMounted(show);\n        onTransitionComplete?.(show);\n      }\n    });\n  }, [\n    show,\n    keepMounted,\n    runOnceAnimationsFinish,\n    setMounted,\n    showRef,\n    onTransitionComplete,\n  ]);\n\n  return mounted ? rendered : null;\n}\n"],"names":["Transition","props","children","className","starting","ending","show","keepMounted","onTransitionComplete","listenToChildAnimations","asChild","otherProps","mounted","setMounted","transitionStatus","useTransitionStatus","showRef","useLatestRef","combinedClassName","clsx","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","rendered","useRender","isValidElement","jsx","mergeProps","useEffect"],"mappings":";;;;;;;;AAsCO,SAASA,EAAWC,GAAwB;AAC3C,QAAA;AAAA,IACJ,UAAAC,sBAAY,OAAI,EAAA;AAAA,IAChB,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,aAAAC,IAAc;AAAA,IACd,sBAAAC;AAAA,IACA,yBAAAC,IAA0B;AAAA,IAC1B,SAAAC,IAAU;AAAA,IACV,GAAGC;AAAA,EAAA,IACDV,GAEE,EAAE,SAAAW,GAAS,YAAAC,GAAY,kBAAAC,EAAiB,IAAIC,EAAoBT,CAAI,GACpEU,IAAUC,EAAaX,CAAI,GAE3BY,IAAoBC;AAAA,IACxBhB;AAAA,IACAW,MAAqB,cAAc,OAAOV,KAAY,YAAYA;AAAA,IAClEU,MAAqB,YAAY,OAAOT,KAAU,YAAYA;AAAA,EAChE,GAEMe,IAAMC,EAAuB,IAAI,GACjCC,IAA0BC,EAAsBH,GAAK;AAAA,IACzD,iBAAiBd;AAAA,IACjB,SAASG;AAAA,EAAA,CACV,GAYKe,IAAWC,EAAU;AAAA,IACzB,QAVI,OAAOvB,KAAa,cAGpBQ,KAAWgB,EAAexB,CAAQ,IAC7BA,IAEF,gBAAAyB,EAAC,SAAK,UAAAzB,GAAS;AAAA,IAKtB,OAAO0B,EAAkBjB,GAAY;AAAA,MACnC,KAAAS;AAAA,MACA,WAAWF;AAAA,MAET,iBAAiBJ,MAAqB,aAAa,SAAS;AAAA,MAC5D,eAAeA,MAAqB,WAAW,SAAS;AAAA,MAE1D,OAAO;AAAA,QACL,GAAIA,MAAqB,cAAc,OAAOV,KAAa,WACvDA,IACA,CAAC;AAAA,QACL,GAAIU,MAAqB,YAAY,OAAOT,KAAW,WACnDA,IACA,CAAA;AAAA,MAAC;AAAA,IAER,CAAA;AAAA,EAAA,CACF;AAED,SAAAwB,EAAU,MAAM;AACd,IAAAP,EAAwB,MAAM;AACxB,MAAAhB,MAASU,EAAQ,YACdT,KAAaM,EAAWP,CAAI,GACjCE,KAAA,QAAAA,EAAuBF;AAAA,IACzB,CACD;AAAA,EAAA,GACA;AAAA,IACDA;AAAA,IACAC;AAAA,IACAe;AAAA,IACAT;AAAA,IACAG;AAAA,IACAR;AAAA,EAAA,CACD,GAEMI,IAAUY,IAAW;AAC9B;"}

package/dist/components/Tree/components.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as T } from "react/jsx-runtime";
 import p from "antd/es/tree";
 import { forwardRef as l } from "react";
@@ -9,8 +10,8 @@ const y = (e, r) => {
     cls: c,
     customSwitcherIcon: n,
     processedTreeData: t,
-    currentUniqueExpandedKeys: o,
-    currentUniqueCheckedKeys: s,
+    currentUniqueExpandedKeys: s,
+    currentUniqueCheckedKeys: o,
     handleAntTreeExpand: a,
     handleAntTreeCheck: d,
     restProps: h,
@@ -24,9 +25,9 @@ const y = (e, r) => {
       className: k(c("tree"), i),
       switcherIcon: m || n,
       treeData: t,
-      expandedKeys: o,
+      expandedKeys: s,
       onExpand: a,
-      checkedKeys: { checked: s, halfChecked: [] },
+      checkedKeys: { checked: o, halfChecked: [] },
       onCheck: d,
       ...h
     }
@@ -36,8 +37,8 @@ const y = (e, r) => {
     cls: c,
     customSwitcherIcon: n,
     processedTreeData: t,
-    currentUniqueExpandedKeys: o,
-    currentUniqueCheckedKeys: s,
+    currentUniqueExpandedKeys: s,
+    currentUniqueCheckedKeys: o,
     handleAntTreeExpand: a,
     handleAntTreeCheck: d,
     restProps: h,
@@ -51,9 +52,9 @@ const y = (e, r) => {
       className: k(c("directory-tree"), i),
       switcherIcon: m || n,
       treeData: t,
-      expandedKeys: o,
+      expandedKeys: s,
       onExpand: a,
-      checkedKeys: { checked: s, halfChecked: [] },
+      checkedKeys: { checked: o, halfChecked: [] },
       onCheck: d,
       ...h
     }

package/dist/components/Tree/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":["../../../src/components/Tree/components.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntTree,\n  type DataNode as AntTreeDataNode,\n} from \"antd/es/tree\";\n\nimport { forwardRef } from \"react\";\nimport { clsx } from \"../utils\";\nimport type { TreeDataNode, TreeProps, DirectoryTreeProps } from \"./types\";\nimport { useTreeCommon } from \"./useTreeCommon\";\n\nimport \"./style.css\";\n\n// Create inner function for main Tree with forwarded ref\n// Ensure generic constraint matches TreeProps if it uses AntTreeDataNode\nconst MainTreeInner = <T extends AntTreeDataNode = TreeDataNode>(\n  props: TreeProps<T>,\n  ref: React.Ref<React.ComponentRef<typeof AntTree<T>>>\n) => {\n  const {\n    cls,\n    customSwitcherIcon,\n    processedTreeData,\n    currentUniqueExpandedKeys,\n    currentUniqueCheckedKeys,\n    handleAntTreeExpand,\n    handleAntTreeCheck,\n    restProps,\n    className,\n    switcherIcon,\n  } = useTreeCommon(props);\n\n  return (\n    <AntTree\n      ref={ref}\n      className={clsx(cls(\"tree\"), className)}\n      switcherIcon={switcherIcon || customSwitcherIcon}\n      // Pass processed props to AntTree\n      treeData={processedTreeData}\n      expandedKeys={currentUniqueExpandedKeys}\n      onExpand={handleAntTreeExpand}\n      // Pass checked keys in the object format\n      checkedKeys={{ checked: currentUniqueCheckedKeys, halfChecked: [] }}\n      onCheck={handleAntTreeCheck}\n      {...restProps} // Pass other props like checkable, showLine, etc.\n    />\n  );\n};\n\n// Create inner function for DirectoryTree with forwarded ref\nconst DirectoryTreeInner = <T extends AntTreeDataNode = TreeDataNode>(\n  props: DirectoryTreeProps<T>,\n  ref: React.Ref<React.ComponentRef<typeof AntTree<T>>>\n) => {\n  const {\n    cls,\n    customSwitcherIcon,\n    processedTreeData,\n    currentUniqueExpandedKeys,\n    currentUniqueCheckedKeys,\n    handleAntTreeExpand,\n    handleAntTreeCheck,\n    restProps,\n    className,\n    switcherIcon,\n  } = useTreeCommon(props as any);\n\n  return (\n    <AntTree.DirectoryTree\n      ref={ref}\n      className={clsx(cls(\"directory-tree\"), className)}\n      switcherIcon={switcherIcon || customSwitcherIcon}\n      // Pass processed props to AntTree.DirectoryTree\n      treeData={processedTreeData as T[]}\n      expandedKeys={currentUniqueExpandedKeys}\n      onExpand={handleAntTreeExpand}\n      // Pass checked keys in the object format\n      checkedKeys={{ checked: currentUniqueCheckedKeys, halfChecked: [] }}\n      onCheck={handleAntTreeCheck}\n      {...restProps} // Pass other props like checkable, showLine, etc.\n    />\n  );\n};\n\n// Use forwardRef with type assertion for main Tree\n// Ensure the generic constraint here matches TreeProps\nconst MainTree = forwardRef(MainTreeInner) as <\n  T extends AntTreeDataNode = TreeDataNode // Use AntTreeDataNode if TreeProps uses it\n>(\n  props: TreeProps<T> & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntTree<T>>>;\n  }\n) => ReturnType<typeof MainTreeInner<T>>;\n\n// Use forwardRef with type assertion for DirectoryTree\nconst DirectoryTree = forwardRef(DirectoryTreeInner) as <\n  T extends AntTreeDataNode = AntTreeDataNode\n>(\n  props: DirectoryTreeProps<T> & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntTree<T>>>; // Check ref type consistency\n  }\n) => ReturnType<typeof DirectoryTreeInner<T>>;\n\n// Create the final component with DirectoryTree property\nexport const Tree = Object.assign(MainTree, {\n  DirectoryTree,\n  TreeNode: AntTree.TreeNode,\n});\n"],"names":["MainTreeInner","props","ref","cls","customSwitcherIcon","processedTreeData","currentUniqueExpandedKeys","currentUniqueCheckedKeys","handleAntTreeExpand","handleAntTreeCheck","restProps","className","switcherIcon","useTreeCommon","jsx","AntTree","clsx","DirectoryTreeInner","MainTree","forwardRef","DirectoryTree","Tree"],"mappings":";;;;;;AAeA,MAAMA,IAAgB,CACpBC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAcZ,CAAK;AAGrB,SAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAWc,EAAKb,EAAI,MAAM,GAAGQ,CAAS;AAAA,MACtC,cAAcC,KAAgBR;AAAA,MAE9B,UAAUC;AAAA,MACV,cAAcC;AAAA,MACd,UAAUE;AAAA,MAEV,aAAa,EAAE,SAASD,GAA0B,aAAa,CAAA,EAAG;AAAA,MAClE,SAASE;AAAA,MACR,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMO,IAAqB,CACzBhB,GACAC,MACG;AACG,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAcZ,CAAY;AAG5B,SAAA,gBAAAa;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,KAAAb;AAAA,MACA,WAAWc,EAAKb,EAAI,gBAAgB,GAAGQ,CAAS;AAAA,MAChD,cAAcC,KAAgBR;AAAA,MAE9B,UAAUC;AAAA,MACV,cAAcC;AAAA,MACd,UAAUE;AAAA,MAEV,aAAa,EAAE,SAASD,GAA0B,aAAa,CAAA,EAAG;AAAA,MAClE,SAASE;AAAA,MACR,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAIMQ,IAAWC,EAAWnB,CAAa,GASnCoB,IAAgBD,EAAWF,CAAkB,GAStCI,IAAO,OAAO,OAAOH,GAAU;AAAA,EAC1C,eAAAE;AAAA,EACA,UAAUL,EAAQ;AACpB,CAAC;"}
+{"version":3,"file":"components.js","sources":["../../../src/components/Tree/components.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntTree,\n  type DataNode as AntTreeDataNode,\n} from \"antd/es/tree\";\n\nimport { forwardRef } from \"react\";\nimport { clsx } from \"../utils\";\nimport type { TreeDataNode, TreeProps, DirectoryTreeProps } from \"./types\";\nimport { useTreeCommon } from \"./useTreeCommon\";\n\nimport \"./style.css\";\n\n// Create inner function for main Tree with forwarded ref\n// Ensure generic constraint matches TreeProps if it uses AntTreeDataNode\nconst MainTreeInner = <T extends AntTreeDataNode = TreeDataNode>(\n  props: TreeProps<T>,\n  ref: React.Ref<React.ComponentRef<typeof AntTree<T>>>\n) => {\n  const {\n    cls,\n    customSwitcherIcon,\n    processedTreeData,\n    currentUniqueExpandedKeys,\n    currentUniqueCheckedKeys,\n    handleAntTreeExpand,\n    handleAntTreeCheck,\n    restProps,\n    className,\n    switcherIcon,\n  } = useTreeCommon(props);\n\n  return (\n    <AntTree\n      ref={ref}\n      className={clsx(cls(\"tree\"), className)}\n      switcherIcon={switcherIcon || customSwitcherIcon}\n      // Pass processed props to AntTree\n      treeData={processedTreeData}\n      expandedKeys={currentUniqueExpandedKeys}\n      onExpand={handleAntTreeExpand}\n      // Pass checked keys in the object format\n      checkedKeys={{ checked: currentUniqueCheckedKeys, halfChecked: [] }}\n      onCheck={handleAntTreeCheck}\n      {...restProps} // Pass other props like checkable, showLine, etc.\n    />\n  );\n};\n\n// Create inner function for DirectoryTree with forwarded ref\nconst DirectoryTreeInner = <T extends AntTreeDataNode = TreeDataNode>(\n  props: DirectoryTreeProps<T>,\n  ref: React.Ref<React.ComponentRef<typeof AntTree<T>>>\n) => {\n  const {\n    cls,\n    customSwitcherIcon,\n    processedTreeData,\n    currentUniqueExpandedKeys,\n    currentUniqueCheckedKeys,\n    handleAntTreeExpand,\n    handleAntTreeCheck,\n    restProps,\n    className,\n    switcherIcon,\n  } = useTreeCommon(props as any);\n\n  return (\n    <AntTree.DirectoryTree\n      ref={ref}\n      className={clsx(cls(\"directory-tree\"), className)}\n      switcherIcon={switcherIcon || customSwitcherIcon}\n      // Pass processed props to AntTree.DirectoryTree\n      treeData={processedTreeData as T[]}\n      expandedKeys={currentUniqueExpandedKeys}\n      onExpand={handleAntTreeExpand}\n      // Pass checked keys in the object format\n      checkedKeys={{ checked: currentUniqueCheckedKeys, halfChecked: [] }}\n      onCheck={handleAntTreeCheck}\n      {...restProps} // Pass other props like checkable, showLine, etc.\n    />\n  );\n};\n\n// Use forwardRef with type assertion for main Tree\n// Ensure the generic constraint here matches TreeProps\nconst MainTree = forwardRef(MainTreeInner) as <\n  T extends AntTreeDataNode = TreeDataNode // Use AntTreeDataNode if TreeProps uses it\n>(\n  props: TreeProps<T> & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntTree<T>>>;\n  }\n) => ReturnType<typeof MainTreeInner<T>>;\n\n// Use forwardRef with type assertion for DirectoryTree\nconst DirectoryTree = forwardRef(DirectoryTreeInner) as <\n  T extends AntTreeDataNode = AntTreeDataNode\n>(\n  props: DirectoryTreeProps<T> & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntTree<T>>>; // Check ref type consistency\n  }\n) => ReturnType<typeof DirectoryTreeInner<T>>;\n\n// Create the final component with DirectoryTree property\nexport const Tree = Object.assign(MainTree, {\n  DirectoryTree,\n  TreeNode: AntTree.TreeNode,\n});\n"],"names":["MainTreeInner","props","ref","cls","customSwitcherIcon","processedTreeData","currentUniqueExpandedKeys","currentUniqueCheckedKeys","handleAntTreeExpand","handleAntTreeCheck","restProps","className","switcherIcon","useTreeCommon","jsx","AntTree","clsx","DirectoryTreeInner","MainTree","forwardRef","DirectoryTree","Tree"],"mappings":";;;;;;;AAeA,MAAMA,IAAgB,CACpBC,GACAC,MACG;AACG,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAcZ,CAAK;AAGrB,SAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAWc,EAAKb,EAAI,MAAM,GAAGQ,CAAS;AAAA,MACtC,cAAcC,KAAgBR;AAAA,MAE9B,UAAUC;AAAA,MACV,cAAcC;AAAA,MACd,UAAUE;AAAA,MAEV,aAAa,EAAE,SAASD,GAA0B,aAAa,CAAA,EAAG;AAAA,MAClE,SAASE;AAAA,MACR,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAGMO,IAAqB,CACzBhB,GACAC,MACG;AACG,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAcZ,CAAY;AAG5B,SAAA,gBAAAa;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,KAAAb;AAAA,MACA,WAAWc,EAAKb,EAAI,gBAAgB,GAAGQ,CAAS;AAAA,MAChD,cAAcC,KAAgBR;AAAA,MAE9B,UAAUC;AAAA,MACV,cAAcC;AAAA,MACd,UAAUE;AAAA,MAEV,aAAa,EAAE,SAASD,GAA0B,aAAa,CAAA,EAAG;AAAA,MAClE,SAASE;AAAA,MACR,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAIMQ,IAAWC,EAAWnB,CAAa,GASnCoB,IAAgBD,EAAWF,CAAkB,GAStCI,IAAO,OAAO,OAAOH,GAAU;AAAA,EAC1C,eAAAE;AAAA,EACA,UAAUL,EAAQ;AACpB,CAAC;"}

package/dist/components/Tree/helpers.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as l } from "react/jsx-runtime";
 import { File as g, FolderOpen as y, Folder as p } from "@bioturing/assets";
 const k = (n, t, s) => {