prometeo-design-system 2.5.0 → 2.5.2

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

@@ -1,60 +1,113 @@
-import { default as Se } from "./Avatar.es.js";
-import { B as Ie } from "./Button-DsbEyjth.js";
-import { C as Re, a as Le } from "./CardProfile-Fn44kEnM.js";
-import { default as Te } from "./CheckBox.es.js";
-import { default as qe } from "./CheckboxFormik.es.js";
-import { default as De, useDialogControl as Ee } from "./DialogModal.es.js";
-import { default as He, useDrawerDesktop as We } from "./DrawerDesktop.es.js";
-import { default as Fe, useDrawerMobile as Me } from "./DrawerMobile.es.js";
-import { default as Ge } from "./Header.es.js";
-import { I as _e } from "./Input-Bhd0bmVq.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 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-CxJFcGuQ.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 vt } from "./Steps.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 Pt, TableRow as Tt } from "./Table.es.js";
-import { default as qt } from "./TabLinks.es.js";
-import { default as Dt } from "./TextArea.es.js";
-import { default as Ot } from "./Tooltip.es.js";
-import { Skeleton as Wt } from "./Skeleton.es.js";
-import { SegmentedButton as Ft } from "./SegmentedButton.es.js";
+import { default as qe } from "./Avatar.es.js";
+import { B as De } from "./Button-DsbEyjth.js";
+import { C as Oe, a as Pe } from "./CardProfile-DV3gwvqE.js";
+import { default as He } from "./CheckBox.es.js";
+import { default as $e } from "./CheckboxFormik.es.js";
+import { default as Ue, useDialogControl as Ve } from "./DialogModal.es.js";
+import { default as Ge, useDrawerDesktop as Xe } from "./DrawerDesktop.es.js";
+import { default as Je, useDrawerMobile as Ke } from "./DrawerMobile.es.js";
+import { default as Ye } from "./Header.es.js";
+import { I as tt } from "./Input-Bhd0bmVq.js";
+import { default as at } from "./InputFormik.es.js";
+import { InputMultiple as nt } from "./InputMultiple.es.js";
+import { default as st } from "./Logo.es.js";
+import { Menu as ct } from "./Menu.es.js";
+import { default as ut } from "./Pagination.es.js";
+import { ProfilePictureUpload as mt } from "./ProfilePictureUpload.es.js";
+import { default as xt } from "./ProgressBar.es.js";
+import { S as vt } from "./Select-B32JqJIS.js";
+import { default as gt } from "./SelectFormikLegacy.es.js";
+import { default as wt } from "./SelectFormik.es.js";
+import { default as jt } from "./Spinner.es.js";
+import { Steps as St } from "./Steps.es.js";
+import { default as It } from "./SwipeContainer.es.js";
+import { Switch as Rt } from "./Switch.es.js";
+import { default as Lt } from "./DatePicker.es.js";
+import { Table as qt, TableBody as zt, TableCaption as Dt, TableCell as Et, TableFooter as Ot, TableHead as Pt, TableHeader as Ft, TableRow as Ht } from "./Table.es.js";
+import { default as $t } from "./TabLinks.es.js";
+import { default as Ut } from "./TextArea.es.js";
+import { default as _t } from "./Tooltip.es.js";
+import { Skeleton as Xt } from "./Skeleton.es.js";
+import { SegmentedButton as Jt } from "./SegmentedButton.es.js";
 import { u as S } from "./LayoutGeneric-p4Pll4Cm.js";
