prometeo-design-system 3.0.6 → 3.0.7

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

@@ -1,36 +1,36 @@
 import { default as Se } from "./Avatar.es.js";
 import { default as Ie } from "./Button.es.js";
-import { C as Be, a as Ae } from "./CardProfile-B63chbXo.js";
+import { C as Be, a as Le } from "./CardProfile-Ct5Fs60N.js";
 import { default as Te } from "./CheckBox.es.js";
-import { default as qe, useDialogControl as De } from "./DialogModal.es.js";
-import { default as ze, useDrawerDesktop as Fe } from "./DrawerDesktop.es.js";
-import { default as He, useDrawerMobile as Ue } from "./DrawerMobile.es.js";
-import { default as Me } from "./Header.es.js";
-import { I as Ve } from "./Input-DD4VHP1s.js";
+import { default as qe, useDialogControl as ze } from "./DialogModal.es.js";
+import { default as Ee, useDrawerDesktop as Oe } from "./DrawerDesktop.es.js";
+import { default as We, useDrawerMobile as $e } from "./DrawerMobile.es.js";
+import { default as Fe } from "./Header.es.js";
+import { I as Ge } from "./Input-EkMrxcNX.js";
 import { default as _e } from "./InputMultiple.es.js";
 import { default as Ze } from "./Logo.es.js";
 import { default as Ke } from "./Menu.es.js";
 import { default as Ye } from "./Pagination.es.js";
 import { default as tt } from "./ProfilePictureUpload.es.js";
 import { default as rt } from "./ProgressBar.es.js";
-import { S as nt } from "./Select-DfjHfmxM.js";
+import { S as nt } from "./Select-CRFOzYc6.js";
 import { default as it } from "./Spinner.es.js";
 import { default as ct } from "./Steps.es.js";
 import { default as dt } from "./SwipeContainer.es.js";
-import { default as pt } from "./Switch.es.js";
-import { D as xt } from "./DatePicker-D718l51x.js";
+import { default as mt } from "./Switch.es.js";
+import { D as xt } from "./DatePicker-D1EwMGIN.js";
 import { RecurrentDatePicker as yt } from "./RecurrentDatePicker.es.js";
-import { RecurrentDatePickerRRule as gt } from "./RecurrentDatePickerRRule.es.js";
-import { Table as wt, TableBody as Ct, TableCaption as jt, TableCell as Nt, TableFooter as St, TableHead as kt, TableHeader as It, TableRow as Rt } from "./Table.es.js";
-import { default as At } from "./TabLinks.es.js";
+import { RecurrentDatePickerRRule as ht } from "./RecurrentDatePickerRRule.es.js";
+import { Table as wt, TableBody as jt, TableCaption as Nt, TableCell as Ct, TableFooter as St, TableHead as kt, TableHeader as It, TableRow as Rt } from "./Table.es.js";
+import { default as Lt } from "./TabLinks.es.js";
 import { default as Tt } from "./TextArea.es.js";
 import { default as qt } from "./Tooltip.es.js";
-import { default as Et } from "./Skeleton.es.js";
-import { default as Ft } from "./SegmentedButton.es.js";
+import { default as Dt } from "./Skeleton.es.js";
+import { default as Ot } from "./SegmentedButton.es.js";
 import { u as k } from "./LayoutGeneric-CbaoatQB.js";
-import { L as Ht, S as Ut } from "./LayoutGeneric-CbaoatQB.js";
-import { I as Mt } from "./ImageGallery-BLrIJSw2.js";
-import { default as Vt } from "./Image.es.js";
+import { L as Wt, S as $t } from "./LayoutGeneric-CbaoatQB.js";
+import { I as Ft } from "./ImageGallery-4DdXqwRy.js";
+import { default as Gt } from "./Image.es.js";
 import { default as _t, toastpyrion as Xt } from "./Toast.es.js";
 import { default as Jt } from "./ToastProvider.es.js";
 import { default as Qt } from "./SelectSearch.es.js";
@@ -38,17 +38,16 @@ import { default as ea } from "./FAButton.es.js";
 import { default as aa } from "./RadioButton.es.js";
 import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { c as u } from "./cn-B6yFEsav.js";
-import T, { useRef as h, useState as g, useLayoutEffect as P, createContext as q, useContext as D, forwardRef as N, useEffect as v, useCallback as E } from "react";
+import P, { useRef as y, useState as h, useLayoutEffect as T, createContext as A, useContext as q, forwardRef as C, useEffect as v, useCallback as z } from "react";
 import { useGSAP as I } from "@gsap/react";
 import x from "gsap";
