prometeo-design-system 2.6.0 → 2.6.2

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

@@ -1,134 +1,64 @@
-import { default as He } from "./Avatar.es.js";
-import { B as Me } from "./Button-Bc0LYLfg.js";
-import { C as Ve, a as Ue } from "./CardProfile-DA-HDUpi.js";
-import { default as Ge } from "./CheckBox.es.js";
-import { default as Ze } from "./CheckboxFormik.es.js";
-import { default as Ke, useDialogControl as Qe } from "./DialogModal.es.js";
-import { default as et, useDrawerDesktop as tt } from "./DrawerDesktop.es.js";
-import { default as at, useDrawerMobile as ot } from "./DrawerMobile.es.js";
-import { default as it } from "./Header.es.js";
-import { I as z } from "./Input-DHdy-pWf.js";
-import { default as lt } from "./InputFormik.es.js";
-import { InputMultiple as ut } from "./InputMultiple.es.js";
-import { default as ft } from "./Logo.es.js";
-import { Menu as pt } from "./Menu.es.js";
-import { default as bt } from "./Pagination.es.js";
-import { ProfilePictureUpload as ht } from "./ProfilePictureUpload.es.js";
-import { default as yt } from "./ProgressBar.es.js";
-import { S as jt } from "./Select-B5hkJ8Oy.js";
-import { default as Ct } from "./SelectFormikLegacy.es.js";
-import { default as kt } from "./SelectFormik.es.js";
-import { default as Bt } from "./Spinner.es.js";
-import { Steps as Tt } from "./Steps.es.js";
-import { default as At } from "./SwipeContainer.es.js";
-import { Switch as zt } from "./Switch.es.js";
-import { default as Et } from "./DatePicker.es.js";
-import { Table as Ot, TableBody as Pt, TableCaption as Ht, TableCell as Wt, TableFooter as Mt, TableHead as $t, TableHeader as Vt, TableRow as Ut } from "./Table.es.js";
-import { default as Gt } from "./TabLinks.es.js";
-import { default as Zt } from "./TextArea.es.js";
-import { default as Kt } from "./Tooltip.es.js";
-import { Skeleton as Yt } from "./Skeleton.es.js";
-import { SegmentedButton as tr } from "./SegmentedButton.es.js";
+import { default as Se } from "./Avatar.es.js";
+import { B as Ie } from "./Button-Bc0LYLfg.js";
+import { C as Re, a as Le } from "./CardProfile-DA-HDUpi.js";
+import { default as Ae } 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 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-r2N9xkjM.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 it } from "./ProgressBar.es.js";
+import { S as ct } from "./Select-IAQKEfnq.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 vt } 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 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-B6E-yOYJ.js";
-import { L as ar, S as or } from "./LayoutGeneric-B6E-yOYJ.js";
-import { I as ir } from "./ImageGallery-BeADef_g.js";
-import { default as lr } from "./Image.es.js";
-import { default as ur, toastpyrion as dr } from "./Toast.es.js";
-import { default as mr } from "./ToastProvider.es.js";
-import { default as xr } from "./SelectSearch.es.js";
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
-import I, { memo as B, useRef as h, useState as y, useLayoutEffect as D, createContext as E, useContext as F, forwardRef as C, useEffect as w, useCallback as O } from "react";
+import { L as Ut, S as Vt } from "./LayoutGeneric-B6E-yOYJ.js";
+import { I as _t } from "./ImageGallery-BeADef_g.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 { default as oa } from "./FAButton.es.js";
+import { default as sa } 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-ByW6EXIE.js";
 import { c as u } from "./cn-B6yFEsav.js";