-import { L as Ut, S as Gt } from "./LayoutGeneric-p4Pll4Cm.js";
-import { I as _t } from "./ImageGallery-DnoRTpCr.js";
-import { default as Zt } from "./Image.es.js";
-import { default as Kt, toastpyrion as Qt } from "./Toast.es.js";
-import { default as ea } from "./ToastProvider.es.js";
-import { default as aa } from "./SelectSearch.es.js";
-import { j as a } from "./jsx-runtime-DKDX3adD.js";
-import { c as u } from "./cn-B6yFEsav.js";
-import T, { useRef as y, useState as g, useLayoutEffect as A, createContext as q, useContext as z, useEffect as N, forwardRef as k, useCallback as D } from "react";
-import { useGSAP as I } from "@gsap/react";
+import { L as Qt, S as Yt } from "./LayoutGeneric-p4Pll4Cm.js";
+import { I as tr } from "./ImageGallery-DnoRTpCr.js";
+import { default as ar } from "./Image.es.js";
+import { default as nr, toastpyrion as ir } from "./Toast.es.js";
+import { default as lr } from "./ToastProvider.es.js";
+import { default as dr } from "./SelectSearch.es.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import k, { memo as q, useRef as h, useState as y, useLayoutEffect as z, createContext as D, useContext as E, useEffect as j, forwardRef as I, useCallback as O } from "react";
+import { c as d } from "./cn-B6yFEsav.js";
+import { Icons as g } from "./Icons.es.js";
+import { createPortal as P } from "react-dom";
+import { useGSAP as B } from "@gsap/react";
 import m from "gsap";
