@bioturing/components 0.15.3 → 0.15.5

package/dist/components/Breadcrumb/style.css

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

package/dist/components/Breadcrumb/useItemRender.js

@@ -1,27 +1,28 @@
-import { jsxs as u, Fragment as f, jsx as o } from "react/jsx-runtime";
-import { renderItem as g } from "antd/es/breadcrumb/useItemRender";
+import { jsxs as g, Fragment as p, jsx as i } from "react/jsx-runtime";
+import { renderItem as u } from "antd/es/breadcrumb/useItemRender";
 import { cn as l } from "../utils/cn.js";
-function p(e, t) {
+import { Truncate as m } from "../Truncate/component.js";
+function h(e, r) {
   if (e.title === void 0 || e.title === null)
     return null;
-  const c = Object.keys(t).join("|");
+  const o = Object.keys(r).join("|");
   return typeof e.title == "object" ? e.title : String(e.title).replace(
-    new RegExp(`:(${c})`, "g"),
-    (n, r) => t[r] || n
+    new RegExp(`:(${o})`, "g"),
+    (n, c) => r[c] || n
   );
 }
-function b(e, t) {
-  return (n, r, m, s, a) => {
-    if (t)
-      return t(n, r, m, s);
-    const i = p(n, r), d = n.icon ? /* @__PURE__ */ u(f, { children: [
-      /* @__PURE__ */ o("span", { className: l(`${e}-item-icon`), children: n.icon }),
-      /* @__PURE__ */ o("span", { className: l(`${e}-item-name`), children: i })
-    ] }) : i;
-    return g(e, n, d, a);
+function N(e, r) {
+  return (n, c, s, d, a) => {
+    if (r)
+      return r(n, c, s, d);
+    const t = h(n, c), f = n.icon ? /* @__PURE__ */ g(p, { children: [
+      /* @__PURE__ */ i("span", { className: l(`${e}-item-icon`), children: n.icon }),
+      /* @__PURE__ */ i("span", { className: l(`${e}-item-name`), children: typeof t == "string" ? /* @__PURE__ */ i(m, { children: t }) : t })
+    ] }) : typeof t == "string" ? /* @__PURE__ */ i(m, { children: t }) : t;
+    return u(e, n, f, a);
   };
 }
 export {
-  b as default
+  N as default
 };
 //# sourceMappingURL=useItemRender.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useItemRender.js","sources":["../../../src/components/Breadcrumb/useItemRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { renderItem } from \"antd/es/breadcrumb/useItemRender\";\nimport { InternalRouteType } from \"antd/es/breadcrumb/Breadcrumb\";\nimport type { BreadcrumbProps } from \"./types\";\n\ntype AddParameters<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TFunction extends (...args: any) => any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TParameters extends [...args: any]\n> = (\n  ...args: [...Parameters<TFunction>, ...TParameters]\n) => ReturnType<TFunction>;\n\ntype ItemRender = NonNullable<BreadcrumbProps[\"itemRender\"]>;\ntype InternalItemRenderParams = AddParameters<ItemRender, [href?: string]>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction getBreadcrumbName(route: InternalRouteType, params: any) {\n  if (route.title === undefined || route.title === null) {\n    return null;\n  }\n  const paramsKeys = Object.keys(params).join(\"|\");\n  return typeof route.title === \"object\"\n    ? route.title\n    : String(route.title).replace(\n        new RegExp(`:(${paramsKeys})`, \"g\"),\n        (replacement, key) => params[key] || replacement\n      );\n}\n\nexport default function useItemRender(\n  prefixCls: string,\n  itemRender?: ItemRender\n) {\n  const mergedItemRender: InternalItemRenderParams = (\n    item,\n    params,\n    routes,\n    path,\n    href\n  ) => {\n    if (itemRender) {\n      return itemRender(item, params, routes, path);\n    }\n    const name = getBreadcrumbName(item, params);\n    const child = item.icon ? (\n      <>\n        <span className={cn(`${prefixCls}-item-icon`)}>{item.icon}</span>\n        <span className={cn(`${prefixCls}-item-name`)}>{name}</span>\n      </>\n    ) : (\n      name\n    );\n\n    return renderItem(prefixCls, item, child, href);\n  };\n\n  return mergedItemRender;\n}\n"],"names":["getBreadcrumbName","route","params","paramsKeys","replacement","key","useItemRender","prefixCls","itemRender","item","routes","path","href","name","child","jsxs","Fragment","jsx","cn","renderItem"],"mappings":";;;AAmBA,SAASA,EAAkBC,GAA0BC,GAAa;AAChE,MAAID,EAAM,UAAU,UAAaA,EAAM,UAAU;AACxC,WAAA;AAET,QAAME,IAAa,OAAO,KAAKD,CAAM,EAAE,KAAK,GAAG;AACxC,SAAA,OAAOD,EAAM,SAAU,WAC1BA,EAAM,QACN,OAAOA,EAAM,KAAK,EAAE;AAAA,IAClB,IAAI,OAAO,KAAKE,CAAU,KAAK,GAAG;AAAA,IAClC,CAACC,GAAaC,MAAQH,EAAOG,CAAG,KAAKD;AAAA,EACvC;AACN;AAEwB,SAAAE,EACtBC,GACAC,GACA;AAwBO,SAvB4C,CACjDC,GACAP,GACAQ,GACAC,GACAC,MACG;AACH,QAAIJ;AACF,aAAOA,EAAWC,GAAMP,GAAQQ,GAAQC,CAAI;AAExC,UAAAE,IAAOb,EAAkBS,GAAMP,CAAM,GACrCY,IAAQL,EAAK,OAEf,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAA,QAAA,EAAK,WAAWC,EAAG,GAAGX,CAAS,YAAY,GAAI,YAAK,KAAK,CAAA;AAAA,MAC1D,gBAAAU,EAAC,UAAK,WAAWC,EAAG,GAAGX,CAAS,YAAY,GAAI,UAAKM,EAAA,CAAA;AAAA,IAAA,EAAA,CACvD,IAEAA;AAGF,WAAOM,EAAWZ,GAAWE,GAAMK,GAAOF,CAAI;AAAA,EAChD;AAGF;"}
+{"version":3,"file":"useItemRender.js","sources":["../../../src/components/Breadcrumb/useItemRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { renderItem } from \"antd/es/breadcrumb/useItemRender\";\nimport { InternalRouteType } from \"antd/es/breadcrumb/Breadcrumb\";\nimport type { BreadcrumbProps } from \"./types\";\nimport { Truncate } from \"../Truncate\";\n\ntype AddParameters<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TFunction extends (...args: any) => any,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TParameters extends [...args: any]\n> = (\n  ...args: [...Parameters<TFunction>, ...TParameters]\n) => ReturnType<TFunction>;\n\ntype ItemRender = NonNullable<BreadcrumbProps[\"itemRender\"]>;\ntype InternalItemRenderParams = AddParameters<ItemRender, [href?: string]>;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction getBreadcrumbName(route: InternalRouteType, params: any) {\n  if (route.title === undefined || route.title === null) {\n    return null;\n  }\n  const paramsKeys = Object.keys(params).join(\"|\");\n  return typeof route.title === \"object\"\n    ? route.title\n    : String(route.title).replace(\n        new RegExp(`:(${paramsKeys})`, \"g\"),\n        (replacement, key) => params[key] || replacement\n      );\n}\n\nexport default function useItemRender(\n  prefixCls: string,\n  itemRender?: ItemRender\n) {\n  const mergedItemRender: InternalItemRenderParams = (\n    item,\n    params,\n    routes,\n    path,\n    href\n  ) => {\n    if (itemRender) {\n      return itemRender(item, params, routes, path);\n    }\n    const name = getBreadcrumbName(item, params);\n    const child = item.icon ? (\n      <>\n        <span className={cn(`${prefixCls}-item-icon`)}>{item.icon}</span>\n        <span className={cn(`${prefixCls}-item-name`)}>\n          {typeof name === \"string\" ? <Truncate>{name}</Truncate> : name}\n        </span>\n      </>\n    ) : typeof name === \"string\" ? (\n      <Truncate>{name}</Truncate>\n    ) : (\n      name\n    );\n\n    return renderItem(prefixCls, item, child, href);\n  };\n\n  return mergedItemRender;\n}\n"],"names":["getBreadcrumbName","route","params","paramsKeys","replacement","key","useItemRender","prefixCls","itemRender","item","routes","path","href","name","child","jsxs","Fragment","jsx","cn","Truncate","renderItem"],"mappings":";;;;AAoBA,SAASA,EAAkBC,GAA0BC,GAAa;AAChE,MAAID,EAAM,UAAU,UAAaA,EAAM,UAAU;AACxC,WAAA;AAET,QAAME,IAAa,OAAO,KAAKD,CAAM,EAAE,KAAK,GAAG;AACxC,SAAA,OAAOD,EAAM,SAAU,WAC1BA,EAAM,QACN,OAAOA,EAAM,KAAK,EAAE;AAAA,IAClB,IAAI,OAAO,KAAKE,CAAU,KAAK,GAAG;AAAA,IAClC,CAACC,GAAaC,MAAQH,EAAOG,CAAG,KAAKD;AAAA,EACvC;AACN;AAEwB,SAAAE,EACtBC,GACAC,GACA;AA4BO,SA3B4C,CACjDC,GACAP,GACAQ,GACAC,GACAC,MACG;AACH,QAAIJ;AACF,aAAOA,EAAWC,GAAMP,GAAQQ,GAAQC,CAAI;AAExC,UAAAE,IAAOb,EAAkBS,GAAMP,CAAM,GACrCY,IAAQL,EAAK,OAEf,gBAAAM,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAA,QAAA,EAAK,WAAWC,EAAG,GAAGX,CAAS,YAAY,GAAI,YAAK,KAAK,CAAA;AAAA,MACzD,gBAAAU,EAAA,QAAA,EAAK,WAAWC,EAAG,GAAGX,CAAS,YAAY,GACzC,UAAA,OAAOM,KAAS,WAAW,gBAAAI,EAACE,GAAU,EAAA,UAAAN,EAAA,CAAK,IAAcA,EAC5D,CAAA;AAAA,IAAA,GACF,IACE,OAAOA,KAAS,WACjB,gBAAAI,EAAAE,GAAA,EAAU,YAAK,CAAA,IAEhBN;AAGF,WAAOO,EAAWb,GAAWE,GAAMK,GAAOF,CAAI;AAAA,EAChD;AAGF;"}

package/dist/components/Collapse/component.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Collapse as r } from "antd";
+import { forwardRef as p } 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();
+  return /* @__PURE__ */ a(
+    r,
+    {
+      ref: o,
+      className: n("collapse", e),
+      ...l
+    }
+  );
+}, i = p(m), f = (s) => {
+  const { className: o, ...e } = 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
+    }
+  );
+}, b = Object.assign(i, {
+  Panel: f
+});
+export {
+  b as Collapse
+};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +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;"}

package/dist/components/Collapse/style.css

@@ -0,0 +1 @@
+@layer components{.ds-collapse .ds-collapse-header{display:flex;align-items:center}.ds-collapse .ds-collapse-expand-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-grow:0}.ds-collapse .ds-collapse-header-text{flex-shrink:1;flex-grow:1;min-width:0;display:flex}}

package/dist/components/Modal/Modal.js

@@ -5,8 +5,8 @@ import { useState as R, useRef as ue, useCallback as pe, useEffect as he } from
 import { ModalContextProvider as be } from "antd/es/modal/context";
 import L from "antd/es/modal/components/NormalCancelBtn";
 import C from "antd/es/modal/components/NormalOkBtn";
