@bioturing/components 0.15.5 → 0.16.0

package/dist/components/Toast/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/Toast/component.tsx"],"sourcesContent":["\"use client\";\nimport { useAntdCssVarClassname, useCls, clsx } from \"../utils\";\nimport {\n  CheckCircle,\n  CircleNotch,\n  Info,\n  WarningCircle,\n  X,\n  XCircle,\n} from \"@bioturing/assets\";\nimport { Toast as BaseToast } from \"@base-ui-components/react\";\nimport { IconButton } from \"../IconButton\";\nimport { ToastData } from \"./types\";\nimport { toastManager } from \"./function\";\nimport { isTracebackError, type GenericHTMLProps } from \"../utils\";\nimport { useCallback, useEffect } from \"react\";\nimport { Button } from \"../Button/component\";\nimport { Modal } from \"../Modal\";\nimport { CodeBlock } from \"../CodeBlock\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nfunction InnerToast({\n  toast,\n}: {\n  toast: BaseToast.Root.ToastObject<ToastData>;\n}) {\n  const cls = useCls();\n  const toastIconMap = {\n    info: <Info weight=\"fill\" />,\n    warning: <WarningCircle weight=\"fill\" />,\n    error: <XCircle weight=\"fill\" />,\n    success: <CheckCircle weight=\"fill\" />,\n    progress: <CircleNotch />,\n  };\n  const type = toast.data?.type || \"info\";\n  const isTraceback = isTracebackError(toast?.description);\n\n  // Update manager timeout for traceback to disable auto-dismiss\n  useEffect(() => {\n    if (isTraceback) {\n      toastManager.update(toast.id, { timeout: 0 });\n    }\n  }, [isTraceback, toast.id]);\n  // console.log(toast);\n  const renderDescription: BaseToast.Description.Props[\"render\"] = useCallback(\n    (props: GenericHTMLProps) => {\n      const { children, className, ...rest } = props;\n      if (isTraceback) {\n        return (\n          <div\n            {...rest}\n            className={cls(\n              \"toast-description\",\n              isTraceback ? \"toast-description-traceback\" : \"\",\n              className\n            )}\n          >\n            <p>\n              An unexpected error occurred.\n              <br />\n              Please contact us with error details for support.\n            </p>\n            <p>\n              <Button\n                size=\"small\"\n                onClick={() => {\n                  Modal.open({\n                    title: \"Error details\",\n                    content: <CodeBlock>{children}</CodeBlock>,\n                    hideOkButton: true,\n                  });\n                  toastManager.close(toast.id);\n                }}\n              >\n                View error details\n              </Button>\n            </p>\n          </div>\n        );\n      }\n      return (\n        <p {...rest} className={cls(\"toast-description\", className)}>\n          {children}\n        </p>\n      );\n    },\n    [isTraceback, cls, toast.id]\n  );\n  return (\n    <BaseToast.Root toast={toast} className={cls(\"toast\")}>\n      <span className={cls(\"toast-icon-wrap\")}>\n        <span className={cls(\"toast-icon\", `toast-icon-${type}`)}>\n          {toastIconMap[type]}\n        </span>\n      </span>\n      <div className={cls(\"toast-content\")}>\n        <BaseToast.Title className={cls(\"toast-title\")} />\n        <BaseToast.Description render={renderDescription} />\n      </div>\n      <BaseToast.Close\n        className={cls(\"toast-close\")}\n        render={\n          <IconButton size=\"small\">\n            <X />\n          </IconButton>\n        }\n      ></BaseToast.Close>\n    </BaseToast.Root>\n  );\n}\n\nfunction ToastList({ className }: { className?: string }) {\n  const { toasts } = BaseToast.useToastManager();\n  const cls = useCls();\n  const cssVars = useAntdCssVarClassname();\n\n  return (\n    <BaseToast.Viewport\n      className={clsx(cls(\"toast-viewport\"), cssVars, className)}\n    >\n      {toasts.map((toast) => (\n        <InnerToast key={toast.id} toast={toast} />\n      ))}\n    </BaseToast.Viewport>\n  );\n}\n\nfunction ToastProvider(props: BaseToast.Provider.Props) {\n  return <BaseToast.Provider toastManager={toastManager} {...props} />;\n}\n\nexport const Toast = Object.assign(InnerToast, {\n  List: ToastList,\n  Provider: ToastProvider,\n});\n"],"names":["InnerToast","toast","cls","useCls","toastIconMap","jsx","Info","WarningCircle","XCircle","CheckCircle","CircleNotch","type","_a","isTraceback","isTracebackError","useEffect","toastManager","renderDescription","useCallback","props","children","className","rest","jsxs","Button","Modal","CodeBlock","BaseToast","IconButton","X","ToastList","toasts","cssVars","useAntdCssVarClassname","clsx","ToastProvider","Toast"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/Toast/component.tsx"],"sourcesContent":["\"use client\";\nimport { useAntdCssVarClassname, useCls, clsx } from \"../utils\";\nimport {\n  CheckCircle,\n  CircleNotch,\n  Info,\n  WarningCircle,\n  X,\n  XCircle,\n} from \"@bioturing/assets\";\nimport { Toast as BaseToast } from \"@base-ui-components/react\";\nimport { IconButton } from \"../IconButton\";\nimport { ToastData } from \"./types\";\nimport { toastManager } from \"./function\";\nimport { isTracebackError, type GenericHTMLProps } from \"../utils\";\nimport { useCallback, useEffect } from \"react\";\nimport { Button } from \"../Button/component\";\nimport { Modal } from \"../Modal\";\nimport { CodeBlock } from \"../CodeBlock\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nfunction InnerToast({\n  toast,\n}: {\n  toast: BaseToast.Root.ToastObject<ToastData>;\n}) {\n  const cls = useCls();\n  const toastIconMap = {\n    info: <Info weight=\"fill\" />,\n    warning: <WarningCircle weight=\"fill\" />,\n    error: <XCircle weight=\"fill\" />,\n    success: <CheckCircle weight=\"fill\" />,\n    progress: <CircleNotch />,\n  };\n  const type = toast.data?.type || \"info\";\n  const isTraceback = isTracebackError(toast?.description);\n\n  // Update manager timeout for traceback to disable auto-dismiss\n  useEffect(() => {\n    if (isTraceback) {\n      toastManager.update(toast.id, { timeout: 0 });\n    }\n  }, [isTraceback, toast.id]);\n  // console.log(toast);\n  const renderDescription: BaseToast.Description.Props[\"render\"] = useCallback(\n    (props: GenericHTMLProps) => {\n      const { children, className, ...rest } = props;\n      if (isTraceback) {\n        return (\n          <div\n            {...rest}\n            className={cls(\n              \"toast-description\",\n              isTraceback ? \"toast-description-traceback\" : \"\",\n              className\n            )}\n          >\n            <p>\n              An unexpected error occurred.\n              <br />\n              Please contact us with error details for support.\n            </p>\n            <p>\n              <Button\n                size=\"small\"\n                onClick={() => {\n                  Modal.open({\n                    title: \"Error details\",\n                    content: <CodeBlock>{children}</CodeBlock>,\n                    hideOkButton: true,\n                  });\n                  toastManager.close(toast.id);\n                }}\n              >\n                View error details\n              </Button>\n            </p>\n          </div>\n        );\n      }\n      return (\n        <p {...rest} className={cls(\"toast-description\", className)}>\n          {children}\n        </p>\n      );\n    },\n    [isTraceback, cls, toast.id]\n  );\n  return (\n    <BaseToast.Root toast={toast} className={cls(\"toast\")}>\n      <span className={cls(\"toast-icon-wrap\")}>\n        <span className={cls(\"toast-icon\", `toast-icon-${type}`)}>\n          {toastIconMap[type]}\n        </span>\n      </span>\n      <div className={cls(\"toast-content\")}>\n        <BaseToast.Title className={cls(\"toast-title\")} />\n        <BaseToast.Description render={renderDescription} />\n      </div>\n      <BaseToast.Close\n        className={cls(\"toast-close\")}\n        render={\n          <IconButton size=\"small\">\n            <X />\n          </IconButton>\n        }\n      ></BaseToast.Close>\n    </BaseToast.Root>\n  );\n}\n\nfunction ToastList({ className }: { className?: string }) {\n  const { toasts } = BaseToast.useToastManager();\n  const cls = useCls();\n  const cssVars = useAntdCssVarClassname();\n\n  return (\n    <BaseToast.Viewport\n      className={clsx(cls(\"toast-viewport\"), cssVars, className)}\n    >\n      {toasts.map((toast) => (\n        <InnerToast key={toast.id} toast={toast} />\n      ))}\n    </BaseToast.Viewport>\n  );\n}\n\nfunction ToastProvider(props: BaseToast.Provider.Props) {\n  return <BaseToast.Provider toastManager={toastManager} {...props} />;\n}\n\nexport const Toast = Object.assign(InnerToast, {\n  List: ToastList,\n  Provider: ToastProvider,\n});\n"],"names":["InnerToast","toast","cls","useCls","toastIconMap","jsx","Info","WarningCircle","XCircle","CheckCircle","CircleNotch","type","_a","isTraceback","isTracebackError","useEffect","toastManager","renderDescription","useCallback","props","children","className","rest","jsxs","Button","Modal","CodeBlock","BaseToast","IconButton","X","ToastList","toasts","cssVars","useAntdCssVarClassname","clsx","ToastProvider","Toast"],"mappings":";;;;;;;;;;;;;;AAuBA,SAASA,EAAW;AAAA,EAClB,OAAAC;AACF,GAEG;;AACD,QAAMC,IAAMC,EAAO,GACbC,IAAe;AAAA,IACnB,MAAM,gBAAAC,EAACC,GAAK,EAAA,QAAO,OAAO,CAAA;AAAA,IAC1B,SAAS,gBAAAD,EAACE,GAAc,EAAA,QAAO,OAAO,CAAA;AAAA,IACtC,OAAO,gBAAAF,EAACG,GAAQ,EAAA,QAAO,OAAO,CAAA;AAAA,IAC9B,SAAS,gBAAAH,EAACI,GAAY,EAAA,QAAO,OAAO,CAAA;AAAA,IACpC,4BAAWC,GAAY,CAAA,CAAA;AAAA,EACzB,GACMC,MAAOC,IAAAX,EAAM,SAAN,gBAAAW,EAAY,SAAQ,QAC3BC,IAAcC,EAAiBb,KAAA,gBAAAA,EAAO,WAAW;AAGvD,EAAAc,EAAU,MAAM;AACd,IAAIF,KACFG,EAAa,OAAOf,EAAM,IAAI,EAAE,SAAS,GAAG;AAAA,EAE7C,GAAA,CAACY,GAAaZ,EAAM,EAAE,CAAC;AAE1B,QAAMgB,IAA2DC;AAAA,IAC/D,CAACC,MAA4B;AAC3B,YAAM,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAS,IAAAH;AACzC,aAAIN,IAEA,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGD;AAAA,UACJ,WAAWpB;AAAA,YACT;AAAA,YACAW,IAAc,gCAAgC;AAAA,YAC9CQ;AAAA,UACF;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAE,EAAC,KAAE,EAAA,UAAA;AAAA,cAAA;AAAA,gCAEA,MAAG,EAAA;AAAA,cAAE;AAAA,YAAA,GAER;AAAA,8BACC,KACC,EAAA,UAAA,gBAAAlB;AAAA,cAACmB;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AACb,kBAAAC,EAAM,KAAK;AAAA,oBACT,OAAO;AAAA,oBACP,SAAU,gBAAApB,EAAAqB,GAAA,EAAW,UAAAN,EAAS,CAAA;AAAA,oBAC9B,cAAc;AAAA,kBAAA,CACf,GACYJ,EAAA,MAAMf,EAAM,EAAE;AAAA,gBAC7B;AAAA,gBACD,UAAA;AAAA,cAAA;AAAA,YAAA,EAGH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,IAIF,gBAAAI,EAAC,OAAG,GAAGiB,GAAM,WAAWpB,EAAI,qBAAqBmB,CAAS,GACvD,UAAAD,GACH;AAAA,IAEJ;AAAA,IACA,CAACP,GAAaX,GAAKD,EAAM,EAAE;AAAA,EAC7B;AAEE,SAAA,gBAAAsB,EAACI,EAAU,MAAV,EAAe,OAAA1B,GAAc,WAAWC,EAAI,OAAO,GAClD,UAAA;AAAA,IAAA,gBAAAG,EAAC,UAAK,WAAWH,EAAI,iBAAiB,GACpC,4BAAC,QAAK,EAAA,WAAWA,EAAI,cAAc,cAAcS,CAAI,EAAE,GACpD,UAAaP,EAAAO,CAAI,EACpB,CAAA,GACF;AAAA,IACC,gBAAAY,EAAA,OAAA,EAAI,WAAWrB,EAAI,eAAe,GACjC,UAAA;AAAA,MAAA,gBAAAG,EAACsB,EAAU,OAAV,EAAgB,WAAWzB,EAAI,aAAa,GAAG;AAAA,MAC/C,gBAAAG,EAAAsB,EAAU,aAAV,EAAsB,QAAQV,EAAmB,CAAA;AAAA,IAAA,GACpD;AAAA,IACA,gBAAAZ;AAAA,MAACsB,EAAU;AAAA,MAAV;AAAA,QACC,WAAWzB,EAAI,aAAa;AAAA,QAC5B,QACG,gBAAAG,EAAAuB,GAAA,EAAW,MAAK,SACf,UAAA,gBAAAvB,EAACwB,KAAE,EACL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEH,GACH;AAEJ;AAEA,SAASC,EAAU,EAAE,WAAAT,KAAqC;AACxD,QAAM,EAAE,QAAAU,EAAA,IAAWJ,EAAU,gBAAgB,GACvCzB,IAAMC,EAAO,GACb6B,IAAUC,EAAuB;AAGrC,SAAA,gBAAA5B;AAAA,IAACsB,EAAU;AAAA,IAAV;AAAA,MACC,WAAWO,EAAKhC,EAAI,gBAAgB,GAAG8B,GAASX,CAAS;AAAA,MAExD,UAAAU,EAAO,IAAI,CAAC9B,wBACVD,GAA0B,EAAA,OAAAC,EAAA,GAAVA,EAAM,EAAkB,CAC1C;AAAA,IAAA;AAAA,EACH;AAEJ;AAEA,SAASkC,EAAchB,GAAiC;AACtD,2BAAQQ,EAAU,UAAV,EAAmB,cAAAX,GAA6B,GAAGG,GAAO;AACpE;AAEa,MAAAiB,IAAQ,OAAO,OAAOpC,GAAY;AAAA,EAC7C,MAAM8B;AAAA,EACN,UAAUK;AACZ,CAAC;"}