-import { d as w } from "./Icons_Legacy-BJgYCS_W.js";
-import { r as oa, m as na, A as sa, j as ia, t as la, B as ca, i as ua, O as da, C as fa, Q as pa, V as ma, g as xa, D as ba, a as ya, h as ha, a0 as ga, p as va, b as wa, c as Ca, $ as ja, Z as Na, n as Sa, a1 as ka, Y as Ia, E as Ra, w as Ba, x as Aa, q as La, G as Ta, X as Pa, F as qa, R as Da, e as Ea, u as za, H as Fa, I as Oa, L as Ha, v as Ua, a3 as Wa, M as Ma, N as $a, P as Va, _ as Ga, k as _a, S as Xa, f as Za, K as Ja, l as Ka, T as Qa, y as Ya, J as er, a2 as tr, o as ar, z as rr, s as or, a4 as nr, U as sr, W as ir } from "./Icons_Legacy-BJgYCS_W.js";
-import { motion as b, AnimatePresence as R } from "framer-motion";
-import { default as cr } from "./OtpInput.es.js";
-import { useDropzone as z } from "react-dropzone";
-import { useIsMobile as dr } from "./useDevice.es.js";
-import { default as pr } from "./DropZone.es.js";
-const F = (t, e) => {
+import { CloseNavBarDesktop as w } from "./Icons/CloseNavBarDesktop.es.js";
+import { motion as b, AnimatePresence as D } from "framer-motion";
+import { default as oa } from "./OtpInput.es.js";
+import { useDropzone as E } from "react-dropzone";
+import { useIsMobile as sa } from "./useDevice.es.js";
+import { default as la } from "./DropZone.es.js";
+const O = (t, e) => {
   I(
     () => {
       if (!t.current) return;
@@ -110,16 +109,16 @@ const F = (t, e) => {
   primarySidebarCollapsed: i,
   onClose: l
 }) => {
-  const c = h(null), [d, s] = g({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: p } = k();
-  return P(() => {
-    if (f?.current && p?.current) {
-      const m = f.current.getBoundingClientRect();
+  const c = y(null), [d, s] = h({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
+  return T(() => {
+    if (f?.current && m?.current) {
+      const p = f.current.getBoundingClientRect();
       s({
-        left: m.width + p.current.offsetWidth,
-        width: m.width
+        left: p.width + m.current.offsetWidth,
+        width: p.width
       });
     }
-  }, [f, e, i, p]), F(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, [f, e, i, m]), O(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "div",
       {
@@ -148,27 +147,27 @@ const F = (t, e) => {
       }
     )
   ] }) });
-}, O = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("h-16 ", e), children: t }), H = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1 overflow-y-auto p-4", e), children: t }), U = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("p-4 border-t border-neutral-strong-default", e), children: t }), W = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1", t) }), de = Object.assign(S, {
+}, H = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("h-16 ", e), children: t }), W = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1 overflow-y-auto p-4", e), children: t }), $ = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("p-4 border-t border-neutral-strong-default", e), children: t }), M = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1", t) }), de = Object.assign(S, {
   Root: S,
-  Header: O,
-  Content: H,
-  Footer: U,
-  Spacer: W
-}), B = q(
+  Header: H,
+  Content: W,
+  Footer: $,
+  Spacer: M
+}), R = A(
   void 0
 ), fe = () => {
-  const t = D(B);
+  const t = q(R);
   if (!t)
     throw new Error("useSidebar must be used within a Sidebar.Root");
   return t;
-}, M = ({
+}, F = ({
   children: t
 }) => {
-  const [e, r] = g(!1), [n, o] = g(!1), i = h(null), l = () => {
+  const [e, r] = h(!1), [n, o] = h(!1), i = y(null), l = () => {
     r(!1), o(!1);
   }, c = () => {
     r(!0), o(!1);
-  }, m = {
+  }, p = {
     isCollapsed: e,
     setIsCollapsed: r,
     navbarRef: i,
@@ -183,11 +182,11 @@ const F = (t, e) => {
       o(!1);
     },
     toggleSecondaryBar: () => {
-      o((y) => !y);
+      o((g) => !g);
     }
   };
-  return /* @__PURE__ */ a.jsx(B.Provider, { value: m, children: t });
-}, C = (t, e, r, n) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, r, n) : t, $ = (t, e, r) => {
+  return /* @__PURE__ */ a.jsx(R.Provider, { value: p, children: t });
+}, j = (t, e, r, n) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, r, n) : t, U = (t, e, r) => {
   I(
     () => {
       if (!t.current) return;
@@ -229,11 +228,11 @@ const F = (t, e) => {
         secondaryBarContent: x.utils.toArray(".secondary-bar *"),
         badgeInLink: x.utils.toArray(".badge-in-link")
       };
-      e ? V(n, o) : G(n, o), o.secondaryBar && _(o.secondaryBar);
+      e ? G(n, o) : V(n, o), o.secondaryBar && _(o.secondaryBar);
     },
     { scope: t, dependencies: [e, r] }
   );
-}, V = (t, e) => {
+}, G = (t, e) => {
   t.to(e.navbar, {
     width: "5rem",
     duration: 0.2,
@@ -292,7 +291,7 @@ const F = (t, e) => {
       marginLeft: 0
     },
     0
-  ).to(e.navIcons, { scale: 0.95, ease: "elastic.out(1, 0.3)" }, 0), C(
+  ).to(e.navIcons, { scale: 0.95, ease: "elastic.out(1, 0.3)" }, 0), j(
     t,
     e.buttonCrevron,
     {
@@ -305,7 +304,7 @@ const F = (t, e) => {
       }
     },
     0
-  ), C(
+  ), j(
     t,
     e.buttonContentChevron,
     {
@@ -372,7 +371,7 @@ const F = (t, e) => {
     },
     -1
   );
-}, G = (t, e) => {
+}, V = (t, e) => {
   t.to(e.navbar, { width: "20rem" }, -1).to(
     e.navLinkItems,
     {
@@ -382,7 +381,7 @@ const F = (t, e) => {
       justifyContent: "flex-start"
     },
     -1
-  ), C(
+  ), j(
     t,
     e.buttonCrevron,
     {
@@ -395,7 +394,7 @@ const F = (t, e) => {
       }
     },
     0
-  ), C(
+  ), j(
     t,
     e.buttonContentChevron,
     {
@@ -507,8 +506,8 @@ const F = (t, e) => {
     duration: 0.3,
     ease: "power2.in"
   });
-}, X = N((t, e) => {
-  const [r, n] = g(t?.currentTabName || t.tabs[0].name), o = h(null), { tabs: i = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
+}, X = C((t, e) => {
+  const [r, n] = h(t?.currentTabName || t.tabs[0].name), o = y(null), { tabs: i = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
   v(() => {
     o.current?.style.setProperty("--tab-bg", c);
   }, [c]);
@@ -526,7 +525,7 @@ const F = (t, e) => {
       ),
       children: i.map(
         (s) => {
-          const f = s.name === d?.name, p = typeof s.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: s.thumbnail, alt: s.description, className: "aspect-square object-contain" }) : s.thumbnail, m = () => {
+          const f = s.name === d?.name, m = typeof s.thumbnail == "string" ? /* @__PURE__ */ a.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__ */ a.jsx(
@@ -540,7 +539,7 @@ const F = (t, e) => {
                 "tabswitch-element relative",
                 f && "active"
               ),
-              onClick: m,
+              onClick: p,
               ref: o,
               children: /* @__PURE__ */ a.jsx("div", { className: u(
                 "size-8 rounded-[4px]",
@@ -548,7 +547,7 @@ const F = (t, e) => {
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
                 s?.className
-              ), children: p })
+              ), children: m })
             },
             s.name
           );
@@ -556,16 +555,16 @@ const F = (t, e) => {
       )
     }
   );
-}), Z = N(
+}), Z = C(
   ({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, i) => {
-    const l = h(null), c = h(null), { registerPrimarySidebar: d, registerTabBar: s } = k(), f = E((p) => {
-      l.current = p, typeof i == "function" ? i(p) : i && (i.current = p);
+    const l = y(null), c = y(null), { registerPrimarySidebar: d, registerTabBar: s } = k(), f = z((m) => {
+      l.current = m, typeof i == "function" ? i(m) : i && (i.current = m);
     }, [i]);
     return v(() => {
       l.current && d(l);
     }, [d]), v(() => {
       c.current && s(c);
-    }, [s]), $(l, e, !1), /* @__PURE__ */ a.jsxs(
+    }, [s]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
       "div",
       {
         className: u(
@@ -594,10 +593,10 @@ const F = (t, e) => {
       }
     );
   }
-), j = N(
-  (t, e) => /* @__PURE__ */ a.jsx(M, { children: /* @__PURE__ */ a.jsx(Z, { ...t, ref: e }) })
+), N = C(
+  (t, e) => /* @__PURE__ */ a.jsx(F, { children: /* @__PURE__ */ a.jsx(Z, { ...t, ref: e }) })
 );
-j.displayName = "SidebarRoot";
+N.displayName = "SidebarRoot";
 const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("div", { className: u("flex  mt-5 mb-4 justify-end mr-5 container-icon-collapsade", t && ""), children: /* @__PURE__ */ a.jsx(
   "button",
   {
@@ -622,15 +621,15 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
     }
   };
   return /* @__PURE__ */ a.jsx("div", { className: u(r(), t) });
-}, te = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: e, children: t }), pe = Object.assign(j, {
-  Root: j,
+}, te = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: e, children: t }), me = Object.assign(N, {
+  Root: N,
   CollapseButton: J,
   Header: K,
   Divider: Q,
   Content: Y,
   Spacer: ee,
   Footer: te
-}), me = ({
+}), pe = ({
   children: t,
   icon: e,
   label: r,
@@ -660,7 +659,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
       ]
     }
   );
-}, A = ({
+}, B = ({
   count: t,
   maxCount: e = 9,
   className: r = "",
@@ -692,8 +691,8 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   onClick: e,
   activeAction: r
 }) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
-  const { isView: i = !1, actionName: l, title: c, icon: d, count: s, viewAccess: f } = n || {}, p = (typeof i == "function" ? i() : i !== !1) && (!f || f()), m = r === l;
-  return p && /* @__PURE__ */ a.jsx(
+  const { isView: i = !1, actionName: l, title: c, icon: d, count: s, viewAccess: f } = n || {}, m = (typeof i == "function" ? i() : i !== !1) && (!f || f()), p = r === l;
+  return m && /* @__PURE__ */ a.jsx(
     b.div,
     {
       initial: { opacity: 0 },
@@ -714,10 +713,10 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
             "nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden  h-10 ",
             "transition-all duration-300 ease-out w-full",
             "group hover:bg-neutral-medium-selected",
-            m ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
+            p ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ a.jsx(R, { mode: "wait", children: m && /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(D, { mode: "wait", children: p && /* @__PURE__ */ a.jsx(
               b.div,
               {
                 layoutId: "nav-active-bg",
@@ -750,7 +749,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                       {
                         className: "nav-icon-wrapper flex items-center justify-center shrink-0",
                         animate: {
-                          scale: m ? 1.05 : 1
+                          scale: p ? 1.05 : 1
                         },
                         transition: {
                           duration: 0.25,
@@ -760,14 +759,14 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                           size: 24,
                           className: u(
                             "nav-icon transition-colors duration-250 ease-out",
-                            m ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
+                            p ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
                           )
                         }) : null
                       }
                     ),
                     /* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: c })
                   ] }),
-                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: s && s >= 1 ? /* @__PURE__ */ a.jsx(A, { count: s, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: s && s >= 1 ? /* @__PURE__ */ a.jsx(B, { count: s, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -782,10 +781,10 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   isLinkActive: e,
   onLinkClick: r
 }) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
-  const { isView: i = !1, viewAccess: l, path: c, title: d, icon: s, count: f, relatedPaths: p } = n, m = (typeof i == "function" ? i() : i !== !1) && (!l || l()), y = e(c) || (p?.some(
+  const { isView: i = !1, viewAccess: l, path: c, title: d, icon: s, count: f, relatedPaths: m } = n, p = (typeof i == "function" ? i() : i !== !1) && (!l || l()), g = e(c) || (m?.some(
     (L) => e(L)
   ) ?? !1);
-  return m && /* @__PURE__ */ a.jsx(
+  return p && /* @__PURE__ */ a.jsx(
     b.div,
     {
       initial: { opacity: 0 },
@@ -796,7 +795,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
-      children: /* @__PURE__ */ a.jsxs(
+      children: /* @__PURE__ */ a.jsx(
         "button",
         {
           onClick: () => {
@@ -806,64 +805,47 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
             "nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden  h-10 ",
             "transition-all duration-300 ease-out w-full",
             "group hover:bg-neutral-medium-selected",
-            y ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
+            g ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
-          children: [
-            /* @__PURE__ */ a.jsx(R, { mode: "wait", children: y && /* @__PURE__ */ a.jsx(
-              b.div,
-              {
-                layoutId: "nav-active-bg",
-                className: "absolute inset-0 bg-neutral-medium-selected rounded-lg",
-                initial: !1,
-                animate: { opacity: 1 },
-                exit: { opacity: 0 },
-                transition: {
-                  type: "tween",
-                  duration: 0.25,
-                  ease: "easeInOut"
-                }
-              }
-            ) }),
-            /* @__PURE__ */ a.jsxs(
-              b.div,
-              {
-                className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
-                animate: {
-                  x: 0
-                },
-                transition: {
-                  duration: 0.25,
-                  ease: "easeOut"
-                },
-                children: [
-                  /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ a.jsx(
-                      b.div,
-                      {
-                        className: "nav-icon-wrapper flex items-center justify-center shrink-0",
-                        animate: {
-                          scale: y ? 1.05 : 1
-                        },
-                        transition: {
-                          duration: 0.25,
-                          ease: "easeOut"
-                        },
-                        children: typeof s == "function" ? s({
-                          size: 24,
-                          className: u(
-                            "nav-icon transition-colors duration-250 ease-out",
-                            y ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
-                          )
-                        }) : null
-                      }
-                    ),
-                    /* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: d })
-                  ] }),
-                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: f && f ? /* @__PURE__ */ a.jsx(A, { count: f, maxCount: 9, className: "" }) : "" })
-                ]
-              }
-            )
-          ]
+          children: /* @__PURE__ */ a.jsxs(
+            b.div,
+            {
+              className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
+              animate: {
+                x: 0
+              },
+              transition: {
+                duration: 0.25,
+                ease: "easeOut"
+              },
+              children: [
+                /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ a.jsx(
+                    b.div,
+                    {
+                      className: "nav-icon-wrapper flex items-center justify-center shrink-0",
+                      animate: {
+                        scale: g ? 1.05 : 1
+                      },
+                      transition: {
+                        duration: 0.25,
+                        ease: "easeOut"
+                      },
+                      children: typeof s == "function" ? s({
+                        size: 24,
+                        className: u(
+                          "nav-icon transition-colors duration-250 ease-out",
+                          g ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
+                        )
+                      }) : null
+                    }
+                  ),
+                  /* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: d })
+                ] }),
+                /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: f && f ? /* @__PURE__ */ a.jsx(B, { count: f, maxCount: 9, className: "" }) : "" })
+              ]
+            }
+          )
         }
       )
     },
@@ -874,13 +856,13 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   setIsActiveModalNotification: e
 }) => ({ handleNotificationClick: () => {
   e(!0);
-}, isActiveModalNotification: t }), he = (t) => {
-  const e = h(null);
+}, isActiveModalNotification: t }), ge = (t) => {
+  const e = y(null);
   return {
     isCollapsed: t,
     navbarRef: e
   };
-}, ge = ({
+}, he = ({
   isCollapsed: t,
   onToggle: e
 }) => /* @__PURE__ */ a.jsx("div", { className: "", children: /* @__PURE__ */ a.jsx(
@@ -905,12 +887,12 @@ function we({
   onFilesRejected: e,
   ...r
 }) {
-  const n = T.useCallback(
+  const n = P.useCallback(
     (i, l) => {
       i.length > 0 && t?.(i), l.length > 0 && e?.(l);
     },
     [t, e]
-  ), o = z({
+  ), o = E({
     onDrop: n,
     ...r
   });
@@ -919,8 +901,8 @@ function we({
     hasErrors: o.fileRejections.length > 0
   };
 }
-const Ce = (t, e = !0) => {
-  const r = h(null);
+const je = (t, e = !0) => {
+  const r = y(null);
   return v(() => {
     if (!e) return;
     const n = (o) => {
@@ -940,131 +922,72 @@ const Ce = (t, e = !0) => {
   }, [t, e]), r;
 };
 export {
-  oa as AccountCircle,
-  na as Add,
-  sa as ArrowLeft,
-  ia as ArrowUpDown,
-  la as AttachFile,
   Se as Avatar,
-  A as Badge,
-  ca as Boards,
+  B as Badge,
   Ie as Button,
-  ua as Calendar,
-  da as Cancel,
   Be as CardProfile,
-  Ae as ChangueAccount,
-  fa as Check,
+  Le as ChangueAccount,
   Te as CheckBox,
-  pa as CheckCircle,
-  ma as CheckList,
-  xa as ChevronDown,
-  ba as Clock,
-  ya as Close,
-  w as CloseNavBarDesktop,
-  ha as Collapse,
-  ga as Company,
   ve as CompanyLogo,
-  va as Copy,
-  wa as CrevronLeft,
-  Ca as CrevronRight,
   xt as DatePicker,
   qe as DialogModal,
-  ja as DocumentFill,
-  Na as Download,
-  ze as DrawerDesktop,
-  He as DrawerMobile,
-  pr as DropZone,
-  Sa as Edit,
-  ka as EditFill,
-  Ia as Email,
-  Ra as Error,
-  Ba as EyeVisibility,
-  Aa as EyeVisibilityOff,
+  Ee as DrawerDesktop,
+  We as DrawerMobile,
+  la as DropZone,
   ea as FAButton,
-  La as FaLock,
-  Ta as FastForward,
-  Pa as File,
-  qa as Filter,
-  Da as FormatColorText,
-  Me as Header,
-  Ea as Help,
-  za as HistoryActivity,
-  Fa as Home,
-  Vt as Image,
-  Mt as ImageGallery,
-  Oa as Info,
-  Ve as Input,
+  Fe as Header,
+  Gt as Image,
+  Ft as ImageGallery,
+  Ge as Input,
   _e as InputMultiple,
-  Ht as LayoutGeneric,
+  Wt as LayoutGeneric,
   Ze as Logo,
-  Ha as Logout,
   Ke as Menu,
-  Ua as MessageSquare,
-  Wa as MessageSquareFill,
-  Ma as MoreVert,
   xe as NavBarActions,
-  ge as NavbarCollapseButton,
+  he as NavbarCollapseButton,
   be as NavbarLinks,
-  me as NavigationLink,
-  $a as Notifications,
-  cr as OtpInput,
+  pe as NavigationLink,
+  oa as OtpInput,
   Ye as Pagination,
-  Va as Pause,
   tt as ProfilePictureUpload,
   rt as ProgressBar,
   aa as RadioButton,
   yt as RecurrentDatePicker,
-  gt as RecurrentDatePickerRRule,
-  Ga as Reload,
-  _a as Search,
+  ht as RecurrentDatePickerRRule,
   de as SecondaryBar,
-  Ft as SegmentedButton,
+  Ot as SegmentedButton,
   nt as Select,
   Qt as SelectSearch,
-  Xa as Settings,
-  Za as Shared,
-  pe as Sidebar,
-  M as SidebarProvider,
-  Ut as SidebarRefProvider,
-  Et as Skeleton,
-  Ja as Sort,
+  me as Sidebar,
+  F as SidebarProvider,
+  $t as SidebarRefProvider,
+  Dt as Skeleton,
   it as Spinner,
-  Ka as Stars,
   ct as Steps,
   dt as SwipeContainer,
-  pt as Switch,
-  At as TabLinks,
+  mt as Switch,
+  Lt as TabLinks,
   wt as Table,
-  Ct as TableBody,
-  jt as TableCaption,
-  Nt as TableCell,
+  jt as TableBody,
+  Nt as TableCaption,
+  Ct as TableCell,
   St as TableFooter,
   kt as TableHead,
   It as TableHeader,
   Rt as TableRow,
   Tt as TextArea,
-  Qa as Ticket,
-  Ya as TicketFilled,
   _t as Toast,
   Jt as ToastProvider,
   qt as Tooltip,
-  er as Trash,
-  tr as TrashFill,
-  ar as Upload,
-  rr as UploadCloud,
-  or as UserAdd,
-  nr as UserAddFill,
-  sr as UserPerson,
-  ir as WhatsApp,
   Xt as toastpyrion,
   ye as useActionsNavbar,
-  Ce as useClickOutside,
-  De as useDialogControl,
-  Fe as useDrawerDesktop,
-  Ue as useDrawerMobile,
+  je as useClickOutside,
+  ze as useDialogControl,
+  Oe as useDrawerDesktop,
+  $e as useDrawerMobile,
   we as useFileDropzone,
-  dr as useIsMobile,
-  he as useNavbarCollapse,
+  sa as useIsMobile,
+  ge as useNavbarCollapse,
   fe as useSidebar,
   k as useSidebarContext
 };