prometeo-design-system 2.7.8 → 2.7.9

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

@@ -1,65 +1,64 @@
 import { default as Se } from "./Avatar.es.js";
 import { default as Ie } from "./Button.es.js";
-import { C as Re, a as Le } from "./CardProfile-WHoeSibd.js";
+import { C as Re, a as Le } from "./CardProfile-DV3gwvqE.js";
 import { default as Ae } from "./CheckBox.es.js";
 import { default as qe } from "./CheckboxFormik.es.js";
-import { default as Ee, useDialogControl as De } from "./DialogModal.es.js";
+import { default as De, useDialogControl as Ee } from "./DialogModal.es.js";
 import { default as Fe, useDrawerDesktop as He } from "./DrawerDesktop.es.js";
 import { default as $e, useDrawerMobile as Me } from "./DrawerMobile.es.js";
 import { default as Ve } from "./Header.es.js";
-import { I as _e } from "./Input-D6as6xD-.js";
+import { I as _e } from "./Input-60IT1aGF.js";
 import { default as Ze } from "./InputFormik.es.js";
 import { InputMultiple as Ke } from "./InputMultiple.es.js";
 import { default as Ye } from "./Logo.es.js";
 import { Menu as tt } from "./Menu.es.js";
-import { default as at } from "./Pagination.es.js";
+import { default as rt } from "./Pagination.es.js";
 import { ProfilePictureUpload as nt } from "./ProfilePictureUpload.es.js";
 import { default as st } from "./ProgressBar.es.js";
-import { S as ct } from "./Select-sdfP2TL0.js";
+import { S as ct } from "./Select-C4UvSsof.js";
 import { default as dt } from "./SelectFormikLegacy.es.js";
 import { default as mt } from "./SelectFormik.es.js";
 import { default as xt } from "./Spinner.es.js";
 import { Steps as yt } from "./Steps.es.js";
-import { default as ht } from "./SwipeContainer.es.js";
+import { default as gt } from "./SwipeContainer.es.js";
 import { Switch as wt } from "./Switch.es.js";
 import { default as Nt } from "./DatePicker.es.js";
 import { Table as St, TableBody as kt, TableCaption as It, TableCell as Bt, TableFooter as Rt, TableHead as Lt, TableHeader as Tt, TableRow as At } from "./Table.es.js";
 import { default as qt } from "./TabLinks.es.js";
-import { default as Et } from "./TextArea.es.js";
+import { default as Dt } from "./TextArea.es.js";
 import { default as Ot } from "./Tooltip.es.js";
 import { Skeleton as Ht } from "./Skeleton.es.js";
 import { SegmentedButton as $t } from "./SegmentedButton.es.js";
 import { u as k } from "./LayoutGeneric-CbaoatQB.js";
 import { L as Ut, S as Vt } from "./LayoutGeneric-CbaoatQB.js";
-import { I as _t } from "./ImageGallery-WKzUevOQ.js";
+import { I as _t } from "./ImageGallery-D8nIvBpV.js";
 import { default as Zt } from "./Image.es.js";
 import { default as Kt, toastpyrion as Qt } from "./Toast.es.js";
-import { default as er } from "./ToastProvider.es.js";
-import { default as rr } from "./SelectSearch.es.js";
-import { default as or } from "./FAButton.es.js";
-import { default as ir } from "./InputFormikV2.es.js";
-import { RadioButtonFormik as lr } from "./RadioButtonFormik.es.js";
-import { RadioButton as ur } from "./RadioButton.es.js";
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { default as ea } from "./ToastProvider.es.js";
+import { default as aa } from "./SelectSearch.es.js";
+import { default as oa } from "./FAButton.es.js";
+import { default as ia } from "./InputFormikV2.es.js";
+import { RadioButtonFormik as la } from "./RadioButtonFormik.es.js";
+import { RadioButton as ua } from "./RadioButton.es.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { c as u } from "./cn-B6yFEsav.js";
-import A, { useRef as g, useState as h, useLayoutEffect as P, createContext as q, useContext as z, forwardRef as C, useEffect as v, useCallback as E } from "react";
+import A, { useRef as v, useState as g, useLayoutEffect as P, createContext as q, useContext as z, forwardRef as C, useEffect as h, useCallback as D } from "react";
 import { useGSAP as I } from "@gsap/react";
 import x from "gsap";