package/dist/components/Toast/function.js

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

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

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

package/dist/components/Tooltip/component.js

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

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

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

package/dist/components/Tour/component.js

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

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

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

package/dist/components/Transition/component.js

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

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

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

package/dist/components/Tree/components.js

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

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

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

package/dist/components/Tree/helpers.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/components/Tree/helpers.tsx"],"sourcesContent":["\"use client\";\nimport React, { type Key } from \"react\";\nimport { type DataNode as AntTreeDataNode } from \"antd/es/tree\";\nimport { File, Folder, FolderOpen } from \"@bioturing/assets\";\n\n// Function to recursively find unique keys corresponding to original keys\nexport const getUniqueKeysFromOriginals = (\n  nodes: AntTreeDataNode[] | undefined,\n  originalKeysToFind: Set<Key>,\n  map: Map<Key, Key>\n): Key[] => {\n  if (!nodes) return [];\n  let keys: Key[] = [];\n  nodes.forEach((node) => {\n    const originalKey = map.get(node.key);\n    if (originalKey !== undefined && originalKeysToFind.has(originalKey)) {\n      keys.push(node.key); // Add the unique key\n    }\n    if (node.children) {\n      keys = keys.concat(\n        getUniqueKeysFromOriginals(node.children, originalKeysToFind, map)\n      );\n    }\n  });\n  return keys;\n};\n\n// Helper function to generate unique keys and apply icons\nexport const processTreeData = <T extends AntTreeDataNode = AntTreeDataNode>(\n  nodes: T[] | undefined,\n  expandedOriginalKeys: Set<Key>, // Use Set for faster lookups\n  parentKeyPrefix: string = \"\",\n  keyMap: Map<Key, Key> // Map uniqueKey -> originalKey\n): T[] | undefined => {\n  if (!nodes) return undefined;\n\n  return nodes.map((node) => {\n    const originalKey = node.key;\n    // Ensure nodes have a valid key for unique key generation\n    if (originalKey === null || originalKey === undefined) {\n      console.warn(\n        \"Tree node is missing a key. Skipping unique key generation for this node and its children.\",\n        node\n      );\n      // Return node as is, or handle based on requirements\n      return {\n        ...node,\n        // Optionally process children even if parent key is missing\n        // children: processTreeData(node.children as T[] | undefined, expandedOriginalKeys, '', keyMap)\n      };\n    }\n\n    const separator = \"/\"; // Use / as the separator\n    const originalKeyString = String(originalKey);\n\n    // Warn if the original key contains the separator\n    if (originalKeyString.includes(separator)) {\n      console.warn(\n        `Tree node original key \"${originalKeyString}\" contains the separator character \"${separator}\". This might lead to unexpected behavior if keys are not truly unique.`,\n        node\n      );\n    }\n\n    const uniqueKey = parentKeyPrefix\n      ? `${parentKeyPrefix}${separator}${originalKeyString}` // Use separator\n      : originalKeyString;\n    keyMap.set(uniqueKey, originalKey); // Store mapping uniqueKey -> originalKey\n\n    const isExpanded = expandedOriginalKeys.has(originalKey);\n    // Apply default icons based on expansion state and type (leaf/directory)\n    const icon =\n      node.icon ||\n      (node.isLeaf ? <File /> : isExpanded ? <FolderOpen /> : <Folder />);\n\n    // Recursively process children\n    const processedChildren = processTreeData(\n      node.children as T[] | undefined, // Cast children to T[]\n      expandedOriginalKeys,\n      uniqueKey, // Pass the generated unique key as the prefix for children\n      keyMap\n    );\n\n    return {\n      ...node,\n      key: uniqueKey, // Override key with the unique one\n      icon: icon,\n      children: processedChildren,\n    };\n  });\n};\n"],"names":["getUniqueKeysFromOriginals","nodes","originalKeysToFind","map","keys","node","originalKey","processTreeData","expandedOriginalKeys","parentKeyPrefix","keyMap","separator","originalKeyString","uniqueKey","isExpanded","icon","jsx","File","FolderOpen","Folder","processedChildren"],"mappings":";;AAMO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MACU;AACN,MAAA,CAACF,EAAO,QAAO,CAAC;AACpB,MAAIG,IAAc,CAAC;AACb,SAAAH,EAAA,QAAQ,CAACI,MAAS;AACtB,UAAMC,IAAcH,EAAI,IAAIE,EAAK,GAAG;AACpC,IAAIC,MAAgB,UAAaJ,EAAmB,IAAII,CAAW,KAC5DF,EAAA,KAAKC,EAAK,GAAG,GAEhBA,EAAK,aACPD,IAAOA,EAAK;AAAA,MACVJ,EAA2BK,EAAK,UAAUH,GAAoBC,CAAG;AAAA,IACnE;AAAA,EACF,CACD,GACMC;AACT,GAGaG,IAAkB,CAC7BN,GACAO,GACAC,IAA0B,IAC1BC,MACoB;AAChB,MAACT;AAEE,WAAAA,EAAM,IAAI,CAACI,MAAS;AACzB,YAAMC,IAAcD,EAAK;AAErB,UAAAC,KAAgB;AACV,uBAAA;AAAA,UACN;AAAA,UACAD;AAAA,QACF,GAEO;AAAA,UACL,GAAGA;AAAA;AAAA;AAAA,QAGL;AAGF,YAAMM,IAAY,KACZC,IAAoB,OAAON,CAAW;AAGxC,MAAAM,EAAkB,SAASD,CAAS,KAC9B,QAAA;AAAA,QACN,2BAA2BC,CAAiB,uCAAuCD,CAAS;AAAA,QAC5FN;AAAA,MACF;AAGI,YAAAQ,IAAYJ,IACd,GAAGA,CAAe,GAAGE,CAAS,GAAGC,CAAiB,KAClDA;AACG,MAAAF,EAAA,IAAIG,GAAWP,CAAW;AAE3B,YAAAQ,IAAaN,EAAqB,IAAIF,CAAW,GAEjDS,IACJV,EAAK,SACJA,EAAK,SAAS,gBAAAW,EAACC,GAAK,CAAA,CAAA,IAAKH,IAAa,gBAAAE,EAACE,GAAW,CAAA,CAAA,sBAAMC,GAAO,CAAA,CAAA,IAG5DC,IAAoBb;AAAA,QACxBF,EAAK;AAAA;AAAA,QACLG;AAAA,QACAK;AAAA;AAAA,QACAH;AAAA,MACF;AAEO,aAAA;AAAA,QACL,GAAGL;AAAA,QACH,KAAKQ;AAAA;AAAA,QACL,MAAAE;AAAA,QACA,UAAUK;AAAA,MACZ;AAAA,IAAA,CACD;AACH;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/components/Tree/helpers.tsx"],"sourcesContent":["\"use client\";\nimport React, { type Key } from \"react\";\nimport { type DataNode as AntTreeDataNode } from \"antd/es/tree\";\nimport { File, Folder, FolderOpen } from \"@bioturing/assets\";\n\n// Function to recursively find unique keys corresponding to original keys\nexport const getUniqueKeysFromOriginals = (\n  nodes: AntTreeDataNode[] | undefined,\n  originalKeysToFind: Set<Key>,\n  map: Map<Key, Key>\n): Key[] => {\n  if (!nodes) return [];\n  let keys: Key[] = [];\n  nodes.forEach((node) => {\n    const originalKey = map.get(node.key);\n    if (originalKey !== undefined && originalKeysToFind.has(originalKey)) {\n      keys.push(node.key); // Add the unique key\n    }\n    if (node.children) {\n      keys = keys.concat(\n        getUniqueKeysFromOriginals(node.children, originalKeysToFind, map)\n      );\n    }\n  });\n  return keys;\n};\n\n// Helper function to generate unique keys and apply icons\nexport const processTreeData = <T extends AntTreeDataNode = AntTreeDataNode>(\n  nodes: T[] | undefined,\n  expandedOriginalKeys: Set<Key>, // Use Set for faster lookups\n  parentKeyPrefix: string = \"\",\n  keyMap: Map<Key, Key> // Map uniqueKey -> originalKey\n): T[] | undefined => {\n  if (!nodes) return undefined;\n\n  return nodes.map((node) => {\n    const originalKey = node.key;\n    // Ensure nodes have a valid key for unique key generation\n    if (originalKey === null || originalKey === undefined) {\n      console.warn(\n        \"Tree node is missing a key. Skipping unique key generation for this node and its children.\",\n        node\n      );\n      // Return node as is, or handle based on requirements\n      return {\n        ...node,\n        // Optionally process children even if parent key is missing\n        // children: processTreeData(node.children as T[] | undefined, expandedOriginalKeys, '', keyMap)\n      };\n    }\n\n    const separator = \"/\"; // Use / as the separator\n    const originalKeyString = String(originalKey);\n\n    // Warn if the original key contains the separator\n    if (originalKeyString.includes(separator)) {\n      console.warn(\n        `Tree node original key \"${originalKeyString}\" contains the separator character \"${separator}\". This might lead to unexpected behavior if keys are not truly unique.`,\n        node\n      );\n    }\n\n    const uniqueKey = parentKeyPrefix\n      ? `${parentKeyPrefix}${separator}${originalKeyString}` // Use separator\n      : originalKeyString;\n    keyMap.set(uniqueKey, originalKey); // Store mapping uniqueKey -> originalKey\n\n    const isExpanded = expandedOriginalKeys.has(originalKey);\n    // Apply default icons based on expansion state and type (leaf/directory)\n    const icon =\n      node.icon ||\n      (node.isLeaf ? <File /> : isExpanded ? <FolderOpen /> : <Folder />);\n\n    // Recursively process children\n    const processedChildren = processTreeData(\n      node.children as T[] | undefined, // Cast children to T[]\n      expandedOriginalKeys,\n      uniqueKey, // Pass the generated unique key as the prefix for children\n      keyMap\n    );\n\n    return {\n      ...node,\n      key: uniqueKey, // Override key with the unique one\n      icon: icon,\n      children: processedChildren,\n    };\n  });\n};\n"],"names":["getUniqueKeysFromOriginals","nodes","originalKeysToFind","map","keys","node","originalKey","processTreeData","expandedOriginalKeys","parentKeyPrefix","keyMap","separator","originalKeyString","uniqueKey","isExpanded","icon","jsx","File","FolderOpen","Folder","processedChildren"],"mappings":";;;AAMO,MAAMA,IAA6B,CACxCC,GACAC,GACAC,MACU;AACN,MAAA,CAACF,EAAO,QAAO,CAAC;AACpB,MAAIG,IAAc,CAAC;AACb,SAAAH,EAAA,QAAQ,CAACI,MAAS;AACtB,UAAMC,IAAcH,EAAI,IAAIE,EAAK,GAAG;AACpC,IAAIC,MAAgB,UAAaJ,EAAmB,IAAII,CAAW,KAC5DF,EAAA,KAAKC,EAAK,GAAG,GAEhBA,EAAK,aACPD,IAAOA,EAAK;AAAA,MACVJ,EAA2BK,EAAK,UAAUH,GAAoBC,CAAG;AAAA,IACnE;AAAA,EACF,CACD,GACMC;AACT,GAGaG,IAAkB,CAC7BN,GACAO,GACAC,IAA0B,IAC1BC,MACoB;AAChB,MAACT;AAEE,WAAAA,EAAM,IAAI,CAACI,MAAS;AACzB,YAAMC,IAAcD,EAAK;AAErB,UAAAC,KAAgB;AACV,uBAAA;AAAA,UACN;AAAA,UACAD;AAAA,QACF,GAEO;AAAA,UACL,GAAGA;AAAA;AAAA;AAAA,QAGL;AAGF,YAAMM,IAAY,KACZC,IAAoB,OAAON,CAAW;AAGxC,MAAAM,EAAkB,SAASD,CAAS,KAC9B,QAAA;AAAA,QACN,2BAA2BC,CAAiB,uCAAuCD,CAAS;AAAA,QAC5FN;AAAA,MACF;AAGI,YAAAQ,IAAYJ,IACd,GAAGA,CAAe,GAAGE,CAAS,GAAGC,CAAiB,KAClDA;AACG,MAAAF,EAAA,IAAIG,GAAWP,CAAW;AAE3B,YAAAQ,IAAaN,EAAqB,IAAIF,CAAW,GAEjDS,IACJV,EAAK,SACJA,EAAK,SAAS,gBAAAW,EAACC,GAAK,CAAA,CAAA,IAAKH,IAAa,gBAAAE,EAACE,GAAW,CAAA,CAAA,sBAAMC,GAAO,CAAA,CAAA,IAG5DC,IAAoBb;AAAA,QACxBF,EAAK;AAAA;AAAA,QACLG;AAAA,QACAK;AAAA;AAAA,QACAH;AAAA,MACF;AAEO,aAAA;AAAA,QACL,GAAGL;AAAA,QACH,KAAKQ;AAAA;AAAA,QACL,MAAAE;AAAA,QACA,UAAUK;AAAA,MACZ;AAAA,IAAA,CACD;AACH;"}

