prometeo-design-system 3.1.4 → 3.1.6

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

@@ -1,60 +1,61 @@
-import { default as Se } from "./Avatar.es.js";
-import { default as Ie } from "./Button.es.js";
-import { C as Be, a as Le } from "./CardProfile-y9Knsg26.js";
-import { default as Te } from "./CheckBox.es.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 { default as Ge } from "./Input.es.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-BdxmkrjB.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 ke } from "./Avatar.es.js";
+import { default as Be } from "./Button.es.js";
+import { C as Le, a as Pe } from "./CardProfile-y9Knsg26.js";
+import { default as Ae } from "./CheckBox.es.js";
+import { default as De, useDialogControl as ze } from "./DialogModal.es.js";
+import { default as Oe, useDrawerDesktop as He } from "./DrawerDesktop.es.js";
+import { default as $e, useDrawerMobile as Me } from "./DrawerMobile.es.js";
+import { default as Ue } from "./Header.es.js";
+import { default as Ve } from "./Input.es.js";
+import { default as Xe } from "./InputMultiple.es.js";
+import { default as Je } from "./Logo.es.js";
+import { default as Qe } from "./Menu.es.js";
+import { default as et } from "./Pagination.es.js";
+import { default as rt } from "./ProfilePictureUpload.es.js";
+import { default as ot } from "./ProgressBar.es.js";
+import { default as it } from "./Select.es.js";
+import { default as lt } from "./Spinner.es.js";
+import { default as ut } from "./Steps.es.js";
+import { default as ft } from "./SwipeContainer.es.js";
 import { default as mt } from "./Switch.es.js";
-import { D as xt } from "./DatePicker-CehTiXGa.js";
-import { RecurrentDatePicker as gt } from "./RecurrentDatePicker.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 Dt } from "./Skeleton.es.js";
-import { default as Ot } from "./SegmentedButton.es.js";
-import { u as k } from "./LayoutGeneric-CfWhV1ov.js";
-import { L as Wt, S as $t } from "./LayoutGeneric-CfWhV1ov.js";
-import { I as Ft } from "./ImageGallery-DG9ovlQ-.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";
-import { default as ea } from "./FAButton.es.js";
-import { default as aa } from "./RadioButton.es.js";
-import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { c as u } from "./cn-B6yFEsav.js";
-import P, { useRef as g, useState as h, useLayoutEffect as T, createContext as A, useContext as q, forwardRef as C, useEffect as v, useCallback as z } from "react";
+import { D as bt } from "./DatePicker-6eb-0Ns5.js";
+import { RecurrentDatePicker as vt } from "./RecurrentDatePicker.es.js";
+import { RecurrentDatePickerRRule as gt } from "./RecurrentDatePickerRRule.es.js";
+import { Table as jt, TableBody as Nt, TableCaption as St, TableCell as Ct, TableFooter as kt, TableHead as It, TableHeader as Bt, TableRow as Rt } from "./Table.es.js";
+import { default as Pt } from "./TabLinks.es.js";
+import { default as At } from "./TextArea.es.js";
+import { default as Dt } from "./Tooltip.es.js";
+import { default as Et } from "./Skeleton.es.js";
+import { default as Ht } from "./SegmentedButton.es.js";
+import { u as C } from "./LayoutGeneric-CfWhV1ov.js";
+import { L as $t, S as Mt } from "./LayoutGeneric-CfWhV1ov.js";
+import { I as Ut } from "./ImageGallery-DG9ovlQ-.js";
+import { default as Vt } from "./Image.es.js";
+import { default as Xt, toastpyrion as Zt } from "./Toast.es.js";
+import { default as Kt } from "./ToastProvider.es.js";
+import { default as Yt } from "./SelectSearch.es.js";
+import { default as tr } from "./FAButton.es.js";
+import { default as ar } from "./RadioButton.es.js";
+import { j as r } from "./jsx-runtime-GkKLlHH4.js";
+import { c } from "./cn-B6yFEsav.js";
+import P, { useRef as v, useState as w, useLayoutEffect as q, createContext as A, useContext as T, forwardRef as k, useCallback as D, useEffect as j } from "react";
 import { useGSAP as I } from "@gsap/react";
