prometeo-design-system 2.9.6 → 2.9.7

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

@@ -1,437 +1,61 @@
-import { default as pt } from "./Avatar.es.js";
-import de from "./Button.es.js";
-import { C as gt, a as ht } from "./CardProfile-CsytJlKZ.js";
-import { default as vt } from "./CheckBox.es.js";
-import { default as wt, useDialogControl as jt } from "./DialogModal.es.js";
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
-import { c as h } from "./cn-B6yFEsav.js";
-import { c as X } from "./index-BOQuZ0gG.js";
-import { createPortal as re } from "react-dom";
-import fe, { forwardRef as P, useRef as b, useState as E, useEffect as y, useCallback as v, useImperativeHandle as ne, useMemo as oe, useLayoutEffect as me, createContext as pe, useContext as xe } from "react";
-import { a as ge, d as $ } from "./Icons-DtFC5DJ7.js";
-import { e as Ct } from "./Icons-DtFC5DJ7.js";
-import { default as kt } from "./Header.es.js";
-import { I as Rt } from "./Input-Cck37DpG.js";
-import { default as Dt } from "./InputMultiple.es.js";
-import { default as Ht } from "./Logo.es.js";
-import { default as Tt } from "./Menu.es.js";
-import { default as Yt } from "./Pagination.es.js";
-import { default as At } from "./ProfilePictureUpload.es.js";
-import { default as qt } from "./ProgressBar.es.js";
-import { S as $t } from "./Select-BD5FTxVw.js";
-import { default as Wt } from "./Spinner.es.js";
-import { default as Vt } from "./Steps.es.js";
-import { default as _t } from "./SwipeContainer.es.js";
-import { default as Zt } from "./Switch.es.js";
-import { default as Kt } from "./DatePicker.es.js";
-import { Table as er, TableBody as tr, TableCaption as rr, TableCell as nr, TableFooter as or, TableHead as ar, TableHeader as sr, TableRow as ir } from "./Table.es.js";
-import { default as cr } from "./TabLinks.es.js";
-import { default as dr } from "./TextArea.es.js";
-import { default as mr } from "./Tooltip.es.js";
-import { default as xr } from "./Skeleton.es.js";
-import { default as hr } from "./SegmentedButton.es.js";
-import { u as ae } from "./LayoutGeneric-CbaoatQB.js";
-import { L as vr, S as yr } from "./LayoutGeneric-CbaoatQB.js";
-import { I as jr } from "./ImageGallery-Ckxg9OIC.js";
-import { default as Cr } from "./Image.es.js";
-import { default as kr, toastpyrion as Ir } from "./Toast.es.js";
-import { default as Lr } from "./ToastProvider.es.js";
-import { default as Er } from "./SelectSearch.es.js";
-import { default as Br } from "./FAButton.es.js";
-import { default as Or } from "./RadioButton.es.js";
-import { useGSAP as se } from "@gsap/react";
-import R from "gsap";
-import { motion as Y, AnimatePresence as ie } from "framer-motion";
-import { default as zr } from "./OtpInput.es.js";
-import { useDropzone as he } from "react-dropzone";
-import { useIsMobile as Mr } from "./useDevice.es.js";
-import { default as Pr } from "./DropZone.es.js";
-const be = P((t, e) => {
-  const s = b(null), [n, a] = E(t.defaultOpen || !1), [i, u] = E(null), f = b(t.onClose), p = b(i), {
-    modal: d = !1,
-    children: x,
-    className: g,
-    direction: l = "left",
-    attachToParent: N = !1,
-    closeOnOverlayClick: w = !1,
-    hideCloseButton: S = !1
-  } = t, I = b(w), T = b(n);
-  p.current = i, y(() => {
-    T.current = n;
-  }, [n]), y(() => {
-    p.current = i;
-  }, [i]), y(() => {
-    I.current = w;
-  }, [w]);
-  const H = (C) => {
-    if (!s.current)
-      return;
-    const z = s.current;
-    z && !z.contains(C.target) && I.current && T.current && D();
-  };
-  y(() => {
-    if (!I.current || d || !n)
-      return;
-    const C = setTimeout(() => {
-      document.addEventListener("click", H);
-    }, 0);
-    return () => {
-      clearTimeout(C), document.removeEventListener("click", H);
-    };
-  }, [w, n, d]), y(() => {
-    f.current = t.onClose;
-  }, [t.onClose]);
-  const L = v((C) => {
-    u(C ?? null), a(!0);
-  }, []), D = v(() => {
-    a(!1), f.current?.(p.current), setTimeout(() => u(null), 300);
-  }, []);
-  ne(
-    e,
-    () => ({
-      open: L,
-      close: D,
-      isOpen: n,
-      getContext: () => p.current
-    }),
-    [n, L, D]
-  );
-  const O = /* @__PURE__ */ r.jsx(
-    ve,
-    {
-      context: i,
-      ref: s,
-      isOpen: n,
-      close: D,
-      direction: l,
-      modal: d,
-      className: g,
-      attachToParent: N,
-      closeOnOverlayClick: w,
-      hideCloseButton: S,
-      children: typeof x == "function" ? x(i) : x
-    }
-  );
-  return N ? O : re(O, document.body);
-});
-be.displayName = "DrawerDesktopV2";
-const ve = ({
-  ref: t,
-  children: e,
-  direction: s = "left",
-  isOpen: n,
-  close: a,
-  modal: i = !1,
-  className: u,
-  attachToParent: f = !1,
-  closeOnOverlayClick: p = !1,
-  hideCloseButton: d = !1,
-  context: x
-}) => {
-  y(() => {
-    if (n && i) {
-      const w = window.scrollY;
-      return document.body.style.position = "fixed", document.body.style.top = `-${w}px`, document.body.style.width = "100%", () => {
-        document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, w);
-      };
-    }
-  }, [n, i]);
-  const g = X("border-neutral-strong-default", {
-    variants: {
-      isOpen: {
-        true: "desktop-drawer-visible",
-        false: "desktop-drawer-hidden"
-      },
-      direction: {
-        left: "left-0 border-r-[1px] border-l-0",
-        right: "right-0 border-l-[1px] border-r-0"
-      }
-    }
-  }), l = X(
-    "fixed inset-0 bg-black/60 z-[55] cursor-default",
-    {
-      variants: {
-        isOpen: {
-          true: "drawer-overlay-visible",
-          false: "drawer-overlay-hidden"
-        }
-      }
-    }
-  ), N = X("", {
-    variants: {
-      direction: {
-        left: "right-0",
-        right: "left-0"
-      }
-    }
-  });
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    i && /* @__PURE__ */ r.jsx(
-      "div",
-      {
-        className: h(l({ isOpen: n })),
-        onClick: (w) => {
-          w.preventDefault(), w.stopPropagation(), p && a();
-        },
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ r.jsxs(
-      "div",
-      {
-        ref: t,
-        className: h(
-          "bg-neutral-strong-default h-full top-0 z-60 w-max overflow-y-auto",
-          f ? "absolute" : "fixed",
-          g({ isOpen: n, direction: s }),
-          !d && "p-4 pt-10",
-          u
-        ),
-        role: "dialog",
-        "aria-modal": i,
-        children: [
-          !d && /* @__PURE__ */ r.jsx(
-            de,
-            {
-              icon: /* @__PURE__ */ r.jsx(ge, { size: 24 }),
-              animate: !1,
-              type: "button",
-              size: "small",
-              variant: "text",
-              onClick: a,
-              label: "",
-              color: "secondary",
-              className: h(
-                "absolute top-0 z-50",
-                N({ direction: s })
-              ),
-              "aria-label": "Close drawer"
-            }
-          ),
-          typeof e == "function" ? e(x) : e
-        ]
-      }
-    )
-  ] });
-}, Z = 44, ye = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", Je = P((t, e) => {
-  const { children: s, defaultOpen: n = !1, onClose: a, snapPoints: i = ["60%"], setSnap: u, snap: f, attachToParent: p = !1 } = t, [d, x] = E(f || "0%"), [g, l] = E(null), N = b(a), w = b(u), S = b(g), I = b(/* @__PURE__ */ new Set());
-  N.current = a, S.current = g, y(() => {
-    n && H();
-  }, [n]), y(() => {
-    w.current = u;
-  }, [u]);
-  const T = v(() => {
-    x("0%"), N.current?.(S.current), setTimeout(() => l(null), 300);
-  }, []), H = v((C, z) => {
-    x(C || i[0] || "60%"), l(z ?? null);
-  }, [i]), L = oe(() => d !== "0%", [d]);
-  y(() => {
-    I.current.forEach((C) => {
-      try {
-        C(L);
-      } catch {
-      }
-    });
-  }, [L]), ne(e, () => ({
-    open: H,
-    close: T,
-    isOpen: L,
-    subscribeOpenChange: (C) => (I.current.add(C), () => {
-      I.current.delete(C);
-    }),
-    getContext: () => S.current
-  }), [H, T, L]);
-  const D = f || d;
-  return p ? /* @__PURE__ */ r.jsx(ee, { ...t, snap: D, setSnap: x, context: g, children: s }) : re(/* @__PURE__ */ r.jsx(ee, { ...t, snap: D, setSnap: x, context: g, children: s }), document.body);
-}), ee = ({ children: t, attachToParent: e = !1, className: s, snap: n, snapPoints: a = ["60%"], setSnap: i, hideOnClose: u = !1, unmountChildrenOnClose: f = !1, header: p, modal: d = !1, closeOnOverlayClick: x = !1, context: g }) => {
-  const l = b(null), N = b(null), w = b(null), S = b(null), I = b(null), T = v(() => {
-    if (!l.current) return [];
-    const o = e && l.current.parentElement?.offsetHeight || window.innerHeight;
-    return a?.map((c) => typeof c == "string" && c.endsWith("%") ? parseFloat(c) > 100 ? o : parseFloat(c) / 100 * o : typeof c == "string" && c.endsWith("px") ? parseFloat(c) : typeof c == "number" && c >= 0 && c <= 1 ? c * o : typeof c == "number" ? c : 0) || [];
-  }, [a, e]), H = v((o, c) => {
-    const m = T();
-    if (m.length === 0) return o;
-    if (Math.abs(c) > 0.05)
-      if (c > 0) {
-        const k = m.filter((j) => j < o);
-        return k.length > 0 ? Math.max(...k) : u ? 0 : Z;
-      } else {
-        const k = m.filter((j) => j > o);
-        if (k.length > 0)
-          return Math.min(...k);
-      }
-    return m.reduce((k, j) => Math.abs(j - o) < Math.abs(k - o) ? j : k);
-  }, [T]), L = v((o) => {
-    if (i && a) {
-      const c = e && l.current?.parentElement?.offsetHeight || window.innerHeight, m = o <= Z ? "0%" : `${Math.round(o / c * 100)}%`;
-      i(m);
-    }
-  }, [i, a, e]), D = v((o) => {
-    l.current && (l.current.style.transition = ye, l.current.style.height = `${o}px`);
-  }, [i, a, e]), O = v(() => {
-    if (I.current && e) {
-      const { scrollY: o } = I.current;
-      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, o), I.current = null;
-    }
-  }, [e]);
-  y(() => () => {
-    O();
-  }, [O]), y(() => {
-    if (!l.current || !n) return;
-    const o = e && l.current.parentElement?.offsetHeight || window.innerHeight;
-    let c = 0;
-    typeof n == "string" && n.endsWith("%") ? parseFloat(n) <= 0 ? c = u ? 0 : Z : c = parseFloat(n) / 100 * o : typeof n == "string" && n.endsWith("px") ? c = parseFloat(n) : typeof n == "number" && (n >= 0 && n <= 1 ? c = n * o : c = n), D(c);
-  }, [n, e]);
-  const C = v((o) => {
-    if (!l.current) return;
-    const c = o.touches[0], m = l.current.offsetHeight;
-    S.current = {
-      isDragging: !1,
-      startY: c.clientY,
-      startHeight: m,
-      lastY: c.clientY,
-      lastTime: Date.now(),
-      velocity: 0
-    };
-  }, []), z = v((o) => {
-    if (!l.current) return;
-    const c = o, m = l.current.offsetHeight;
-    S.current = {
-      isDragging: !1,
-      startY: c.clientY,
-      startHeight: m,
-      lastY: c.clientY,
-      lastTime: Date.now(),
-      velocity: 0
-    };
-  }, []), W = v((o) => {
-    if (!S.current || !l.current) return;
-    const c = o.touches[0], m = S.current, M = m.startY - c.clientY, k = m.isDragging || Math.abs(M) > 5;
-    if (!m.isDragging && k && (m.isDragging = !0, e)) {
-      const j = window.scrollY;
-      I.current = { scrollY: j }, document.body.style.position = "fixed", document.body.style.top = `-${j}px`, document.body.style.width = "100%";
-    }
-    if (k) {
-      o.preventDefault();
-      const j = Date.now(), q = j - m.lastTime;
-      if (q > 0) {
-        const _ = (c.clientY - m.lastY) / q;
-        m.velocity = m.velocity * 0.8 + _ * 0.2;
-      }
-      m.lastY = c.clientY, m.lastTime = j;
-      const G = m.startHeight + M, V = e && l.current.parentElement?.offsetHeight || window.innerHeight, U = Math.max(0, Math.min(G, V));
-      l.current.style.transition = "none", l.current.style.height = `${U}px`;
-    }
-  }, [e]), K = v((o) => {
-    if (!S.current || !l.current) return;
-    const c = o, m = S.current, M = m.startY - c.clientY, k = m.isDragging || Math.abs(M) > 5;
-    if (!m.isDragging && k && (m.isDragging = !0, e)) {
-      const j = window.scrollY;
-      I.current = { scrollY: j }, document.body.style.position = "fixed", document.body.style.top = `-${j}px`, document.body.style.width = "100%";
-    }
-    if (k) {
-      o.preventDefault();
-      const j = Date.now(), q = j - m.lastTime;
-      if (q > 0) {
-        const _ = (c.clientY - m.lastY) / q;
-        m.velocity = m.velocity * 0.8 + _ * 0.2;
-      }
-      m.lastY = c.clientY, m.lastTime = j;
-      const G = m.startHeight + M, V = e && l.current.parentElement?.offsetHeight || window.innerHeight, U = Math.max(0, Math.min(G, V));
-      l.current.style.transition = "none", l.current.style.height = `${U}px`;
-    }
-  }, [e]), B = v(() => {
-    if (!S.current || !l.current) return;
-    const o = S.current;
-    if (o.isDragging) {
-      O();
-      const c = l.current.offsetHeight, m = H(c, o.velocity);
-      L(m);
-    }
-    S.current = null;
-  }, [H, D, O]);
-  y(() => {
-    const o = w.current;
-    if (o)
-      return o.addEventListener("touchstart", C, { passive: !1 }), o.addEventListener("touchmove", W, { passive: !1 }), o.addEventListener("touchend", B), o.addEventListener("touchcancel", B), o.addEventListener("mousedown", z, { passive: !1 }), o.addEventListener("mousemove", K, { passive: !1 }), o.addEventListener("mouseup", B), o.addEventListener("mouseleave", B), () => {
-        o.removeEventListener("touchstart", C), o.removeEventListener("touchmove", W), o.removeEventListener("touchend", B), o.removeEventListener("touchcancel", B), o.removeEventListener("mousedown", z), o.removeEventListener("mousemove", K), o.removeEventListener("mouseup", B), o.removeEventListener("mouseleave", B);
-      };
-  }, [C, W, B]);
-  const A = oe(() => n !== "0%", [n]), [ue, Q] = E(() => f ? n !== "0%" : !0);
-  return y(() => {
-    f && A && Q(!0);
-  }, [A, f]), y(() => {
-    if (!f) return;
-    const o = l.current;
-    if (!o) return;
-    const c = (m) => {
-      m.propertyName === "height" && !A && n === "0%" && Q(!1);
-    };
-    return o.addEventListener("transitionend", c), () => {
-      o.removeEventListener("transitionend", c);
-    };
-  }, [A, n, f]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    d && /* @__PURE__ */ r.jsx(
-      "div",
-      {
-        className: h(A ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
-        onClick: (o) => {
-          o.preventDefault(), o.stopPropagation(), x && L(0);
-        },
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ r.jsxs(
-      "div",
-      {
-        ref: l,
-        className: h(
-          e ? "absolute" : "fixed",
-          "z-60 bottom-0 w-full overflow-hidden",
-          "bg-neutral-default-default",
-          "border-t border-neutral-strong-default rounded-t-[12px]",
-          A ? "" : "border-neutral-weak",
-          s,
-          "flex flex-col items-center",
-          "touch-none select-none"
-        ),
-        children: [
-          /* @__PURE__ */ r.jsx(
-            "div",
-            {
-              ref: w,
-              className: "w-full  absolute top-0 h-11 flex items-center justify-center cursor-grab active:cursor-grabbing z-50 bg-inherit!",
-              children: /* @__PURE__ */ r.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
-            }
-          ),
-          typeof p == "string" ? /* @__PURE__ */ r.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-11 bg-inherit absolute top-11 z-50 px-4", children: p }) : p,
-          /* @__PURE__ */ r.jsx(
-            "div",
-            {
-              ref: N,
-              className: h(
-                "w-full h-full overflow-y-auto px-4 pb-4 ",
-                p ? "mt-22" : "mt-11"
-              ),
-              style: {
-                overscrollBehavior: "contain",
-                overflow: A ? "auto" : "hidden"
-              },
-              children: (!f || ue) && (typeof t == "function" ? t(g) : t)
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}, we = (t, e) => {
-  se(
+import { default as Se } from "./Avatar.es.js";
+import { default as Ie } from "./Button.es.js";
+import { C as Be, a as Ae } from "./CardProfile-WHoeSibd.js";
+import { default as Te } from "./CheckBox.es.js";
+import { default as qe, useDialogControl as De } from "./DialogModal.es.js";
+import { default as ze, useDrawerDesktop as Fe } from "./DrawerDesktop.es.js";
+import { default as He, useDrawerMobile as Ue } from "./DrawerMobile.es.js";
+import { default as Me } from "./Header.es.js";
+import { I as Ve } from "./Input-Cf8P1QJv.js";
+import { default as _e } from "./InputMultiple.es.js";
+import { default as Ze } from "./Logo.es.js";
+import { default as Ke } from "./Menu.es.js";
+import { default as Ye } from "./Pagination.es.js";
+import { default as tt } from "./ProfilePictureUpload.es.js";
+import { default as rt } from "./ProgressBar.es.js";
+import { S as nt } from "./Select-DeKi15Iu.js";
+import { default as st } from "./Spinner.es.js";
+import { default as ct } from "./Steps.es.js";
+import { default as dt } from "./SwipeContainer.es.js";
+import { default as pt } from "./Switch.es.js";
+import { D as xt } from "./DatePicker-CbXUUnv7.js";
+import { RecurrentDatePicker as yt } from "./RecurrentDatePicker.es.js";
+import { RecurrentDatePickerRRule as gt } from "./RecurrentDatePickerRRule.es.js";
+import { Table as wt, TableBody as Ct, TableCaption as jt, TableCell as Nt, TableFooter as St, TableHead as kt, TableHeader as It, TableRow as Rt } from "./Table.es.js";
+import { default as At } from "./TabLinks.es.js";
+import { default as Tt } from "./TextArea.es.js";
+import { default as qt } from "./Tooltip.es.js";
+import { default as Et } from "./Skeleton.es.js";
+import { default as Ft } from "./SegmentedButton.es.js";
+import { u as k } from "./LayoutGeneric-CbaoatQB.js";
+import { L as Ht, S as Ut } from "./LayoutGeneric-CbaoatQB.js";
+import { I as Mt } from "./ImageGallery-WKzUevOQ.js";
+import { default as Vt } from "./Image.es.js";
+import { default as _t, toastpyrion as Xt } from "./Toast.es.js";
+import { default as Jt } from "./ToastProvider.es.js";
+import { default as Qt } from "./SelectSearch.es.js";
+import { default as ea } from "./FAButton.es.js";
+import { default as aa } from "./RadioButton.es.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { c as u } from "./cn-B6yFEsav.js";
+import T, { useRef as h, useState as g, useLayoutEffect as P, createContext as q, useContext as D, forwardRef as N, useEffect as v, useCallback as E } from "react";
+import { useGSAP as I } from "@gsap/react";
+import x from "gsap";
+import { CloseNavBarDesktop as w } from "./Icons.es.js";
+import { AccountCircle as oa, Add as na, ArrowLeft as ia, ArrowUpDown as sa, AttachFile as la, Boards as ca, Calendar as ua, Cancel as da, Check as fa, CheckCircle as pa, CheckList as ma, ChevronDown as xa, Clock as ba, Close as ya, Collapse as ha, Company as ga, Copy as va, CrevronLeft as wa, CrevronRight as Ca, DocumentFill as ja, Download as Na, Edit as Sa, EditFill as ka, Email as Ia, Error as Ra, EyeVisibility as Ba, EyeVisibilityOff as Aa, FaLock as La, FastForward as Ta, File as Pa, Filter as qa, FormatColorText as Da, Help as Ea, HistoryActivity as za, Home as Fa, Icons as Oa, Info as Ha, Logout as Ua, MessageSquare as Wa, MessageSquareFill as Ma, MoreVert as $a, Notifications as Va, Pause as Ga, Reload as _a, Search as Xa, Settings as Za, Shared as Ja, Sort as Ka, Stars as Qa, Ticket as Ya, TicketFilled as er, Trash as tr, TrashFill as ar, Upload as rr, UploadCloud as or, UserAdd as nr, UserAddFill as ir, UserPerson as sr, WhatsApp as lr } from "./Icons.es.js";
+import { motion as b, AnimatePresence as R } from "framer-motion";
+import { default as ur } from "./OtpInput.es.js";
+import { useDropzone as z } from "react-dropzone";
+import { useIsMobile as fr } from "./useDevice.es.js";
+import { default as mr } from "./DropZone.es.js";
+const F = (t, e) => {
+  I(
     () => {
       if (!t.current) return;
-      const s = t.current, n = document.querySelector('[data-main-content="true"]');
+      const r = t.current, n = document.querySelector('[data-main-content="true"]');
       if (e) {
-        R.fromTo(
-          s,
+        x.fromTo(
+          r,
           {
             width: "0rem",
             opacity: 0
@@ -442,14 +66,14 @@ const ve = ({
             duration: 0.4,
             ease: "power2.out"
           }
-        ), n && R.to(n, {
-          marginLeft: s.offsetWidth + "px",
+        ), n && x.to(n, {
+          marginLeft: r.offsetWidth + "px",
           duration: 0.4,
           ease: "power2.out"
         });
-        const a = s.querySelectorAll(".secondary-bar-content > *");
-        a.length > 0 && R.fromTo(
-          a,
+        const o = r.querySelectorAll(".secondary-bar-content > *");
+        o.length > 0 && x.fromTo(
+          o,
           {
             y: 20,
             opacity: 0
@@ -464,12 +88,12 @@ const ve = ({
           }
         );
       } else
-        R.to(s, {
+        x.to(r, {
           width: "0rem",
           opacity: 0,
           duration: 0.3,
           ease: "power2.in"
-        }), n && R.to(n, {
+        }), n && x.to(n, {
           marginLeft: "0px",
           duration: 0.3,
           ease: "power2.in"
@@ -477,104 +101,104 @@ const ve = ({
     },
     { scope: t, dependencies: [e] }
   );
-}, te = ({
+}, S = ({
   children: t,
   isOpen: e = !1,
-  className: s = "",
+  className: r = "",
   width: n = "w-96",
-  action: a,
-  primarySidebarCollapsed: i,
-  onClose: u
+  action: o,
+  primarySidebarCollapsed: s,
+  onClose: l
 }) => {
-  const f = b(null), [p, d] = E({ left: 0, width: 0 }), { primarySidebarRef: x, tabBarRef: g } = ae();
-  return me(() => {
-    if (x?.current && g?.current) {
-      const l = x.current.getBoundingClientRect();
-      d({
-        left: l.width + g.current.offsetWidth,
-        width: l.width
+  const c = h(null), [d, i] = g({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: p } = k();
+  return P(() => {
+    if (f?.current && p?.current) {
+      const m = f.current.getBoundingClientRect();
+      i({
+        left: m.width + p.current.offsetWidth,
+        width: m.width
       });
     }
-  }, [x, e, i, g]), we(f, e), /* @__PURE__ */ r.jsx(r.Fragment, { children: e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(
+  }, [f, e, s, p]), F(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",
         style: {
-          left: p.left
+          left: d.left
         },
-        onClick: u
+        onClick: l
       }
     ),
-    /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ a.jsx(
       "div",
       {
-        ref: f,
-        className: h(
+        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",
           n,
-          s
+          r
         ),
         style: {
-          left: p.left
+          left: d.left
         },
-        "data-action": a,
-        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 })
       }
     )
   ] }) });
-}, je = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: h("h-16 ", e), children: t }), Ne = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: h("flex-1 overflow-y-auto p-4", e), children: t }), Ce = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: h("p-4 border-t border-neutral-strong-default", e), children: t }), Se = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: h("flex-1", t) }), Ke = Object.assign(te, {
-  Root: te,
-  Header: je,
-  Content: Ne,
-  Footer: Ce,
-  Spacer: Se
-}), le = pe(
+}, O = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("h-16 ", e), children: t }), H = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1 overflow-y-auto p-4", e), children: t }), U = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("p-4 border-t border-neutral-strong-default", e), children: t }), W = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1", t) }), de = Object.assign(S, {
+  Root: S,
+  Header: O,
+  Content: H,
+  Footer: U,
+  Spacer: W
+}), B = q(
   void 0
-), Qe = () => {
-  const t = xe(le);
+), fe = () => {
+  const t = D(B);
   if (!t)
     throw new Error("useSidebar must be used within a Sidebar.Root");
   return t;
-}, ke = ({
+}, M = ({
   children: t
 }) => {
-  const [e, s] = E(!1), [n, a] = E(!1), i = b(null), u = () => {
-    s(!1), a(!1);
-  }, f = () => {
-    s(!0), a(!1);
-  }, l = {
+  const [e, r] = g(!1), [n, o] = g(!1), s = h(null), l = () => {
+    r(!1), o(!1);
+  }, c = () => {
+    r(!0), o(!1);
+  }, m = {
     isCollapsed: e,
-    setIsCollapsed: s,
-    navbarRef: i,
+    setIsCollapsed: r,
+    navbarRef: s,
     toggleCollapse: () => {
-      e ? u() : f();
+      e ? l() : c();
     },
     activeSecondaryBar: n ? "notifications" : null,
     openSecondaryBar: () => {
-      a(!0);
+      o(!0);
     },
     closeSecondaryBar: () => {
-      a(!1);
+      o(!1);
     },
     toggleSecondaryBar: () => {
-      a((N) => !N);
+      o((y) => !y);
     }
   };
-  return /* @__PURE__ */ r.jsx(le.Provider, { value: l, children: t });
-}, F = (t, e, s, n) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, s, n) : t, Ie = (t, e, s) => {
-  se(
+  return /* @__PURE__ */ a.jsx(B.Provider, { value: m, children: t });
+}, C = (t, e, r, n) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, r, n) : t, $ = (t, e, r) => {
+  I(
     () => {
       if (!t.current) return;
-      const n = R.timeline({
+      const n = x.timeline({
         defaults: { duration: 0.7, ease: "power1.out" }
-      }), a = {
+      }), o = {
         navbar: t.current,
-        navLabels: R.utils.toArray(".nav-label"),
-        navIconWrappers: R.utils.toArray(".nav-icon-wrapper"),
-        navIcons: R.utils.toArray(".nav-icon"),
-        navLinkItems: R.utils.toArray(".nav-link-item"),
+        navLabels: x.utils.toArray(".nav-label"),
+        navIconWrappers: x.utils.toArray(".nav-icon-wrapper"),
+        navIcons: x.utils.toArray(".nav-icon"),
+        navLinkItems: x.utils.toArray(".nav-link-item"),
         logoutButton: document.querySelector(".logout-button"),
         logoutLabel: document.querySelector(".logout-label"),
         logoutIcon: document.querySelector(".logout-icon"),
@@ -602,14 +226,14 @@ const ve = ({
         ),
         // Secondary bar elements
         secondaryBar: document.querySelector(".secondary-bar"),
-        secondaryBarContent: R.utils.toArray(".secondary-bar *"),
-        badgeInLink: R.utils.toArray(".badge-in-link")
+        secondaryBarContent: x.utils.toArray(".secondary-bar *"),
+        badgeInLink: x.utils.toArray(".badge-in-link")
       };
-      e ? Re(n, a) : Le(n, a), a.secondaryBar && De(a.secondaryBar);
+      e ? V(n, o) : G(n, o), o.secondaryBar && _(o.secondaryBar);
     },
-    { scope: t, dependencies: [e, s] }
+    { scope: t, dependencies: [e, r] }
   );
-}, Re = (t, e) => {
+}, V = (t, e) => {
   t.to(e.navbar, {
     width: "5rem",
     duration: 0.2,
@@ -668,7 +292,7 @@ const ve = ({
       marginLeft: 0
     },
     0
-  ).to(e.navIcons, { scale: 0.95, ease: "elastic.out(1, 0.3)" }, 0), F(
+  ).to(e.navIcons, { scale: 0.95, ease: "elastic.out(1, 0.3)" }, 0), C(
     t,
     e.buttonCrevron,
     {
@@ -681,7 +305,7 @@ const ve = ({
       }
     },
     0
-  ), F(
+  ), C(
     t,
     e.buttonContentChevron,
     {
@@ -748,7 +372,7 @@ const ve = ({
     },
     -1
   );
-}, Le = (t, e) => {
+}, G = (t, e) => {
   t.to(e.navbar, { width: "20rem" }, -1).to(
     e.navLinkItems,
     {
@@ -758,7 +382,7 @@ const ve = ({
       justifyContent: "flex-start"
     },
     -1
-  ), F(
+  ), C(
     t,
     e.buttonCrevron,
     {
@@ -771,7 +395,7 @@ const ve = ({
       }
     },
     0
-  ), F(
+  ), C(
     t,
     e.buttonContentChevron,
     {
@@ -876,93 +500,93 @@ const ve = ({
     },
     0
   ).to(e.navIcons, { scale: 1 }, 0.3);
-}, De = (t, e) => {
-  R.to(t, {
+}, _ = (t, e) => {
+  x.to(t, {
     x: "-100%",
     opacity: 0,
     duration: 0.3,
     ease: "power2.in"
   });
-}, Ee = P((t, e) => {
-  const [s, n] = E(t?.currentTabName || t.tabs[0].name), a = b(null), { tabs: i = [], className: u, activeColor: f = "var(--neutral-900)" } = t;
-  y(() => {
-    a.current?.style.setProperty("--tab-bg", f);
-  }, [f]);
-  const p = i.find((d) => d.name === (t?.currentTabName || s));
-  return /* @__PURE__ */ r.jsx(
+}, X = N((t, e) => {
+  const [r, n] = g(t?.currentTabName || t.tabs[0].name), o = h(null), { tabs: s = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
+  v(() => {
+    o.current?.style.setProperty("--tab-bg", c);
+  }, [c]);
+  const d = s.find((i) => i.name === (t?.currentTabName || r));
+  return /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: e,
-      className: h(
+      className: u(
         "flex flex-col gap-2",
         "bg-neutral-strong-default",
         "h-full w-14 max-w-14 pl-[6px] py-6",
         " border-r border-neutral-default-default",
-        u
+        l
       ),
-      children: i.map(
-        (d) => {
-          const x = d.name === p?.name, g = typeof d.thumbnail == "string" ? /* @__PURE__ */ r.jsx("img", { src: d.thumbnail, alt: d.description, className: "aspect-square object-contain" }) : d.thumbnail, l = () => {
-            d.disabled || (n(d.name), d.onClick && d.onClick(d.name));
+      children: s.map(
+        (i) => {
+          const f = i.name === d?.name, p = typeof i.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: i.thumbnail, alt: i.description, className: "aspect-square object-contain" }) : i.thumbnail, m = () => {
+            i.disabled || (n(i.name), i.onClick && i.onClick(i.name));
           };
-          return /* @__PURE__ */ r.jsx(
+          return /* @__PURE__ */ a.jsx(
             "div",
             {
-              className: h(
+              className: u(
                 "bg-[(--tab-bg)]",
                 "h-12 w-[50px] z-20",
                 "flex items-center pl-[6px] ",
                 "rounded-l-[8px]",
                 "tabswitch-element relative",
-                x && "active"
+                f && "active"
               ),
-              onClick: l,
-              ref: a,
-              children: /* @__PURE__ */ r.jsx("div", { className: h(
+              onClick: m,
+              ref: o,
+              children: /* @__PURE__ */ a.jsx("div", { className: u(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
-                d?.className
-              ), children: g })
+                i?.className
+              ), children: p })
             },
-            d.name
+            i.name
           );
         }
       )
     }
   );
-}), He = P(
-  ({ children: t, isCollapsed: e = !1, className: s = "", tabs: n = [], currentTabName: a }, i) => {
-    const u = b(null), f = b(null), { registerPrimarySidebar: p, registerTabBar: d } = ae(), x = v((g) => {
-      u.current = g, typeof i == "function" ? i(g) : i && (i.current = g);
-    }, [i]);
-    return y(() => {
-      u.current && p(u);
-    }, [p]), y(() => {
-      f.current && d(f);
-    }, [d]), Ie(u, e, !1), /* @__PURE__ */ r.jsxs(
+}), Z = N(
+  ({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, s) => {
+    const l = h(null), c = h(null), { registerPrimarySidebar: d, registerTabBar: i } = k(), f = E((p) => {
+      l.current = p, typeof s == "function" ? s(p) : s && (s.current = p);
+    }, [s]);
+    return v(() => {
+      l.current && d(l);
+    }, [d]), v(() => {
+      c.current && i(c);
+    }, [i]), $(l, e, !1), /* @__PURE__ */ a.jsxs(
       "div",
       {
-        className: h(
+        className: u(
           "flex"
         ),
         children: [
-          n.length > 0 && /* @__PURE__ */ r.jsx(
-            Ee,
+          n.length > 0 && /* @__PURE__ */ a.jsx(
+            X,
             {
               tabs: n,
-              ref: f,
+              ref: c,
               activeColor: "var(--neutral-900)",
-              currentTabName: a
+              currentTabName: o
             }
           ),
-          /* @__PURE__ */ r.jsx(
+          /* @__PURE__ */ a.jsx(
             "div",
             {
-              ref: x,
+              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"} ${s}`,
+          ${e ? "w-16" : "w-64"} ${r}`,
               children: t
             }
           )
@@ -970,11 +594,11 @@ const ve = ({
       }
     );
   }
-), J = P(
-  (t, e) => /* @__PURE__ */ r.jsx(ke, { children: /* @__PURE__ */ r.jsx(He, { ...t, ref: e }) })
+), j = N(
+  (t, e) => /* @__PURE__ */ a.jsx(M, { children: /* @__PURE__ */ a.jsx(Z, { ...t, ref: e }) })
 );
-J.displayName = "SidebarRoot";
-const Be = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("div", { className: h("flex  mt-5 mb-4 justify-end mr-5 container-icon-collapsade", t && ""), children: /* @__PURE__ */ r.jsx(
+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(
   "button",
   {
     type: "button",
@@ -982,10 +606,10 @@ const Be = ({ 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($, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ r.jsx($, { size: 24, className: "rotate-0 transition-transform duration-300" })
+    children: t ? /* @__PURE__ */ a.jsx(w, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(w, { size: 24, className: "rotate-0 transition-transform duration-300" })
   }
-) }), Te = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: `${e} sidebar-header`, children: t }), Oe = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: h("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" }) }), Ye = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), ze = ({ className: t, size: e = "auto" }) => {
-  const s = () => {
+) }), 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";
@@ -997,104 +621,104 @@ const Be = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
         return "h-8 w-8";
     }
   };
-  return /* @__PURE__ */ r.jsx("div", { className: h(s(), t) });
-}, Ae = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), et = Object.assign(J, {
-  Root: J,
-  CollapseButton: Be,
-  Header: Te,
-  Divider: Oe,
-  Content: Ye,
-  Spacer: ze,
-  Footer: Ae
-}), tt = ({
+  return /* @__PURE__ */ a.jsx("div", { className: u(r(), t) });
+}, te = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: e, children: t }), pe = Object.assign(j, {
+  Root: j,
+  CollapseButton: J,
+  Header: K,
+  Divider: Q,
+  Content: Y,
+  Spacer: ee,
+  Footer: te
+}), me = ({
   children: t,
   icon: e,
-  label: s,
+  label: r,
   href: n,
-  onClick: a,
-  isActive: i = !1,
-  className: u
+  onClick: o,
+  isActive: s = !1,
+  className: l
 }) => {
-  const f = n ? "a" : "button";
-  return /* @__PURE__ */ r.jsxs(
-    f,
+  const c = n ? "a" : "button";
+  return /* @__PURE__ */ a.jsxs(
+    c,
     {
       href: n,
-      onClick: a,
-      className: h(
+      onClick: o,
+      className: u(
         "nav-link-item",
         "flex items-center w-full px-3 py-2 text-left",
         "hover:bg-neutral-medium-default transition-colors rounded-lg",
         "focus:outline-none focus:ring-2 focus:ring-primary-default-default",
-        i && "bg-neutral-medium-default",
-        u
+        s && "bg-neutral-medium-default",
+        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 }) }),
-        s && /* @__PURE__ */ r.jsx("span", { className: "nav-label text-sm text-neutral-strong-default", children: s }),
+        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
       ]
     }
   );
-}, ce = ({
+}, A = ({
   count: t,
   maxCount: e = 9,
-  className: s = "",
+  className: r = "",
   size: n = "medium",
-  variant: a = "primary",
-  showZero: i = !1
+  variant: o = "primary",
+  showZero: s = !1
 }) => {
-  const u = t, f = u > e ? `+${e}` : u;
-  if (u === 0 && !i) return null;
-  const p = {
+  const l = t, c = l > e ? `+${e}` : l;
+  if (l === 0 && !s) return null;
+  const d = {
     small: "w-4.5 h-4.5 text-xs ",
     medium: "w-5 h-5 text-xs",
     large: "w-6 h-6 text-sm"
-  }, d = {
+  }, i = {
     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__ */ r.jsx("div", { className: h(
+  return /* @__PURE__ */ a.jsx("div", { className: u(
     "rounded-full flex items-center justify-center font-medium ",
-    p[n],
-    d[a],
-    s
-  ), children: /* @__PURE__ */ r.jsx("span", { children: f }) });
-}, rt = ({
+    d[n],
+    i[o],
+    r
+  ), children: /* @__PURE__ */ a.jsx("span", { children: c }) });
+}, xe = ({
   linkActions: t,
   onClick: e,
-  activeAction: s
-}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, a) => {
-  const { isView: i = !1, actionName: u, title: f, icon: p, count: d, viewAccess: x } = n || {}, g = (typeof i == "function" ? i() : i !== !1) && (!x || x()), l = s === u;
-  return g && /* @__PURE__ */ r.jsx(
-    Y.div,
+  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 || {}, p = (typeof s == "function" ? s() : s !== !1) && (!f || f()), m = r === l;
+  return p && /* @__PURE__ */ a.jsx(
+    b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: {
         duration: 0.4,
-        delay: a * 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: () => {
-            e?.(u);
+            e?.(l);
           },
-          className: h(
+          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",
-            l ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
+            m ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ r.jsx(ie, { mode: "wait", children: l && /* @__PURE__ */ r.jsx(
-              Y.div,
+            /* @__PURE__ */ a.jsx(R, { mode: "wait", children: m && /* @__PURE__ */ a.jsx(
+              b.div,
               {
                 layoutId: "nav-active-bg",
                 className: "absolute inset-0 bg-neutral-medium-selected rounded-lg",
@@ -1108,8 +732,8 @@ const Be = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                 }
               }
             ) }),
-            /* @__PURE__ */ r.jsxs(
-              Y.div,
+            /* @__PURE__ */ a.jsxs(
+              b.div,
               {
                 className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
                 animate: {
@@ -1120,30 +744,30 @@ const Be = ({ 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(
-                      Y.div,
+                  /* @__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: l ? 1.05 : 1
+                          scale: m ? 1.05 : 1
                         },
                         transition: {
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof p == "function" ? p({
+                        children: typeof d == "function" ? d({
                           size: 24,
-                          className: h(
+                          className: u(
                             "nav-icon transition-colors duration-250 ease-out",
-                            l ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
+                            m ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
                           )
                         }) : null
                       }
                     ),
-                    /* @__PURE__ */ r.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: f })
+                    /* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: c })
                   ] }),
-                  /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: d && d >= 1 ? /* @__PURE__ */ r.jsx(ce, { count: d, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: i && i >= 1 ? /* @__PURE__ */ a.jsx(A, { count: i, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -1151,42 +775,42 @@ const Be = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
         }
       )
     },
-    a
+    o
   );
-}) }), nt = ({
+}) }), be = ({
   links: t,
   isLinkActive: e,
-  onLinkClick: s
-}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, a) => {
-  const { isView: i = !1, viewAccess: u, path: f, title: p, icon: d, count: x, relatedPaths: g } = n, l = (typeof i == "function" ? i() : i !== !1) && (!u || u()), N = e(f) || (g?.some(
-    (w) => e(w)
+  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: p } = n, m = (typeof s == "function" ? s() : s !== !1) && (!l || l()), y = e(c) || (p?.some(
+    (L) => e(L)
   ) ?? !1);
-  return l && /* @__PURE__ */ r.jsx(
-    Y.div,
+  return m && /* @__PURE__ */ a.jsx(
+    b.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: {
         duration: 0.4,
-        delay: a * 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: () => {
-            s?.(f);
+            r?.(c);
           },
-          className: h(
+          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",
-            N ? "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(ie, { mode: "wait", children: N && /* @__PURE__ */ r.jsx(
-              Y.div,
+            /* @__PURE__ */ a.jsx(R, { mode: "wait", children: y && /* @__PURE__ */ a.jsx(
+              b.div,
               {
                 layoutId: "nav-active-bg",
                 className: "absolute inset-0 bg-neutral-medium-selected rounded-lg",
@@ -1200,8 +824,8 @@ const Be = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
                 }
               }
             ) }),
-            /* @__PURE__ */ r.jsxs(
-              Y.div,
+            /* @__PURE__ */ a.jsxs(
+              b.div,
               {
                 className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
                 animate: {
@@ -1212,30 +836,30 @@ const Be = ({ 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(
-                      Y.div,
+                  /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ a.jsx(
+                      b.div,
                       {
                         className: "nav-icon-wrapper flex items-center justify-center shrink-0",
                         animate: {
-                          scale: N ? 1.05 : 1
+                          scale: y ? 1.05 : 1
                         },
                         transition: {
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof d == "function" ? d({
+                        children: typeof i == "function" ? i({
                           size: 24,
-                          className: h(
+                          className: u(
                             "nav-icon transition-colors duration-250 ease-out",
-                            N ? "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: p })
+                    /* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: d })
                   ] }),
-                  /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: x && x ? /* @__PURE__ */ r.jsx(ce, { count: x, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: f && f ? /* @__PURE__ */ a.jsx(A, { count: f, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -1243,99 +867,64 @@ const Be = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("d
         }
       )
     },
-    a
+    o
   );
-}) }), ot = ({
+}) }), ye = ({
   isActiveModalNotification: t,
   setIsActiveModalNotification: e
 }) => ({ handleNotificationClick: () => {
   e(!0);
-}, isActiveModalNotification: t }), at = (t) => {
-  const e = b(null);
+}, isActiveModalNotification: t }), he = (t) => {
+  const e = h(null);
   return {
     isCollapsed: t,
     navbarRef: e
   };
-}, st = ({
+}, 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($, { size: 34, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ r.jsx($, { size: 34, className: "rotate-0 transition-transform duration-300" })
+    children: t ? /* @__PURE__ */ a.jsx(w, { size: 34, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(w, { size: 34, className: "rotate-0 transition-transform duration-300" })
   }
-) }), it = ({ logoUrl: t, companyName: e }) => /* @__PURE__ */ r.jsx("div", { className: "w-full flex justify-center items-center p-2 h-20", children: /* @__PURE__ */ r.jsx(
+) }), ve = ({ logoUrl: t, companyName: e }) => /* @__PURE__ */ a.jsx("div", { className: "w-full flex justify-center items-center p-2 h-20", children: /* @__PURE__ */ a.jsx(
   "img",
   {
     src: t,
     className: "h-2/3 rounded-full",
     alt: e ?? ""
   }
-) }), lt = () => {
-  const t = b(null), e = v((i) => {
-    t.current?.open(i);
-  }, []), s = v(() => {
-    t.current?.close();
-  }, []), n = v(() => t.current?.isOpen ?? !1, []), a = v(() => t.current?.getContext() ?? null, []);
-  return {
-    isOpen: n,
-    open: e,
-    close: s,
-    drawerRef: t,
-    getContext: a
-  };
-}, ct = () => {
-  const t = b(null), [e, s] = E(!1), n = v((u, f) => {
-    t.current?.open(u, f);
-  }, []), a = v(() => {
-    t.current?.close();
-  }, []), i = v(() => t.current?.getContext() ?? null, []);
-  return y(() => {
-    const u = t.current?.subscribeOpenChange;
-    if (!u) return;
-    const f = u((p) => {
-      s(p);
-    });
-    return () => {
-      f && f();
-    };
-  }, [t.current?.subscribeOpenChange]), {
-    isOpen: e,
-    open: n,
-    close: a,
-    drawerRef: t,
-    getContext: i
-  };
-};
-function ut({
+) });
+function we({
   onFilesAccepted: t,
   onFilesRejected: e,
-  ...s
+  ...r
 }) {
-  const n = fe.useCallback(
-    (i, u) => {
-      i.length > 0 && t?.(i), u.length > 0 && e?.(u);
+  const n = T.useCallback(
+    (s, l) => {
+      s.length > 0 && t?.(s), l.length > 0 && e?.(l);
     },
     [t, e]
-  ), a = he({
+  ), o = z({
     onDrop: n,
-    ...s
+    ...r
   });
   return {
-    ...a,
-    hasErrors: a.fileRejections.length > 0
+    ...o,
+    hasErrors: o.fileRejections.length > 0
   };
 }
-const dt = (t, e = !0) => {
-  const s = b(null);
-  return y(() => {
+const Ce = (t, e = !0) => {
+  const r = h(null);
+  return v(() => {
     if (!e) return;
-    const n = (a) => {
-      s.current && !s.current.contains(a.target) && t();
+    const n = (o) => {
+      r.current && !r.current.contains(o.target) && t();
     };
     return document.addEventListener("mousedown", n, {
       capture: !0
@@ -1348,74 +937,135 @@ const dt = (t, e = !0) => {
         capture: !0
       });
     };
-  }, [t, e]), s;
+  }, [t, e]), r;
 };
 export {
-  pt as Avatar,
-  ce as Badge,
-  de as Button,
-  gt as CardProfile,
-  ht as ChangueAccount,
-  vt as CheckBox,
-  it as CompanyLogo,
-  Kt as DatePicker,
-  wt as DialogModal,
-  be as DrawerDesktop,
-  Je as DrawerMobile,
-  Pr as DropZone,
-  Br as FAButton,
-  kt as Header,
-  Ct as Icons,
-  Cr as Image,
-  jr as ImageGallery,
-  Rt as Input,
-  Dt as InputMultiple,
-  vr as LayoutGeneric,
-  Ht as Logo,
-  Tt as Menu,
-  rt as NavBarActions,
-  st as NavbarCollapseButton,
-  nt as NavbarLinks,
-  tt as NavigationLink,
-  zr as OtpInput,
-  Yt as Pagination,
-  At as ProfilePictureUpload,
-  qt as ProgressBar,
-  Or as RadioButton,
-  Ke as SecondaryBar,
-  hr as SegmentedButton,
-  $t as Select,
-  Er as SelectSearch,
-  et as Sidebar,
-  ke as SidebarProvider,
-  yr as SidebarRefProvider,
-  xr as Skeleton,
-  Wt as Spinner,
-  Vt as Steps,
-  _t as SwipeContainer,
-  Zt as Switch,
-  cr as TabLinks,
-  er as Table,
-  tr as TableBody,
-  rr as TableCaption,
-  nr as TableCell,
-  or as TableFooter,
-  ar as TableHead,
-  sr as TableHeader,
-  ir as TableRow,
-  dr as TextArea,
-  kr as Toast,
-  Lr as ToastProvider,
-  mr as Tooltip,
-  Ir as toastpyrion,
-  ot as useActionsNavbar,
-  dt as useClickOutside,
-  jt as useDialogControl,
-  lt as useDrawerDesktop,
-  ct as useDrawerMobile,
-  ut as useFileDropzone,
-  Mr as useIsMobile,
-  at as useNavbarCollapse,
-  Qe as useSidebar,
-  ae as useSidebarContext
+  oa as AccountCircle,
+  na as Add,
+  ia as ArrowLeft,
+  sa as ArrowUpDown,
+  la as AttachFile,
+  Se as Avatar,
+  A as Badge,
+  ca as Boards,
+  Ie as Button,
+  ua as Calendar,
+  da as Cancel,
+  Be as CardProfile,
+  Ae as ChangueAccount,
+  fa as Check,
+  Te as CheckBox,
+  pa as CheckCircle,
+  ma as CheckList,
+  xa as ChevronDown,
+  ba as Clock,
+  ya as Close,
+  w as CloseNavBarDesktop,
+  ha as Collapse,
+  ga as Company,
+  ve as CompanyLogo,
+  va as Copy,
+  wa as CrevronLeft,
+  Ca as CrevronRight,
+  xt as DatePicker,
+  qe as DialogModal,
+  ja as DocumentFill,
+  Na as Download,
+  ze as DrawerDesktop,
+  He as DrawerMobile,
+  mr as DropZone,
+  Sa as Edit,
+  ka as EditFill,
+  Ia as Email,
+  Ra as Error,
+  Ba as EyeVisibility,
+  Aa as EyeVisibilityOff,
+  ea as FAButton,
+  La as FaLock,
+  Ta as FastForward,
+  Pa as File,
+  qa as Filter,
+  Da as FormatColorText,
+  Me as Header,
+  Ea as Help,
+  za as HistoryActivity,
+  Fa as Home,
+  Oa as Icons,
+  Vt as Image,
+  Mt as ImageGallery,
+  Ha as Info,
+  Ve as Input,
+  _e as InputMultiple,
+  Ht as LayoutGeneric,
+  Ze as Logo,
+  Ua as Logout,
+  Ke as Menu,
+  Wa as MessageSquare,
+  Ma as MessageSquareFill,
+  $a as MoreVert,
+  xe as NavBarActions,
+  ge as NavbarCollapseButton,
+  be as NavbarLinks,
+  me as NavigationLink,
+  Va as Notifications,
+  ur as OtpInput,
+  Ye as Pagination,
+  Ga as Pause,
+  tt as ProfilePictureUpload,
+  rt as ProgressBar,
+  aa as RadioButton,
+  yt as RecurrentDatePicker,
+  gt as RecurrentDatePickerRRule,
+  _a as Reload,
+  Xa as Search,
+  de as SecondaryBar,
+  Ft as SegmentedButton,
+  nt as Select,
+  Qt as SelectSearch,
+  Za as Settings,
+  Ja as Shared,
+  pe as Sidebar,
+  M as SidebarProvider,
+  Ut as SidebarRefProvider,
+  Et as Skeleton,
+  Ka as Sort,
+  st as Spinner,
+  Qa as Stars,
+  ct as Steps,
+  dt as SwipeContainer,
+  pt as Switch,
+  At as TabLinks,
+  wt as Table,
+  Ct as TableBody,
+  jt as TableCaption,
+  Nt as TableCell,
+  St as TableFooter,
+  kt as TableHead,
+  It as TableHeader,
+  Rt as TableRow,
+  Tt as TextArea,
+  Ya as Ticket,
+  er as TicketFilled,
+  _t as Toast,
+  Jt as ToastProvider,
+  qt as Tooltip,
+  tr as Trash,
+  ar as TrashFill,
+  rr as Upload,
+  or as UploadCloud,
+  nr as UserAdd,
+  ir as UserAddFill,
+  sr as UserPerson,
+  lr as WhatsApp,
+  Xt as toastpyrion,
+  ye as useActionsNavbar,
+  Ce as useClickOutside,
+  De as useDialogControl,
+  Fe as useDrawerDesktop,
+  Ue as useDrawerMobile,
+  we as useFileDropzone,
+  fr as useIsMobile,
+  he as useNavbarCollapse,
+  fe as useSidebar,
+  k as useSidebarContext
 };