-import { getConfirmLocale as ve } from "antd/es/modal/locale";
-import { useLocale as ge } from "antd/es/locale";
+import { getConfirmLocale as ge } from "antd/es/modal/locale";
+import { useLocale as ve } from "antd/es/locale";
 import { ModalSize as f } from "./constants.js";
 import { Stack as h } from "../Stack/index.js";
 import { Truncate as ye } from "../Truncate/component.js";
@@ -14,10 +14,10 @@ import { IconButton as we } from "../IconButton/component.js";
 import { useCls as xe } from "../utils/antdUtils.js";
 const We = ({
   open: b,
-  closeIcon: v,
+  closeIcon: g,
   children: j,
   size: E,
-  footer: g,
+  footer: v,
   width: F,
   style: P,
   styles: c,
@@ -46,7 +46,7 @@ const We = ({
   bodyScrollable: Y = !0,
   ...Z
 }) => {
-  const _ = v === void 0 ? /* @__PURE__ */ e(fe, { size: 16, weight: "bold" }) : v, t = E || (Q === "default" ? "medium" : "xsmall"), ee = F || f[t], oe = {
+  const _ = g === void 0 ? /* @__PURE__ */ e(fe, { size: 16, weight: "bold" }) : g, t = E || (Q === "default" ? "medium" : "xsmall"), ee = F || f[t], oe = {
     "--ds-modal-bg": `var(--ds-color-bg-${V || (t && t in f && parseInt(f[t]) <= parseInt(f.medium) ? "elevated" : "container")})`,
     ...P,
     ...t === "fullscreen" ? { top: 0, maxWidth: "100%", height: "100%" } : {}
@@ -76,7 +76,7 @@ const We = ({
   he(() => () => {
     d.current && (d.current.disconnect(), d.current = null);
   }, []);
-  const [s] = ge("Modal", ve()), le = y || (s == null ? void 0 : s.okText), se = x || (s == null ? void 0 : s.cancelText), S = {
+  const [s] = ve("Modal", ge()), le = y || (s == null ? void 0 : s.okText), se = x || (s == null ? void 0 : s.cancelText), S = {
     loading: A,
     ...$
   }, O = {
@@ -110,7 +110,7 @@ const We = ({
       title: /* @__PURE__ */ m(N, { children: [
         /* @__PURE__ */ m(h, { align: "center", gap: 8, className: a("modal-title-wrapper"), children: [
           /* @__PURE__ */ e(h.Child, { grow: !0, children: typeof u == "string" ? /* @__PURE__ */ e(ye, { children: u }) : u }),
-          /* @__PURE__ */ m(h.Child, { stack: !0, hug: !0, align: "center", children: [
+          /* @__PURE__ */ m(h.Child, { stack: !0, hug: !0, align: "center", gap: 8, children: [
             D,
             /* @__PURE__ */ e(
               we,
@@ -148,7 +148,7 @@ const We = ({
       cancelText: x,
       okType: "primary",
       confirmLoading: w,
-      footer: typeof g > "u" ? z && k ? null : ce : g,
+      footer: typeof v > "u" ? z && k ? null : ce : v,
       centered: K,
       ...Z,
       children: j

package/dist/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntModal,\n  type ModalProps as AntModalProps,\n} from \"antd/es/modal\";\nimport { XIcon } from \"@bioturing/assets\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useCls } from \"../utils\";\nimport { ModalContextProvider } from \"antd/es/modal/context\";\nimport NormalCancelBtn from \"antd/es/modal/components/NormalCancelBtn\";\nimport NormalOkBtn from \"antd/es/modal/components/NormalOkBtn\";\nimport { getConfirmLocale } from \"antd/es/modal/locale\";\nimport { useLocale } from \"antd/es/locale\";\nimport { IconButton } from \"../IconButton\";\nimport { ModalSize } from \"./constants\";\nimport { ModalType } from \"./functions\";\nimport { Truncate } from \"../Truncate\";\nimport { Stack } from \"../Stack\";\n\n// Define props interface extending Ant Design's ModalProps\nexport interface ModalProps extends Omit<AntModalProps, \"centered\"> {\n  /**\n   * Predefined sizes for the modal\n   * - xsmall: 400px\n   * - small: 520px\n   * - medium: 640px (default)\n   * - large: 840px\n   * - xlarge: 1024px\n   * - fullscreen: 100vw (takes full screen width with margins)\n   * @default \"medium\" for default type, \"xsmall\" for other types\n   */\n  size?:\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"fullscreen\";\n  /**\n   * Mark modal as loading\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Hide Ok button\n   * @default false\n   */\n  hideOkButton?: boolean;\n  /**\n   * Hide Cancel button\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /**\n   * Custom Content Padding\n   * @default \"24px\"\n   */\n  contentPadding?: number | string | boolean;\n  /**\n   * Add more content below the title\n   */\n  afterTitle?: React.ReactNode;\n  /**\n   * Add more actions before close button\n   */\n  beforeCloseButton?: React.ReactNode;\n  /**\n   * Add more actions after close button\n   */\n  afterCloseButton?: React.ReactNode;\n  /**\n   * Set header and footer to fixed position\n   * @default false\n   */\n  defaultFixedHeaderFooter?: boolean;\n  /**\n   * Centered Modal\n   * @default true\n   */\n  centered?: boolean;\n  /**\n   * Modal type\n   * @default \"default\"\n   */\n  type?: ModalType;\n  /**\n   * Default open state for uncontrolled modal\n   * @default true\n   */\n  defaultOpen?: boolean;\n  /**\n   * Modal background\n   * @default \"elevated\" if size smaller than \"medium\", otherwise \"container\"\n   */\n  background?: \"elevated\" | \"container\";\n  /**\n   * Modal old close callback\n   * @deprecated use onCancel instead\n   */\n  onClose?: () => void;\n  /**\n   * Make modal body scrollable\n   * @default true\n   */\n  bodyScrollable?: boolean;\n}\n\n// Create Modal component\nexport const Modal = ({\n  open: externalOpen,\n  closeIcon,\n  children,\n  size: sizeProp,\n  footer,\n  width,\n  style,\n  styles,\n  classNames,\n  okButtonProps,\n  cancelButtonProps,\n  loading,\n  onOk,\n  onCancel,\n  okText,\n  okType = \"primary\",\n  confirmLoading,\n  cancelText = \"Close\",\n  hideOkButton = false,\n  hideCancelButton = false,\n  contentPadding,\n  title,\n  afterTitle,\n  beforeCloseButton,\n  afterCloseButton,\n  defaultFixedHeaderFooter = false,\n  centered = true,\n  type = \"default\",\n  defaultOpen = true,\n  background: backgroundProp,\n  bodyScrollable = true,\n  ...rest\n}: ModalProps) => {\n  // Default close icon with Phosphor icon\n  const defaultCloseIcon =\n    closeIcon === undefined ? <XIcon size={16} weight=\"bold\" /> : closeIcon;\n\n  // Use custom width if provided, otherwise use the size from the map\n  const defaultModalSize = type === \"default\" ? \"medium\" : \"xsmall\";\n\n  const size: keyof typeof ModalSize = sizeProp || defaultModalSize;\n  const modalWidth = width || ModalSize[size];\n\n  const background =\n    backgroundProp ||\n    (size &&\n    size in ModalSize &&\n    parseInt(ModalSize[size]) <= parseInt(ModalSize.medium)\n      ? \"elevated\"\n      : \"container\");\n\n  // Apply additional styles for fullscreen mode\n  const modalStyle = {\n    \"--ds-modal-bg\": `var(--ds-color-bg-${background})`,\n    ...style,\n    ...(size === \"fullscreen\"\n      ? { top: 0, maxWidth: \"100%\", height: \"100%\" }\n      : {}),\n  };\n\n  const modalStyles = {\n    ...styles,\n    body: {\n      ...((typeof contentPadding != \"undefined\"\n        ? {\n            \"--ds-modal-content-padding\":\n              contentPadding === false || contentPadding === 0\n                ? \"0\"\n                : typeof contentPadding == \"number\"\n                ? `${contentPadding}px`\n                : contentPadding,\n          }\n        : {}) as React.CSSProperties),\n      ...styles?.body,\n    },\n  };\n\n  const [isContentOverflow, setIsContentOverflow] = useState(false);\n\n  const cls = useCls();\n\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const modalInnerRef = useCallback(\n    (node: HTMLElement | null) => {\n      // If the node is null (component unmounting), just return\n      if (!node) return;\n\n      const modalBody = node.querySelector(\".\" + cls(\"modal-body\"));\n      if (!(modalBody instanceof HTMLElement)) return;\n\n      // Create ResizeObserver to detect overflow\n      const resizeObserver = new ResizeObserver(() => {\n        const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n        setIsContentOverflow(hasOverflow);\n      });\n\n      // Store reference to the observer\n      resizeObserverRef.current = resizeObserver;\n\n      // Start observing\n      resizeObserver.observe(modalBody);\n\n      // Initial check\n      const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n      setIsContentOverflow(hasOverflow);\n    },\n    [cls]\n  );\n\n  // clean up resize observer\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const [locale] = useLocale(\"Modal\", getConfirmLocale());\n\n  const okTextLocale: React.ReactNode = okText || locale?.okText;\n  const cancelTextLocale = cancelText || locale?.cancelText;\n\n  const modalOkButtonProps = {\n    loading: loading,\n    ...okButtonProps,\n  };\n\n  const modalCancelButtonProps = {\n    ...cancelButtonProps,\n  };\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const uncontrolledOpen = typeof externalOpen === \"undefined\";\n\n  const open = uncontrolledOpen ? internalOpen : externalOpen;\n\n  const defaultFooter = (\n    <ModalContextProvider\n      value={{\n        okButtonProps: modalOkButtonProps,\n        cancelButtonProps: modalCancelButtonProps,\n        onCancel,\n        onOk,\n        okType,\n        confirmLoading,\n        okTextLocale,\n        cancelTextLocale,\n      }}\n    >\n      {hideOkButton ? (\n        <NormalCancelBtn />\n      ) : hideCancelButton ? (\n        <NormalOkBtn />\n      ) : (\n        <>\n          <NormalCancelBtn />\n          <NormalOkBtn />\n        </>\n      )}\n    </ModalContextProvider>\n  );\n  const renderTitle = () => {\n    return (\n      <>\n        <Stack align=\"center\" gap={8} className={cls(\"modal-title-wrapper\")}>\n          <Stack.Child grow>\n            {typeof title === \"string\" ? <Truncate>{title}</Truncate> : title}\n          </Stack.Child>\n          <Stack.Child stack hug align=\"center\">\n            {beforeCloseButton}\n            <IconButton\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) =>\n                onCancel?.(e)\n              }\n            >\n              {defaultCloseIcon}\n            </IconButton>\n            {afterCloseButton}\n          </Stack.Child>\n          {}\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </>\n    );\n  };\n  return (\n    <AntModal\n      closeIcon={false}\n      open={open}\n      width={modalWidth}\n      style={modalStyle}\n      title={renderTitle()}\n      classNames={{\n        ...classNames,\n        wrapper: cls(\n          \"modal-wrap\",\n          size == \"fullscreen\" && \"modal-fullscreen\",\n          isContentOverflow && \"modal-content-overflow\",\n          bodyScrollable === false && \"modal-no-body-scroll\",\n          defaultFixedHeaderFooter || isContentOverflow || size == \"fullscreen\"\n            ? \"modal-fixed\"\n            : \"\"\n        ),\n      }}\n      styles={modalStyles}\n      modalRender={(modal) => (\n        <div ref={modalInnerRef} className={cls(\"modal-inner\")}>\n          {modal}\n        </div>\n      )}\n      okButtonProps={modalOkButtonProps}\n      cancelButtonProps={modalCancelButtonProps}\n      onOk={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onOk?.(e);\n      }}\n      onCancel={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onCancel?.(e);\n      }}\n      okText={okText}\n      cancelText={cancelText}\n      okType=\"primary\"\n      confirmLoading={confirmLoading}\n      footer={\n        typeof footer === \"undefined\"\n          ? hideOkButton && hideCancelButton\n            ? null\n            : defaultFooter\n          : footer\n      }\n      centered={centered}\n      {...rest}\n    >\n      {children}\n    </AntModal>\n  );\n};\n"],"names":["Modal","externalOpen","closeIcon","children","sizeProp","footer","width","style","styles","classNames","okButtonProps","cancelButtonProps","loading","onOk","onCancel","okText","okType","confirmLoading","cancelText","hideOkButton","hideCancelButton","contentPadding","title","afterTitle","beforeCloseButton","afterCloseButton","defaultFixedHeaderFooter","centered","type","defaultOpen","backgroundProp","bodyScrollable","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","modalStyle","modalStyles","isContentOverflow","setIsContentOverflow","useState","cls","useCls","resizeObserverRef","useRef","modalInnerRef","useCallback","node","modalBody","resizeObserver","hasOverflow","useEffect","locale","useLocale","getConfirmLocale","okTextLocale","cancelTextLocale","modalOkButtonProps","modalCancelButtonProps","internalOpen","setInternalOpen","uncontrolledOpen","open","defaultFooter","ModalContextProvider","NormalCancelBtn","NormalOkBtn","jsxs","Fragment","AntModal","Stack","Truncate","IconButton","e","modal"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntModal,\n  type ModalProps as AntModalProps,\n} from \"antd/es/modal\";\nimport { XIcon } from \"@bioturing/assets\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useCls } from \"../utils\";\nimport { ModalContextProvider } from \"antd/es/modal/context\";\nimport NormalCancelBtn from \"antd/es/modal/components/NormalCancelBtn\";\nimport NormalOkBtn from \"antd/es/modal/components/NormalOkBtn\";\nimport { getConfirmLocale } from \"antd/es/modal/locale\";\nimport { useLocale } from \"antd/es/locale\";\nimport { IconButton } from \"../IconButton\";\nimport { ModalSize } from \"./constants\";\nimport { ModalType } from \"./functions\";\nimport { Truncate } from \"../Truncate\";\nimport { Stack } from \"../Stack\";\n\n// Define props interface extending Ant Design's ModalProps\nexport interface ModalProps extends Omit<AntModalProps, \"centered\"> {\n  /**\n   * Predefined sizes for the modal\n   * - xsmall: 400px\n   * - small: 520px\n   * - medium: 640px (default)\n   * - large: 840px\n   * - xlarge: 1024px\n   * - fullscreen: 100vw (takes full screen width with margins)\n   * @default \"medium\" for default type, \"xsmall\" for other types\n   */\n  size?:\n    | \"xsmall\"\n    | \"small\"\n    | \"medium\"\n    | \"large\"\n    | \"xlarge\"\n    | \"xxlarge\"\n    | \"fullscreen\";\n  /**\n   * Mark modal as loading\n   * @default false\n   */\n  loading?: boolean;\n  /**\n   * Hide Ok button\n   * @default false\n   */\n  hideOkButton?: boolean;\n  /**\n   * Hide Cancel button\n   * @default false\n   */\n  hideCancelButton?: boolean;\n  /**\n   * Custom Content Padding\n   * @default \"24px\"\n   */\n  contentPadding?: number | string | boolean;\n  /**\n   * Add more content below the title\n   */\n  afterTitle?: React.ReactNode;\n  /**\n   * Add more actions before close button\n   */\n  beforeCloseButton?: React.ReactNode;\n  /**\n   * Add more actions after close button\n   */\n  afterCloseButton?: React.ReactNode;\n  /**\n   * Set header and footer to fixed position\n   * @default false\n   */\n  defaultFixedHeaderFooter?: boolean;\n  /**\n   * Centered Modal\n   * @default true\n   */\n  centered?: boolean;\n  /**\n   * Modal type\n   * @default \"default\"\n   */\n  type?: ModalType;\n  /**\n   * Default open state for uncontrolled modal\n   * @default true\n   */\n  defaultOpen?: boolean;\n  /**\n   * Modal background\n   * @default \"elevated\" if size smaller than \"medium\", otherwise \"container\"\n   */\n  background?: \"elevated\" | \"container\";\n  /**\n   * Modal old close callback\n   * @deprecated use onCancel instead\n   */\n  onClose?: () => void;\n  /**\n   * Make modal body scrollable\n   * @default true\n   */\n  bodyScrollable?: boolean;\n}\n\n// Create Modal component\nexport const Modal = ({\n  open: externalOpen,\n  closeIcon,\n  children,\n  size: sizeProp,\n  footer,\n  width,\n  style,\n  styles,\n  classNames,\n  okButtonProps,\n  cancelButtonProps,\n  loading,\n  onOk,\n  onCancel,\n  okText,\n  okType = \"primary\",\n  confirmLoading,\n  cancelText = \"Close\",\n  hideOkButton = false,\n  hideCancelButton = false,\n  contentPadding,\n  title,\n  afterTitle,\n  beforeCloseButton,\n  afterCloseButton,\n  defaultFixedHeaderFooter = false,\n  centered = true,\n  type = \"default\",\n  defaultOpen = true,\n  background: backgroundProp,\n  bodyScrollable = true,\n  ...rest\n}: ModalProps) => {\n  // Default close icon with Phosphor icon\n  const defaultCloseIcon =\n    closeIcon === undefined ? <XIcon size={16} weight=\"bold\" /> : closeIcon;\n\n  // Use custom width if provided, otherwise use the size from the map\n  const defaultModalSize = type === \"default\" ? \"medium\" : \"xsmall\";\n\n  const size: keyof typeof ModalSize = sizeProp || defaultModalSize;\n  const modalWidth = width || ModalSize[size];\n\n  const background =\n    backgroundProp ||\n    (size &&\n    size in ModalSize &&\n    parseInt(ModalSize[size]) <= parseInt(ModalSize.medium)\n      ? \"elevated\"\n      : \"container\");\n\n  // Apply additional styles for fullscreen mode\n  const modalStyle = {\n    \"--ds-modal-bg\": `var(--ds-color-bg-${background})`,\n    ...style,\n    ...(size === \"fullscreen\"\n      ? { top: 0, maxWidth: \"100%\", height: \"100%\" }\n      : {}),\n  };\n\n  const modalStyles = {\n    ...styles,\n    body: {\n      ...((typeof contentPadding != \"undefined\"\n        ? {\n            \"--ds-modal-content-padding\":\n              contentPadding === false || contentPadding === 0\n                ? \"0\"\n                : typeof contentPadding == \"number\"\n                ? `${contentPadding}px`\n                : contentPadding,\n          }\n        : {}) as React.CSSProperties),\n      ...styles?.body,\n    },\n  };\n\n  const [isContentOverflow, setIsContentOverflow] = useState(false);\n\n  const cls = useCls();\n\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const modalInnerRef = useCallback(\n    (node: HTMLElement | null) => {\n      // If the node is null (component unmounting), just return\n      if (!node) return;\n\n      const modalBody = node.querySelector(\".\" + cls(\"modal-body\"));\n      if (!(modalBody instanceof HTMLElement)) return;\n\n      // Create ResizeObserver to detect overflow\n      const resizeObserver = new ResizeObserver(() => {\n        const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n        setIsContentOverflow(hasOverflow);\n      });\n\n      // Store reference to the observer\n      resizeObserverRef.current = resizeObserver;\n\n      // Start observing\n      resizeObserver.observe(modalBody);\n\n      // Initial check\n      const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n      setIsContentOverflow(hasOverflow);\n    },\n    [cls]\n  );\n\n  // clean up resize observer\n  useEffect(() => {\n    return () => {\n      if (resizeObserverRef.current) {\n        resizeObserverRef.current.disconnect();\n        resizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const [locale] = useLocale(\"Modal\", getConfirmLocale());\n\n  const okTextLocale: React.ReactNode = okText || locale?.okText;\n  const cancelTextLocale = cancelText || locale?.cancelText;\n\n  const modalOkButtonProps = {\n    loading: loading,\n    ...okButtonProps,\n  };\n\n  const modalCancelButtonProps = {\n    ...cancelButtonProps,\n  };\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n  const uncontrolledOpen = typeof externalOpen === \"undefined\";\n\n  const open = uncontrolledOpen ? internalOpen : externalOpen;\n\n  const defaultFooter = (\n    <ModalContextProvider\n      value={{\n        okButtonProps: modalOkButtonProps,\n        cancelButtonProps: modalCancelButtonProps,\n        onCancel,\n        onOk,\n        okType,\n        confirmLoading,\n        okTextLocale,\n        cancelTextLocale,\n      }}\n    >\n      {hideOkButton ? (\n        <NormalCancelBtn />\n      ) : hideCancelButton ? (\n        <NormalOkBtn />\n      ) : (\n        <>\n          <NormalCancelBtn />\n          <NormalOkBtn />\n        </>\n      )}\n    </ModalContextProvider>\n  );\n  const renderTitle = () => {\n    return (\n      <>\n        <Stack align=\"center\" gap={8} className={cls(\"modal-title-wrapper\")}>\n          <Stack.Child grow>\n            {typeof title === \"string\" ? <Truncate>{title}</Truncate> : title}\n          </Stack.Child>\n          <Stack.Child stack hug align=\"center\" gap={8}>\n            {beforeCloseButton}\n            <IconButton\n              onClick={(e: React.MouseEvent<HTMLButtonElement>) =>\n                onCancel?.(e)\n              }\n            >\n              {defaultCloseIcon}\n            </IconButton>\n            {afterCloseButton}\n          </Stack.Child>\n          {}\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </>\n    );\n  };\n  return (\n    <AntModal\n      closeIcon={false}\n      open={open}\n      width={modalWidth}\n      style={modalStyle}\n      title={renderTitle()}\n      classNames={{\n        ...classNames,\n        wrapper: cls(\n          \"modal-wrap\",\n          size == \"fullscreen\" && \"modal-fullscreen\",\n          isContentOverflow && \"modal-content-overflow\",\n          bodyScrollable === false && \"modal-no-body-scroll\",\n          defaultFixedHeaderFooter || isContentOverflow || size == \"fullscreen\"\n            ? \"modal-fixed\"\n            : \"\"\n        ),\n      }}\n      styles={modalStyles}\n      modalRender={(modal) => (\n        <div ref={modalInnerRef} className={cls(\"modal-inner\")}>\n          {modal}\n        </div>\n      )}\n      okButtonProps={modalOkButtonProps}\n      cancelButtonProps={modalCancelButtonProps}\n      onOk={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onOk?.(e);\n      }}\n      onCancel={(e) => {\n        if (uncontrolledOpen) setInternalOpen(false);\n        onCancel?.(e);\n      }}\n      okText={okText}\n      cancelText={cancelText}\n      okType=\"primary\"\n      confirmLoading={confirmLoading}\n      footer={\n        typeof footer === \"undefined\"\n          ? hideOkButton && hideCancelButton\n            ? null\n            : defaultFooter\n          : footer\n      }\n      centered={centered}\n      {...rest}\n    >\n      {children}\n    </AntModal>\n  );\n};\n"],"names":["Modal","externalOpen","closeIcon","children","sizeProp","footer","width","style","styles","classNames","okButtonProps","cancelButtonProps","loading","onOk","onCancel","okText","okType","confirmLoading","cancelText","hideOkButton","hideCancelButton","contentPadding","title","afterTitle","beforeCloseButton","afterCloseButton","defaultFixedHeaderFooter","centered","type","defaultOpen","backgroundProp","bodyScrollable","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","modalStyle","modalStyles","isContentOverflow","setIsContentOverflow","useState","cls","useCls","resizeObserverRef","useRef","modalInnerRef","useCallback","node","modalBody","resizeObserver","hasOverflow","useEffect","locale","useLocale","getConfirmLocale","okTextLocale","cancelTextLocale","modalOkButtonProps","modalCancelButtonProps","internalOpen","setInternalOpen","uncontrolledOpen","open","defaultFooter","ModalContextProvider","NormalCancelBtn","NormalOkBtn","jsxs","Fragment","AntModal","Stack","Truncate","IconButton","e","modal"],"mappings":"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"}

package/dist/components/Table/component.js

@@ -1,68 +1,108 @@
-import { jsx as n, jsxs as C, Fragment as L } from "react/jsx-runtime";
-import e from "antd/es/table";
-import { Funnel as T, CaretUp as r, CaretDown as a } from "@bioturing/assets";
-import { Empty as I } from "../Empty/component.js";
+import { jsx as t, jsxs as j, Fragment as x } from "react/jsx-runtime";
+import o from "antd/es/table";
+import { FunnelIcon as A, CaretUpIcon as g, CaretDownIcon as L } from "@bioturing/assets";
+import { Empty as U } from "../Empty/component.js";
+import { forwardRef as H, useState as M, useRef as R, useEffect as D, useCallback as P } from "react";
 import './style.css';/* empty css          */
-import { useCls as O } from "../utils/antdUtils.js";
-const d = ({
-  columns: s,
-  locale: m,
-  emptyDescription: c,
-  loading: t,
-  scroll: p = {},
-  ...N
-}) => {
-  const l = O(), E = s ? s.map((u) => ({
-    sortIcon: ({ sortOrder: o }) => /* @__PURE__ */ n(
+import { useCls as $ } from "../utils/antdUtils.js";
+const k = ({
+  columns: N,
+  locale: S,
+  emptyDescription: T,
+  loading: c,
+  virtual: s,
+  scroll: d = {},
+  ...y
+}, r) => {
+  const i = $(), [O, b] = M(
+    s ? {} : {
+      x: "fit-content"
+    }
+  ), a = R(null);
+  D(() => {
+    var I;
+    if (!a.current || !s) return;
+    const e = (I = a.current) == null ? void 0 : I.nativeElement, n = e == null ? void 0 : e.parentElement;
+    if (!n) return;
+    const l = e == null ? void 0 : e.querySelector(
+      `.${i("table-thead")}`
+    ), m = e == null ? void 0 : e.querySelector(
+      `.${i("table-pagination")}`
+    );
+    let C = 0;
+    if (m) {
+      const p = getComputedStyle(m).marginTop, u = getComputedStyle(m).marginBottom;
+      C = m.offsetHeight + parseInt(p) + parseInt(u);
+    }
+    const E = new ResizeObserver((p) => {
+      for (const u of p)
+        u.target && b({
+          y: n.offsetHeight - (l ? l == null ? void 0 : l.offsetHeight : 0) - C
+        });
+    });
+    return n && s && E.observe(n), () => {
+      n && s && E.disconnect();
+    };
+  }, [s, i]);
+  const h = N ? N.map((e) => ({
+    sortIcon: ({ sortOrder: n }) => /* @__PURE__ */ t(
       "span",
       {
-        className: l(
+        className: i(
           "table-column-sort-icon",
-          o ? `table-column-sort-icon-${o}` : "table-column-sort-icon-none"
+          n ? `table-column-sort-icon-${n}` : "table-column-sort-icon-none"
         ),
-        children: o ? o === "ascend" ? /* @__PURE__ */ n(r, { weight: "fill" }) : /* @__PURE__ */ n(a, { weight: "fill" }) : /* @__PURE__ */ C(L, { children: [
-          /* @__PURE__ */ n(r, { weight: "fill" }),
+        children: n ? n === "ascend" ? /* @__PURE__ */ t(g, { weight: "fill" }) : /* @__PURE__ */ t(L, { weight: "fill" }) : /* @__PURE__ */ j(x, { children: [
+          /* @__PURE__ */ t(g, { weight: "fill" }),
           " ",
-          /* @__PURE__ */ n(a, { weight: "fill" })
+          /* @__PURE__ */ t(L, { weight: "fill" })
         ] })
       }
     ),
-    filterIcon: (o) => /* @__PURE__ */ n("span", { className: l("table-column-filter-icon"), children: /* @__PURE__ */ n(T, { weight: "fill" }) }),
-    ...u
-  })) : void 0, f = {
-    emptyText: /* @__PURE__ */ n(I, { description: c }),
-    ...m
+    filterIcon: (n) => /* @__PURE__ */ t("span", { className: i("table-column-filter-icon"), children: /* @__PURE__ */ t(A, { weight: "fill" }) }),
+    ...e
+  })) : void 0, _ = {
+    emptyText: /* @__PURE__ */ t(U, { description: T }),
+    ...S
   };
-  let i;
-  return typeof t == "boolean" ? i = {
-    spinning: t,
-    indicator: /* @__PURE__ */ n("span", { className: l("spin-loader") })
-  } : typeof t == "object" && (i = {
+  let f;
+  typeof c == "boolean" ? f = {
+    spinning: c,
+    indicator: /* @__PURE__ */ t("span", { className: i("spin-loader") })
+  } : typeof c == "object" && (f = {
     spinning: !0,
-    indicator: /* @__PURE__ */ n("span", { className: l("spin-loader") }),
-    ...t
-  }), /* @__PURE__ */ n(
-    e,
+    indicator: /* @__PURE__ */ t("span", { className: i("spin-loader") }),
+    ...c
+  });
+  const w = P(
+    (e) => {
+      e && (typeof r == "function" && r(e), r && typeof r == "object" && "current" in r && (r.current = e), a.current = e);
+    },
+    [r]
+  );
+  return /* @__PURE__ */ t(
+    o,
     {
-      columns: E,
-      loading: i,
-      locale: f,
-      scroll: { x: "fit-content", ...p },
-      ...N
+      ref: w,
+      columns: h,
+      loading: f,
+      locale: _,
+      virtual: s,
+      scroll: { ...O, ...d },
+      ...y
     }
   );
-}, y = Object.assign(d, {
-  Column: e.Column,
-  ColumnGroup: e.ColumnGroup,
-  SELECTION_COLUMN: e.SELECTION_COLUMN,
-  EXPAND_COLUMN: e.EXPAND_COLUMN,
-  SELECTION_ALL: e.SELECTION_ALL,
-  SELECTION_INVERT: e.SELECTION_INVERT,
-  SELECTION_NONE: e.SELECTION_NONE,
-  Summary: e.Summary
+}, q = H(k), J = Object.assign(q, {
+  Column: o.Column,
+  ColumnGroup: o.ColumnGroup,
+  SELECTION_COLUMN: o.SELECTION_COLUMN,
+  EXPAND_COLUMN: o.EXPAND_COLUMN,
+  SELECTION_ALL: o.SELECTION_ALL,
+  SELECTION_INVERT: o.SELECTION_INVERT,
+  SELECTION_NONE: o.SELECTION_NONE,
+  Summary: o.Summary
 });
 export {
-  y as Table,
-  y as default
+  J as Table
 };
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Table/component.tsx"],"sourcesContent":["import {\n  default as AntTable,\n  type ColumnType,\n  type TableProps as AntTableProps,\n} from \"antd/es/table\";\nimport { CaretDown, CaretUp, Funnel } from \"@bioturing/assets\";\nimport { useCls } from \"../utils\";\nimport Empty from \"../Empty/component\";\nimport { SpinProps } from \"antd/es/spin\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define interface with all the generic type parameters from AntTable without any\nexport interface TableProps<RecordType extends object = object>\n  extends AntTableProps<RecordType> {\n  /**\n   * Add empty description for the table\n   */\n  emptyDescription?: React.ReactNode;\n}\n\n// Simple wrapper component with proper generics\nconst InternalTable = <RecordType extends object = object>({\n  columns,\n  locale,\n  emptyDescription,\n  loading,\n  scroll = {},\n  ...rest\n}: TableProps<RecordType>) => {\n  const cls = useCls();\n  const modifiedColumns = columns\n    ? columns.map((column: ColumnType<RecordType>): ColumnType<RecordType> => {\n        return {\n          sortIcon: ({ sortOrder }) => {\n            return (\n              <span\n                className={cls(\n                  \"table-column-sort-icon\",\n                  sortOrder\n                    ? `table-column-sort-icon-${sortOrder}`\n                    : `table-column-sort-icon-none`\n                )}\n              >\n                {!sortOrder ? (\n                  <>\n                    <CaretUp weight=\"fill\" /> <CaretDown weight=\"fill\" />\n                  </>\n                ) : sortOrder === \"ascend\" ? (\n                  <CaretUp weight=\"fill\" />\n                ) : (\n                  <CaretDown weight=\"fill\" />\n                )}\n              </span>\n            );\n          },\n          filterIcon: (_filtered) => {\n            return (\n              <span className={cls(\"table-column-filter-icon\")}>\n                <Funnel weight=\"fill\" />\n              </span>\n            );\n          },\n          ...column,\n        };\n      })\n    : undefined;\n  const modifiedLocale = {\n    emptyText: <Empty description={emptyDescription} />,\n    ...locale,\n  };\n  let spinProps: SpinProps | undefined;\n  if (typeof loading === \"boolean\") {\n    spinProps = {\n      spinning: loading,\n      indicator: <span className={cls(\"spin-loader\")} />,\n    };\n  } else if (typeof loading === \"object\") {\n    spinProps = {\n      spinning: true,\n      indicator: <span className={cls(\"spin-loader\")} />,\n      ...loading,\n    };\n  }\n  return (\n    <AntTable\n      columns={modifiedColumns}\n      loading={spinProps}\n      locale={modifiedLocale}\n      scroll={{ x: \"fit-content\", ...scroll }}\n      {...rest}\n    />\n  );\n};\n\n// Create the final component with all static properties\nexport const Table = Object.assign(InternalTable, {\n  Column: AntTable.Column,\n  ColumnGroup: AntTable.ColumnGroup,\n  SELECTION_COLUMN: AntTable.SELECTION_COLUMN,\n  EXPAND_COLUMN: AntTable.EXPAND_COLUMN,\n  SELECTION_ALL: AntTable.SELECTION_ALL,\n  SELECTION_INVERT: AntTable.SELECTION_INVERT,\n  SELECTION_NONE: AntTable.SELECTION_NONE,\n  Summary: AntTable.Summary,\n}) as typeof InternalTable & {\n  Column: typeof AntTable.Column;\n  ColumnGroup: typeof AntTable.ColumnGroup;\n  SELECTION_COLUMN: typeof AntTable.SELECTION_COLUMN;\n  EXPAND_COLUMN: typeof AntTable.EXPAND_COLUMN;\n  SELECTION_ALL: typeof AntTable.SELECTION_ALL;\n  SELECTION_INVERT: typeof AntTable.SELECTION_INVERT;\n  SELECTION_NONE: typeof AntTable.SELECTION_NONE;\n  Summary: typeof AntTable.Summary;\n};\n\nexport default Table;\n"],"names":["InternalTable","columns","locale","emptyDescription","loading","scroll","rest","cls","useCls","modifiedColumns","column","sortOrder","jsx","CaretUp","CaretDown","jsxs","Fragment","_filtered","Funnel","modifiedLocale","Empty","spinProps","AntTable","Table"],"mappings":";;;;;;AAuBA,MAAMA,IAAgB,CAAqC;AAAA,EACzD,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS,CAAC;AAAA,EACV,GAAGC;AACL,MAA8B;AAC5B,QAAMC,IAAMC,EAAO,GACbC,IAAkBR,IACpBA,EAAQ,IAAI,CAACS,OACJ;AAAA,IACL,UAAU,CAAC,EAAE,WAAAC,QAET,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWL;AAAA,UACT;AAAA,UACAI,IACI,0BAA0BA,CAAS,KACnC;AAAA,QACN;AAAA,QAEC,UAACA,IAIEA,MAAc,WACf,gBAAAC,EAAAC,GAAA,EAAQ,QAAO,OAAA,CAAO,IAEvB,gBAAAD,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA,IALvB,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,UAAC,gBAAAJ,EAAAC,GAAA,EAAQ,QAAO,OAAO,CAAA;AAAA,UAAE;AAAA,UAAC,gBAAAD,EAACE,GAAU,EAAA,QAAO,OAAO,CAAA;AAAA,QACrD,EAAA,CAAA;AAAA,MAIyB;AAAA,IAE7B;AAAA,IAGJ,YAAY,CAACG,MAET,gBAAAL,EAAC,QAAK,EAAA,WAAWL,EAAI,0BAA0B,GAC7C,UAAC,gBAAAK,EAAAM,GAAA,EAAO,QAAO,OAAA,CAAO,EACxB,CAAA;AAAA,IAGJ,GAAGR;AAAA,EACL,EACD,IACD,QACES,IAAiB;AAAA,IACrB,WAAW,gBAAAP,EAACQ,GAAM,EAAA,aAAajB,EAAkB,CAAA;AAAA,IACjD,GAAGD;AAAA,EACL;AACI,MAAAmB;AACA,SAAA,OAAOjB,KAAY,YACTiB,IAAA;AAAA,IACV,UAAUjB;AAAA,IACV,WAAY,gBAAAQ,EAAA,QAAA,EAAK,WAAWL,EAAI,aAAa,EAAG,CAAA;AAAA,EAClD,IACS,OAAOH,KAAY,aAChBiB,IAAA;AAAA,IACV,UAAU;AAAA,IACV,WAAY,gBAAAT,EAAA,QAAA,EAAK,WAAWL,EAAI,aAAa,GAAG;AAAA,IAChD,GAAGH;AAAA,EACL,IAGA,gBAAAQ;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,SAASb;AAAA,MACT,SAASY;AAAA,MACT,QAAQF;AAAA,MACR,QAAQ,EAAE,GAAG,eAAe,GAAGd,EAAO;AAAA,MACrC,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ,GAGaiB,IAAQ,OAAO,OAAOvB,GAAe;AAAA,EAChD,QAAQsB,EAAS;AAAA,EACjB,aAAaA,EAAS;AAAA,EACtB,kBAAkBA,EAAS;AAAA,EAC3B,eAAeA,EAAS;AAAA,EACxB,eAAeA,EAAS;AAAA,EACxB,kBAAkBA,EAAS;AAAA,EAC3B,gBAAgBA,EAAS;AAAA,EACzB,SAASA,EAAS;AACpB,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Table/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntTable,\n  type ColumnType,\n  type TableProps as AntTableProps,\n  type TableRef,\n} from \"antd/es/table\";\nimport { CaretDownIcon, CaretUpIcon, FunnelIcon } from \"@bioturing/assets\";\nimport { useCls } from \"../utils\";\nimport Empty from \"../Empty/component\";\nimport { SpinProps } from \"antd/es/spin\";\nimport {\n  useState,\n  useEffect,\n  forwardRef,\n  Ref,\n  ForwardedRef,\n  useCallback,\n  useRef,\n} from \"react\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define interface with all the generic type parameters from AntTable without any\nexport interface TableProps<RecordType extends object = object>\n  extends AntTableProps<RecordType> {\n  /**\n   * Add empty description for the table\n   */\n  emptyDescription?: React.ReactNode;\n  /**\n   * Table ref\n   */\n  tableRef?: React.Ref<HTMLDivElement>;\n}\n\n// Simple wrapper component with proper generics\nconst InnerInternalTable = <RecordType extends object = object>(\n  {\n    columns,\n    locale,\n    emptyDescription,\n    loading,\n    virtual,\n    scroll: scrollProp = {},\n    ...rest\n  }: TableProps<RecordType>,\n  ref: Ref<TableRef>\n) => {\n  const cls = useCls();\n  const [scroll, setScroll] = useState<TableProps[\"scroll\"]>(\n    virtual\n      ? {}\n      : {\n          x: \"fit-content\",\n        }\n  );\n\n  const innerRef = useRef<TableRef>(null);\n\n  useEffect(() => {\n    if (!innerRef.current || !virtual) return;\n    const tableEl = innerRef.current?.nativeElement;\n    const parentEl = tableEl?.parentElement;\n    if (!parentEl) return;\n    const thead = tableEl?.querySelector(\n      `.${cls(\"table-thead\")}`\n    ) as HTMLElement;\n    const tpagination = tableEl?.querySelector(\n      `.${cls(\"table-pagination\")}`\n    ) as HTMLElement;\n    let tpaginationHeight = 0;\n    if (tpagination) {\n      const mt = getComputedStyle(tpagination).marginTop;\n      const mb = getComputedStyle(tpagination).marginBottom;\n      tpaginationHeight =\n        tpagination.offsetHeight + parseInt(mt) + parseInt(mb);\n    }\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        if (entry.target) {\n          setScroll({\n            y:\n              parentEl.offsetHeight -\n              (thead ? thead?.offsetHeight : 0) -\n              tpaginationHeight,\n          });\n        }\n      }\n    });\n    if (parentEl && virtual) {\n      resizeObserver.observe(parentEl);\n    }\n    return () => {\n      if (parentEl && virtual) {\n        resizeObserver.disconnect();\n      }\n    };\n  }, [virtual, cls]);\n\n  const modifiedColumns = columns\n    ? columns.map((column: ColumnType<RecordType>): ColumnType<RecordType> => {\n        return {\n          sortIcon: ({ sortOrder }) => {\n            return (\n              <span\n                className={cls(\n                  \"table-column-sort-icon\",\n                  sortOrder\n                    ? `table-column-sort-icon-${sortOrder}`\n                    : `table-column-sort-icon-none`\n                )}\n              >\n                {!sortOrder ? (\n                  <>\n                    <CaretUpIcon weight=\"fill\" />{\" \"}\n                    <CaretDownIcon weight=\"fill\" />\n                  </>\n                ) : sortOrder === \"ascend\" ? (\n                  <CaretUpIcon weight=\"fill\" />\n                ) : (\n                  <CaretDownIcon weight=\"fill\" />\n                )}\n              </span>\n            );\n          },\n          filterIcon: (_filtered) => {\n            return (\n              <span className={cls(\"table-column-filter-icon\")}>\n                <FunnelIcon weight=\"fill\" />\n              </span>\n            );\n          },\n          ...column,\n        };\n      })\n    : undefined;\n  const modifiedLocale = {\n    emptyText: <Empty description={emptyDescription} />,\n    ...locale,\n  };\n  let spinProps: SpinProps | undefined;\n  if (typeof loading === \"boolean\") {\n    spinProps = {\n      spinning: loading,\n      indicator: <span className={cls(\"spin-loader\")} />,\n    };\n  } else if (typeof loading === \"object\") {\n    spinProps = {\n      spinning: true,\n      indicator: <span className={cls(\"spin-loader\")} />,\n      ...loading,\n    };\n  }\n  const callbackRef = useCallback(\n    (tableRef: TableRef) => {\n      if (tableRef) {\n        if (typeof ref === \"function\") {\n          ref(tableRef);\n        }\n        if (ref && typeof ref === \"object\" && \"current\" in ref) {\n          ref.current = tableRef;\n        }\n        innerRef.current = tableRef;\n      }\n    },\n    [ref]\n  );\n\n  return (\n    <AntTable\n      ref={callbackRef}\n      columns={modifiedColumns}\n      loading={spinProps}\n      locale={modifiedLocale}\n      virtual={virtual}\n      scroll={{ ...scroll, ...scrollProp }}\n      {...rest}\n    />\n  );\n};\n\nconst InternalTable = forwardRef(InnerInternalTable) as <\n  RecordType extends object = object\n>(\n  props: TableProps<RecordType> & { ref?: ForwardedRef<TableRef> }\n) => ReturnType<typeof InnerInternalTable>;\n\n// Create the final component with all static properties\nexport const Table = Object.assign(InternalTable, {\n  Column: AntTable.Column,\n  ColumnGroup: AntTable.ColumnGroup,\n  SELECTION_COLUMN: AntTable.SELECTION_COLUMN,\n  EXPAND_COLUMN: AntTable.EXPAND_COLUMN,\n  SELECTION_ALL: AntTable.SELECTION_ALL,\n  SELECTION_INVERT: AntTable.SELECTION_INVERT,\n  SELECTION_NONE: AntTable.SELECTION_NONE,\n  Summary: AntTable.Summary,\n}) as typeof InternalTable & {\n  Column: typeof AntTable.Column;\n  ColumnGroup: typeof AntTable.ColumnGroup;\n  SELECTION_COLUMN: typeof AntTable.SELECTION_COLUMN;\n  EXPAND_COLUMN: typeof AntTable.EXPAND_COLUMN;\n  SELECTION_ALL: typeof AntTable.SELECTION_ALL;\n  SELECTION_INVERT: typeof AntTable.SELECTION_INVERT;\n  SELECTION_NONE: typeof AntTable.SELECTION_NONE;\n  Summary: typeof AntTable.Summary;\n};\n"],"names":["InnerInternalTable","columns","locale","emptyDescription","loading","virtual","scrollProp","rest","ref","cls","useCls","scroll","setScroll","useState","innerRef","useRef","useEffect","tableEl","_a","parentEl","thead","tpagination","tpaginationHeight","mt","mb","resizeObserver","entries","entry","modifiedColumns","column","sortOrder","jsx","CaretUpIcon","CaretDownIcon","jsxs","Fragment","_filtered","FunnelIcon","modifiedLocale","Empty","spinProps","callbackRef","useCallback","tableRef","AntTable","InternalTable","forwardRef","Table"],"mappings":"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"}

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}}
+@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}}

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/Truncate/style.css

@@ -1 +1 @@
-@layer components{.ds-truncate{white-space:nowrap;overflow:hidden;width:100%;flex-grow:1;min-width:0;max-width:100%;display:block}.ds-truncate-end{text-overflow:ellipsis}.ds-truncate-middle{text-overflow:clip}.ds-truncate-multiline{display:-webkit-box;-webkit-line-clamp:var(--ds-line-clamp, 2);line-clamp:var(--ds-line-clamp, 2);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-break:break-word}}
+@layer components{.ds-truncate{white-space:nowrap;overflow:hidden;flex-grow:1;min-width:0;max-width:100%;display:block}.ds-truncate-end{text-overflow:ellipsis}.ds-truncate-middle{text-overflow:clip}.ds-truncate-multiline{display:-webkit-box;-webkit-line-clamp:var(--ds-line-clamp, 2);line-clamp:var(--ds-line-clamp, 2);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis;word-break:break-word}}

package/dist/components/utils/antdUtils.js

@@ -1,58 +1,61 @@
 import n from "antd/es/config-provider";
-import a from "antd/es/theme/useToken";
-import { useContext as i } from "react";
-import { cx as c } from "./cn.js";
-const C = () => {
-  const { getPrefixCls: o } = i(n.ConfigContext);
-  return { getPrefixCls: o };
+import c from "antd/es/theme/useToken";
+import { useContext as i, useCallback as a } from "react";
+import { cx as l } from "./cn.js";
+const b = () => {
+  const { getPrefixCls: s } = i(n.ConfigContext);
+  return { getPrefixCls: s };
 }, g = () => {
   var t;
-  return (t = a()[4]) == null ? void 0 : t.key;
-}, b = () => {
-  const { getPrefixCls: o } = i(n.ConfigContext);
-  return (...t) => c(...t).map((e) => o(e)).join(" ");
+  return (t = c()[4]) == null ? void 0 : t.key;
+}, k = () => {
+  const { getPrefixCls: s } = i(n.ConfigContext);
+  return a(
+    (...e) => l(...e).map((o) => s(o)).join(" "),
+    [s]
+  );
 };
-function f(o) {
+function f(s) {
   const t = [];
   let e = "";
-  for (const r of o)
-    r >= "A" && r <= "Z" ? (e && t.push(e), e = r.toLowerCase()) : e += r;
-  return e && t.push(e), t.length > 0 ? t : [o];
+  for (const o of s)
+    o >= "A" && o <= "Z" ? (e && t.push(e), e = o.toLowerCase()) : e += o;
+  return e && t.push(e), t.length > 0 ? t : [s];
 }
-const h = (o = "bottomLeft") => {
-  const [t, e] = f(o);
-  let r, s = "center";
+const h = (s = "bottomLeft") => {
+  const [t, e] = f(s);
+  let o, r = "center";
   if (t === "top" || t === "bottom") {
-    if (r = t, e)
+    if (o = t, e)
       switch (e) {
         case "left":
-          s = "start";
+          r = "start";
           break;
         case "right":
-          s = "end";
+          r = "end";
           break;
       }
   } else if (t === "left" || t === "right") {
-    if (r = t, e)
+    if (o = t, e)
       switch (e) {
         case "top":
-          s = "start";
+          r = "start";
           break;
         case "bottom":
-          s = "end";
+          r = "end";
           break;
       }
   } else
-    r = "bottom";
+    o = "bottom";
   return {
-    placement: r,
-    align: s
+    placement: o,
+    align: r
   };
 };
 export {
   h as parseAntdPlacement,
   g as useAntdCssVarClassname,
-  b as useCls,
-  C as useGetPrefixCls
+  k as useCls,
+  b as useGetPrefixCls
 };
 //# sourceMappingURL=antdUtils.js.map

package/dist/components/utils/antdUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"antdUtils.js","sources":["../../../src/components/utils/antdUtils.ts"],"sourcesContent":["\"use client\";\nimport { default as ConfigProvider } from \"antd/es/config-provider\";\nimport useToken from \"antd/es/theme/useToken\";\nimport { useContext } from \"react\";\nimport type { ClassValue } from \"./types\";\nimport { cx } from \"./cn\";\nimport { PopoverProps } from \"antd/es/popover\";\n\nexport const useGetPrefixCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  return { getPrefixCls };\n};\n\n/**\n *\n * @returns the antd classname providing css variables\n */\nexport const useAntdCssVarClassname = () => {\n  const token = useToken();\n  return token[4]?.key;\n};\n\nexport const useCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  return (...args: ClassValue[]) => {\n    return cx(...args)\n      .map((cls) => getPrefixCls(cls))\n      .join(\" \");\n  };\n};\n\nfunction splitCamelCase(text: string): string[] {\n  const result: string[] = [];\n  let currentWord = \"\";\n\n  for (const char of text) {\n    if (char >= \"A\" && char <= \"Z\") {\n      if (currentWord) {\n        result.push(currentWord);\n      }\n      currentWord = char.toLowerCase();\n    } else {\n      currentWord += char;\n    }\n  }\n\n  if (currentWord) {\n    result.push(currentWord);\n  }\n\n  return result.length > 0 ? result : [text];\n}\n\nexport const parseAntdPlacement = (\n  placement: PopoverProps[\"placement\"] = \"bottomLeft\"\n): {\n  placement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align: \"start\" | \"end\" | \"center\";\n} => {\n  const [position1, position2] = splitCamelCase(placement);\n\n  // Determine primary placement\n  let primaryPlacement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  let align: \"start\" | \"end\" | \"center\" = \"center\";\n\n  // First check if it's a vertical or horizontal primary placement\n  if (position1 === \"top\" || position1 === \"bottom\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"left\":\n          align = \"start\";\n          break;\n        case \"right\":\n          align = \"end\";\n          break;\n        // \"top\" or \"bottom\" as second position is invalid, defaults to center\n      }\n    }\n  } else if (position1 === \"left\" || position1 === \"right\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"top\":\n          align = \"start\";\n          break;\n        case \"bottom\":\n          align = \"end\";\n          break;\n        // \"left\" or \"right\" as second position is invalid, defaults to center\n      }\n    }\n  } else {\n    // Fallback for invalid placement\n    primaryPlacement = \"bottom\";\n  }\n\n  return {\n    placement: primaryPlacement,\n    align,\n  };\n};\n"],"names":["useGetPrefixCls","getPrefixCls","useContext","ConfigProvider","useAntdCssVarClassname","_a","useToken","useCls","args","cx","cls","splitCamelCase","text","result","currentWord","char","parseAntdPlacement","placement","position1","position2","primaryPlacement","align"],"mappings":";;;;AAQO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,cAAAC,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AAChE,SAAO,EAAE,cAAAF,EAAa;AACxB,GAMaG,IAAyB,MAAM;;AAEnC,UAAAC,IADOC,EAAS,EACV,CAAC,MAAP,gBAAAD,EAAU;AACnB,GAEaE,IAAS,MAAM;AAC1B,QAAM,EAAE,cAAAN,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AAChE,SAAO,IAAIK,MACFC,EAAG,GAAGD,CAAI,EACd,IAAI,CAACE,MAAQT,EAAaS,CAAG,CAAC,EAC9B,KAAK,GAAG;AAEf;AAEA,SAASC,EAAeC,GAAwB;AAC9C,QAAMC,IAAmB,CAAC;AAC1B,MAAIC,IAAc;AAElB,aAAWC,KAAQH;AACb,IAAAG,KAAQ,OAAOA,KAAQ,OACrBD,KACFD,EAAO,KAAKC,CAAW,GAEzBA,IAAcC,EAAK,YAAY,KAEhBD,KAAAC;AAInB,SAAID,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAEa,MAAAI,IAAqB,CAChCC,IAAuC,iBAIpC;AACH,QAAM,CAACC,GAAWC,CAAS,IAAIR,EAAeM,CAAS;AAGnD,MAAAG,GACAC,IAAoC;AAGpC,MAAAH,MAAc,SAASA,MAAc;AAEvC,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA,aAIGH,MAAc,UAAUA,MAAc;AAE/C,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA;AAMa,IAAAD,IAAA;AAGd,SAAA;AAAA,IACL,WAAWA;AAAA,IACX,OAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"antdUtils.js","sources":["../../../src/components/utils/antdUtils.ts"],"sourcesContent":["\"use client\";\nimport { default as ConfigProvider } from \"antd/es/config-provider\";\nimport useToken from \"antd/es/theme/useToken\";\nimport { useCallback, useContext } from \"react\";\nimport type { ClassValue } from \"./types\";\nimport { cx } from \"./cn\";\nimport { PopoverProps } from \"antd/es/popover\";\n\nexport const useGetPrefixCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  return { getPrefixCls };\n};\n\n/**\n *\n * @returns the antd classname providing css variables\n */\nexport const useAntdCssVarClassname = () => {\n  const token = useToken();\n  return token[4]?.key;\n};\n\nexport const useCls = () => {\n  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);\n  const cls = useCallback(\n    (...args: ClassValue[]) => {\n      return cx(...args)\n        .map((cls) => getPrefixCls(cls))\n        .join(\" \");\n    },\n    [getPrefixCls]\n  );\n  return cls;\n};\n\nfunction splitCamelCase(text: string): string[] {\n  const result: string[] = [];\n  let currentWord = \"\";\n\n  for (const char of text) {\n    if (char >= \"A\" && char <= \"Z\") {\n      if (currentWord) {\n        result.push(currentWord);\n      }\n      currentWord = char.toLowerCase();\n    } else {\n      currentWord += char;\n    }\n  }\n\n  if (currentWord) {\n    result.push(currentWord);\n  }\n\n  return result.length > 0 ? result : [text];\n}\n\nexport const parseAntdPlacement = (\n  placement: PopoverProps[\"placement\"] = \"bottomLeft\"\n): {\n  placement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align: \"start\" | \"end\" | \"center\";\n} => {\n  const [position1, position2] = splitCamelCase(placement);\n\n  // Determine primary placement\n  let primaryPlacement: \"top\" | \"bottom\" | \"left\" | \"right\";\n  let align: \"start\" | \"end\" | \"center\" = \"center\";\n\n  // First check if it's a vertical or horizontal primary placement\n  if (position1 === \"top\" || position1 === \"bottom\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"left\":\n          align = \"start\";\n          break;\n        case \"right\":\n          align = \"end\";\n          break;\n        // \"top\" or \"bottom\" as second position is invalid, defaults to center\n      }\n    }\n  } else if (position1 === \"left\" || position1 === \"right\") {\n    primaryPlacement = position1;\n    if (position2) {\n      switch (position2) {\n        case \"top\":\n          align = \"start\";\n          break;\n        case \"bottom\":\n          align = \"end\";\n          break;\n        // \"left\" or \"right\" as second position is invalid, defaults to center\n      }\n    }\n  } else {\n    // Fallback for invalid placement\n    primaryPlacement = \"bottom\";\n  }\n\n  return {\n    placement: primaryPlacement,\n    align,\n  };\n};\n"],"names":["useGetPrefixCls","getPrefixCls","useContext","ConfigProvider","useAntdCssVarClassname","_a","useToken","useCls","useCallback","args","cx","cls","splitCamelCase","text","result","currentWord","char","parseAntdPlacement","placement","position1","position2","primaryPlacement","align"],"mappings":";;;;AAQO,MAAMA,IAAkB,MAAM;AACnC,QAAM,EAAE,cAAAC,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AAChE,SAAO,EAAE,cAAAF,EAAa;AACxB,GAMaG,IAAyB,MAAM;;AAEnC,UAAAC,IADOC,EAAS,EACV,CAAC,MAAP,gBAAAD,EAAU;AACnB,GAEaE,IAAS,MAAM;AAC1B,QAAM,EAAE,cAAAN,EAAiB,IAAAC,EAAWC,EAAe,aAAa;AASzD,SARKK;AAAA,IACV,IAAIC,MACKC,EAAG,GAAGD,CAAI,EACd,IAAI,CAACE,MAAQV,EAAaU,CAAG,CAAC,EAC9B,KAAK,GAAG;AAAA,IAEb,CAACV,CAAY;AAAA,EACf;AAEF;AAEA,SAASW,EAAeC,GAAwB;AAC9C,QAAMC,IAAmB,CAAC;AAC1B,MAAIC,IAAc;AAElB,aAAWC,KAAQH;AACb,IAAAG,KAAQ,OAAOA,KAAQ,OACrBD,KACFD,EAAO,KAAKC,CAAW,GAEzBA,IAAcC,EAAK,YAAY,KAEhBD,KAAAC;AAInB,SAAID,KACFD,EAAO,KAAKC,CAAW,GAGlBD,EAAO,SAAS,IAAIA,IAAS,CAACD,CAAI;AAC3C;AAEa,MAAAI,IAAqB,CAChCC,IAAuC,iBAIpC;AACH,QAAM,CAACC,GAAWC,CAAS,IAAIR,EAAeM,CAAS;AAGnD,MAAAG,GACAC,IAAoC;AAGpC,MAAAH,MAAc,SAASA,MAAc;AAEvC,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA,aAIGH,MAAc,UAAUA,MAAc;AAE/C,QADmBE,IAAAF,GACfC;AACF,cAAQA,GAAW;AAAA,QACjB,KAAK;AACK,UAAAE,IAAA;AACR;AAAA,QACF,KAAK;AACK,UAAAA,IAAA;AACR;AAAA,MAAA;AAAA;AAMa,IAAAD,IAAA;AAGd,SAAA;AAAA,IACL,WAAWA;AAAA,IACX,OAAAC;AAAA,EACF;AACF;"}

package/dist/index.d.ts

@@ -44,9 +44,8 @@ import { CheckboxOptionType } from 'antd';
 import { CheckboxProps as CheckboxProps_2 } from 'antd';
 import { CheckboxRef } from 'antd';
 import { Col } from 'antd';
-import { Collapse } from 'antd';
-import { CollapsePanelProps } from 'antd';
-import { CollapseProps } from 'antd';
+import { CollapsePanelProps as CollapsePanelProps_2 } from 'antd';
+import { CollapseProps as CollapseProps_2 } from 'antd';
 import { ColorPicker } from 'antd';
 import { ColorPickerProps } from 'antd';
 import { ColProps } from 'antd';
@@ -160,6 +159,7 @@ import { RcFile } from 'antd/es/upload';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
+import { Ref } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { RefSelectProps } from 'antd';
@@ -198,13 +198,12 @@ import { TableColumnProps } from 'antd';
 import { TableColumnsType } from 'antd';
 import { TableColumnType } from 'antd';
 import { TablePaginationConfig } from 'antd';
-import { TableProps } from 'antd';
-import { TableProps as TableProps_3 } from 'antd/es/table';
+import { TableProps as TableProps_2 } from 'antd/es/table';
+import { TableRef } from 'antd/es/table';
 import { TabPaneProps } from 'antd';
 import { Tabs } from 'antd';
 import { TabsProps } from 'antd';
-import { TagProps } from 'antd';
-import { TagProps as TagProps_3 } from 'antd/es/tag';
+import { TagProps as TagProps_2 } from 'antd/es/tag';
 import { TagType } from 'antd';
 import { TextAreaProps as TextAreaProps_2 } from 'antd/es/input';
 import { Theme } from '@ant-design/cssinjs';
@@ -473,11 +472,19 @@ export declare interface CodeOption {
 
 export { Col }
 
-export { Collapse }
+export declare const Collapse: ((props: CollapseProps & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof CollapseInner>) & {
+    Panel: (props: CollapsePanelProps) => JSX.Element;
+};
 
-export { CollapsePanelProps }
+declare const CollapseInner: (props: CollapseProps, ref: ForwardedRef<HTMLDivElement>) => JSX.Element;
 
-export { CollapseProps }
+export declare interface CollapsePanelProps extends CollapsePanelProps_2 {
+}
+
+export declare interface CollapseProps extends CollapseProps_2 {
+}
 
 export { ColorPicker }
 
@@ -1107,6 +1114,8 @@ declare type IconButtonOwnProps<E extends ElementType = ElementType> = WithHrefP
 
 export declare type IconButtonProps<E extends ElementType = "button"> = IconButtonOwnProps<E> & Omit<ComponentPropsWithoutRef<E>, keyof IconButtonOwnProps<E>>;
 
+declare const InnerInternalTable: <RecordType extends object = object>({ columns, locale, emptyDescription, loading, virtual, scroll: scrollProp, ...rest }: TableProps<RecordType>, ref: Ref<TableRef>) => JSX.Element;
+
 declare function InnerToast({ toast, }: {
     toast: Toast_2.Root.ToastObject<ToastData>;
 }): JSX.Element;
@@ -1140,7 +1149,9 @@ export declare interface InputProps extends InputProps_2 {
 declare interface InternalFormProps<Values = any> extends React_2.ComponentProps<typeof default_8<Values>> {
 }
 
-declare const InternalTable: <RecordType extends object = object>({ columns, locale, emptyDescription, loading, scroll, ...rest }: TableProps_2<RecordType>) => JSX.Element;
+declare const InternalTable: <RecordType extends object = object>(props: TableProps<RecordType> & {
+    ref?: ForwardedRef<TableRef>;
+}) => ReturnType<typeof InnerInternalTable>;
 
 declare type IntrinsicElement = keyof JSX_2.IntrinsicElements | JSXElementConstructor<any>;
 
@@ -2155,13 +2166,15 @@ export { TableColumnType }
 
 export { TablePaginationConfig }
 
-export { TableProps }
-
-declare interface TableProps_2<RecordType extends object = object> extends TableProps_3<RecordType> {
+export declare interface TableProps<RecordType extends object = object> extends TableProps_2<RecordType> {
     /**
      * Add empty description for the table
      */
     emptyDescription?: React.ReactNode;
+    /**
+     * Table ref
+     */
+    tableRef?: React.Ref<HTMLDivElement>;
 }
 
 export { TabPaneProps }
@@ -2170,13 +2183,11 @@ export { Tabs }
 
 export { TabsProps }
 
-export declare const Tag: (({ className, active, color, style, closeIcon, closable, ...rest }: TagProps_2) => JSX.Element) & {
+export declare const Tag: (({ className, active, color, style, closeIcon, closable, ...rest }: TagProps) => JSX.Element) & {
     CheckableTag: ForwardRefExoticComponent<CheckableTagProps & RefAttributes<HTMLSpanElement>>;
 };
 
-export { TagProps }
-
-declare interface TagProps_2 extends TagProps_3 {
+export declare interface TagProps extends TagProps_2 {
     /**
      * Indicates if the tag is active
      * @default false

package/dist/index.js

@@ -1,59 +1,60 @@
 import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
-import { Affix as p, Alert as m, Anchor as s, App as f, AutoComplete as n, Avatar as x, BackTop as l, Calendar as i, Card as c, Carousel as u, Cascader as d, Col as C, Collapse as T, ColorPicker as h, ConfigProvider as k, DatePicker as g, Descriptions as S, Divider as P, Drawer as A, Dropdown as y, Flex as b, FloatButton as B, Grid as D, InputNumber as R, Layout as M, List as v, Mentions as F, Menu as w, Pagination as E, Popconfirm as I, Progress as U, QRCode as K, Rate as L, Result as W, Row as q, Skeleton as G, Space as N, Statistic as V, Steps as O, Tabs as Q, TimePicker as j, Timeline as z, Transfer as H, TreeSelect as J, Typography as X, Watermark as Y, message as Z, notification as _, theme as $, unstableSetRender as oo, version as eo } from "antd";
-import { Select as to } from "./components/Select/component.js";
-import { Modal as po } from "./components/Modal/index.js";
-import { IconButton as so } from "./components/IconButton/component.js";
-import { Switch as no } from "./components/Switch/component.js";
-import { Checkbox as lo } from "./components/Checkbox/component.js";
-import { Segmented as co } from "./components/Segmented/component.js";
-import { Table as Co } from "./components/Table/component.js";
-import { Tag as ho } from "./components/Tag/component.js";
-import { ThemeProvider as go } from "./components/ThemeProvider/component.js";
-import { Split as Po, Splitter as Ao } from "./components/Splitter/component.js";
-import { Truncate as bo } from "./components/Truncate/component.js";
-import { DropdownMenu as Do } from "./components/DropdownMenu/component.js";
-import { clsx as Mo, cn as vo, cx as Fo } from "./components/utils/cn.js";
-import { reactNodeToString as Eo } from "./components/utils/reactToString.js";
-import { isTracebackError as Uo } from "./components/utils/isTracebackError.js";
-import { parseAntdPlacement as Lo, useAntdCssVarClassname as Wo, useCls as qo, useGetPrefixCls as Go } from "./components/utils/antdUtils.js";
-import { WithAntdTokens as Vo } from "./components/utils/WithAntdTokens.js";
-import { Transition as Qo } from "./components/Transition/component.js";
-import { DefaultUpload as zo, Upload as Ho } from "./components/Upload/component.js";
-import { useUploadItemRender as Xo } from "./components/Upload/hooks.js";
-import { ScrollArea as Zo } from "./components/ScrollArea/component.js";
-import { Popover as $o } from "./components/Popover/component.js";
-import { Slider as ee } from "./components/Slider/component.js";
-import { Tooltip as te } from "./components/Tooltip/component.js";
-import { Breadcrumb as pe } from "./components/Breadcrumb/component.js";
-import { useUniqueKeysTree as se } from "./components/Tree/useUniqueKeysTree.js";
-import { getUniqueKeysFromOriginals as ne, processTreeData as xe } from "./components/Tree/helpers.js";
-import { Tree as ie } from "./components/Tree/components.js";
-import { Spin as ue } from "./components/Spin/component.js";
-import { Empty as Ce, EmptyIcon as Te } from "./components/Empty/component.js";
-import { Form as ke } from "./components/Form/component.js";
-import { Field as Se } from "./components/Field/component.js";
-import { Tour as Ae } from "./components/Tour/component.js";
-import { Toast as be } from "./components/Toast/component.js";
-import { toast as De, toastManager as Re } from "./components/Toast/function.js";
-import { VerticalCollapsiblePanel as ve } from "./components/VerticalCollapsiblePanel/component.js";
-import { PopupPanel as we } from "./components/PopupPanel/component.js";
-import { CodeBlock as Ie } from "./components/CodeBlock/component.js";
-import { StackChild as Ke } from "./components/Stack/StackChild.js";
-import { Stack as We } from "./components/Stack/index.js";
-import { Input as Ge } from "./components/Input/component.js";
-import { Badge as Ve } from "./components/Badge/component.js";
-import { Radio as Qe } from "./components/Radio/component.js";
-import { Button as ze } from "./components/Button/component.js";
-import { DSRoot as Je } from "./components/DSRoot/component.js";
-import { useForm as Ye, useWatch as Ze } from "antd/es/form/Form";
-import { useBreakpoint as $e, useMessage as or, useModal as er, useToken as rr } from "./components/hooks/antd.js";
-import { default as ar } from "antd/es/app/useApp";
-import { useAnimationsFinished as mr, useEnhancedEffect as sr, useEventCallback as fr, useLatestRef as nr } from "./components/hooks/base-ui.js";
-import { useControlledState as lr } from "./components/hooks/useControlledState.js";
-import { useCharts as cr } from "./components/hooks/useCharts.js";
-import { antdColorTokens as dr, darkTheme as Cr, lightTheme as Tr } from "./tokens/and-theme/tokens.js";
-import { categoricalChartColorKeys as kr, categoricalChartColorTokens as gr, categoricalChartsColors as Sr } from "./tokens/charts/index.js";
-import { chartColorTokens as Ar, rawChartColorTokens as yr } from "./tokens/charts/tokens.js";
+import { Affix as p, Alert as m, Anchor as s, App as f, AutoComplete as n, Avatar as x, BackTop as l, Calendar as i, Card as c, Carousel as u, Cascader as d, Col as C, ColorPicker as T, ConfigProvider as h, DatePicker as k, Descriptions as g, Divider as S, Drawer as P, Dropdown as A, Flex as y, FloatButton as b, Grid as B, InputNumber as D, Layout as R, List as M, Mentions as v, Menu as F, Pagination as w, Popconfirm as E, Progress as I, QRCode as U, Rate as K, Result as L, Row as W, Skeleton as q, Space as G, Statistic as N, Steps as V, Tabs as O, TimePicker as Q, Timeline as j, Transfer as z, TreeSelect as H, Typography as J, Watermark as X, message as Y, notification as Z, theme as _, unstableSetRender as $, version as oo } from "antd";
+import { Select as ro } from "./components/Select/component.js";
+import { Modal as ao } from "./components/Modal/index.js";
+import { IconButton as mo } from "./components/IconButton/component.js";
+import { Switch as fo } from "./components/Switch/component.js";
+import { Checkbox as xo } from "./components/Checkbox/component.js";
+import { Segmented as io } from "./components/Segmented/component.js";
+import { Table as uo } from "./components/Table/component.js";
+import { Tag as To } from "./components/Tag/component.js";
+import { ThemeProvider as ko } from "./components/ThemeProvider/component.js";
+import { Split as So, Splitter as Po } from "./components/Splitter/component.js";
+import { Truncate as yo } from "./components/Truncate/component.js";
+import { DropdownMenu as Bo } from "./components/DropdownMenu/component.js";
+import { clsx as Ro, cn as Mo, cx as vo } from "./components/utils/cn.js";
+import { reactNodeToString as wo } from "./components/utils/reactToString.js";
+import { isTracebackError as Io } from "./components/utils/isTracebackError.js";
+import { parseAntdPlacement as Ko, useAntdCssVarClassname as Lo, useCls as Wo, useGetPrefixCls as qo } from "./components/utils/antdUtils.js";
+import { WithAntdTokens as No } from "./components/utils/WithAntdTokens.js";
+import { Transition as Oo } from "./components/Transition/component.js";
+import { DefaultUpload as jo, Upload as zo } from "./components/Upload/component.js";
+import { useUploadItemRender as Jo } from "./components/Upload/hooks.js";
+import { ScrollArea as Yo } from "./components/ScrollArea/component.js";
+import { Popover as _o } from "./components/Popover/component.js";
+import { Slider as oe } from "./components/Slider/component.js";
+import { Tooltip as re } from "./components/Tooltip/component.js";
+import { Breadcrumb as ae } from "./components/Breadcrumb/component.js";
+import { useUniqueKeysTree as me } from "./components/Tree/useUniqueKeysTree.js";
+import { getUniqueKeysFromOriginals as fe, processTreeData as ne } from "./components/Tree/helpers.js";
+import { Tree as le } from "./components/Tree/components.js";
+import { Spin as ce } from "./components/Spin/component.js";
+import { Empty as de, EmptyIcon as Ce } from "./components/Empty/component.js";
+import { Form as he } from "./components/Form/component.js";
+import { Field as ge } from "./components/Field/component.js";
+import { Tour as Pe } from "./components/Tour/component.js";
+import { Toast as ye } from "./components/Toast/component.js";
+import { toast as Be, toastManager as De } from "./components/Toast/function.js";
+import { VerticalCollapsiblePanel as Me } from "./components/VerticalCollapsiblePanel/component.js";
+import { PopupPanel as Fe } from "./components/PopupPanel/component.js";
+import { CodeBlock as Ee } from "./components/CodeBlock/component.js";
+import { StackChild as Ue } from "./components/Stack/StackChild.js";
+import { Stack as Le } from "./components/Stack/index.js";
+import { Collapse as qe } from "./components/Collapse/component.js";
+import { Input as Ne } from "./components/Input/component.js";
+import { Badge as Oe } from "./components/Badge/component.js";
+import { Radio as je } from "./components/Radio/component.js";
+import { Button as He } from "./components/Button/component.js";
+import { DSRoot as Xe } from "./components/DSRoot/component.js";
+import { useForm as Ze, useWatch as _e } from "antd/es/form/Form";
+import { useBreakpoint as or, useMessage as er, useModal as rr, useToken as tr } from "./components/hooks/antd.js";
+import { default as pr } from "antd/es/app/useApp";
+import { useAnimationsFinished as sr, useEnhancedEffect as fr, useEventCallback as nr, useLatestRef as xr } from "./components/hooks/base-ui.js";
+import { useControlledState as ir } from "./components/hooks/useControlledState.js";
+import { useCharts as ur } from "./components/hooks/useCharts.js";
+import { antdColorTokens as Cr, darkTheme as Tr, lightTheme as hr } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as gr, categoricalChartColorTokens as Sr, categoricalChartsColors as Pr } from "./tokens/charts/index.js";
+import { chartColorTokens as yr, rawChartColorTokens as br } from "./tokens/charts/tokens.js";
 export {
   p as Affix,
   m as Alert,
@@ -62,127 +63,127 @@ export {
   n as AutoComplete,
   x as Avatar,
   l as BackTop,
-  Ve as Badge,
-  pe as Breadcrumb,
-  ze as Button,
+  Oe as Badge,
+  ae as Breadcrumb,
+  He as Button,
   i as Calendar,
   c as Card,
   u as Carousel,
   d as Cascader,
-  lo as Checkbox,
-  Ie as CodeBlock,
+  xo as Checkbox,
+  Ee as CodeBlock,
   C as Col,
-  T as Collapse,
-  h as ColorPicker,
-  k as ConfigProvider,
-  Je as DSRoot,
-  g as DatePicker,
-  zo as DefaultUpload,
-  S as Descriptions,
-  P as Divider,
-  A as Drawer,
-  y as Dropdown,
-  Do as DropdownMenu,
-  Ce as Empty,
-  Te as EmptyIcon,
-  Se as Field,
-  b as Flex,
-  B as FloatButton,
-  ke as Form,
-  D as Grid,
-  so as IconButton,
-  Ge as Input,
-  R as InputNumber,
-  M as Layout,
-  v as List,
-  F as Mentions,
-  w as Menu,
-  po as Modal,
-  E as Pagination,
-  I as Popconfirm,
-  $o as Popover,
-  we as PopupPanel,
-  U as Progress,
-  K as QRCode,
-  Qe as Radio,
-  L as Rate,
-  W as Result,
-  q as Row,
-  Zo as ScrollArea,
-  co as Segmented,
-  to as Select,
-  G as Skeleton,
-  ee as Slider,
-  N as Space,
-  ue as Spin,
-  Po as Split,
-  Ao as Splitter,
-  We as Stack,
-  Ke as StackChild,
-  V as Statistic,
-  O as Steps,
-  no as Switch,
-  Co as Table,
-  Q as Tabs,
-  ho as Tag,
-  go as ThemeProvider,
-  j as TimePicker,
-  z as Timeline,
-  be as Toast,
-  te as Tooltip,
-  Ae as Tour,
-  H as Transfer,
-  Qo as Transition,
-  ie as Tree,
-  J as TreeSelect,
-  bo as Truncate,
-  X as Typography,
-  Ho as Upload,
-  ve as VerticalCollapsiblePanel,
-  Y as Watermark,
-  Vo as WithAntdTokens,
-  dr as antdColorTokens,
-  kr as categoricalChartColorKeys,
-  gr as categoricalChartColorTokens,
-  Sr as categoricalChartsColors,
-  Ar as chartColorTokens,
-  Mo as clsx,
-  vo as cn,
+  qe as Collapse,
+  T as ColorPicker,
+  h as ConfigProvider,
+  Xe as DSRoot,
+  k as DatePicker,
+  jo as DefaultUpload,
+  g as Descriptions,
+  S as Divider,
+  P as Drawer,
+  A as Dropdown,
+  Bo as DropdownMenu,
+  de as Empty,
+  Ce as EmptyIcon,
+  ge as Field,
+  y as Flex,
+  b as FloatButton,
+  he as Form,
+  B as Grid,
+  mo as IconButton,
+  Ne as Input,
+  D as InputNumber,
+  R as Layout,
+  M as List,
+  v as Mentions,
+  F as Menu,
+  ao as Modal,
+  w as Pagination,
+  E as Popconfirm,
+  _o as Popover,
+  Fe as PopupPanel,
+  I as Progress,
+  U as QRCode,
+  je as Radio,
+  K as Rate,
+  L as Result,
+  W as Row,
+  Yo as ScrollArea,
+  io as Segmented,
+  ro as Select,
+  q as Skeleton,
+  oe as Slider,
+  G as Space,
+  ce as Spin,
+  So as Split,
+  Po as Splitter,
+  Le as Stack,
+  Ue as StackChild,
+  N as Statistic,
+  V as Steps,
+  fo as Switch,
+  uo as Table,
+  O as Tabs,
+  To as Tag,
+  ko as ThemeProvider,
+  Q as TimePicker,
+  j as Timeline,
+  ye as Toast,
+  re as Tooltip,
+  Pe as Tour,
+  z as Transfer,
+  Oo as Transition,
+  le as Tree,
+  H as TreeSelect,
+  yo as Truncate,
+  J as Typography,
+  zo as Upload,
+  Me as VerticalCollapsiblePanel,
+  X as Watermark,
+  No as WithAntdTokens,
+  Cr as antdColorTokens,
+  gr as categoricalChartColorKeys,
+  Sr as categoricalChartColorTokens,
+  Pr as categoricalChartsColors,
+  yr as chartColorTokens,
+  Ro as clsx,
+  Mo as cn,
   r as componentMetadata,
-  Fo as cx,
-  Cr as darkTheme,
+  vo as cx,
+  Tr as darkTheme,
   t as getComponentsByCategory,
-  ne as getUniqueKeysFromOriginals,
-  Uo as isTracebackError,
-  Tr as lightTheme,
-  Z as message,
-  _ as notification,
-  Lo as parseAntdPlacement,
-  xe as processTreeData,
-  yr as rawChartColorTokens,
-  Eo as reactNodeToString,
-  $ as theme,
-  De as toast,
-  Re as toastManager,
-  oo as unstableSetRender,
-  mr as useAnimationsFinished,
-  Wo as useAntdCssVarClassname,
-  ar as useApp,
-  $e as useBreakpoint,
-  cr as useCharts,
-  qo as useCls,
-  lr as useControlledState,
-  sr as useEnhancedEffect,
-  fr as useEventCallback,
-  Ye as useForm,
-  Go as useGetPrefixCls,
-  nr as useLatestRef,
-  or as useMessage,
-  er as useModal,
-  rr as useToken,
-  se as useUniqueKeysTree,
-  Xo as useUploadItemRender,
-  Ze as useWatch,
-  eo as version
+  fe as getUniqueKeysFromOriginals,
+  Io as isTracebackError,
+  hr as lightTheme,
+  Y as message,
+  Z as notification,
+  Ko as parseAntdPlacement,
+  ne as processTreeData,
+  br as rawChartColorTokens,
+  wo as reactNodeToString,
+  _ as theme,
+  Be as toast,
+  De as toastManager,
+  $ as unstableSetRender,
+  sr as useAnimationsFinished,
+  Lo as useAntdCssVarClassname,
+  pr as useApp,
+  or as useBreakpoint,
+  ur as useCharts,
+  Wo as useCls,
+  ir as useControlledState,
+  fr as useEnhancedEffect,
+  nr as useEventCallback,
+  Ze as useForm,
+  qo as useGetPrefixCls,
+  xr as useLatestRef,
+  er as useMessage,
+  rr as useModal,
+  tr as useToken,
+  me as useUniqueKeysTree,
+  Jo as useUploadItemRender,
+  _e as useWatch,
+  oo as version
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bioturing/components",
-  "version": "0.15.3",
+  "version": "0.15.5",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",