-import x from "gsap";
-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) => {
+import d from "gsap";
+import { T as z, B } from "./badge-B1IK_-i5.js";
+import { CloseNavBarDesktop as h } from "./Icons/CloseNavBarDesktop.es.js";
+import { motion as b, AnimatePresence as E } from "framer-motion";
+import { default as nr } from "./OtpInput.es.js";
+import { useDropzone as O } from "react-dropzone";
+import { useIsMobile as sr } from "./useDevice.es.js";
+import { default as cr } from "./DropZone.es.js";
+const H = (t, e) => {
   I(
     () => {
       if (!t.current) return;
-      const r = t.current, n = document.querySelector('[data-main-content="true"]');
+      const a = t.current, o = document.querySelector('[data-main-content="true"]');
       if (e) {
-        x.fromTo(
-          r,
+        d.fromTo(
+          a,
           {
             width: "0rem",
             opacity: 0
@@ -65,14 +66,14 @@ const O = (t, e) => {
             duration: 0.4,
             ease: "power2.out"
           }
-        ), n && x.to(n, {
-          marginLeft: r.offsetWidth + "px",
+        ), o && d.to(o, {
+          marginLeft: a.offsetWidth + "px",
           duration: 0.4,
           ease: "power2.out"
         });
-        const o = r.querySelectorAll(".secondary-bar-content > *");
-        o.length > 0 && x.fromTo(
-          o,
+        const n = a.querySelectorAll(".secondary-bar-content > *");
+        n.length > 0 && d.fromTo(
+          n,
           {
             y: 20,
             opacity: 0
@@ -87,12 +88,12 @@ const O = (t, e) => {
           }
         );
       } else
-        x.to(r, {
+        d.to(a, {
           width: "0rem",
           opacity: 0,
           duration: 0.3,
           ease: "power2.in"
-        }), n && x.to(n, {
+        }), o && d.to(o, {
           marginLeft: "0px",
           duration: 0.3,
           ease: "power2.in"
@@ -103,101 +104,101 @@ const O = (t, e) => {
 }, S = ({
   children: t,
   isOpen: e = !1,
-  className: r = "",
-  width: n = "w-96",
-  action: o,
+  className: a = "",
+  width: o = "w-96",
+  action: n,
   primarySidebarCollapsed: i,
-  onClose: l
+  onClose: s
 }) => {
-  const c = g(null), [f, s] = h({ left: 0, width: 0 }), { primarySidebarRef: d, tabBarRef: m } = k();
-  return T(() => {
-    if (d?.current && m?.current) {
-      const p = d.current.getBoundingClientRect();
-      s({
-        left: p.width + m.current.offsetWidth,
-        width: p.width
+  const l = v(null), [x, f] = w({ left: 0, width: 0 }), { primarySidebarRef: u, tabBarRef: p } = C();
+  return q(() => {
+    if (u?.current && p?.current) {
+      const m = u.current.getBoundingClientRect();
+      f({
+        left: m.width + p.current.offsetWidth,
+        width: m.width
       });
     }
-  }, [d, e, i, m]), O(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(
+  }, [u, e, i, p]), H(l, 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: f.left
+          left: x.left
         },
-        onClick: l
+        onClick: s
       }
     ),
-    /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ r.jsx(
       "div",
       {
-        ref: c,
-        className: u(
+        ref: l,
+        className: c(
           "h-screen bg-neutral-default-default border-r border-neutral-strong-default flex flex-col secondary-bar shrink-0",
           "absolute top-0 z-50",
-          n,
-          r
+          o,
+          a
         ),
         style: {
-          left: f.left
+          left: x.left
         },
-        "data-action": o,
-        children: /* @__PURE__ */ a.jsx("div", { className: "secondary-bar-content", children: t })
+        "data-action": n,
+        children: /* @__PURE__ */ r.jsx("div", { className: "secondary-bar-content", children: t })
       }
     )
   ] }) });
-}, 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, {
+}, W = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: c("h-16 ", e), children: t }), $ = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: c("flex-1 overflow-y-auto p-4", e), children: t }), M = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: c("p-4 border-t border-neutral-strong-default", e), children: t }), F = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: c("flex-1", t) }), fe = Object.assign(S, {
   Root: S,
-  Header: H,
-  Content: W,
-  Footer: $,
-  Spacer: M
+  Header: W,
+  Content: $,
+  Footer: M,
+  Spacer: F
 }), R = A(
   void 0
-), fe = () => {
-  const t = q(R);
+), pe = () => {
+  const t = T(R);
   if (!t)
     throw new Error("useSidebar must be used within a Sidebar.Root");
   return t;
-}, F = ({
+}, U = ({
   children: t
 }) => {
-  const [e, r] = h(!1), [n, o] = h(!1), i = g(null), l = () => {
-    r(!1), o(!1);
-  }, c = () => {
-    r(!0), o(!1);
-  }, p = {
+  const [e, a] = w(!1), [o, n] = w(!1), i = v(null), s = () => {
+    a(!1), n(!1);
+  }, l = () => {
+    a(!0), n(!1);
+  }, m = {
     isCollapsed: e,
-    setIsCollapsed: r,
+    setIsCollapsed: a,
     navbarRef: i,
     toggleCollapse: () => {
-      e ? l() : c();
+      e ? s() : l();
     },
-    activeSecondaryBar: n ? "notifications" : null,
+    activeSecondaryBar: o ? "notifications" : null,
     openSecondaryBar: () => {
-      o(!0);
+      n(!0);
     },
     closeSecondaryBar: () => {
-      o(!1);
+      n(!1);
     },
     toggleSecondaryBar: () => {
-      o((y) => !y);
+      n((y) => !y);
     }
   };
-  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) => {
+  return /* @__PURE__ */ r.jsx(R.Provider, { value: m, children: t });
+}, g = (t, e, a, o) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, a, o) : t, G = (t, e, a) => {
   I(
     () => {
       if (!t.current) return;
-      const n = x.timeline({
+      const o = d.timeline({
         defaults: { duration: 0.7, ease: "power1.out" }
-      }), o = {
+      }), n = {
         navbar: t.current,
-        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"),
+        navLabels: d.utils.toArray(".nav-label"),
+        navIconWrappers: d.utils.toArray(".nav-icon-wrapper"),
+        navIcons: d.utils.toArray(".nav-icon"),
+        navLinkItems: d.utils.toArray(".nav-link-item"),
         logoutButton: document.querySelector(".logout-button"),
         logoutLabel: document.querySelector(".logout-label"),
         logoutIcon: document.querySelector(".logout-icon"),
@@ -225,14 +226,14 @@ const O = (t, e) => {
         ),
         // Secondary bar elements
         secondaryBar: document.querySelector(".secondary-bar"),
-        secondaryBarContent: x.utils.toArray(".secondary-bar *"),
-        badgeInLink: x.utils.toArray(".badge-in-link")
+        secondaryBarContent: d.utils.toArray(".secondary-bar *"),
+        badgeInLink: d.utils.toArray(".badge-in-link")
       };
-      e ? G(n, o) : V(n, o), o.secondaryBar && _(o.secondaryBar);
+      e ? V(o, n) : _(o, n), n.secondaryBar && X(n.secondaryBar);
     },
-    { scope: t, dependencies: [e, r] }
+    { scope: t, dependencies: [e, a] }
   );
-}, G = (t, e) => {
+}, V = (t, e) => {
   t.to(e.navbar, {
     width: "5rem",
     duration: 0.2,
@@ -291,7 +292,7 @@ const O = (t, e) => {
       marginLeft: 0
     },
     0
-  ).to(e.navIcons, { scale: 0.95, ease: "elastic.out(1, 0.3)" }, 0), j(
+  ).to(e.navIcons, { scale: 0.95, ease: "elastic.out(1, 0.3)" }, 0), g(
     t,
     e.buttonCrevron,
     {
@@ -304,7 +305,7 @@ const O = (t, e) => {
       }
     },
     0
-  ), j(
+  ), g(
     t,
     e.buttonContentChevron,
     {
@@ -371,7 +372,7 @@ const O = (t, e) => {
     },
     -1
   );
-}, V = (t, e) => {
+}, _ = (t, e) => {
   t.to(e.navbar, { width: "20rem" }, -1).to(
     e.navLinkItems,
     {
@@ -381,7 +382,7 @@ const O = (t, e) => {
       justifyContent: "flex-start"
     },
     -1
-  ), j(
+  ), g(
     t,
     e.buttonCrevron,
     {
@@ -394,7 +395,7 @@ const O = (t, e) => {
       }
     },
     0
-  ), j(
+  ), g(
     t,
     e.buttonContentChevron,
     {
@@ -499,94 +500,44 @@ const O = (t, e) => {
     },
     0
   ).to(e.navIcons, { scale: 1 }, 0.3);
-}, _ = (t, e) => {
-  x.to(t, {
+}, X = (t, e) => {
+  d.to(t, {
     x: "-100%",
     opacity: 0,
     duration: 0.3,
     ease: "power2.in"
   });
-}, X = C((t, e) => {
-  const [r, n] = h(t?.currentTabName || t.tabs[0].name), o = g(null), { tabs: i = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
-  v(() => {
-    o.current?.style.setProperty("--tab-bg", c);
-  }, [c]);
-  const f = i.find((s) => s.name === (t?.currentTabName || r));
-  return /* @__PURE__ */ a.jsx(
-    "div",
-    {
-      ref: e,
-      className: u(
-        "select-none",
-        "flex flex-col gap-2",
-        "bg-neutral-strong-default",
-        "h-full w-14 max-w-14 pl-[6px] py-6",
-        " border-r border-neutral-default-default",
-        l
-      ),
-      children: i.map(
-        (s) => {
-          const d = s.name === f?.name, m = typeof s.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: s.thumbnail, alt: s.description, className: "aspect-square object-contain rounded", draggable: !1 }) : s.thumbnail, p = () => {
-            s.disabled || (n(s.name), s.onClick && s.onClick(s.name));
-          };
-          return /* @__PURE__ */ a.jsx(
-            "div",
-            {
-              className: u(
-                "bg-[(--tab-bg)]",
-                "h-12 w-[50px] z-20",
-                "flex items-center pl-[6px] ",
-                "rounded-l-[8px]",
-                "tabswitch-element relative",
-                d && "active"
-              ),
-              onClick: p,
-              ref: o,
-              children: /* @__PURE__ */ a.jsx("div", { className: u(
-                "size-8 rounded-[4px]",
-                "grid place-items-center",
-                "tab-thumbnail-icon",
-                "bg-transparent text-neutral-default-default",
-                s?.className
-              ), children: m })
-            },
-            s.name
-          );
-        }
-      )
-    }
-  );
-}), Z = C(
-  ({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, i) => {
-    const l = g(null), c = g(null), { registerPrimarySidebar: f, registerTabBar: s } = k(), d = z((m) => {
-      l.current = m, typeof i == "function" ? i(m) : i && (i.current = m);
+}, Z = k(
+  ({ children: t, isCollapsed: e = !1, className: a = "", tabs: o = [], currentTabName: n }, i) => {
+    const s = v(null), l = v(null), { registerPrimarySidebar: x, registerTabBar: f } = C(), u = D((p) => {
+      s.current = p, typeof i == "function" ? i(p) : i && (i.current = p);
     }, [i]);
-    return v(() => {
+    return j(() => {
+      s.current && x(s);
+    }, [x]), j(() => {
       l.current && f(l);
-    }, [f]), v(() => {
-      c.current && s(c);
-    }, [s]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
+    }, [f]), G(s, e, !1), /* @__PURE__ */ r.jsxs(
       "div",
       {
-        className: u(
+        className: c(
           "flex"
         ),
         children: [
-          n.length > 0 && /* @__PURE__ */ a.jsx(
-            X,
+          o.length > 0 && /* @__PURE__ */ r.jsx(
+            z,
             {
-              tabs: n,
-              ref: c,
+              tabs: o,
+              ref: l,
               activeColor: "var(--neutral-900)",
-              currentTabName: o
+              currentTabName: n
             }
           ),
-          /* @__PURE__ */ a.jsx(
+          /* @__PURE__ */ r.jsx(
             "div",
             {
-              ref: d,
+              ref: u,
               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"} ${r}`,
+          ${e ? "w-16" : "w-64"} ${a}`,
               children: t
             }
           )
@@ -594,11 +545,11 @@ const O = (t, e) => {
       }
     );
   }
-), N = C(
-  (t, e) => /* @__PURE__ */ a.jsx(F, { children: /* @__PURE__ */ a.jsx(Z, { ...t, ref: e }) })
+), N = k(
+  (t, e) => /* @__PURE__ */ r.jsx(U, { children: /* @__PURE__ */ r.jsx(Z, { ...t, ref: e }) })
 );
 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(
+const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("div", { className: c("flex  mt-5 mb-4 justify-end mr-5 container-icon-collapsade", t && ""), children: /* @__PURE__ */ r.jsx(
   "button",
   {
     type: "button",
@@ -606,10 +557,10 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
     title: t ? "Expandir Navbar" : "Contraer Navbar",
     "aria-label": t ? "Expandir Navbar" : "Contraer Navbar",
     className: "cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300",
-    children: t ? /* @__PURE__ */ a.jsx(w, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(w, { size: 24, className: "rotate-0 transition-transform duration-300" })
+    children: t ? /* @__PURE__ */ r.jsx(h, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ r.jsx(h, { size: 24, className: "rotate-0 transition-transform duration-300" })
   }
-) }), K = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: `${e} sidebar-header`, children: t }), Q = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("px-3 flex justify-center items-center w-full mb-4", t), children: /* @__PURE__ */ a.jsx("div", { className: "border-b border-neutral-strong-default border w-full" }) }), Y = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: e, children: t }), ee = ({ className: t, size: e = "auto" }) => {
-  const r = () => {
+) }), K = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: `${e} sidebar-header`, children: t }), Q = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: c("px-3 flex justify-center items-center w-full mb-4", t), children: /* @__PURE__ */ r.jsx("div", { className: "border-b border-neutral-strong-default border w-full" }) }), Y = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), ee = ({ className: t, size: e = "auto" }) => {
+  const a = () => {
     switch (e) {
       case "auto":
         return "flex-grow";
@@ -621,8 +572,8 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
         return "h-8 w-8";
     }
   };
-  return /* @__PURE__ */ a.jsx("div", { className: u(r(), t) });
-}, te = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: e, children: t }), me = Object.assign(N, {
+  return /* @__PURE__ */ r.jsx("div", { className: c(a(), t) });
+}, te = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), me = Object.assign(N, {
   Root: N,
   CollapseButton: J,
   Header: K,
@@ -630,96 +581,67 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   Content: Y,
   Spacer: ee,
   Footer: te
-}), pe = ({
+}), xe = ({
   children: t,
   icon: e,
-  label: r,
-  href: n,
-  onClick: o,
+  label: a,
+  href: o,
+  onClick: n,
   isActive: i = !1,
-  className: l
+  className: s
 }) => {
-  const c = n ? "a" : "button";
-  return /* @__PURE__ */ a.jsxs(
-    c,
+  const l = o ? "a" : "button";
+  return /* @__PURE__ */ r.jsxs(
+    l,
     {
-      href: n,
-      onClick: o,
-      className: u(
+      href: o,
+      onClick: n,
+      className: c(
         "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",
-        l
+        s
       ),
       children: [
-        e && /* @__PURE__ */ a.jsx("div", { className: "nav-icon-wrapper mr-3 flex-shrink-0", children: /* @__PURE__ */ a.jsx("div", { className: "nav-icon flex items-center justify-center w-5 h-5", children: e }) }),
-        r && /* @__PURE__ */ a.jsx("span", { className: "nav-label text-sm text-neutral-strong-default", children: r }),
+        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 }) }),
+        a && /* @__PURE__ */ r.jsx("span", { className: "nav-label text-sm text-neutral-strong-default", children: a }),
         t
       ]
     }
   );
-}, B = ({
-  count: t,
-  maxCount: e = 9,
-  className: r = "",
-  size: n = "medium",
-  variant: o = "primary",
-  showZero: i = !1,
-  disabled: l = !1
-}) => {
-  const c = t, f = c > e ? `+${e}` : c;
-  if (c === 0 && !i) return null;
-  const s = {
-    small: "w-4.5 h-4.5 text-xs ",
-    medium: "w-5 h-5 text-xs",
-    large: "w-6 h-6 text-sm"
-  }, d = {
-    primary: "bg-primary-default-default text-neutral-strong-default",
-    secondary: "bg-neutral-medium-default text-neutral-strong-default",
-    success: "bg-green-500 text-white",
-    warning: "bg-yellow-500 text-black",
-    danger: "bg-red-500 text-white"
-  };
-  return /* @__PURE__ */ a.jsx("div", { className: u(
-    "rounded-full flex items-center justify-center font-medium select-none",
-    s[n],
-    d[o],
-    r,
-    l && "text-neutral-strong-disabled bg-primary-medium-disabled"
-  ), children: /* @__PURE__ */ a.jsx("span", { children: f }) });
-}, xe = ({
+}, be = ({
   linkActions: t,
   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: f, count: s, viewAccess: d } = n || {}, m = (typeof i == "function" ? i() : i !== !1) && (!d || d()), p = r === l;
-  return m && /* @__PURE__ */ a.jsx(
+  activeAction: a
+}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
+  const { isView: i = !1, actionName: s, title: l, icon: x, count: f, viewAccess: u } = o || {}, p = (typeof i == "function" ? i() : i !== !1) && (!u || u()), m = a === s;
+  return p && /* @__PURE__ */ r.jsx(
     b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: {
         duration: 0.4,
-        delay: o * 0.03,
+        delay: n * 0.03,
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
-      children: /* @__PURE__ */ a.jsxs(
+      children: /* @__PURE__ */ r.jsxs(
         "button",
         {
           onClick: () => {
-            e?.(l);
+            e?.(s);
           },
-          className: u(
+          className: c(
             "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",
-            p ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
+            m ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ a.jsx(D, { mode: "wait", children: p && /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ r.jsx(E, { mode: "wait", children: m && /* @__PURE__ */ r.jsx(
               b.div,
               {
                 layoutId: "nav-active-bg",
@@ -734,7 +656,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                 }
               }
             ) }),
-            /* @__PURE__ */ a.jsxs(
+            /* @__PURE__ */ r.jsxs(
               b.div,
               {
                 className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
@@ -746,30 +668,30 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                   ease: "easeOut"
                 },
                 children: [
-                  /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ a.jsx(
+                  /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ r.jsx(
                       b.div,
                       {
                         className: "nav-icon-wrapper flex items-center justify-center shrink-0",
                         animate: {
-                          scale: p ? 1.05 : 1
+                          scale: m ? 1.05 : 1
                         },
                         transition: {
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof f == "function" ? f({
+                        children: typeof x == "function" ? x({
                           size: 24,
-                          className: u(
+                          className: c(
                             "nav-icon transition-colors duration-250 ease-out",
-                            p ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
+                            m ? "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__ */ r.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: l })
                   ] }),
-                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: s && s >= 1 ? /* @__PURE__ */ a.jsx(B, { count: s, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: f && f >= 1 ? /* @__PURE__ */ r.jsx(B, { count: f, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -777,40 +699,40 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
         }
       )
     },
-    o
+    n
   );
-}) }), be = ({
+}) }), ye = ({
   links: t,
   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: f, icon: s, count: d, relatedPaths: m } = n, p = (typeof i == "function" ? i() : i !== !1) && (!l || l()), y = e(c) || (m?.some(
+  onLinkClick: a
+}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
+  const { isView: i = !1, viewAccess: s, path: l, title: x, icon: f, count: u, relatedPaths: p } = o, m = (typeof i == "function" ? i() : i !== !1) && (!s || s()), y = e(l) || (p?.some(
     (L) => e(L)
   ) ?? !1);
-  return p && /* @__PURE__ */ a.jsx(
+  return m && /* @__PURE__ */ r.jsx(
     b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: {
         duration: 0.4,
-        delay: o * 0.03,
+        delay: n * 0.03,
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
-      children: /* @__PURE__ */ a.jsx(
+      children: /* @__PURE__ */ r.jsx(
         "button",
         {
           onClick: () => {
-            r?.(c);
+            a?.(l);
           },
-          className: u(
+          className: c(
             "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"
           ),
-          children: /* @__PURE__ */ a.jsxs(
+          children: /* @__PURE__ */ r.jsxs(
             b.div,
             {
               className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
@@ -822,8 +744,8 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                 ease: "easeOut"
               },
               children: [
-                /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3", children: [
-                  /* @__PURE__ */ a.jsx(
+                /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ r.jsx(
                     b.div,
                     {
                       className: "nav-icon-wrapper flex items-center justify-center shrink-0",
@@ -834,50 +756,50 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                         duration: 0.25,
                         ease: "easeOut"
                       },
-                      children: typeof s == "function" ? s({
+                      children: typeof f == "function" ? f({
                         size: 24,
-                        className: u(
+                        className: c(
                           "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: f })
+                  /* @__PURE__ */ r.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: x })
                 ] }),
-                /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: d && d ? /* @__PURE__ */ a.jsx(B, { count: d, maxCount: 9, className: "" }) : "" })
+                /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: u && u ? /* @__PURE__ */ r.jsx(B, { count: u, maxCount: 9, className: "" }) : "" })
               ]
             }
           )
         }
       )
     },
-    o
+    n
   );
-}) }), ge = ({
+}) }), ve = ({
   isActiveModalNotification: t,
   setIsActiveModalNotification: e
 }) => ({ handleNotificationClick: () => {
   e(!0);
-}, isActiveModalNotification: t }), ye = (t) => {
-  const e = g(null);
+}, isActiveModalNotification: t }), he = (t) => {
+  const e = v(null);
   return {
     isCollapsed: t,
     navbarRef: e
   };
-}, he = ({
+}, ge = ({
   isCollapsed: t,
   onToggle: e
-}) => /* @__PURE__ */ a.jsx("div", { className: "", children: /* @__PURE__ */ a.jsx(
+}) => /* @__PURE__ */ r.jsx("div", { className: "", children: /* @__PURE__ */ r.jsx(
   "button",
   {
     onClick: e,
     title: t ? "Expandir Navbar" : "Contraer Navbar",
     "aria-label": t ? "Expandir Navbar" : "Contraer Navbar",
     className: "cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300",
-    children: t ? /* @__PURE__ */ a.jsx(w, { size: 34, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(w, { size: 34, className: "rotate-0 transition-transform duration-300" })
+    children: t ? /* @__PURE__ */ r.jsx(h, { size: 34, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ r.jsx(h, { size: 34, className: "rotate-0 transition-transform duration-300" })
   }
-) }), ve = ({ logoUrl: t, companyName: e }) => /* @__PURE__ */ a.jsx("div", { className: "w-full flex justify-center items-center p-2 h-20", children: /* @__PURE__ */ a.jsx(
+) }), we = ({ logoUrl: t, companyName: e }) => /* @__PURE__ */ r.jsx("div", { className: "w-full flex justify-center items-center p-2 h-20", children: /* @__PURE__ */ r.jsx(
   "img",
   {
     src: t,
@@ -885,112 +807,112 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
     alt: e ?? ""
   }
 ) });
-function we({
+function je({
   onFilesAccepted: t,
   onFilesRejected: e,
-  ...r
+  ...a
 }) {
-  const n = P.useCallback(
-    (i, l) => {
-      i.length > 0 && t?.(i), l.length > 0 && e?.(l);
+  const o = P.useCallback(
+    (i, s) => {
+      i.length > 0 && t?.(i), s.length > 0 && e?.(s);
     },
     [t, e]
-  ), o = E({
-    onDrop: n,
-    ...r
+  ), n = O({
+    onDrop: o,
+    ...a
   });
   return {
-    ...o,
-    hasErrors: o.fileRejections.length > 0
+    ...n,
+    hasErrors: n.fileRejections.length > 0
   };
 }
-const je = (t, e = !0) => {
-  const r = g(null);
-  return v(() => {
+const Ne = (t, e = !0) => {
+  const a = v(null);
+  return j(() => {
     if (!e) return;
-    const n = (o) => {
-      r.current && !r.current.contains(o.target) && t();
+    const o = (n) => {
+      a.current && !a.current.contains(n.target) && t();
     };
-    return document.addEventListener("mousedown", n, {
+    return document.addEventListener("mousedown", o, {
       capture: !0
-    }), document.addEventListener("touchstart", n, {
+    }), document.addEventListener("touchstart", o, {
       capture: !0
     }), () => {
-      document.removeEventListener("mousedown", n, {
+      document.removeEventListener("mousedown", o, {
         capture: !0
-      }), document.removeEventListener("touchstart", n, {
+      }), document.removeEventListener("touchstart", o, {
         capture: !0
       });
     };
-  }, [t, e]), r;
+  }, [t, e]), a;
 };
 export {
-  Se as Avatar,
+  ke as Avatar,
   B as Badge,
-  Ie as Button,
-  Be as CardProfile,
-  Le as ChangueAccount,
-  Te as CheckBox,
-  ve as CompanyLogo,
-  xt as DatePicker,
-  qe as DialogModal,
-  Ee as DrawerDesktop,
-  We as DrawerMobile,
-  la as DropZone,
-  ea as FAButton,
-  Fe as Header,
-  Gt as Image,
-  Ft as ImageGallery,
-  Ge as Input,
-  _e as InputMultiple,
-  Wt as LayoutGeneric,
-  Ze as Logo,
-  Ke as Menu,
-  xe as NavBarActions,
-  he as NavbarCollapseButton,
-  be as NavbarLinks,
-  pe as NavigationLink,
-  oa as OtpInput,
-  Ye as Pagination,
-  tt as ProfilePictureUpload,
-  rt as ProgressBar,
-  aa as RadioButton,
-  gt as RecurrentDatePicker,
-  ht as RecurrentDatePickerRRule,
-  de as SecondaryBar,
-  Ot as SegmentedButton,
-  nt as Select,
-  Qt as SelectSearch,
+  Be as Button,
+  Le as CardProfile,
+  Pe as ChangueAccount,
+  Ae as CheckBox,
+  we as CompanyLogo,
+  bt as DatePicker,
+  De as DialogModal,
+  Oe as DrawerDesktop,
+  $e as DrawerMobile,
+  cr as DropZone,
+  tr as FAButton,
+  Ue as Header,
+  Vt as Image,
+  Ut as ImageGallery,
+  Ve as Input,
+  Xe as InputMultiple,
+  $t as LayoutGeneric,
+  Je as Logo,
+  Qe as Menu,
+  be as NavBarActions,
+  ge as NavbarCollapseButton,
+  ye as NavbarLinks,
+  xe as NavigationLink,
+  nr as OtpInput,
+  et as Pagination,
+  rt as ProfilePictureUpload,
+  ot as ProgressBar,
+  ar as RadioButton,
+  vt as RecurrentDatePicker,
+  gt as RecurrentDatePickerRRule,
+  fe as SecondaryBar,
+  Ht as SegmentedButton,
+  it as Select,
+  Yt as SelectSearch,
   me as Sidebar,
-  F as SidebarProvider,
-  $t as SidebarRefProvider,
-  Dt as Skeleton,
-  it as Spinner,
-  ct as Steps,
-  dt as SwipeContainer,
+  U as SidebarProvider,
+  Mt as SidebarRefProvider,
+  Et as Skeleton,
+  lt as Spinner,
+  ut as Steps,
+  ft as SwipeContainer,
   mt as Switch,
-  Lt as TabLinks,
-  wt as Table,
-  jt as TableBody,
-  Nt as TableCaption,
+  Pt as TabLinks,
+  jt as Table,
+  Nt as TableBody,
+  St as TableCaption,
   Ct as TableCell,
-  St as TableFooter,
-  kt as TableHead,
-  It as TableHeader,
+  kt as TableFooter,
+  It as TableHead,
+  Bt as TableHeader,
   Rt as TableRow,
-  Tt as TextArea,
-  _t as Toast,
-  Jt as ToastProvider,
-  qt as Tooltip,
-  Xt as toastpyrion,
-  ge as useActionsNavbar,
-  je as useClickOutside,
+  At as TextArea,
+  Xt as Toast,
+  Kt as ToastProvider,
+  Dt as Tooltip,
+  Zt as toastpyrion,
+  ve as useActionsNavbar,
+  Ne as useClickOutside,
   ze as useDialogControl,
-  Oe as useDrawerDesktop,
-  $e as useDrawerMobile,
-  we as useFileDropzone,
-  sa as useIsMobile,
-  ye as useNavbarCollapse,
-  fe as useSidebar,
-  k as useSidebarContext
+  He as useDrawerDesktop,
+  Me as useDrawerMobile,
+  je as useFileDropzone,
+  sr as useIsMobile,
+  he as useNavbarCollapse,
+  pe as useSidebar,
+  C as useSidebarContext
 };