package/dist/components/Tree/useTreeCommon.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as v } from "react/jsx-runtime";
 import { useMemo as I } from "react";
 import { CaretRight as M } from "@bioturing/assets";
@@ -20,28 +21,28 @@ function z(h) {
     ...w
   } = h, A = I(() => {
     if (d) {
-      const n = [], s = (c = []) => {
+      const n = [], a = (c = []) => {
         c.forEach((t) => {
-          n.push(t.key), Array.isArray(t.children) && s(t.children);
+          n.push(t.key), Array.isArray(t.children) && a(t.children);
         });
       };
-      return s(o), n;
+      return a(o), n;
     }
     if (i && (r != null && r.length)) {
-      const n = /* @__PURE__ */ new Map(), s = (t, a) => {
+      const n = /* @__PURE__ */ new Map(), a = (t, s) => {
         t.forEach((e) => {
-          a && n.set(e.key, a.key);
+          s && n.set(e.key, s.key);
           const p = Array.isArray(e.children) ? e.children : [];
-          p.length && s(p, e);
+          p.length && a(p, e);
         });
       };
-      s(o);
+      a(o);
       const c = new Set(r);
       return r.forEach((t) => {
-        let a = t;
-        for (; n.has(a); ) {
-          const e = n.get(a);
-          c.has(e) || c.add(e), a = e;
+        let s = t;
+        for (; n.has(s); ) {
+          const e = n.get(s);
+          c.has(e) || c.add(e), s = e;
         }
       }), Array.from(c);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"useTreeCommon.js","sources":["../../../src/components/Tree/useTreeCommon.tsx"],"sourcesContent":["\"use client\";\nimport { type DataNode as AntTreeDataNode } from \"antd/es/tree\";\n\nimport { useMemo, type Key } from \"react\";\nimport { useCls } from \"../utils\";\nimport { CaretRight } from \"@bioturing/assets\";\nimport type { TreeDataNode, TreeProps, DirectoryTreeProps } from \"./types\";\nimport { useUniqueKeysTree } from \"./useUniqueKeysTree\";\n\nexport function useTreeCommon<T extends AntTreeDataNode>(\n  props: TreeProps<T> | DirectoryTreeProps<T>\n) {\n  const {\n    treeData: originTreeData = [],\n    expandedKeys: propExpandedKeys,\n    defaultExpandedKeys: propDefaultExpandedKeys = [],\n    defaultExpandAll = false,\n    defaultExpandParent = true,\n    onExpand: propOnExpand,\n    checkedKeys,\n    defaultCheckedKeys,\n    onCheck,\n    allowDuplicatedKeys,\n    className,\n    switcherIcon,\n    ...restProps\n  } = props;\n\n  // compute resolved defaultExpandedKeys\n  const resolvedDefaultExpandedKeys = useMemo<Key[]>(() => {\n    if (defaultExpandAll) {\n      const keys: Key[] = [];\n      const traverse = (nodes: TreeDataNode[] = []) => {\n        nodes.forEach((node) => {\n          keys.push(node.key);\n          if (Array.isArray(node.children))\n            traverse(node.children as TreeDataNode[]);\n        });\n      };\n      traverse(originTreeData as TreeDataNode[]);\n      return keys;\n    }\n    if (defaultExpandParent && propDefaultExpandedKeys?.length) {\n      // build parent map\n      const parentMap = new Map<Key, Key>();\n      const traverse = (nodes: TreeDataNode[], parent?: TreeDataNode) => {\n        nodes.forEach((node) => {\n          if (parent) parentMap.set(node.key, parent.key);\n          const children = Array.isArray(node.children)\n            ? (node.children as TreeDataNode[])\n            : [];\n          if (children.length) traverse(children, node);\n        });\n      };\n      traverse(originTreeData as TreeDataNode[]);\n      // collect all expansions: original keys + their ancestors\n      const expanded = new Set<Key>(propDefaultExpandedKeys);\n      propDefaultExpandedKeys.forEach((key) => {\n        let k = key;\n        while (parentMap.has(k)) {\n          const p = parentMap.get(k)!;\n          if (!expanded.has(p)) expanded.add(p);\n          k = p;\n        }\n      });\n      return Array.from(expanded);\n    }\n    return propDefaultExpandedKeys ?? [];\n  }, [\n    originTreeData,\n    defaultExpandAll,\n    defaultExpandParent,\n    propDefaultExpandedKeys,\n  ]);\n\n  // use unique keys hook\n  const {\n    processedTreeData,\n    currentUniqueExpandedKeys,\n    currentUniqueCheckedKeys,\n    handleAntTreeExpand,\n    handleAntTreeCheck,\n  } = useUniqueKeysTree({\n    treeData: originTreeData,\n    expandedKeys: propExpandedKeys,\n    defaultExpandedKeys: resolvedDefaultExpandedKeys,\n    onExpand: propOnExpand,\n    checkedKeys,\n    defaultCheckedKeys,\n    onCheck,\n    allowDuplicatedKeys,\n  });\n\n  const cls = useCls();\n  const customSwitcherIcon: TreeProps<T>[\"switcherIcon\"] = () => (\n    <CaretRight weight=\"bold\" className={cls(\"caret-switcher-icon\")} />\n  );\n\n  return {\n    cls,\n    customSwitcherIcon,\n    processedTreeData,\n    currentUniqueExpandedKeys,\n    currentUniqueCheckedKeys,\n    handleAntTreeExpand,\n    handleAntTreeCheck,\n    restProps,\n    className,\n    switcherIcon,\n  };\n}\n"],"names":["useTreeCommon","props","originTreeData","propExpandedKeys","propDefaultExpandedKeys","defaultExpandAll","defaultExpandParent","propOnExpand","checkedKeys","defaultCheckedKeys","onCheck","allowDuplicatedKeys","className","switcherIcon","restProps","resolvedDefaultExpandedKeys","useMemo","keys","traverse","nodes","node","parentMap","parent","children","expanded","key","k","p","processedTreeData","currentUniqueExpandedKeys","currentUniqueCheckedKeys","handleAntTreeExpand","handleAntTreeCheck","useUniqueKeysTree","cls","useCls","jsx","CaretRight"],"mappings":";;;;;AASO,SAASA,EACdC,GACA;AACM,QAAA;AAAA,IACJ,UAAUC,IAAiB,CAAC;AAAA,IAC5B,cAAcC;AAAA,IACd,qBAAqBC,IAA0B,CAAC;AAAA,IAChD,kBAAAC,IAAmB;AAAA,IACnB,qBAAAC,IAAsB;AAAA,IACtB,UAAUC;AAAA,IACV,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GAGEc,IAA8BC,EAAe,MAAM;AACvD,QAAIX,GAAkB;AACpB,YAAMY,IAAc,CAAC,GACfC,IAAW,CAACC,IAAwB,OAAO;AACzC,QAAAA,EAAA,QAAQ,CAACC,MAAS;AACjB,UAAAH,EAAA,KAAKG,EAAK,GAAG,GACd,MAAM,QAAQA,EAAK,QAAQ,KAC7BF,EAASE,EAAK,QAA0B;AAAA,QAAA,CAC3C;AAAA,MACH;AACA,aAAAF,EAAShB,CAAgC,GAClCe;AAAA,IAAA;AAEL,QAAAX,MAAuBF,KAAA,QAAAA,EAAyB,SAAQ;AAEpD,YAAAiB,wBAAgB,IAAc,GAC9BH,IAAW,CAACC,GAAuBG,MAA0B;AAC3D,QAAAH,EAAA,QAAQ,CAACC,MAAS;AACtB,UAAIE,KAAkBD,EAAA,IAAID,EAAK,KAAKE,EAAO,GAAG;AACxC,gBAAAC,IAAW,MAAM,QAAQH,EAAK,QAAQ,IACvCA,EAAK,WACN,CAAC;AACL,UAAIG,EAAS,UAAiBL,EAAAK,GAAUH,CAAI;AAAA,QAAA,CAC7C;AAAA,MACH;AACA,MAAAF,EAAShB,CAAgC;AAEnC,YAAAsB,IAAW,IAAI,IAASpB,CAAuB;AAC7B,aAAAA,EAAA,QAAQ,CAACqB,MAAQ;AACvC,YAAIC,IAAID;AACD,eAAAJ,EAAU,IAAIK,CAAC,KAAG;AACjB,gBAAAC,IAAIN,EAAU,IAAIK,CAAC;AACzB,UAAKF,EAAS,IAAIG,CAAC,KAAGH,EAAS,IAAIG,CAAC,GAChCD,IAAAC;AAAA,QAAA;AAAA,MACN,CACD,GACM,MAAM,KAAKH,CAAQ;AAAA,IAAA;AAE5B,WAAOpB,KAA2B,CAAC;AAAA,EAAA,GAClC;AAAA,IACDF;AAAA,IACAG;AAAA,IACAC;AAAA,IACAF;AAAA,EAAA,CACD,GAGK;AAAA,IACJ,mBAAAwB;AAAA,IACA,2BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAkB;AAAA,IACpB,UAAU/B;AAAA,IACV,cAAcC;AAAA,IACd,qBAAqBY;AAAA,IACrB,UAAUR;AAAA,IACV,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,CACD,GAEKuB,IAAMC,EAAO;AAKZ,SAAA;AAAA,IACL,KAAAD;AAAA,IACA,oBANuD,MACtD,gBAAAE,EAAAC,GAAA,EAAW,QAAO,QAAO,WAAWH,EAAI,qBAAqB,GAAG;AAAA,IAMjE,mBAAAN;AAAA,IACA,2BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAlB;AAAA,IACA,WAAAF;AAAA,IACA,cAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"useTreeCommon.js","sources":["../../../src/components/Tree/useTreeCommon.tsx"],"sourcesContent":["\"use client\";\nimport { type DataNode as AntTreeDataNode } from \"antd/es/tree\";\n\nimport { useMemo, type Key } from \"react\";\nimport { useCls } from \"../utils\";\nimport { CaretRight } from \"@bioturing/assets\";\nimport type { TreeDataNode, TreeProps, DirectoryTreeProps } from \"./types\";\nimport { useUniqueKeysTree } from \"./useUniqueKeysTree\";\n\nexport function useTreeCommon<T extends AntTreeDataNode>(\n  props: TreeProps<T> | DirectoryTreeProps<T>\n) {\n  const {\n    treeData: originTreeData = [],\n    expandedKeys: propExpandedKeys,\n    defaultExpandedKeys: propDefaultExpandedKeys = [],\n    defaultExpandAll = false,\n    defaultExpandParent = true,\n    onExpand: propOnExpand,\n    checkedKeys,\n    defaultCheckedKeys,\n    onCheck,\n    allowDuplicatedKeys,\n    className,\n    switcherIcon,\n    ...restProps\n  } = props;\n\n  // compute resolved defaultExpandedKeys\n  const resolvedDefaultExpandedKeys = useMemo<Key[]>(() => {\n    if (defaultExpandAll) {\n      const keys: Key[] = [];\n      const traverse = (nodes: TreeDataNode[] = []) => {\n        nodes.forEach((node) => {\n          keys.push(node.key);\n          if (Array.isArray(node.children))\n            traverse(node.children as TreeDataNode[]);\n        });\n      };\n      traverse(originTreeData as TreeDataNode[]);\n      return keys;\n    }\n    if (defaultExpandParent && propDefaultExpandedKeys?.length) {\n      // build parent map\n      const parentMap = new Map<Key, Key>();\n      const traverse = (nodes: TreeDataNode[], parent?: TreeDataNode) => {\n        nodes.forEach((node) => {\n          if (parent) parentMap.set(node.key, parent.key);\n          const children = Array.isArray(node.children)\n            ? (node.children as TreeDataNode[])\n            : [];\n          if (children.length) traverse(children, node);\n        });\n      };\n      traverse(originTreeData as TreeDataNode[]);\n      // collect all expansions: original keys + their ancestors\n      const expanded = new Set<Key>(propDefaultExpandedKeys);\n      propDefaultExpandedKeys.forEach((key) => {\n        let k = key;\n        while (parentMap.has(k)) {\n          const p = parentMap.get(k)!;\n          if (!expanded.has(p)) expanded.add(p);\n          k = p;\n        }\n      });\n      return Array.from(expanded);\n    }\n    return propDefaultExpandedKeys ?? [];\n  }, [\n    originTreeData,\n    defaultExpandAll,\n    defaultExpandParent,\n    propDefaultExpandedKeys,\n  ]);\n\n  // use unique keys hook\n  const {\n    processedTreeData,\n    currentUniqueExpandedKeys,\n    currentUniqueCheckedKeys,\n    handleAntTreeExpand,\n    handleAntTreeCheck,\n  } = useUniqueKeysTree({\n    treeData: originTreeData,\n    expandedKeys: propExpandedKeys,\n    defaultExpandedKeys: resolvedDefaultExpandedKeys,\n    onExpand: propOnExpand,\n    checkedKeys,\n    defaultCheckedKeys,\n    onCheck,\n    allowDuplicatedKeys,\n  });\n\n  const cls = useCls();\n  const customSwitcherIcon: TreeProps<T>[\"switcherIcon\"] = () => (\n    <CaretRight weight=\"bold\" className={cls(\"caret-switcher-icon\")} />\n  );\n\n  return {\n    cls,\n    customSwitcherIcon,\n    processedTreeData,\n    currentUniqueExpandedKeys,\n    currentUniqueCheckedKeys,\n    handleAntTreeExpand,\n    handleAntTreeCheck,\n    restProps,\n    className,\n    switcherIcon,\n  };\n}\n"],"names":["useTreeCommon","props","originTreeData","propExpandedKeys","propDefaultExpandedKeys","defaultExpandAll","defaultExpandParent","propOnExpand","checkedKeys","defaultCheckedKeys","onCheck","allowDuplicatedKeys","className","switcherIcon","restProps","resolvedDefaultExpandedKeys","useMemo","keys","traverse","nodes","node","parentMap","parent","children","expanded","key","k","p","processedTreeData","currentUniqueExpandedKeys","currentUniqueCheckedKeys","handleAntTreeExpand","handleAntTreeCheck","useUniqueKeysTree","cls","useCls","jsx","CaretRight"],"mappings":";;;;;;AASO,SAASA,EACdC,GACA;AACM,QAAA;AAAA,IACJ,UAAUC,IAAiB,CAAC;AAAA,IAC5B,cAAcC;AAAA,IACd,qBAAqBC,IAA0B,CAAC;AAAA,IAChD,kBAAAC,IAAmB;AAAA,IACnB,qBAAAC,IAAsB;AAAA,IACtB,UAAUC;AAAA,IACV,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GAGEc,IAA8BC,EAAe,MAAM;AACvD,QAAIX,GAAkB;AACpB,YAAMY,IAAc,CAAC,GACfC,IAAW,CAACC,IAAwB,OAAO;AACzC,QAAAA,EAAA,QAAQ,CAACC,MAAS;AACjB,UAAAH,EAAA,KAAKG,EAAK,GAAG,GACd,MAAM,QAAQA,EAAK,QAAQ,KAC7BF,EAASE,EAAK,QAA0B;AAAA,QAAA,CAC3C;AAAA,MACH;AACA,aAAAF,EAAShB,CAAgC,GAClCe;AAAA,IAAA;AAEL,QAAAX,MAAuBF,KAAA,QAAAA,EAAyB,SAAQ;AAEpD,YAAAiB,wBAAgB,IAAc,GAC9BH,IAAW,CAACC,GAAuBG,MAA0B;AAC3D,QAAAH,EAAA,QAAQ,CAACC,MAAS;AACtB,UAAIE,KAAkBD,EAAA,IAAID,EAAK,KAAKE,EAAO,GAAG;AACxC,gBAAAC,IAAW,MAAM,QAAQH,EAAK,QAAQ,IACvCA,EAAK,WACN,CAAC;AACL,UAAIG,EAAS,UAAiBL,EAAAK,GAAUH,CAAI;AAAA,QAAA,CAC7C;AAAA,MACH;AACA,MAAAF,EAAShB,CAAgC;AAEnC,YAAAsB,IAAW,IAAI,IAASpB,CAAuB;AAC7B,aAAAA,EAAA,QAAQ,CAACqB,MAAQ;AACvC,YAAIC,IAAID;AACD,eAAAJ,EAAU,IAAIK,CAAC,KAAG;AACjB,gBAAAC,IAAIN,EAAU,IAAIK,CAAC;AACzB,UAAKF,EAAS,IAAIG,CAAC,KAAGH,EAAS,IAAIG,CAAC,GAChCD,IAAAC;AAAA,QAAA;AAAA,MACN,CACD,GACM,MAAM,KAAKH,CAAQ;AAAA,IAAA;AAE5B,WAAOpB,KAA2B,CAAC;AAAA,EAAA,GAClC;AAAA,IACDF;AAAA,IACAG;AAAA,IACAC;AAAA,IACAF;AAAA,EAAA,CACD,GAGK;AAAA,IACJ,mBAAAwB;AAAA,IACA,2BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAkB;AAAA,IACpB,UAAU/B;AAAA,IACV,cAAcC;AAAA,IACd,qBAAqBY;AAAA,IACrB,UAAUR;AAAA,IACV,aAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,CACD,GAEKuB,IAAMC,EAAO;AAKZ,SAAA;AAAA,IACL,KAAAD;AAAA,IACA,oBANuD,MACtD,gBAAAE,EAAAC,GAAA,EAAW,QAAO,QAAO,WAAWH,EAAI,qBAAqB,GAAG;AAAA,IAMjE,mBAAAN;AAAA,IACA,2BAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,WAAAlB;AAAA,IACA,WAAAF;AAAA,IACA,cAAAC;AAAA,EACF;AACF;"}

package/dist/components/Truncate/component.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as W } from "react/jsx-runtime";
 import { useRef as N, useState as z, useCallback as P, useLayoutEffect as D } from "react";
 import { getMiddleTruncatedString as G } from "./helpers.js";