-import { Icons as h } from "./Icons.es.js";
-import { motion as b, AnimatePresence as B } from "framer-motion";
-import { default as oa } from "./OtpInput.es.js";
-import { useDropzone as E } from "react-dropzone";
-import { useIsMobile as ia } from "./useDevice.es.js";
-import { DropZone as la } from "./DropZone.es.js";
-const O = (t, e) => {
-  I(
+import { motion as b, AnimatePresence as R } from "framer-motion";
+import { default as fr } from "./OtpInput.es.js";
+import { useDropzone as F } from "react-dropzone";
+import { useIsMobile as pr } from "./useDevice.es.js";
+import { DropZone as br } from "./DropZone.es.js";
+const H = {
+  right: 24,
+  bottom: 64,
+  left: "auto",
+  top: "auto"
+}, W = {
+  filled: {
+    primary: "bg-primary-default-default hover:bg-primary-default-hover active:bg-primary-default-pressed",
+    secondary: "bg-neutral-medium-default hover:bg-neutral-medium-hover active:bg-neutral-medium-pressed",
+    success: "bg-success-default-default hover:bg-success-default-hover active:bg-success-default-pressed",
+    error: "bg-error-default-default hover:bg-error-default-hover active:bg-error-default-pressed",
+    warning: "bg-warning-default-default hover:bg-warning-default-hover active:bg-warning-default-pressed"
+  },
+  outlined: {
+    primary: "border border-primary-default-default hover:border-primary-default-hover active:border-primary-default-pressed text-primary-default-default hover:text-primary-default-hover active:text-primary-default-pressed",
+    secondary: "border border-neutral-medium-default hover:border-neutral-medium-hover active:border-neutral-medium-pressed text-neutral-medium-default hover:text-neutral-medium-hover active:text-neutral-medium-pressed",
+    success: "border border-success-default-default hover:border-success-default-hover active:border-success-default-pressed text-success-default-default hover:text-success-default-hover active:text-success-default-pressed",
+    error: "border border-error-default-default hover:border-error-default-hover active:border-error-default-pressed text-error-default-default hover:text-error-default-hover active:text-error-default-pressed",
+    warning: "border border-warning-default-default hover:border-warning-default-hover active:border-warning-default-pressed text-warning-default-default hover:text-warning-default-hover active:text-warning-default-pressed"
+  },
+  text: {
+    primary: "text-primary-default-default hover:text-primary-default-hover active:text-primary-default-pressed",
+    secondary: "text-neutral-medium-default hover:text-neutral-medium-hover active:text-neutral-medium-pressed",
+    success: "text-success-default-default hover:text-success-default-hover active:text-success-default-pressed",
+    error: "text-error-default-default hover:text-error-default-hover active:text-error-default-pressed",
+    warning: "text-warning-default-default hover:text-warning-default-hover active:text-warning-default-pressed"
+  }
+}, $ = "bg-primary-default-disabled text-neutral-default-disabled hover:bg-primary-default-disabled active:bg-primary-default-disabled cursor-not-allowed", M = (t) => {
+  const e = t.position || H, a = t.attachToParent || !1, o = t.color || "primary", n = t.icon || g.Add, i = t.disabled || !1, s = t.variant || "filled", c = /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      style: {
+        width: "56px",
+        height: "56px",
+        borderRadius: "8px",
+        position: a ? "absolute" : "fixed",
+        right: e.right,
+        bottom: e.bottom,
+        left: e.left,
+        top: e.top,
+        display: "grid",
+        placeItems: "center",
+        padding: 16
+      },
+      className: d("transition-all duration-300 cursor-pointer text-neutral-default-default", W[s][o], i && $, t.className),
+      onClick: i ? void 0 : t.onClick,
+      children: k.createElement(n, { size: 24 })
+    }
+  );
+  return a ? c : P(c, document.body);
+}, U = q(M, (t, e) => t.attachToParent === e.attachToParent && t.position === e.position && t.color === e.color && t.icon === e.icon && t.disabled === e.disabled && t.variant === e.variant && t.className === e.className && t.onClick === e.onClick);
+U.displayName = "FAButton";
+const V = (t, e) => {
+  B(
     () => {
       if (!t.current) return;
-      const r = t.current, o = document.querySelector('[data-main-content="true"]');
+      const a = t.current, o = document.querySelector('[data-main-content="true"]');
       if (e) {
         m.fromTo(
-          r,
+          a,
           {
             width: "0rem",
             opacity: 0
@@ -66,11 +119,11 @@ const O = (t, e) => {
             ease: "power2.out"
           }
         ), o && m.to(o, {
-          marginLeft: r.offsetWidth + "px",
+          marginLeft: a.offsetWidth + "px",
           duration: 0.4,
           ease: "power2.out"
         });
-        const n = r.querySelectorAll(".secondary-bar-content > *");
+        const n = a.querySelectorAll(".secondary-bar-content > *");
         n.length > 0 && m.fromTo(
           n,
           {
@@ -87,7 +140,7 @@ const O = (t, e) => {
           }
         );
       } else
-        m.to(r, {
+        m.to(a, {
           width: "0rem",
           opacity: 0,
           duration: 0.3,
@@ -103,73 +156,73 @@ const O = (t, e) => {
 }, C = ({
   children: t,
   isOpen: e = !1,
-  className: r = "",
+  className: a = "",
   width: o = "w-96",
   action: n,
   primarySidebarCollapsed: i,
   onClose: s
 }) => {
-  const c = y(null), [l, d] = g({ left: 0, width: 0 }), { primarySidebarRef: f } = S();
-  return A(() => {
+  const c = h(null), [l, u] = y({ left: 0, width: 0 }), { primarySidebarRef: f } = S();
+  return z(() => {
     if (f?.current) {
       const x = f.current.getBoundingClientRect();
-      d({
+      u({
         left: x.width,
         width: x.width
       });
     }
-  }, [f, e, i]), O(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(
+  }, [f, e, i]), V(c, e), /* @__PURE__ */ r.jsx(r.Fragment, { children: e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(
       "div",
       {
-        className: "fixed inset-0 bg-black/95 z-20",
+        className: "fixed inset-0 bg-black/95 z-40",
         style: {
           left: l.left
         },
         onClick: s
       }
     ),
-    /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ r.jsx(
       "div",
       {
         ref: c,
-        className: u(
-          "h-screen bg-neutral-default-default border-r-1 border-neutral-strong-default flex flex-col secondary-bar flex-shrink-0",
-          "absolute top-0 z-30",
+        className: d(
+          "h-screen bg-neutral-default-default border-r border-neutral-strong-default flex flex-col secondary-bar shrink-0",
+          "absolute top-0 z-50",
           o,
-          r
+          a
         ),
         style: {
           left: l.left
         },
         "data-action": n,
-        children: /* @__PURE__ */ a.jsx("div", { className: "secondary-bar-content", children: t })
+        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 }), F = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1", t) }), de = Object.assign(C, {
+}, _ = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: d("h-16 ", e), children: t }), G = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: d("flex-1 overflow-y-auto p-4", e), children: t }), X = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: d("p-4 border-t border-neutral-strong-default", e), children: t }), Z = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: d("flex-1", t) }), ge = Object.assign(C, {
   Root: C,
-  Header: H,
-  Content: W,
-  Footer: $,
-  Spacer: F
-}), R = q(
+  Header: _,
+  Content: G,
+  Footer: X,
+  Spacer: Z
+}), T = D(
   void 0
-), fe = () => {
-  const t = z(R);
+), ye = () => {
+  const t = E(T);
   if (!t)
     throw new Error("useSidebar must be used within a Sidebar.Root");
   return t;
-}, M = ({
+}, J = ({
   children: t
 }) => {
-  const [e, r] = g(!1), [o, n] = g(!1), i = y(null), s = () => {
-    r(!1), n(!1);
+  const [e, a] = y(!1), [o, n] = y(!1), i = h(null), s = () => {
+    a(!1), n(!1);
   }, c = () => {
-    r(!0), n(!1);
+    a(!0), n(!1);
   }, p = {
     isCollapsed: e,
-    setIsCollapsed: r,
+    setIsCollapsed: a,
     navbarRef: i,
     toggleCollapse: () => {
       e ? s() : c();
@@ -185,9 +238,9 @@ const O = (t, e) => {
       n((v) => !v);
     }
   };
-  return /* @__PURE__ */ a.jsx(R.Provider, { value: p, children: t });
-}, w = (t, e, r, o) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, r, o) : t, U = (t, e, r) => {
-  I(
+  return /* @__PURE__ */ r.jsx(T.Provider, { value: p, children: t });
+}, w = (t, e, a, o) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, a, o) : t, K = (t, e, a) => {
+  B(
     () => {
       if (!t.current) return;
       const o = m.timeline({
@@ -228,11 +281,11 @@ const O = (t, e) => {
         secondaryBarContent: m.utils.toArray(".secondary-bar *"),
         badgeInLink: m.utils.toArray(".badge-in-link")
       };
-      e ? G(o, n) : V(o, n), n.secondaryBar && _(n.secondaryBar);
+      e ? Q(o, n) : Y(o, n), n.secondaryBar && ee(n.secondaryBar);
     },
-    { scope: t, dependencies: [e, r] }
+    { scope: t, dependencies: [e, a] }
   );
-}, G = (t, e) => {
+}, Q = (t, e) => {
   t.to(e.navbar, {
     width: "5rem",
     duration: 0.2,
@@ -371,7 +424,7 @@ const O = (t, e) => {
     },
     -1
   );
-}, V = (t, e) => {
+}, Y = (t, e) => {
   t.to(e.navbar, { width: "20rem" }, -1).to(
     e.navLinkItems,
     {
@@ -499,23 +552,23 @@ const O = (t, e) => {
     },
     0
   ).to(e.navIcons, { scale: 1 }, 0.3);
-}, _ = (t, e) => {
+}, ee = (t, e) => {
   m.to(t, {
     x: "-100%",
     opacity: 0,
     duration: 0.3,
     ease: "power2.in"
   });
-}, X = (t) => {
-  const [e, r] = g(t?.currentTabName || t.tabs[0].name), o = y(null), { tabs: n = [], className: i, activeColor: s = "var(--neutral-900)" } = t;
-  N(() => {
+}, te = (t) => {
+  const [e, a] = y(t?.currentTabName || t.tabs[0].name), o = h(null), { tabs: n = [], className: i, activeColor: s = "var(--neutral-900)" } = t;
+  j(() => {
     o.current?.style.setProperty("--tab-bg", s);
   }, [s]);
   const c = n.find((l) => l.name === (t?.currentTabName || e));
-  return /* @__PURE__ */ a.jsx(
+  return /* @__PURE__ */ r.jsx(
     "div",
     {
-      className: u(
+      className: d(
         "flex flex-col gap-2",
         "bg-neutral-strong-default",
         "h-full w-14 max-w-14 pl-[6px] py-6",
@@ -523,14 +576,14 @@ const O = (t, e) => {
         i
       ),
       children: n.map(
-        (l, d) => {
-          const f = l.name === c?.name, x = typeof l.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: l.thumbnail, alt: l.description, className: "aspect-square object-contain" }) : l.thumbnail, p = () => {
-            l.disabled || (r(l.name), l.onClick && l.onClick(l.name));
+        (l, u) => {
+          const f = l.name === c?.name, x = typeof l.thumbnail == "string" ? /* @__PURE__ */ r.jsx("img", { src: l.thumbnail, alt: l.description, className: "aspect-square object-contain" }) : l.thumbnail, p = () => {
+            l.disabled || (a(l.name), l.onClick && l.onClick(l.name));
           };
-          return /* @__PURE__ */ a.jsx(
+          return /* @__PURE__ */ r.jsx(
             "div",
             {
-              className: u(
+              className: d(
                 "bg-[var(--tab-bg)]",
                 "h-12 w-[50px] z-20",
                 "flex items-center pl-[6px] ",
@@ -540,7 +593,7 @@ const O = (t, e) => {
               ),
               onClick: p,
               ref: o,
-              children: /* @__PURE__ */ a.jsx("div", { className: u(
+              children: /* @__PURE__ */ r.jsx("div", { className: d(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
@@ -548,56 +601,62 @@ const O = (t, e) => {
                 l?.className
               ), children: x })
             },
-            d
+            u
           );
         }
       )
     }
   );
-}, Z = k(
-  ({ children: t, isCollapsed: e = !1, className: r = "", tabs: o = [], currentTabName: n }, i) => {
-    const s = y(null), { registerPrimarySidebar: c } = S(), l = D((d) => {
-      s.current = d, typeof i == "function" ? i(d) : i && (i.current = d);
+}, re = I(
+  ({ children: t, isCollapsed: e = !1, className: a = "", tabs: o = [], currentTabName: n }, i) => {
+    const s = h(null), { registerPrimarySidebar: c } = S(), l = O((u) => {
+      s.current = u, typeof i == "function" ? i(u) : i && (i.current = u);
     }, [i]);
-    return N(() => {
+    return j(() => {
       s.current && c(s);
-    }, [c]), U(s, e, !1), /* @__PURE__ */ a.jsxs("div", { className: u(
-      "flex"
-    ), children: [
-      o.length > 0 && /* @__PURE__ */ a.jsx(
-        X,
-        {
-          tabs: o,
-          activeColor: "var(--neutral-900)",
-          currentTabName: n
-        }
-      ),
-      /* @__PURE__ */ a.jsx(
-        "div",
-        {
-          ref: l,
-          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 flex-shrink-0
-          ${e ? "w-16" : "w-64"} ${r}`,
-          children: t
-        }
-      )
-    ] });
+    }, [c]), K(s, e, !1), /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        ref: l,
+        className: d(
+          "flex"
+        ),
+        children: [
+          o.length > 0 && /* @__PURE__ */ r.jsx(
+            te,
+            {
+              tabs: o,
+              activeColor: "var(--neutral-900)",
+              currentTabName: n
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            "div",
+            {
+              className: `bg-neutral-default-default hidden overflow-hidden h-screen md:flex flex-col border-r border-neutral-strong-default transition-all duration-300 relative z-50 shrink-0
+          ${e ? "w-16" : "w-64"} ${a}`,
+              children: t
+            }
+          )
+        ]
+      }
+    );
   }
-), j = k(
-  (t, e) => /* @__PURE__ */ a.jsx(M, { children: /* @__PURE__ */ a.jsx(Z, { ...t, ref: e }) })
+), N = I(
+  (t, e) => /* @__PURE__ */ r.jsx(J, { children: /* @__PURE__ */ r.jsx(re, { ...t, ref: e }) })
 );
-j.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(
+N.displayName = "SidebarRoot";
+const ae = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("div", { className: d("flex  mt-5 mb-4 justify-end mr-5 container-icon-collapsade", t && ""), children: /* @__PURE__ */ r.jsx(
   "button",
   {
     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(h.CloseNavBarDesktop, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(h.CloseNavBarDesktop, { size: 24, className: "rotate-0 transition-transform duration-300" })
+    children: t ? /* @__PURE__ */ r.jsx(g.CloseNavBarDesktop, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ r.jsx(g.CloseNavBarDesktop, { 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-1 w-full" }) }), Y = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: e, children: t }), ee = ({ className: t, size: e = "auto" }) => {
-  const r = () => {
+) }), oe = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: `${e} sidebar-header`, children: t }), ne = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: d("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" }) }), ie = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), se = ({ className: t, size: e = "auto" }) => {
+  const a = () => {
     switch (e) {
       case "auto":
         return "flex-grow";
@@ -609,31 +668,31 @@ 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(j, {
-  Root: j,
-  CollapseButton: J,
-  Header: K,
-  Divider: Q,
-  Content: Y,
-  Spacer: ee,
-  Footer: te
-}), pe = ({
+  return /* @__PURE__ */ r.jsx("div", { className: d(a(), t) });
+}, le = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), we = Object.assign(N, {
+  Root: N,
+  CollapseButton: ae,
+  Header: oe,
+  Divider: ne,
+  Content: ie,
+  Spacer: se,
+  Footer: le
+}), Ne = ({
   children: t,
   icon: e,
-  label: r,
+  label: a,
   href: o,
   onClick: n,
   isActive: i = !1,
   className: s
 }) => {
   const c = o ? "a" : "button";
-  return /* @__PURE__ */ a.jsxs(
+  return /* @__PURE__ */ r.jsxs(
     c,
     {
       href: o,
       onClick: n,
-      className: u(
+      className: d(
         "nav-link-item",
         "flex items-center w-full px-3 py-2 text-left",
         "hover:bg-neutral-medium-default transition-colors rounded-lg",
@@ -642,8 +701,8 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
         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
       ]
     }
@@ -651,7 +710,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
 }, L = ({
   count: t,
   maxCount: e = 9,
-  className: r = "",
+  className: a = "",
   size: o = "medium",
   variant: n = "primary",
   showZero: i = !1
@@ -662,26 +721,26 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
     small: "w-4.5 h-4.5 text-xs ",
     medium: "w-5 h-5 text-xs",
     large: "w-6 h-6 text-sm"
-  }, d = {
+  }, u = {
     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(
+  return /* @__PURE__ */ r.jsx("div", { className: d(
     "rounded-full flex items-center justify-center font-medium ",
     l[o],
-    d[n],
-    r
-  ), children: /* @__PURE__ */ a.jsx("span", { children: c }) });
-}, xe = ({
+    u[n],
+    a
+  ), children: /* @__PURE__ */ r.jsx("span", { children: c }) });
+}, je = ({
   linkActions: t,
   onClick: e,
-  activeAction: r
-}) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
-  const { isView: i = !1, actionName: s, title: c, icon: l, count: d, viewAccess: f } = o || {}, x = (typeof i == "function" ? i() : i !== !1) && (!f || f()), p = r === s;
-  return x && /* @__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: c, icon: l, count: u, viewAccess: f } = o || {}, x = (typeof i == "function" ? i() : i !== !1) && (!f || f()), p = a === s;
+  return x && /* @__PURE__ */ r.jsx(
     b.div,
     {
       initial: { opacity: 0 },
@@ -692,20 +751,20 @@ 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__ */ r.jsxs(
         "button",
         {
           onClick: () => {
             e?.(s);
           },
-          className: u(
+          className: d(
             "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"
           ),
           children: [
-            /* @__PURE__ */ a.jsx(B, { mode: "wait", children: p && /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ r.jsx(R, { mode: "wait", children: p && /* @__PURE__ */ r.jsx(
               b.div,
               {
                 layoutId: "nav-active-bg",
@@ -720,7 +779,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",
@@ -732,8 +791,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 flex-shrink-0",
@@ -746,16 +805,16 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                         },
                         children: typeof l == "function" ? l({
                           size: 24,
-                          className: u(
+                          className: d(
                             "nav-icon transition-colors duration-250 ease-out",
                             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__ */ r.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: c })
                   ] }),
-                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: d && d >= 1 ? /* @__PURE__ */ a.jsx(L, { count: d, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: u && u >= 1 ? /* @__PURE__ */ r.jsx(L, { count: u, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -765,15 +824,15 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
     },
     n
   );
-}) }), be = ({
+}) }), Ce = ({
   links: t,
   isLinkActive: e,
-  onLinkClick: r
-}) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
-  const { isView: i = !1, viewAccess: s, path: c, title: l, icon: d, count: f, relatedPaths: x } = o, p = (typeof i == "function" ? i() : i !== !1) && (!s || s()), v = e(c) || (x?.some(
-    (P) => e(P)
+  onLinkClick: a
+}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
+  const { isView: i = !1, viewAccess: s, path: c, title: l, icon: u, count: f, relatedPaths: x } = o, p = (typeof i == "function" ? i() : i !== !1) && (!s || s()), v = e(c) || (x?.some(
+    (A) => e(A)
   ) ?? !1);
-  return p && /* @__PURE__ */ a.jsx(
+  return p && /* @__PURE__ */ r.jsx(
     b.div,
     {
       initial: { opacity: 0 },
@@ -784,20 +843,20 @@ 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__ */ r.jsxs(
         "button",
         {
           onClick: () => {
-            r?.(c);
+            a?.(c);
           },
-          className: u(
+          className: d(
             "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",
             v ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ a.jsx(B, { mode: "wait", children: v && /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ r.jsx(R, { mode: "wait", children: v && /* @__PURE__ */ r.jsx(
               b.div,
               {
                 layoutId: "nav-active-bg",
@@ -812,7 +871,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",
@@ -824,8 +883,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 flex-shrink-0",
@@ -836,18 +895,18 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof d == "function" ? d({
+                        children: typeof u == "function" ? u({
                           size: 24,
-                          className: u(
+                          className: d(
                             "nav-icon transition-colors duration-250 ease-out",
                             v ? "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: l })
+                    /* @__PURE__ */ r.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: l })
                   ] }),
-                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: f && f ? /* @__PURE__ */ a.jsx(L, { count: f, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: f && f ? /* @__PURE__ */ r.jsx(L, { count: f, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -857,30 +916,30 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
     },
     n
   );
-}) }), ve = ({
+}) }), Se = ({
   isActiveModalNotification: t,
   setIsActiveModalNotification: e
 }) => ({ handleNotificationClick: () => {
   e(!0);
-}, isActiveModalNotification: t }), ye = (t) => {
-  const e = y(null);
+}, isActiveModalNotification: t }), ke = (t) => {
+  const e = h(null);
   return {
     isCollapsed: t,
     navbarRef: e
   };
-}, ge = ({
+}, Ie = ({
   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(h.CloseNavBarDesktop, { size: 34, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(h.CloseNavBarDesktop, { size: 34, className: "rotate-0 transition-transform duration-300" })
+    children: t ? /* @__PURE__ */ r.jsx(g.CloseNavBarDesktop, { size: 34, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ r.jsx(g.CloseNavBarDesktop, { size: 34, className: "rotate-0 transition-transform duration-300" })
   }
-) }), 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(
+) }), Be = ({ 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,
@@ -888,31 +947,31 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
     alt: e ?? ""
   }
 ) });
-function we({
+function Re({
   onFilesAccepted: t,
   onFilesRejected: e,
-  ...r
+  ...a
 }) {
-  const o = T.useCallback(
+  const o = k.useCallback(
     (i, s) => {
       i.length > 0 && t?.(i), s.length > 0 && e?.(s);
     },
     [t, e]
-  ), n = E({
+  ), n = F({
     onDrop: o,
-    ...r
+    ...a
   });
   return {
     ...n,
     hasErrors: n.fileRejections.length > 0
   };
 }
-const je = (t, e = !0) => {
-  const r = y(null);
-  return N(() => {
+const Te = (t, e = !0) => {
+  const a = h(null);
+  return j(() => {
     if (!e) return;
     const o = (n) => {
-      r.current && !r.current.contains(n.target) && t();
+      a.current && !a.current.contains(n.target) && t();
     };
     return document.addEventListener("mousedown", o, {
       capture: !0
@@ -925,76 +984,77 @@ const je = (t, e = !0) => {
         capture: !0
       });
     };
-  }, [t, e]), r;
+  }, [t, e]), a;
 };
 export {
-  Se as Avatar,
+  qe as Avatar,
   L as Badge,
-  Ie as Button,
-  Re as CardProfile,
-  Le as ChangueAccount,
-  Te as CheckBox,
-  qe as CheckboxFormik,
-  he as CompanyLogo,
-  Nt as DatePicker,
-  De as DialogModal,
-  He as DrawerDesktop,
-  Fe as DrawerMobile,
-  la as DropZone,
-  Ge as Header,
-  h as Icons,
-  Zt as Image,
-  _t as ImageGallery,
-  _e as Input,
-  Ze as InputFormik,
-  Ke as InputMultiple,
-  Ut as LayoutGeneric,
-  Ye as Logo,
-  tt as Menu,
-  xe as NavBarActions,
-  ge as NavbarCollapseButton,
-  be as NavbarLinks,
-  pe as NavigationLink,
-  oa as OtpInput,
-  rt as Pagination,
-  nt as ProfilePictureUpload,
-  st as ProgressBar,
-  de as SecondaryBar,
-  Ft as SegmentedButton,
-  ct as Select,
-  mt as SelectFormik,
-  dt as SelectFormikLegacy,
-  aa as SelectSearch,
-  me as Sidebar,
-  M as SidebarProvider,
-  Gt as SidebarRefProvider,
-  Wt as Skeleton,
-  xt as Spinner,
-  vt as Steps,
-  gt as SwipeContainer,
-  wt as Switch,
-  qt as TabLinks,
-  St as Table,
-  kt as TableBody,
-  It as TableCaption,
-  Bt as TableCell,
-  Rt as TableFooter,
-  Lt as TableHead,
-  Pt as TableHeader,
-  Tt as TableRow,
-  Dt as TextArea,
-  Kt as Toast,
-  ea as ToastProvider,
-  Ot as Tooltip,
-  Qt as toastpyrion,
-  ve as useActionsNavbar,
-  je as useClickOutside,
-  Ee as useDialogControl,
-  We as useDrawerDesktop,
-  Me as useDrawerMobile,
-  we as useFileDropzone,
-  ia as useIsMobile,
-  ye as useNavbarCollapse,
-  fe as useSidebar,
+  De as Button,
+  Oe as CardProfile,
+  Pe as ChangueAccount,
+  He as CheckBox,
+  $e as CheckboxFormik,
+  Be as CompanyLogo,
+  Lt as DatePicker,
+  Ue as DialogModal,
+  Ge as DrawerDesktop,
+  Je as DrawerMobile,
+  br as DropZone,
+  U as FAButton,
+  Ye as Header,
+  g as Icons,
+  ar as Image,
+  tr as ImageGallery,
+  tt as Input,
+  at as InputFormik,
+  nt as InputMultiple,
+  Qt as LayoutGeneric,
+  st as Logo,
+  ct as Menu,
+  je as NavBarActions,
+  Ie as NavbarCollapseButton,
+  Ce as NavbarLinks,
+  Ne as NavigationLink,
+  fr as OtpInput,
+  ut as Pagination,
+  mt as ProfilePictureUpload,
+  xt as ProgressBar,
+  ge as SecondaryBar,
+  Jt as SegmentedButton,
+  vt as Select,
+  wt as SelectFormik,
+  gt as SelectFormikLegacy,
+  dr as SelectSearch,
+  we as Sidebar,
+  J as SidebarProvider,
+  Yt as SidebarRefProvider,
+  Xt as Skeleton,
+  jt as Spinner,
+  St as Steps,
+  It as SwipeContainer,
+  Rt as Switch,
+  $t as TabLinks,
+  qt as Table,
+  zt as TableBody,
+  Dt as TableCaption,
+  Et as TableCell,
+  Ot as TableFooter,
+  Pt as TableHead,
+  Ft as TableHeader,
+  Ht as TableRow,
+  Ut as TextArea,
+  nr as Toast,
+  lr as ToastProvider,
+  _t as Tooltip,
+  ir as toastpyrion,
+  Se as useActionsNavbar,
+  Te as useClickOutside,
+  Ve as useDialogControl,
+  Xe as useDrawerDesktop,
+  Ke as useDrawerMobile,
+  Re as useFileDropzone,
+  pr as useIsMobile,
+  ke as useNavbarCollapse,
+  ye as useSidebar,
   S as useSidebarContext
 };