-import { Icons as g } from "./Icons.es.js";
-import { createPortal as P } from "react-dom";
-import { FastField as H } from "formik";
-import { useGSAP as R } from "@gsap/react";
+import A, { useRef as g, useState as v, 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 { motion as b, AnimatePresence as T } from "framer-motion";
-import { default as vr } from "./OtpInput.es.js";
-import { useDropzone as W } from "react-dropzone";
-import { useIsMobile as gr } from "./useDevice.es.js";
-import { DropZone as wr } from "./DropZone.es.js";
-const M = {
-  right: 24,
-  bottom: 64,
-  left: "auto",
-  top: "auto"
-}, $ = {
-  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"
-  }
-}, V = "bg-primary-default-disabled text-neutral-default-disabled hover:bg-primary-default-disabled active:bg-primary-default-disabled cursor-not-allowed", U = (t) => {
-  const e = t.position || M, a = t.attachToParent || !1, o = t.color || "primary", n = t.icon || g.Add, i = t.disabled || !1, l = 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: u("transition-all duration-300 cursor-pointer text-neutral-default-default", $[l][o], i && V, t.className),
-      onClick: i ? void 0 : t.onClick,
-      children: I.createElement(n, { size: 24 })
-    }
-  );
-  return a ? c : P(c, document.body);
-}, _ = B(U, (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);
-_.displayName = "FAButton";
-const G = ({
-  field: t,
-  form: e,
-  ...a
-}) => {
-  const o = e.getFieldMeta(t.name), n = o.touched && o.error;
-  return /* @__PURE__ */ r.jsx(
-    z,
-    {
-      ...a,
-      ...t,
-      value: t.value,
-      onChange: (i) => {
-        t.onChange({ target: { value: i, name: t.name } });
-      },
-      variant: n ? "error" : "default",
-      errorComponent: o.error,
-      type: a.type
-    }
-  );
-}, X = B(G), Se = (t) => /* @__PURE__ */ r.jsx(H, { name: t.name, children: ({ field: e, form: a }) => /* @__PURE__ */ r.jsx(X, { ...t, field: e, form: a }) }), Z = (t, e) => {
-  R(
+import { Icons as w } from "./Icons.es.js";
+import { motion as b, AnimatePresence as B } from "framer-motion";
+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, o = 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
@@ -139,14 +69,14 @@ const G = ({
             duration: 0.4,
             ease: "power2.out"
           }
-        ), o && x.to(o, {
-          marginLeft: a.offsetWidth + "px",
+        ), n && x.to(n, {
+          marginLeft: r.offsetWidth + "px",
           duration: 0.4,
           ease: "power2.out"
         });
-        const n = a.querySelectorAll(".secondary-bar-content > *");
-        n.length > 0 && x.fromTo(
-          n,
+        const o = r.querySelectorAll(".secondary-bar-content > *");
+        o.length > 0 && x.fromTo(
+          o,
           {
             y: 20,
             opacity: 0
@@ -161,12 +91,12 @@ const G = ({
           }
         );
       } else
-        x.to(a, {
+        x.to(r, {
           width: "0rem",
           opacity: 0,
           duration: 0.3,
           ease: "power2.in"
-        }), o && x.to(o, {
+        }), n && x.to(n, {
           marginLeft: "0px",
           duration: 0.3,
           ease: "power2.in"
@@ -177,14 +107,14 @@ const G = ({
 }, S = ({
   children: t,
   isOpen: e = !1,
-  className: a = "",
-  width: o = "w-96",
-  action: n,
+  className: r = "",
+  width: n = "w-96",
+  action: o,
   primarySidebarCollapsed: i,
   onClose: l
 }) => {
-  const c = h(null), [d, s] = y({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
-  return D(() => {
+  const c = g(null), [d, s] = v({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
+  return P(() => {
     if (f?.current && m?.current) {
       const p = f.current.getBoundingClientRect();
       s({
@@ -192,8 +122,8 @@ const G = ({
         width: p.width
       });
     }
-  }, [f, e, i, m]), Z(c, e), /* @__PURE__ */ r.jsx(r.Fragment, { children: e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(
+  }, [f, e, i, 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",
@@ -203,70 +133,70 @@ const G = ({
         onClick: l
       }
     ),
-    /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ a.jsx(
       "div",
       {
         ref: c,
         className: u(
           "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,
-          a
+          n,
+          r
         ),
         style: {
           left: d.left
         },
-        "data-action": n,
-        children: /* @__PURE__ */ r.jsx("div", { className: "secondary-bar-content", children: t })
+        "data-action": o,
+        children: /* @__PURE__ */ a.jsx("div", { className: "secondary-bar-content", children: t })
       }
     )
   ] }) });
-}, J = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: u("h-16 ", e), children: t }), K = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: u("flex-1 overflow-y-auto p-4", e), children: t }), Q = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: u("p-4 border-t border-neutral-strong-default", e), children: t }), Y = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: u("flex-1", t) }), ke = 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: J,
-  Content: K,
-  Footer: Q,
-  Spacer: Y
-}), L = E(
+  Header: F,
+  Content: H,
+  Footer: W,
+  Spacer: $
+}), R = q(
   void 0
-), Ie = () => {
-  const t = F(L);
+), fe = () => {
+  const t = z(R);
   if (!t)
     throw new Error("useSidebar must be used within a Sidebar.Root");
   return t;
-}, ee = ({
+}, M = ({
   children: t
 }) => {
-  const [e, a] = y(!1), [o, n] = y(!1), i = h(null), l = () => {
-    a(!1), n(!1);
+  const [e, r] = v(!1), [n, o] = v(!1), i = g(null), l = () => {
+    r(!1), o(!1);
   }, c = () => {
-    a(!0), n(!1);
+    r(!0), o(!1);
   }, p = {
     isCollapsed: e,
-    setIsCollapsed: a,
+    setIsCollapsed: r,
     navbarRef: i,
     toggleCollapse: () => {
       e ? l() : c();
     },
-    activeSecondaryBar: o ? "notifications" : null,
+    activeSecondaryBar: n ? "notifications" : null,
     openSecondaryBar: () => {
-      n(!0);
+      o(!0);
     },
     closeSecondaryBar: () => {
-      n(!1);
+      o(!1);
     },
     toggleSecondaryBar: () => {
-      n((v) => !v);
+      o((y) => !y);
     }
   };
-  return /* @__PURE__ */ r.jsx(L.Provider, { value: p, children: t });
-}, j = (t, e, a, o) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, a, o) : t, te = (t, e, a) => {
-  R(
+  return /* @__PURE__ */ a.jsx(R.Provider, { value: p, children: t });
+}, j = (t, e, r, n) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, r, n) : t, U = (t, e, r) => {
+  I(
     () => {
       if (!t.current) return;
-      const o = x.timeline({
+      const n = x.timeline({
         defaults: { duration: 0.7, ease: "power1.out" }
-      }), n = {
+      }), o = {
         navbar: t.current,
         navLabels: x.utils.toArray(".nav-label"),
         navIconWrappers: x.utils.toArray(".nav-icon-wrapper"),
@@ -302,11 +232,11 @@ const G = ({
         secondaryBarContent: x.utils.toArray(".secondary-bar *"),
         badgeInLink: x.utils.toArray(".badge-in-link")
       };
-      e ? re(o, n) : ae(o, n), n.secondaryBar && oe(n.secondaryBar);
+      e ? V(n, o) : G(n, o), o.secondaryBar && _(o.secondaryBar);
     },
-    { scope: t, dependencies: [e, a] }
+    { scope: t, dependencies: [e, r] }
   );
-}, re = (t, e) => {
+}, V = (t, e) => {
   t.to(e.navbar, {
     width: "5rem",
     duration: 0.2,
@@ -445,7 +375,7 @@ const G = ({
     },
     -1
   );
-}, ae = (t, e) => {
+}, G = (t, e) => {
   t.to(e.navbar, { width: "20rem" }, -1).to(
     e.navLinkItems,
     {
@@ -573,20 +503,20 @@ const G = ({
     },
     0
   ).to(e.navIcons, { scale: 1 }, 0.3);
-}, oe = (t, e) => {
+}, _ = (t, e) => {
   x.to(t, {
     x: "-100%",
     opacity: 0,
     duration: 0.3,
     ease: "power2.in"
   });
-}, ne = C((t, e) => {
-  const [a, o] = y(t?.currentTabName || t.tabs[0].name), n = h(null), { tabs: i = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
-  w(() => {
-    n.current?.style.setProperty("--tab-bg", c);
+}, X = C((t, e) => {
+  const [r, n] = v(t?.currentTabName || t.tabs[0].name), o = g(null), { tabs: i = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
+  h(() => {
+    o.current?.style.setProperty("--tab-bg", c);
   }, [c]);
-  const d = i.find((s) => s.name === (t?.currentTabName || a));
-  return /* @__PURE__ */ r.jsx(
+  const d = i.find((s) => s.name === (t?.currentTabName || r));
+  return /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: e,
@@ -599,10 +529,10 @@ const G = ({
       ),
       children: i.map(
         (s) => {
-          const f = s.name === d?.name, m = typeof s.thumbnail == "string" ? /* @__PURE__ */ r.jsx("img", { src: s.thumbnail, alt: s.description, className: "aspect-square object-contain" }) : s.thumbnail, p = () => {
-            s.disabled || (o(s.name), s.onClick && s.onClick(s.name));
+          const f = s.name === d?.name, m = typeof s.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: s.thumbnail, alt: s.description, className: "aspect-square object-contain" }) : s.thumbnail, p = () => {
+            s.disabled || (n(s.name), s.onClick && s.onClick(s.name));
           };
-          return /* @__PURE__ */ r.jsx(
+          return /* @__PURE__ */ a.jsx(
             "div",
             {
               className: u(
@@ -614,8 +544,8 @@ const G = ({
                 f && "active"
               ),
               onClick: p,
-              ref: n,
-              children: /* @__PURE__ */ r.jsx("div", { className: u(
+              ref: o,
+              children: /* @__PURE__ */ a.jsx("div", { className: u(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
@@ -629,39 +559,39 @@ const G = ({
       )
     }
   );
-}), ie = C(
-  ({ children: t, isCollapsed: e = !1, className: a = "", tabs: o = [], currentTabName: n }, i) => {
-    const l = h(null), c = h(null), { registerPrimarySidebar: d, registerTabBar: s } = k();
+}), Z = C(
+  ({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, i) => {
+    const l = g(null), c = g(null), { registerPrimarySidebar: d, registerTabBar: s } = k();
     console.log(c.current, "Tabinternal ref");
-    const f = O((m) => {
+    const f = D((m) => {
       l.current = m, typeof i == "function" ? (console.log("soy ref function"), i(m)) : i && (console.log("estoy entrand aca"), i.current = m);
     }, [i]);
-    return w(() => {
+    return h(() => {
       l.current && d(l);
-    }, [d]), w(() => {
+    }, [d]), h(() => {
       c.current && s(c);
-    }, [s]), te(l, e, !1), /* @__PURE__ */ r.jsxs(
+    }, [s]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
       "div",
       {
         className: u(
           "flex"
         ),
         children: [
-          o.length > 0 && /* @__PURE__ */ r.jsx(
-            ne,
+          n.length > 0 && /* @__PURE__ */ a.jsx(
+            X,
             {
-              tabs: o,
+              tabs: n,
               ref: c,
               activeColor: "var(--neutral-900)",
-              currentTabName: n
+              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
             }
           )
@@ -670,10 +600,10 @@ const G = ({
     );
   }
 ), N = C(
-  (t, e) => /* @__PURE__ */ r.jsx(ee, { children: /* @__PURE__ */ r.jsx(ie, { ...t, ref: e }) })
+  (t, e) => /* @__PURE__ */ a.jsx(M, { children: /* @__PURE__ */ a.jsx(Z, { ...t, ref: e }) })
 );
 N.displayName = "SidebarRoot";
-const se = ({ 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",
@@ -681,10 +611,10 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
     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(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" })
+    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" })
   }
-) }), le = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: `${e} sidebar-header`, children: t }), ce = ({ 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" }) }), ue = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), de = ({ 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";
@@ -696,30 +626,30 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
         return "h-8 w-8";
     }
   };
-  return /* @__PURE__ */ r.jsx("div", { className: u(a(), t) });
-}, fe = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), Be = 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: se,
-  Header: le,
-  Divider: ce,
-  Content: ue,
-  Spacer: de,
-  Footer: fe
-}), Re = ({
+  CollapseButton: J,
+  Header: K,
+  Divider: Q,
+  Content: Y,
+  Spacer: ee,
+  Footer: te
+}), pe = ({
   children: t,
   icon: e,
-  label: a,
-  href: o,
-  onClick: n,
+  label: r,
+  href: n,
+  onClick: o,
   isActive: i = !1,
   className: l
 }) => {
-  const c = o ? "a" : "button";
-  return /* @__PURE__ */ r.jsxs(
+  const c = n ? "a" : "button";
+  return /* @__PURE__ */ a.jsxs(
     c,
     {
-      href: o,
-      onClick: n,
+      href: n,
+      onClick: o,
       className: u(
         "nav-link-item",
         "flex items-center w-full px-3 py-2 text-left",
@@ -729,18 +659,18 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
         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
       ]
     }
   );
-}, A = ({
+}, L = ({
   count: t,
   maxCount: e = 9,
-  className: a = "",
-  size: o = "medium",
-  variant: n = "primary",
+  className: r = "",
+  size: n = "medium",
+  variant: o = "primary",
   showZero: i = !1
 }) => {
   const l = t, c = l > e ? `+${e}` : l;
@@ -756,30 +686,30 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
     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[o],
-    s[n],
-    a
-  ), children: /* @__PURE__ */ r.jsx("span", { children: c }) });
-}, Te = ({
+    d[n],
+    s[o],
+    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((o, n) => {
-  const { isView: i = !1, actionName: l, title: c, icon: d, count: s, viewAccess: f } = o || {}, m = (typeof i == "function" ? i() : i !== !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: i = !1, actionName: l, title: c, icon: d, count: s, viewAccess: f } = n || {}, m = (typeof i == "function" ? i() : i !== !1) && (!f || f()), p = r === l;
+  return m && /* @__PURE__ */ a.jsx(
     b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: {
         duration: 0.4,
-        delay: n * 0.03,
+        delay: o * 0.03,
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
-      children: /* @__PURE__ */ r.jsxs(
+      children: /* @__PURE__ */ a.jsxs(
         "button",
         {
           onClick: () => {
@@ -792,7 +722,7 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
             p ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ r.jsx(T, { mode: "wait", children: p && /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ a.jsx(B, { mode: "wait", children: p && /* @__PURE__ */ a.jsx(
               b.div,
               {
                 layoutId: "nav-active-bg",
@@ -807,7 +737,7 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                 }
               }
             ) }),
-            /* @__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",
@@ -819,8 +749,8 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                   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",
@@ -840,9 +770,9 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                         }) : 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: s && s >= 1 ? /* @__PURE__ */ r.jsx(A, { count: s, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: s && s >= 1 ? /* @__PURE__ */ a.jsx(L, { count: s, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -850,41 +780,41 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
         }
       )
     },
-    n
+    o
   );
-}) }), Le = ({
+}) }), be = ({
   links: t,
   isLinkActive: e,
-  onLinkClick: a
-}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
-  const { isView: i = !1, viewAccess: l, path: c, title: d, icon: s, count: f, relatedPaths: m } = o, p = (typeof i == "function" ? i() : i !== !1) && (!l || l()), v = e(c) || (m?.some(
-    (q) => e(q)
+  onLinkClick: r
+}) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
+  const { isView: i = !1, viewAccess: l, path: c, title: d, icon: s, count: f, relatedPaths: m } = n, p = (typeof i == "function" ? i() : i !== !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 },
       animate: { opacity: 1 },
       transition: {
         duration: 0.4,
-        delay: n * 0.03,
+        delay: o * 0.03,
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
-      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 ",
             "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"
+            y ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ r.jsx(T, { mode: "wait", children: v && /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ a.jsx(B, { mode: "wait", children: y && /* @__PURE__ */ a.jsx(
               b.div,
               {
                 layoutId: "nav-active-bg",
@@ -899,7 +829,7 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                 }
               }
             ) }),
-            /* @__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",
@@ -911,13 +841,13 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                   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",
                         animate: {
-                          scale: v ? 1.05 : 1
+                          scale: y ? 1.05 : 1
                         },
                         transition: {
                           duration: 0.25,
@@ -927,14 +857,14 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                           size: 24,
                           className: u(
                             "nav-icon transition-colors duration-250 ease-out",
-                            v ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
+                            y ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
                           )
                         }) : 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(A, { 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: "" }) : "" })
                 ]
               }
             )
@@ -942,32 +872,32 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
         }
       )
     },
-    n
+    o
   );
-}) }), Ae = ({
+}) }), ye = ({
   isActiveModalNotification: t,
   setIsActiveModalNotification: e
 }) => ({ handleNotificationClick: () => {
   e(!0);
-}, isActiveModalNotification: t }), qe = (t) => {
-  const e = h(null);
+}, isActiveModalNotification: t }), ge = (t) => {
+  const e = g(null);
   return {
     isCollapsed: t,
     navbarRef: e
   };
-}, ze = ({
+}, ve = ({
   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(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" })
+    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" })
   }
-) }), De = ({ 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,
@@ -975,115 +905,117 @@ const se = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
     alt: e ?? ""
   }
 ) });
-function Ee({
+function we({
   onFilesAccepted: t,
   onFilesRejected: e,
-  ...a
+  ...r
 }) {
-  const o = I.useCallback(
+  const n = A.useCallback(
     (i, l) => {
       i.length > 0 && t?.(i), l.length > 0 && e?.(l);
     },
     [t, e]
-  ), n = W({
-    onDrop: o,
-    ...a
+  ), o = E({
+    onDrop: n,
+    ...r
   });
   return {
-    ...n,
-    hasErrors: n.fileRejections.length > 0
+    ...o,
+    hasErrors: o.fileRejections.length > 0
   };
 }
-const Fe = (t, e = !0) => {
-  const a = h(null);
-  return w(() => {
+const je = (t, e = !0) => {
+  const r = g(null);
+  return h(() => {
     if (!e) return;
-    const o = (n) => {
-      a.current && !a.current.contains(n.target) && t();
+    const n = (o) => {
+      r.current && !r.current.contains(o.target) && t();
     };
-    return document.addEventListener("mousedown", o, {
+    return document.addEventListener("mousedown", n, {
       capture: !0
-    }), document.addEventListener("touchstart", o, {
+    }), document.addEventListener("touchstart", n, {
       capture: !0
     }), () => {
-      document.removeEventListener("mousedown", o, {
+      document.removeEventListener("mousedown", n, {
         capture: !0
-      }), document.removeEventListener("touchstart", o, {
+      }), document.removeEventListener("touchstart", n, {
         capture: !0
       });
     };
-  }, [t, e]), a;
+  }, [t, e]), r;
 };
 export {
-  He as Avatar,
-  A as Badge,
-  Me as Button,
-  Ve as CardProfile,
-  Ue as ChangueAccount,
-  Ge as CheckBox,
-  Ze as CheckboxFormik,
-  De as CompanyLogo,
-  Et as DatePicker,
-  Ke as DialogModal,
-  et as DrawerDesktop,
-  at as DrawerMobile,
-  wr as DropZone,
-  _ as FAButton,
-  it as Header,
-  g as Icons,
-  lr as Image,
-  ir as ImageGallery,
-  z as Input,
-  lt as InputFormik,
-  Se as InputFormikV2,
-  ut as InputMultiple,
-  ar as LayoutGeneric,
-  ft as Logo,
-  pt as Menu,
-  Te as NavBarActions,
-  ze as NavbarCollapseButton,
-  Le as NavbarLinks,
-  Re as NavigationLink,
-  vr as OtpInput,
-  bt as Pagination,
-  ht as ProfilePictureUpload,
-  yt as ProgressBar,
-  ke as SecondaryBar,
-  tr as SegmentedButton,
-  jt as Select,
-  kt as SelectFormik,
-  Ct as SelectFormikLegacy,
-  xr as SelectSearch,
-  Be as Sidebar,
-  ee as SidebarProvider,
-  or as SidebarRefProvider,
-  Yt as Skeleton,
-  Bt as Spinner,
-  Tt as Steps,
-  At as SwipeContainer,
-  zt as Switch,
-  Gt as TabLinks,
-  Ot as Table,
-  Pt as TableBody,
-  Ht as TableCaption,
-  Wt as TableCell,
-  Mt as TableFooter,
-  $t as TableHead,
-  Vt as TableHeader,
-  Ut as TableRow,
-  Zt as TextArea,
-  ur as Toast,
-  mr as ToastProvider,
-  Kt as Tooltip,
-  dr as toastpyrion,
-  Ae as useActionsNavbar,
-  Fe as useClickOutside,
-  Qe as useDialogControl,
-  tt as useDrawerDesktop,
-  ot as useDrawerMobile,
-  Ee as useFileDropzone,
-  gr as useIsMobile,
-  qe as useNavbarCollapse,
-  Ie as useSidebar,
+  Se as Avatar,
+  L as Badge,
+  Ie as Button,
+  Re as CardProfile,
+  Le as ChangueAccount,
+  Ae as CheckBox,
+  qe as CheckboxFormik,
+  he as CompanyLogo,
+  Nt as DatePicker,
+  De as DialogModal,
+  Fe as DrawerDesktop,
+  $e as DrawerMobile,
+  ba as DropZone,
+  oa as FAButton,
+  Ve as Header,
+  w as Icons,
+  Zt as Image,
+  _t as ImageGallery,
+  _e as Input,
+  Ze as InputFormik,
+  sa as InputFormikV2,
+  Ke as InputMultiple,
+  Ut as LayoutGeneric,
+  Ye as Logo,
+  tt as Menu,
+  xe as NavBarActions,
+  ve as NavbarCollapseButton,
+  be as NavbarLinks,
+  pe as NavigationLink,
+  fa as OtpInput,
+  rt as Pagination,
+  nt as ProfilePictureUpload,
+  it as ProgressBar,
+  ua as RadioButton,
+  la as RadioButtonFormik,
+  de as SecondaryBar,
+  $t as SegmentedButton,
+  ct as Select,
+  mt as SelectFormik,
+  dt as SelectFormikLegacy,
+  aa as SelectSearch,
+  me as Sidebar,
+  M as SidebarProvider,
+  Vt as SidebarRefProvider,
+  Ht as Skeleton,
+  xt as Spinner,
+  yt as Steps,
+  vt 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,
+  Tt as TableHeader,
+  At as TableRow,
+  Dt as TextArea,
+  Kt as Toast,
+  ea as ToastProvider,
+  Ot as Tooltip,
+  Qt as toastpyrion,
+  ye as useActionsNavbar,
+  je as useClickOutside,
+  Ee as useDialogControl,
+  He as useDrawerDesktop,
+  Me as useDrawerMobile,
+  we as useFileDropzone,
+  pa as useIsMobile,
+  ge as useNavbarCollapse,
+  fe as useSidebar,
   k as useSidebarContext
 };