prometeo-design-system 2.5.3 → 2.5.5

package/dist/prometeo-design-system.es.js

@@ -1,13 +1,13 @@
 import { default as qe } from "./Avatar.es.js";
-import { B as De } from "./Button-DsbEyjth.js";
-import { C as Oe, a as Pe } from "./CardProfile-DV3gwvqE.js";
+import { B as De } from "./Button-Bc0LYLfg.js";
+import { C as Oe, a as Pe } from "./CardProfile-DA-HDUpi.js";
 import { default as He } from "./CheckBox.es.js";
 import { default as $e } from "./CheckboxFormik.es.js";
 import { default as Ue, useDialogControl as Ve } from "./DialogModal.es.js";
 import { default as Ge, useDrawerDesktop as Xe } from "./DrawerDesktop.es.js";
 import { default as Je, useDrawerMobile as Ke } from "./DrawerMobile.es.js";
 import { default as Ye } from "./Header.es.js";
-import { I as tt } from "./Input-PNwH7rb6.js";
+import { I as tt } from "./Input-DwIAUqcc.js";
 import { default as at } from "./InputFormik.es.js";
 import { InputMultiple as nt } from "./InputMultiple.es.js";
 import { default as st } from "./Logo.es.js";
@@ -15,7 +15,7 @@ import { Menu as ct } from "./Menu.es.js";
 import { default as ut } from "./Pagination.es.js";
 import { ProfilePictureUpload as mt } from "./ProfilePictureUpload.es.js";
 import { default as xt } from "./ProgressBar.es.js";
-import { S as vt } from "./Select-C-aLaiJu.js";
+import { S as vt } from "./Select-C1MxM6yq.js";
 import { default as gt } from "./SelectFormikLegacy.es.js";
 import { default as wt } from "./SelectFormik.es.js";
 import { default as jt } from "./Spinner.es.js";
@@ -29,20 +29,20 @@ import { default as Ut } from "./TextArea.es.js";
 import { default as _t } from "./Tooltip.es.js";
 import { Skeleton as Xt } from "./Skeleton.es.js";
 import { SegmentedButton as Jt } from "./SegmentedButton.es.js";
-import { u as S } from "./LayoutGeneric-p4Pll4Cm.js";
-import { L as Qt, S as Yt } from "./LayoutGeneric-p4Pll4Cm.js";
-import { I as tr } from "./ImageGallery-DnoRTpCr.js";
+import { u as k } from "./LayoutGeneric-B6E-yOYJ.js";
+import { L as Qt, S as Yt } from "./LayoutGeneric-B6E-yOYJ.js";
+import { I as tr } from "./ImageGallery-BeADef_g.js";
 import { default as ar } from "./Image.es.js";
 import { default as nr, toastpyrion as ir } from "./Toast.es.js";
 import { default as lr } from "./ToastProvider.es.js";
 import { default as dr } from "./SelectSearch.es.js";
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import k, { memo as q, useRef as h, useState as y, useLayoutEffect as z, createContext as D, useContext as E, useEffect as j, forwardRef as I, useCallback as O } from "react";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import I, { memo as q, useRef as h, useState as y, useLayoutEffect as z, createContext as D, useContext as E, forwardRef as C, useEffect as w, useCallback as O } from "react";
 import { c as d } from "./cn-B6yFEsav.js";
 import { Icons as g } from "./Icons.es.js";
 import { createPortal as P } from "react-dom";
 import { useGSAP as B } from "@gsap/react";
-import m from "gsap";
+import x from "gsap";
 import { motion as b, AnimatePresence as R } from "framer-motion";
 import { default as fr } from "./OtpInput.es.js";
 import { useDropzone as F } from "react-dropzone";