-import { CloseNavBarDesktop as w } from "./Icons.es.js";
-import { Icons as fr } from "./Icons.es.js";
+import { Icons as w } from "./Icons.es.js";
 import { motion as b, AnimatePresence as B } from "framer-motion";
-import { default as pr } from "./OtpInput.es.js";
-import { useDropzone as D } from "react-dropzone";
-import { useIsMobile as br } from "./useDevice.es.js";
-import { DropZone as gr } from "./DropZone.es.js";
+import { default as fa } from "./OtpInput.es.js";
+import { useDropzone as E } from "react-dropzone";
+import { useIsMobile as pa } from "./useDevice.es.js";
+import { DropZone as ba } from "./DropZone.es.js";
 const O = (t, e) => {
   I(
     () => {
       if (!t.current) return;
-      const a = t.current, n = document.querySelector('[data-main-content="true"]');
+      const r = t.current, n = document.querySelector('[data-main-content="true"]');
       if (e) {
         x.fromTo(
-          a,
+          r,
           {
             width: "0rem",
             opacity: 0
@@ -71,11 +70,11 @@ const O = (t, e) => {
             ease: "power2.out"
           }
         ), n && x.to(n, {
-          marginLeft: a.offsetWidth + "px",
+          marginLeft: r.offsetWidth + "px",
           duration: 0.4,
           ease: "power2.out"
         });
-        const o = a.querySelectorAll(".secondary-bar-content > *");
+        const o = r.querySelectorAll(".secondary-bar-content > *");
         o.length > 0 && x.fromTo(
           o,
           {
@@ -92,7 +91,7 @@ const O = (t, e) => {
           }
         );
       } else
-        x.to(a, {
+        x.to(r, {
           width: "0rem",
           opacity: 0,
           duration: 0.3,
@@ -108,13 +107,13 @@ const O = (t, e) => {
 }, S = ({
   children: t,
   isOpen: e = !1,
-  className: a = "",
+  className: r = "",
   width: n = "w-96",
   action: o,
   primarySidebarCollapsed: s,
   onClose: l
 }) => {
-  const c = g(null), [d, i] = h({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
+  const c = v(null), [d, i] = g({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
   return P(() => {
     if (f?.current && m?.current) {
       const p = f.current.getBoundingClientRect();
@@ -123,8 +122,8 @@ const O = (t, e) => {
         width: p.width
       });
     }
-  }, [f, e, s, m]), O(c, e), /* @__PURE__ */ r.jsx(r.Fragment, { children: e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(
+  }, [f, e, s, m]), O(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsx(
       "div",
       {
         className: "fixed inset-0 bg-black/95 z-40",
@@ -134,7 +133,7 @@ const O = (t, e) => {
         onClick: l
       }
     ),
-    /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ a.jsx(
       "div",
       {
         ref: c,
@@ -142,17 +141,17 @@ const O = (t, e) => {
           "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,
-          a
+          r
         ),
         style: {
           left: d.left
         },
         "data-action": o,
-        children: /* @__PURE__ */ r.jsx("div", { className: "secondary-bar-content", children: t })
+        children: /* @__PURE__ */ a.jsx("div", { className: "secondary-bar-content", children: t })
       }
     )
   ] }) });
-}, F = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: u("h-16 ", e), children: t }), H = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: u("flex-1 overflow-y-auto p-4", e), children: t }), W = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: u("p-4 border-t border-neutral-strong-default", e), children: t }), $ = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: u("flex-1", t) }), de = Object.assign(S, {
+}, F = ({ 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 }), W = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("p-4 border-t border-neutral-strong-default", e), children: t }), $ = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1", t) }), de = Object.assign(S, {
   Root: S,
   Header: F,
   Content: H,
@@ -168,13 +167,13 @@ const O = (t, e) => {
 }, M = ({
   children: t
 }) => {
-  const [e, a] = h(!1), [n, o] = h(!1), s = g(null), l = () => {
-    a(!1), o(!1);
+  const [e, r] = g(!1), [n, o] = g(!1), s = v(null), l = () => {
+    r(!1), o(!1);
   }, c = () => {
-    a(!0), o(!1);
+    r(!0), o(!1);
   }, p = {
     isCollapsed: e,
-    setIsCollapsed: a,
+    setIsCollapsed: r,
     navbarRef: s,
     toggleCollapse: () => {
       e ? l() : c();
@@ -190,8 +189,8 @@ const O = (t, e) => {
       o((y) => !y);
     }
   };
-  return /* @__PURE__ */ r.jsx(R.Provider, { value: p, children: t });
-}, j = (t, e, a, n) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, a, n) : t, U = (t, e, a) => {
+  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;
@@ -235,7 +234,7 @@ const O = (t, e) => {
       };
       e ? V(n, o) : G(n, o), o.secondaryBar && _(o.secondaryBar);
     },
-    { scope: t, dependencies: [e, a] }
+    { scope: t, dependencies: [e, r] }
   );
 }, V = (t, e) => {
   t.to(e.navbar, {
@@ -512,12 +511,12 @@ const O = (t, e) => {
     ease: "power2.in"
   });
 }, X = C((t, e) => {
-  const [a, n] = h(t?.currentTabName || t.tabs[0].name), o = g(null), { tabs: s = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
-  v(() => {
+  const [r, n] = g(t?.currentTabName || t.tabs[0].name), o = v(null), { tabs: s = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
+  h(() => {
     o.current?.style.setProperty("--tab-bg", c);
   }, [c]);
-  const d = s.find((i) => i.name === (t?.currentTabName || a));
-  return /* @__PURE__ */ r.jsx(
+  const d = s.find((i) => i.name === (t?.currentTabName || r));
+  return /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: e,
@@ -530,10 +529,10 @@ const O = (t, e) => {
       ),
       children: s.map(
         (i) => {
-          const f = i.name === d?.name, m = typeof i.thumbnail == "string" ? /* @__PURE__ */ r.jsx("img", { src: i.thumbnail, alt: i.description, className: "aspect-square object-contain" }) : i.thumbnail, p = () => {
+          const f = i.name === d?.name, m = typeof i.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: i.thumbnail, alt: i.description, className: "aspect-square object-contain" }) : i.thumbnail, p = () => {
             i.disabled || (n(i.name), i.onClick && i.onClick(i.name));
           };
-          return /* @__PURE__ */ r.jsx(
+          return /* @__PURE__ */ a.jsx(
             "div",
             {
               className: u(
@@ -546,7 +545,7 @@ const O = (t, e) => {
               ),
               onClick: p,
               ref: o,
-              children: /* @__PURE__ */ r.jsx("div", { className: u(
+              children: /* @__PURE__ */ a.jsx("div", { className: u(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
@@ -561,22 +560,22 @@ const O = (t, e) => {
     }
   );
 }), Z = C(
-  ({ children: t, isCollapsed: e = !1, className: a = "", tabs: n = [], currentTabName: o }, s) => {
-    const l = g(null), c = g(null), { registerPrimarySidebar: d, registerTabBar: i } = k(), f = E((m) => {
+  ({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, s) => {
+    const l = v(null), c = v(null), { registerPrimarySidebar: d, registerTabBar: i } = k(), f = D((m) => {
       l.current = m, typeof s == "function" ? s(m) : s && (s.current = m);
     }, [s]);
-    return v(() => {
+    return h(() => {
       l.current && d(l);
-    }, [d]), v(() => {
+    }, [d]), h(() => {
       c.current && i(c);
-    }, [i]), U(l, e, !1), /* @__PURE__ */ r.jsxs(
+    }, [i]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
       "div",
       {
         className: u(
           "flex"
         ),
         children: [
-          n.length > 0 && /* @__PURE__ */ r.jsx(
+          n.length > 0 && /* @__PURE__ */ a.jsx(
             X,
             {
               tabs: n,
@@ -585,12 +584,12 @@ const O = (t, e) => {
               currentTabName: o
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ a.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}`,
+          ${e ? "w-16" : "w-64"} ${r}`,
               children: t
             }
           )
@@ -599,10 +598,10 @@ const O = (t, e) => {
     );
   }
 ), N = C(
-  (t, e) => /* @__PURE__ */ r.jsx(M, { children: /* @__PURE__ */ r.jsx(Z, { ...t, ref: e }) })
+  (t, e) => /* @__PURE__ */ a.jsx(M, { children: /* @__PURE__ */ a.jsx(Z, { ...t, ref: e }) })
 );
 N.displayName = "SidebarRoot";
-const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("div", { className: u("flex  mt-5 mb-4 justify-end mr-5 container-icon-collapsade", t && ""), children: /* @__PURE__ */ r.jsx(
+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",
   {
     type: "button",
@@ -610,10 +609,10 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.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__ */ r.jsx(w, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ r.jsx(w, { size: 24, className: "rotate-0 transition-transform duration-300" })
+    children: t ? /* @__PURE__ */ a.jsx(w.CloseNavBarDesktop, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(w.CloseNavBarDesktop, { size: 24, className: "rotate-0 transition-transform duration-300" })
   }
-) }), K = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: `${e} sidebar-header`, children: t }), Q = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: u("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 = () => {
+) }), 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 = () => {
     switch (e) {
       case "auto":
         return "flex-grow";
@@ -625,8 +624,8 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
         return "h-8 w-8";
     }
   };
-  return /* @__PURE__ */ r.jsx("div", { className: u(a(), t) });
-}, te = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), me = Object.assign(N, {
+  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, {
   Root: N,
   CollapseButton: J,
   Header: K,
@@ -637,14 +636,14 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
 }), pe = ({
   children: t,
   icon: e,
-  label: a,
+  label: r,
   href: n,
   onClick: o,
   isActive: s = !1,
   className: l
 }) => {
   const c = n ? "a" : "button";
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ a.jsxs(
     c,
     {
       href: n,
@@ -658,8 +657,8 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
         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 }) }),
-        a && /* @__PURE__ */ r.jsx("span", { className: "nav-label text-sm text-neutral-strong-default", children: a }),
+        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 }),
         t
       ]
     }
@@ -667,7 +666,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
 }, L = ({
   count: t,
   maxCount: e = 9,
-  className: a = "",
+  className: r = "",
   size: n = "medium",
   variant: o = "primary",
   showZero: s = !1
@@ -685,19 +684,19 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
     warning: "bg-yellow-500 text-black",
     danger: "bg-red-500 text-white"
   };
-  return /* @__PURE__ */ r.jsx("div", { className: u(
+  return /* @__PURE__ */ a.jsx("div", { className: u(
     "rounded-full flex items-center justify-center font-medium ",
     d[n],
     i[o],
-    a
-  ), children: /* @__PURE__ */ r.jsx("span", { children: c }) });
+    r
+  ), children: /* @__PURE__ */ a.jsx("span", { children: c }) });
 }, xe = ({
   linkActions: t,
   onClick: e,
-  activeAction: a
-}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
-  const { isView: s = !1, actionName: l, title: c, icon: d, count: i, viewAccess: f } = n || {}, m = (typeof s == "function" ? s() : s !== !1) && (!f || f()), p = a === l;
-  return m && /* @__PURE__ */ r.jsx(
+  activeAction: r
+}) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
+  const { isView: s = !1, actionName: l, title: c, icon: d, count: i, viewAccess: f } = n || {}, m = (typeof s == "function" ? s() : s !== !1) && (!f || f()), p = r === l;
+  return m && /* @__PURE__ */ a.jsx(
     b.div,
     {
       initial: { opacity: 0 },
@@ -708,7 +707,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
-      children: /* @__PURE__ */ r.jsxs(
+      children: /* @__PURE__ */ a.jsxs(
         "button",
         {
           onClick: () => {
@@ -721,7 +720,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
             p ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ r.jsx(B, { mode: "wait", children: p && /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ a.jsx(B, { mode: "wait", children: p && /* @__PURE__ */ a.jsx(
               b.div,
               {
                 layoutId: "nav-active-bg",
@@ -736,7 +735,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
                 }
               }
             ) }),
-            /* @__PURE__ */ r.jsxs(
+            /* @__PURE__ */ a.jsxs(
               b.div,
               {
                 className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
@@ -748,8 +747,8 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
                   ease: "easeOut"
                 },
                 children: [
-                  /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ r.jsx(
+                  /* @__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 flex-shrink-0",
@@ -769,9 +768,9 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
                         }) : null
                       }
                     ),
-                    /* @__PURE__ */ r.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: c })
+                    /* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: c })
                   ] }),
-                  /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: i && i >= 1 ? /* @__PURE__ */ r.jsx(L, { count: i, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: i && i >= 1 ? /* @__PURE__ */ a.jsx(L, { count: i, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -784,12 +783,12 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
 }) }), be = ({
   links: t,
   isLinkActive: e,
-  onLinkClick: a
-}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
+  onLinkClick: r
+}) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
   const { isView: s = !1, viewAccess: l, path: c, title: d, icon: i, count: f, relatedPaths: m } = n, p = (typeof s == "function" ? s() : s !== !1) && (!l || l()), y = e(c) || (m?.some(
     (T) => e(T)
   ) ?? !1);
-  return p && /* @__PURE__ */ r.jsx(
+  return p && /* @__PURE__ */ a.jsx(
     b.div,
     {
       initial: { opacity: 0 },
@@ -800,11 +799,11 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
-      children: /* @__PURE__ */ r.jsxs(
+      children: /* @__PURE__ */ a.jsxs(
         "button",
         {
           onClick: () => {
-            a?.(c);
+            r?.(c);
           },
           className: u(
             "nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden  h-10 ",
@@ -813,7 +812,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
             y ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ r.jsx(B, { mode: "wait", children: y && /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ a.jsx(B, { mode: "wait", children: y && /* @__PURE__ */ a.jsx(
               b.div,
               {
                 layoutId: "nav-active-bg",
@@ -828,7 +827,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
                 }
               }
             ) }),
-            /* @__PURE__ */ r.jsxs(
+            /* @__PURE__ */ a.jsxs(
               b.div,
               {
                 className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
@@ -840,11 +839,11 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
                   ease: "easeOut"
                 },
                 children: [
-                  /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ r.jsx(
+                  /* @__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",
+                        className: "nav-icon-wrapper flex items-center justify-center flex-shrink-0",
                         animate: {
                           scale: y ? 1.05 : 1
                         },
@@ -861,9 +860,9 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
                         }) : null
                       }
                     ),
-                    /* @__PURE__ */ r.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: d })
+                    /* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: d })
                   ] }),
-                  /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: f && f ? /* @__PURE__ */ r.jsx(L, { count: f, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: f && f ? /* @__PURE__ */ a.jsx(L, { count: f, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -878,25 +877,25 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
   setIsActiveModalNotification: e
 }) => ({ handleNotificationClick: () => {
   e(!0);
-}, isActiveModalNotification: t }), ge = (t) => {
-  const e = g(null);
+}, isActiveModalNotification: t }), ve = (t) => {
+  const e = v(null);
   return {
     isCollapsed: t,
     navbarRef: e
   };
-}, he = ({
+}, ge = ({
   isCollapsed: t,
   onToggle: e
-}) => /* @__PURE__ */ r.jsx("div", { className: "", children: /* @__PURE__ */ r.jsx(
+}) => /* @__PURE__ */ a.jsx("div", { className: "", children: /* @__PURE__ */ a.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__ */ r.jsx(w, { size: 34, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ r.jsx(w, { size: 34, className: "rotate-0 transition-transform duration-300" })
+    children: t ? /* @__PURE__ */ a.jsx(w.CloseNavBarDesktop, { size: 34, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(w.CloseNavBarDesktop, { size: 34, className: "rotate-0 transition-transform duration-300" })
   }
-) }), ve = ({ logoUrl: t, companyName: e }) => /* @__PURE__ */ r.jsx("div", { className: "w-full flex justify-center items-center p-2 h-20", children: /* @__PURE__ */ r.jsx(
+) }), he = ({ logoUrl: t, companyName: e }) => /* @__PURE__ */ a.jsx("div", { className: "w-full flex justify-center items-center p-2 h-20", children: /* @__PURE__ */ a.jsx(
   "img",
   {
     src: t,
@@ -907,16 +906,16 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("di
 function we({
   onFilesAccepted: t,
   onFilesRejected: e,
-  ...a
+  ...r
 }) {
   const n = A.useCallback(
     (s, l) => {
       s.length > 0 && t?.(s), l.length > 0 && e?.(l);
     },
     [t, e]
-  ), o = D({
+  ), o = E({
     onDrop: n,
-    ...a
+    ...r
   });
   return {
     ...o,
@@ -924,11 +923,11 @@ function we({
   };
 }
 const je = (t, e = !0) => {
-  const a = g(null);
-  return v(() => {
+  const r = v(null);
+  return h(() => {
     if (!e) return;
     const n = (o) => {
-      a.current && !a.current.contains(o.target) && t();
+      r.current && !r.current.contains(o.target) && t();
     };
     return document.addEventListener("mousedown", n, {
       capture: !0
@@ -941,7 +940,7 @@ const je = (t, e = !0) => {
         capture: !0
       });
     };
-  }, [t, e]), a;
+  }, [t, e]), r;
 };
 export {
   Se as Avatar,
@@ -951,47 +950,47 @@ export {
   Le as ChangueAccount,
   Ae as CheckBox,
   qe as CheckboxFormik,
-  ve as CompanyLogo,
+  he as CompanyLogo,
   Nt as DatePicker,
-  Ee as DialogModal,
+  De as DialogModal,
   Fe as DrawerDesktop,
   $e as DrawerMobile,
-  gr as DropZone,
-  or as FAButton,
+  ba as DropZone,
+  oa as FAButton,
   Ve as Header,
-  fr as Icons,
+  w as Icons,
   Zt as Image,
   _t as ImageGallery,
   _e as Input,
   Ze as InputFormik,
-  ir as InputFormikV2,
+  ia as InputFormikV2,
   Ke as InputMultiple,
   Ut as LayoutGeneric,
   Ye as Logo,
   tt as Menu,
   xe as NavBarActions,
-  he as NavbarCollapseButton,
+  ge as NavbarCollapseButton,
   be as NavbarLinks,
   pe as NavigationLink,
-  pr as OtpInput,
-  at as Pagination,
+  fa as OtpInput,
+  rt as Pagination,
   nt as ProfilePictureUpload,
   st as ProgressBar,
-  ur as RadioButton,
-  lr as RadioButtonFormik,
+  ua as RadioButton,
+  la as RadioButtonFormik,
   de as SecondaryBar,
   $t as SegmentedButton,
   ct as Select,
   mt as SelectFormik,
   dt as SelectFormikLegacy,
-  rr as SelectSearch,
+  aa as SelectSearch,
   me as Sidebar,
   M as SidebarProvider,
   Vt as SidebarRefProvider,
   Ht as Skeleton,
   xt as Spinner,
   yt as Steps,
-  ht as SwipeContainer,
+  gt as SwipeContainer,
   wt as Switch,
   qt as TabLinks,
   St as Table,
@@ -1002,19 +1001,19 @@ export {
   Lt as TableHead,
   Tt as TableHeader,
   At as TableRow,
-  Et as TextArea,
+  Dt as TextArea,
   Kt as Toast,
-  er as ToastProvider,
+  ea as ToastProvider,
   Ot as Tooltip,
   Qt as toastpyrion,
   ye as useActionsNavbar,
   je as useClickOutside,
-  De as useDialogControl,
+  Ee as useDialogControl,
   He as useDrawerDesktop,
   Me as useDrawerMobile,
   we as useFileDropzone,
-  br as useIsMobile,
-  ge as useNavbarCollapse,
+  pa as useIsMobile,
+  ve as useNavbarCollapse,
   fe as useSidebar,
   k as useSidebarContext
 };