@@ -76,7 +76,7 @@ const H = {
     warning: "text-warning-default-default hover:text-warning-default-hover active:text-warning-default-pressed"
   }
 }, $ = "bg-primary-default-disabled text-neutral-default-disabled hover:bg-primary-default-disabled active:bg-primary-default-disabled cursor-not-allowed", M = (t) => {
-  const e = t.position || H, a = t.attachToParent || !1, o = t.color || "primary", n = t.icon || g.Add, i = t.disabled || !1, s = t.variant || "filled", c = /* @__PURE__ */ r.jsx(
+  const e = t.position || H, a = t.attachToParent || !1, n = t.color || "primary", o = t.icon || g.Add, i = t.disabled || !1, l = t.variant || "filled", c = /* @__PURE__ */ r.jsx(
     "div",
     {
       style: {
@@ -92,9 +92,9 @@ const H = {
         placeItems: "center",
         padding: 16
       },
-      className: d("transition-all duration-300 cursor-pointer text-neutral-default-default", W[s][o], i && $, t.className),
+      className: d("transition-all duration-300 cursor-pointer text-neutral-default-default", W[l][n], i && $, t.className),
       onClick: i ? void 0 : t.onClick,
-      children: k.createElement(n, { size: 24 })
+      children: I.createElement(o, { size: 24 })
     }
   );
   return a ? c : P(c, document.body);
@@ -104,9 +104,9 @@ const V = (t, e) => {
   B(
     () => {
       if (!t.current) return;
-      const a = t.current, o = document.querySelector('[data-main-content="true"]');
+      const a = t.current, n = document.querySelector('[data-main-content="true"]');
       if (e) {
-        m.fromTo(
+        x.fromTo(
           a,
           {
             width: "0rem",
@@ -118,14 +118,14 @@ const V = (t, e) => {
             duration: 0.4,
             ease: "power2.out"
           }
-        ), o && m.to(o, {
+        ), n && x.to(n, {
           marginLeft: a.offsetWidth + "px",
           duration: 0.4,
           ease: "power2.out"
         });
-        const n = a.querySelectorAll(".secondary-bar-content > *");
-        n.length > 0 && m.fromTo(
-          n,
+        const o = a.querySelectorAll(".secondary-bar-content > *");
+        o.length > 0 && x.fromTo(
+          o,
           {
             y: 20,
             opacity: 0
@@ -140,12 +140,12 @@ const V = (t, e) => {
           }
         );
       } else
-        m.to(a, {
+        x.to(a, {
           width: "0rem",
           opacity: 0,
           duration: 0.3,
           ease: "power2.in"
-        }), o && m.to(o, {
+        }), n && x.to(n, {
           marginLeft: "0px",
           duration: 0.3,
           ease: "power2.in"
@@ -153,33 +153,33 @@ const V = (t, e) => {
     },
     { scope: t, dependencies: [e] }
   );
-}, C = ({
+}, S = ({
   children: t,
   isOpen: e = !1,
   className: a = "",
-  width: o = "w-96",
-  action: n,
+  width: n = "w-96",
+  action: o,
   primarySidebarCollapsed: i,
-  onClose: s
+  onClose: l
 }) => {
-  const c = h(null), [l, u] = y({ left: 0, width: 0 }), { primarySidebarRef: f } = S();
+  const c = h(null), [u, s] = y({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
   return z(() => {
-    if (f?.current) {
-      const x = f.current.getBoundingClientRect();
-      u({
-        left: x.width,
-        width: x.width
+    if (f?.current && m?.current) {
+      const p = f.current.getBoundingClientRect();
+      s({
+        left: p.width + m.current.offsetWidth,
+        width: p.width
       });
     }
-  }, [f, e, i]), V(c, e), /* @__PURE__ */ r.jsx(r.Fragment, { children: e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  }, [f, e, i, m]), V(c, e), /* @__PURE__ */ r.jsx(r.Fragment, { children: e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
       "div",
       {
         className: "fixed inset-0 bg-black/95 z-40",
         style: {
-          left: l.left
+          left: u.left
         },
-        onClick: s
+        onClick: l
       }
     ),
     /* @__PURE__ */ r.jsx(
@@ -189,19 +189,19 @@ const V = (t, e) => {
         className: d(
           "h-screen bg-neutral-default-default border-r border-neutral-strong-default flex flex-col secondary-bar shrink-0",
           "absolute top-0 z-50",
-          o,
+          n,
           a
         ),
         style: {
-          left: l.left
+          left: u.left
         },
-        "data-action": n,
+        "data-action": o,
         children: /* @__PURE__ */ r.jsx("div", { className: "secondary-bar-content", children: t })
       }
     )
   ] }) });
-}, _ = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: d("h-16 ", e), children: t }), G = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: d("flex-1 overflow-y-auto p-4", e), children: t }), X = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: d("p-4 border-t border-neutral-strong-default", e), children: t }), Z = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: d("flex-1", t) }), ge = Object.assign(C, {
-  Root: C,
+}, _ = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: d("h-16 ", e), children: t }), G = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: d("flex-1 overflow-y-auto p-4", e), children: t }), X = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: d("p-4 border-t border-neutral-strong-default", e), children: t }), Z = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: d("flex-1", t) }), ge = Object.assign(S, {
+  Root: S,
   Header: _,
   Content: G,
   Footer: X,
@@ -216,41 +216,41 @@ const V = (t, e) => {
 }, J = ({
   children: t
 }) => {
-  const [e, a] = y(!1), [o, n] = y(!1), i = h(null), s = () => {
-    a(!1), n(!1);
+  const [e, a] = y(!1), [n, o] = y(!1), i = h(null), l = () => {
+    a(!1), o(!1);
   }, c = () => {
-    a(!0), n(!1);
+    a(!0), o(!1);
   }, p = {
     isCollapsed: e,
     setIsCollapsed: a,
     navbarRef: i,
     toggleCollapse: () => {
-      e ? s() : c();
+      e ? l() : c();
     },
-    activeSecondaryBar: o ? "notifications" : null,
+    activeSecondaryBar: n ? "notifications" : null,
     openSecondaryBar: () => {
-      n(!0);
+      o(!0);
     },
     closeSecondaryBar: () => {
-      n(!1);
+      o(!1);
     },
     toggleSecondaryBar: () => {
-      n((v) => !v);
+      o((v) => !v);
     }
   };
   return /* @__PURE__ */ r.jsx(T.Provider, { value: p, children: t });
-}, w = (t, e, a, o) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, a, o) : t, K = (t, e, a) => {
+}, N = (t, e, a, n) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, a, n) : t, K = (t, e, a) => {
   B(
     () => {
       if (!t.current) return;
-      const o = m.timeline({
+      const n = x.timeline({
         defaults: { duration: 0.7, ease: "power1.out" }
-      }), n = {
+      }), o = {
         navbar: t.current,
-        navLabels: m.utils.toArray(".nav-label"),
-        navIconWrappers: m.utils.toArray(".nav-icon-wrapper"),
-        navIcons: m.utils.toArray(".nav-icon"),
-        navLinkItems: m.utils.toArray(".nav-link-item"),
+        navLabels: x.utils.toArray(".nav-label"),
+        navIconWrappers: x.utils.toArray(".nav-icon-wrapper"),
+        navIcons: x.utils.toArray(".nav-icon"),
+        navLinkItems: x.utils.toArray(".nav-link-item"),
         logoutButton: document.querySelector(".logout-button"),
         logoutLabel: document.querySelector(".logout-label"),
         logoutIcon: document.querySelector(".logout-icon"),
@@ -278,10 +278,10 @@ const V = (t, e) => {
         ),
         // Secondary bar elements
         secondaryBar: document.querySelector(".secondary-bar"),
-        secondaryBarContent: m.utils.toArray(".secondary-bar *"),
-        badgeInLink: m.utils.toArray(".badge-in-link")
+        secondaryBarContent: x.utils.toArray(".secondary-bar *"),
+        badgeInLink: x.utils.toArray(".badge-in-link")
       };
-      e ? Q(o, n) : Y(o, n), n.secondaryBar && ee(n.secondaryBar);
+      e ? Q(n, o) : Y(n, o), o.secondaryBar && ee(o.secondaryBar);
     },
     { scope: t, dependencies: [e, a] }
   );
@@ -344,7 +344,7 @@ const V = (t, e) => {
       marginLeft: 0
     },
     0
-  ).to(e.navIcons, { scale: 0.95, ease: "elastic.out(1, 0.3)" }, 0), w(
+  ).to(e.navIcons, { scale: 0.95, ease: "elastic.out(1, 0.3)" }, 0), N(
     t,
     e.buttonCrevron,
     {
@@ -357,7 +357,7 @@ const V = (t, e) => {
       }
     },
     0
-  ), w(
+  ), N(
     t,
     e.buttonContentChevron,
     {
@@ -434,7 +434,7 @@ const V = (t, e) => {
       justifyContent: "flex-start"
     },
     -1
-  ), w(
+  ), N(
     t,
     e.buttonCrevron,
     {
@@ -447,7 +447,7 @@ const V = (t, e) => {
       }
     },
     0
-  ), w(
+  ), N(
     t,
     e.buttonContentChevron,
     {
@@ -553,32 +553,33 @@ const V = (t, e) => {
     0
   ).to(e.navIcons, { scale: 1 }, 0.3);
 }, ee = (t, e) => {
-  m.to(t, {
+  x.to(t, {
     x: "-100%",
     opacity: 0,
     duration: 0.3,
     ease: "power2.in"
   });
-}, te = (t) => {
-  const [e, a] = y(t?.currentTabName || t.tabs[0].name), o = h(null), { tabs: n = [], className: i, activeColor: s = "var(--neutral-900)" } = t;
-  j(() => {
-    o.current?.style.setProperty("--tab-bg", s);
-  }, [s]);
-  const c = n.find((l) => l.name === (t?.currentTabName || e));
+}, te = C((t, e) => {
+  const [a, n] = y(t?.currentTabName || t.tabs[0].name), o = h(null), { tabs: i = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
+  w(() => {
+    o.current?.style.setProperty("--tab-bg", c);
+  }, [c]);
+  const u = i.find((s) => s.name === (t?.currentTabName || a));
   return /* @__PURE__ */ r.jsx(
     "div",
     {
+      ref: e,
       className: d(
         "flex flex-col gap-2",
         "bg-neutral-strong-default",
         "h-full w-14 max-w-14 pl-[6px] py-6",
         " border-r-[1px] border-neutral-default-default",
-        i
+        l
       ),
-      children: n.map(
-        (l, u) => {
-          const f = l.name === c?.name, x = typeof l.thumbnail == "string" ? /* @__PURE__ */ r.jsx("img", { src: l.thumbnail, alt: l.description, className: "aspect-square object-contain" }) : l.thumbnail, p = () => {
-            l.disabled || (a(l.name), l.onClick && l.onClick(l.name));
+      children: i.map(
+        (s) => {
+          const f = s.name === u?.name, m = typeof s.thumbnail == "string" ? /* @__PURE__ */ r.jsx("img", { src: s.thumbnail, alt: s.description, className: "aspect-square object-contain" }) : s.thumbnail, p = () => {
+            s.disabled || (n(s.name), s.onClick && s.onClick(s.name));
           };
           return /* @__PURE__ */ r.jsx(
             "div",
@@ -598,41 +599,46 @@ const V = (t, e) => {
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
-                l?.className
-              ), children: x })
+                s?.className
+              ), children: m })
             },
-            u
+            s.name
           );
         }
       )
     }
   );
-}, re = I(
-  ({ children: t, isCollapsed: e = !1, className: a = "", tabs: o = [], currentTabName: n }, i) => {
-    const s = h(null), { registerPrimarySidebar: c } = S(), l = O((u) => {
-      s.current = u, typeof i == "function" ? i(u) : i && (i.current = u);
+}), re = C(
+  ({ children: t, isCollapsed: e = !1, className: a = "", tabs: n = [], currentTabName: o }, i) => {
+    const l = h(null), c = h(null), { registerPrimarySidebar: u, registerTabBar: s } = k();
+    console.log(c.current, "Tabinternal ref");
+    const f = O((m) => {
+      l.current = m, typeof i == "function" ? (console.log("soy ref function"), i(m)) : i && (console.log("estoy entrand aca"), i.current = m);
     }, [i]);
-    return j(() => {
-      s.current && c(s);
-    }, [c]), K(s, e, !1), /* @__PURE__ */ r.jsxs(
+    return w(() => {
+      l.current && u(l);
+    }, [u]), w(() => {
+      c.current && s(c);
+    }, [s]), K(l, e, !1), /* @__PURE__ */ r.jsxs(
       "div",
       {
-        ref: l,
         className: d(
           "flex"
         ),
         children: [
-          o.length > 0 && /* @__PURE__ */ r.jsx(
+          n.length > 0 && /* @__PURE__ */ r.jsx(
             te,
             {
-              tabs: o,
+              tabs: n,
+              ref: c,
               activeColor: "var(--neutral-900)",
-              currentTabName: n
+              currentTabName: o
             }
           ),
           /* @__PURE__ */ r.jsx(
             "div",
             {
+              ref: f,
               className: `bg-neutral-default-default hidden overflow-hidden h-screen md:flex flex-col border-r border-neutral-strong-default transition-all duration-300 relative z-50 shrink-0
           ${e ? "w-16" : "w-64"} ${a}`,
               children: t
@@ -642,13 +648,14 @@ const V = (t, e) => {
       }
     );
   }
-), N = I(
+), j = C(
   (t, e) => /* @__PURE__ */ r.jsx(J, { children: /* @__PURE__ */ r.jsx(re, { ...t, ref: e }) })
 );
-N.displayName = "SidebarRoot";
+j.displayName = "SidebarRoot";
 const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("div", { className: d("flex  mt-5 mb-4 justify-end mr-5 container-icon-collapsade", t && ""), children: /* @__PURE__ */ r.jsx(
   "button",
   {
+    type: "button",
     onClick: e,
     title: t ? "Expandir Navbar" : "Contraer Navbar",
     "aria-label": t ? "Expandir Navbar" : "Contraer Navbar",
@@ -669,8 +676,8 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
     }
   };
   return /* @__PURE__ */ r.jsx("div", { className: d(a(), t) });
-}, le = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), we = Object.assign(N, {
-  Root: N,
+}, le = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), we = Object.assign(j, {
+  Root: j,
   CollapseButton: ae,
   Header: oe,
   Divider: ne,
@@ -681,24 +688,24 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
   children: t,
   icon: e,
   label: a,
-  href: o,
-  onClick: n,
+  href: n,
+  onClick: o,
   isActive: i = !1,
-  className: s
+  className: l
 }) => {
-  const c = o ? "a" : "button";
+  const c = n ? "a" : "button";
   return /* @__PURE__ */ r.jsxs(
     c,
     {
-      href: o,
-      onClick: n,
+      href: n,
+      onClick: o,
       className: d(
         "nav-link-item",
         "flex items-center w-full px-3 py-2 text-left",
         "hover:bg-neutral-medium-default transition-colors rounded-lg",
         "focus:outline-none focus:ring-2 focus:ring-primary-default-default",
         i && "bg-neutral-medium-default",
-        s
+        l
       ),
       children: [
         e && /* @__PURE__ */ r.jsx("div", { className: "nav-icon-wrapper mr-3 flex-shrink-0", children: /* @__PURE__ */ r.jsx("div", { className: "nav-icon flex items-center justify-center w-5 h-5", children: e }) }),
@@ -711,17 +718,17 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
   count: t,
   maxCount: e = 9,
   className: a = "",
-  size: o = "medium",
-  variant: n = "primary",
+  size: n = "medium",
+  variant: o = "primary",
   showZero: i = !1
 }) => {
-  const s = t, c = s > e ? `+${e}` : s;
-  if (s === 0 && !i) return null;
-  const l = {
+  const l = t, c = l > e ? `+${e}` : l;
+  if (l === 0 && !i) return null;
+  const u = {
     small: "w-4.5 h-4.5 text-xs ",
     medium: "w-5 h-5 text-xs",
     large: "w-6 h-6 text-sm"
-  }, u = {
+  }, s = {
     primary: "bg-primary-default-default text-neutral-strong-default",
     secondary: "bg-neutral-medium-default text-neutral-strong-default",
     success: "bg-green-500 text-white",
@@ -730,24 +737,24 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
   };
   return /* @__PURE__ */ r.jsx("div", { className: d(
     "rounded-full flex items-center justify-center font-medium ",
-    l[o],
     u[n],
+    s[o],
     a
   ), children: /* @__PURE__ */ r.jsx("span", { children: c }) });
 }, je = ({
   linkActions: t,
   onClick: e,
   activeAction: a
-}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
-  const { isView: i = !1, actionName: s, title: c, icon: l, count: u, viewAccess: f } = o || {}, x = (typeof i == "function" ? i() : i !== !1) && (!f || f()), p = a === s;
-  return x && /* @__PURE__ */ r.jsx(
+}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
+  const { isView: i = !1, actionName: l, title: c, icon: u, count: s, viewAccess: f } = n || {}, m = (typeof i == "function" ? i() : i !== !1) && (!f || f()), p = a === l;
+  return m && /* @__PURE__ */ r.jsx(
     b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: {
         duration: 0.4,
-        delay: n * 0.03,
+        delay: o * 0.03,
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
@@ -755,7 +762,7 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
         "button",
         {
           onClick: () => {
-            e?.(s);
+            e?.(l);
           },
           className: d(
             "nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden  h-10 ",
@@ -803,7 +810,7 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof l == "function" ? l({
+                        children: typeof u == "function" ? u({
                           size: 24,
                           className: d(
                             "nav-icon transition-colors duration-250 ease-out",
@@ -814,7 +821,7 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                     ),
                     /* @__PURE__ */ r.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: c })
                   ] }),
-                  /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: u && u >= 1 ? /* @__PURE__ */ r.jsx(L, { count: u, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: s && s >= 1 ? /* @__PURE__ */ r.jsx(L, { count: s, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -822,14 +829,14 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
         }
       )
     },
-    n
+    o
   );
 }) }), Ce = ({
   links: t,
   isLinkActive: e,
   onLinkClick: a
-}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
-  const { isView: i = !1, viewAccess: s, path: c, title: l, icon: u, count: f, relatedPaths: x } = o, p = (typeof i == "function" ? i() : i !== !1) && (!s || s()), v = e(c) || (x?.some(
+}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
+  const { isView: i = !1, viewAccess: l, path: c, title: u, icon: s, count: f, relatedPaths: m } = n, p = (typeof i == "function" ? i() : i !== !1) && (!l || l()), v = e(c) || (m?.some(
     (A) => e(A)
   ) ?? !1);
   return p && /* @__PURE__ */ r.jsx(
@@ -839,7 +846,7 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
       animate: { opacity: 1 },
       transition: {
         duration: 0.4,
-        delay: n * 0.03,
+        delay: o * 0.03,
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
@@ -895,7 +902,7 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof u == "function" ? u({
+                        children: typeof s == "function" ? s({
                           size: 24,
                           className: d(
                             "nav-icon transition-colors duration-250 ease-out",
@@ -904,7 +911,7 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                         }) : null
                       }
                     ),
-                    /* @__PURE__ */ r.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: l })
+                    /* @__PURE__ */ r.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: u })
                   ] }),
                   /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: f && f ? /* @__PURE__ */ r.jsx(L, { count: f, maxCount: 9, className: "" }) : "" })
                 ]
@@ -914,7 +921,7 @@ const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
         }
       )
     },
-    n
+    o
   );
 }) }), Se = ({
   isActiveModalNotification: t,
@@ -952,35 +959,35 @@ function Re({
   onFilesRejected: e,
   ...a
 }) {
-  const o = k.useCallback(
-    (i, s) => {
-      i.length > 0 && t?.(i), s.length > 0 && e?.(s);
+  const n = I.useCallback(
+    (i, l) => {
+      i.length > 0 && t?.(i), l.length > 0 && e?.(l);
     },
     [t, e]
-  ), n = F({
-    onDrop: o,
+  ), o = F({
+    onDrop: n,
     ...a
   });
   return {
-    ...n,
-    hasErrors: n.fileRejections.length > 0
+    ...o,
+    hasErrors: o.fileRejections.length > 0
   };
 }
 const Te = (t, e = !0) => {
   const a = h(null);
-  return j(() => {
+  return w(() => {
     if (!e) return;
-    const o = (n) => {
-      a.current && !a.current.contains(n.target) && t();
+    const n = (o) => {
+      a.current && !a.current.contains(o.target) && t();
     };
-    return document.addEventListener("mousedown", o, {
+    return document.addEventListener("mousedown", n, {
       capture: !0
-    }), document.addEventListener("touchstart", o, {
+    }), document.addEventListener("touchstart", n, {
       capture: !0
     }), () => {
-      document.removeEventListener("mousedown", o, {
+      document.removeEventListener("mousedown", n, {
         capture: !0
-      }), document.removeEventListener("touchstart", o, {
+      }), document.removeEventListener("touchstart", n, {
         capture: !0
       });
     };
@@ -1056,5 +1063,5 @@ export {
   pr as useIsMobile,
   ke as useNavbarCollapse,
   ye as useSidebar,
-  S as useSidebarContext
+  k as useSidebarContext
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "2.5.3",
+  "version": "2.5.5",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",