prometeo-design-system 2.8.8 → 2.8.9

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

@@ -0,0 +1,1002 @@
+import { default as Se } from "./Avatar.es.js";
+import { default as Ie } from "./Button.es.js";
+import { C as Re, a as Le } from "./CardProfile-CsytJlKZ.js";
+import { default as Ae } from "./CheckBox.es.js";
+import { default as qe, useDialogControl as ze } from "./DialogModal.es.js";
+import { default as Oe } from "./Header.es.js";
+import { I as He } from "./Input-Cck37DpG.js";
+import { default as $e } from "./InputMultiple.es.js";
+import { default as Me } from "./Logo.es.js";
+import { default as Ge } from "./Menu.es.js";
+import { default as _e } from "./Pagination.es.js";
+import { default as Ze } from "./ProfilePictureUpload.es.js";
+import { default as Ke } from "./ProgressBar.es.js";
+import { S as Ye } from "./Select-BD5FTxVw.js";
+import { default as tt } from "./Spinner.es.js";
+import { default as rt } from "./Steps.es.js";
+import { default as nt } from "./SwipeContainer.es.js";
+import { default as it } from "./Switch.es.js";
+import { default as ct } from "./DatePicker.es.js";
+import { Table as dt, TableBody as ft, TableCaption as mt, TableCell as pt, TableFooter as xt, TableHead as bt, TableHeader as yt, TableRow as gt } from "./Table.es.js";
+import { default as ht } from "./TabLinks.es.js";
+import { default as jt } from "./TextArea.es.js";
+import { default as Ct } from "./Tooltip.es.js";
+import { default as kt } from "./Skeleton.es.js";
+import { default as Bt } from "./SegmentedButton.es.js";
+import { u as k } from "./LayoutGeneric-CbaoatQB.js";
+import { L as Lt, S as Tt } from "./LayoutGeneric-CbaoatQB.js";
+import { I as Pt } from "./ImageGallery-Ckxg9OIC.js";
+import { default as zt } from "./Image.es.js";
+import { default as Ot, toastpyrion as Dt } from "./Toast.es.js";
+import { default as Wt } from "./ToastProvider.es.js";
+import { default as Ft } from "./SelectSearch.es.js";
+import { default as Ut } from "./FAButton.es.js";
+import { default as Vt } from "./RadioButton.es.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { c as u } from "./cn-B6yFEsav.js";
+import A, { useRef as g, useState as v, useLayoutEffect as P, createContext as q, useContext as z, forwardRef as C, useEffect as h, useCallback as E } from "react";
+import { useGSAP as I } from "@gsap/react";
+import x from "gsap";
+import { d as w } from "./Icons-DtFC5DJ7.js";
+import { e as Xt } from "./Icons-DtFC5DJ7.js";
+import { motion as b, AnimatePresence as B } from "framer-motion";
+import { default as Jt } from "./OtpInput.es.js";
+import { useDropzone as O } from "react-dropzone";
+import { useIsMobile as Qt } from "./useDevice.es.js";
+import { default as ea } from "./DropZone.es.js";
+const D = (t, e) => {
+  I(
+    () => {
+      if (!t.current) return;
+      const r = t.current, n = document.querySelector('[data-main-content="true"]');
+      if (e) {
+        x.fromTo(
+          r,
+          {
+            width: "0rem",
+            opacity: 0
+          },
+          {
+            width: "40rem",
+            opacity: 1,
+            duration: 0.4,
+            ease: "power2.out"
+          }
+        ), n && x.to(n, {
+          marginLeft: r.offsetWidth + "px",
+          duration: 0.4,
+          ease: "power2.out"
+        });
+        const o = r.querySelectorAll(".secondary-bar-content > *");
+        o.length > 0 && x.fromTo(
+          o,
+          {
+            y: 20,
+            opacity: 0
+          },
+          {
+            y: 0,
+            opacity: 1,
+            duration: 0.3,
+            stagger: 0.05,
+            delay: 0.1,
+            ease: "power1.out"
+          }
+        );
+      } else
+        x.to(r, {
+          width: "0rem",
+          opacity: 0,
+          duration: 0.3,
+          ease: "power2.in"
+        }), n && x.to(n, {
+          marginLeft: "0px",
+          duration: 0.3,
+          ease: "power2.in"
+        });
+    },
+    { scope: t, dependencies: [e] }
+  );
+}, S = ({
+  children: t,
+  isOpen: e = !1,
+  className: r = "",
+  width: n = "w-96",
+  action: o,
+  primarySidebarCollapsed: i,
+  onClose: l
+}) => {
+  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({
+        left: p.width + m.current.offsetWidth,
+        width: p.width
+      });
+    }
+  }, [f, e, i, m]), D(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: d.left
+        },
+        onClick: l
+      }
+    ),
+    /* @__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",
+          n,
+          r
+        ),
+        style: {
+          left: d.left
+        },
+        "data-action": o,
+        children: /* @__PURE__ */ a.jsx("div", { className: "secondary-bar-content", children: t })
+      }
+    )
+  ] }) });
+}, H = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("h-16 ", e), children: t }), W = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1 overflow-y-auto p-4", e), children: t }), $ = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: u("p-4 border-t border-neutral-strong-default", e), children: t }), F = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1", t) }), de = Object.assign(S, {
+  Root: S,
+  Header: H,
+  Content: W,
+  Footer: $,
+  Spacer: F
+}), R = q(
+  void 0
+), fe = () => {
+  const t = z(R);
+  if (!t)
+    throw new Error("useSidebar must be used within a Sidebar.Root");
+  return t;
+}, M = ({
+  children: t
+}) => {
+  const [e, r] = v(!1), [n, o] = v(!1), i = g(null), l = () => {
+    r(!1), o(!1);
+  }, c = () => {
+    r(!0), o(!1);
+  }, p = {
+    isCollapsed: e,
+    setIsCollapsed: r,
+    navbarRef: i,
+    toggleCollapse: () => {
+      e ? l() : c();
+    },
+    activeSecondaryBar: n ? "notifications" : null,
+    openSecondaryBar: () => {
+      o(!0);
+    },
+    closeSecondaryBar: () => {
+      o(!1);
+    },
+    toggleSecondaryBar: () => {
+      o((y) => !y);
+    }
+  };
+  return /* @__PURE__ */ a.jsx(R.Provider, { value: p, children: t });
+}, j = (t, e, r, n) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, r, n) : t, U = (t, e, r) => {
+  I(
+    () => {
+      if (!t.current) return;
+      const n = x.timeline({
+        defaults: { duration: 0.7, ease: "power1.out" }
+      }), o = {
+        navbar: t.current,
+        navLabels: x.utils.toArray(".nav-label"),
+        navIconWrappers: x.utils.toArray(".nav-icon-wrapper"),
+        navIcons: x.utils.toArray(".nav-icon"),
+        navLinkItems: x.utils.toArray(".nav-link-item"),
+        logoutButton: document.querySelector(".logout-button"),
+        logoutLabel: document.querySelector(".logout-label"),
+        logoutIcon: document.querySelector(".logout-icon"),
+        profileContainer: document.querySelector(".profile-container"),
+        profileName: document.querySelector(".profile-name"),
+        profileOptions: document.querySelector(".profile-options"),
+        profileImageWrapper: document.querySelector(".profile-image-wrapper"),
+        coverImageProfile: document.querySelector(".cover-image-profile"),
+        navContentWrapper: document.querySelector(
+          ".nav-content-wrapper-active"
+        ),
+        buttonCrevron: document.querySelector(".button-select-crevron"),
+        separatorProfile: document.querySelector(".border-separator-profile"),
+        buttonProfile: document.querySelector(".button-profile"),
+        profileUserInfo: document.querySelector(".profile-user-info"),
+        buttonContentChevron: document.querySelector(".button-content-chevron"),
+        logo: {
+          contenedor: document.querySelector(".container-logo"),
+          icon: document.querySelector(".icon-logo"),
+          text: document.querySelector(".text-logo")
+        },
+        sidebarHeader: document.querySelector(".sidebar-header"),
+        containerIconcollapsade: document.querySelector(
+          ".container-icon-collapsade"
+        ),
+        // Secondary bar elements
+        secondaryBar: document.querySelector(".secondary-bar"),
+        secondaryBarContent: x.utils.toArray(".secondary-bar *"),
+        badgeInLink: x.utils.toArray(".badge-in-link")
+      };
+      e ? G(n, o) : V(n, o), o.secondaryBar && _(o.secondaryBar);
+    },
+    { scope: t, dependencies: [e, r] }
+  );
+}, G = (t, e) => {
+  t.to(e.navbar, {
+    width: "5rem",
+    duration: 0.2,
+    ease: "bounce.out"
+  }).to(
+    e.logo.contenedor,
+    {
+      height: 48,
+      width: 48,
+      minWidth: 48,
+      ease: "bounce.out"
+    },
+    -1
+  ).to(
+    e.logo.text,
+    {
+      opacity: 0,
+      scale: 0.8,
+      duration: 0.5,
+      ease: "back.in(1.2)"
+    },
+    -1
+  ).set(e.logo.text, {
+    display: "none"
+  }).to(
+    e.sidebarHeader,
+    {
+      justifyContent: "center",
+      display: "flex"
+    },
+    -1
+  ).to(e.logo.icon, {
+    keyframes: {
+      "0%": { scale: 1 },
+      "33%": { scale: 1.5 },
+      "66%": { scale: 0.5 },
+      "100%": { scale: 1 }
+    },
+    duration: 0.6,
+    ease: "power1.inOut"
+  }).to(
+    e.navLinkItems,
+    {
+      justifyContent: "center",
+      alignItems: "center",
+      width: "3rem",
+      height: "3rem",
+      display: "flex"
+    },
+    -1
+  ).to(
+    e.navLabels,
+    {
+      opacity: 0,
+      width: 30,
+      marginLeft: 0
+    },
+    0
+  ).to(e.navIcons, { scale: 0.95, ease: "elastic.out(1, 0.3)" }, 0), j(
+    t,
+    e.buttonCrevron,
+    {
+      width: 0,
+      opacity: 0,
+      duration: 0.7,
+      ease: "power1.out",
+      onComplete: () => {
+        e.buttonCrevron.style.display = "none";
+      }
+    },
+    0
+  ), j(
+    t,
+    e.buttonContentChevron,
+    {
+      display: "none"
+    },
+    -1
+  ).to(
+    e.separatorProfile,
+    {
+      display: "none"
+    },
+    -1
+  ).to(
+    e.profileUserInfo,
+    {
+      display: "none"
+    },
+    -1
+  ).to(
+    e.navLinkItems,
+    {
+      borderRadius: "8px",
+      duration: 0.7,
+      ease: "power1.out"
+    },
+    0.8
+  ).to(
+    e.profileImageWrapper,
+    {
+      width: 52,
+      height: 52,
+      marginLeft: 0,
+      marginRight: 0
+    },
+    -1
+  ).to(
+    e.buttonProfile,
+    {
+      height: 44,
+      width: 58,
+      margin: 0,
+      padding: 0,
+      borderRadius: "60px",
+      duration: 0.3,
+      ease: "power2.out",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    -1
+  ).to(
+    e.containerIconcollapsade,
+    {
+      justifyContent: "center",
+      marginRight: 0
+    },
+    "=-1"
+  ).to(
+    e.badgeInLink,
+    {
+      position: "absolute",
+      right: 1,
+      top: -7
+    },
+    -1
+  );
+}, V = (t, e) => {
+  t.to(e.navbar, { width: "20rem" }, -1).to(
+    e.navLinkItems,
+    {
+      borderRadius: "10px",
+      duration: 0.3,
+      width: "100%",
+      justifyContent: "flex-start"
+    },
+    -1
+  ), j(
+    t,
+    e.buttonCrevron,
+    {
+      width: "auto",
+      opacity: 1,
+      duration: 0,
+      ease: "power1.out",
+      onComplete: () => {
+        e.buttonCrevron.style.display = "flex";
+      }
+    },
+    0
+  ), j(
+    t,
+    e.buttonContentChevron,
+    {
+      display: "flex"
+    },
+    0
+  ).to(
+    e.logo.contenedor,
+    {
+      width: 185,
+      height: 48,
+      minWidth: 185
+    },
+    -1
+  ).set(
+    e.logo.text,
+    {
+      display: "flex"
+    },
+    -1
+  ).to(e.logo.text, {
+    opacity: 1,
+    duration: 0,
+    ease: "back.in(1)"
+  }).to(e.logo.icon, {
+    keyframes: {
+      "0%": { scale: 1 },
+      "33%": { scale: 1.5 },
+      "66%": { scale: 0.5 },
+      "100%": { scale: 1 }
+    },
+    duration: 0.3,
+    ease: "power1.inOut"
+  }).to(
+    e.sidebarHeader,
+    {
+      justifyContent: "start",
+      display: "flex"
+    },
+    -1
+  ).to(
+    e.profileImageWrapper,
+    {
+      marginRight: 0,
+      duration: 0.2,
+      ease: "bounce.out"
+    },
+    -1
+  ).to(
+    e.containerIconcollapsade,
+    {
+      justifyContent: "end",
+      marginRight: 20
+    },
+    -1
+  ).to(
+    e.separatorProfile,
+    {
+      display: "flex"
+    },
+    0
+  ).to(
+    e.badgeInLink,
+    {
+      position: "static",
+      right: "auto",
+      top: "auto",
+      display: "flex",
+      justifyContent: "end",
+      alignItems: "center"
+    },
+    -1
+  ).to(
+    e.buttonProfile,
+    {
+      borderTopLeftRadius: "0.375rem",
+      borderBottomLeftRadius: "0.375rem",
+      borderTopRightRadius: "0",
+      borderBottomRightRadius: "0",
+      duration: 0
+    },
+    -1
+  ).to(
+    e.separatorProfile,
+    {
+      display: "flex"
+    },
+    0
+  ).to(
+    e.navLabels,
+    {
+      opacity: 1,
+      width: "auto",
+      scaleX: 1
+    },
+    0
+  ).to(
+    e.profileUserInfo,
+    {
+      display: "flex",
+      ease: "fade.in"
+    },
+    0
+  ).to(e.navIcons, { scale: 1 }, 0.3);
+}, _ = (t, e) => {
+  x.to(t, {
+    x: "-100%",
+    opacity: 0,
+    duration: 0.3,
+    ease: "power2.in"
+  });
+}, 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 || r));
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ref: e,
+      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",
+        l
+      ),
+      children: i.map(
+        (s) => {
+          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__ */ a.jsx(
+            "div",
+            {
+              className: u(
+                "bg-[(--tab-bg)]",
+                "h-12 w-[50px] z-20",
+                "flex items-center pl-[6px] ",
+                "rounded-l-[8px]",
+                "tabswitch-element relative",
+                f && "active"
+              ),
+              onClick: p,
+              ref: o,
+              children: /* @__PURE__ */ a.jsx("div", { className: u(
+                "size-8 rounded-[4px]",
+                "grid place-items-center",
+                "tab-thumbnail-icon",
+                "bg-transparent text-neutral-default-default",
+                s?.className
+              ), children: m })
+            },
+            s.name
+          );
+        }
+      )
+    }
+  );
+}), Z = C(
+  ({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, i) => {
+    const l = g(null), c = g(null), { registerPrimarySidebar: d, registerTabBar: s } = k(), f = E((m) => {
+      l.current = m, typeof i == "function" ? i(m) : i && (i.current = m);
+    }, [i]);
+    return h(() => {
+      l.current && d(l);
+    }, [d]), h(() => {
+      c.current && s(c);
+    }, [s]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
+      "div",
+      {
+        className: u(
+          "flex"
+        ),
+        children: [
+          n.length > 0 && /* @__PURE__ */ a.jsx(
+            X,
+            {
+              tabs: n,
+              ref: c,
+              activeColor: "var(--neutral-900)",
+              currentTabName: o
+            }
+          ),
+          /* @__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"} ${r}`,
+              children: t
+            }
+          )
+        ]
+      }
+    );
+  }
+), N = C(
+  (t, e) => /* @__PURE__ */ a.jsx(M, { children: /* @__PURE__ */ a.jsx(Z, { ...t, ref: e }) })
+);
+N.displayName = "SidebarRoot";
+const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("div", { className: u("flex  mt-5 mb-4 justify-end mr-5 container-icon-collapsade", t && ""), children: /* @__PURE__ */ a.jsx(
+  "button",
+  {
+    type: "button",
+    onClick: e,
+    title: t ? "Expandir Navbar" : "Contraer Navbar",
+    "aria-label": t ? "Expandir Navbar" : "Contraer Navbar",
+    className: "cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300",
+    children: t ? /* @__PURE__ */ a.jsx(w, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ a.jsx(w, { size: 24, className: "rotate-0 transition-transform duration-300" })
+  }
+) }), K = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: `${e} sidebar-header`, children: t }), Q = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("px-3 flex justify-center items-center w-full mb-4", t), children: /* @__PURE__ */ a.jsx("div", { className: "border-b border-neutral-strong-default border w-full" }) }), Y = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: e, children: t }), ee = ({ className: t, size: e = "auto" }) => {
+  const r = () => {
+    switch (e) {
+      case "auto":
+        return "flex-grow";
+      case "small":
+        return "h-2 w-2";
+      case "medium":
+        return "h-4 w-4";
+      case "large":
+        return "h-8 w-8";
+    }
+  };
+  return /* @__PURE__ */ a.jsx("div", { className: u(r(), t) });
+}, te = ({ children: t, className: e }) => /* @__PURE__ */ a.jsx("div", { className: e, children: t }), me = Object.assign(N, {
+  Root: N,
+  CollapseButton: J,
+  Header: K,
+  Divider: Q,
+  Content: Y,
+  Spacer: ee,
+  Footer: te
+}), pe = ({
+  children: t,
+  icon: e,
+  label: r,
+  href: n,
+  onClick: o,
+  isActive: i = !1,
+  className: l
+}) => {
+  const c = n ? "a" : "button";
+  return /* @__PURE__ */ a.jsxs(
+    c,
+    {
+      href: n,
+      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",
+        l
+      ),
+      children: [
+        e && /* @__PURE__ */ a.jsx("div", { className: "nav-icon-wrapper mr-3 flex-shrink-0", children: /* @__PURE__ */ a.jsx("div", { className: "nav-icon flex items-center justify-center w-5 h-5", children: e }) }),
+        r && /* @__PURE__ */ a.jsx("span", { className: "nav-label text-sm text-neutral-strong-default", children: r }),
+        t
+      ]
+    }
+  );
+}, L = ({
+  count: t,
+  maxCount: e = 9,
+  className: r = "",
+  size: n = "medium",
+  variant: o = "primary",
+  showZero: i = !1
+}) => {
+  const l = t, c = l > e ? `+${e}` : l;
+  if (l === 0 && !i) 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"
+  }, s = {
+    primary: "bg-primary-default-default text-neutral-strong-default",
+    secondary: "bg-neutral-medium-default text-neutral-strong-default",
+    success: "bg-green-500 text-white",
+    warning: "bg-yellow-500 text-black",
+    danger: "bg-red-500 text-white"
+  };
+  return /* @__PURE__ */ a.jsx("div", { className: u(
+    "rounded-full flex items-center justify-center font-medium ",
+    d[n],
+    s[o],
+    r
+  ), children: /* @__PURE__ */ a.jsx("span", { children: c }) });
+}, xe = ({
+  linkActions: t,
+  onClick: e,
+  activeAction: r
+}) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
+  const { isView: i = !1, actionName: l, title: c, icon: 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: o * 0.03,
+        ease: "easeOut"
+      },
+      className: "relative flex justify-center w-full items-center px-3",
+      children: /* @__PURE__ */ a.jsxs(
+        "button",
+        {
+          onClick: () => {
+            e?.(l);
+          },
+          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",
+            p ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
+          ),
+          children: [
+            /* @__PURE__ */ a.jsx(B, { mode: "wait", children: p && /* @__PURE__ */ a.jsx(
+              b.div,
+              {
+                layoutId: "nav-active-bg",
+                className: "absolute inset-0 bg-neutral-medium-selected rounded-lg",
+                initial: !1,
+                animate: { opacity: 1 },
+                exit: { opacity: 0 },
+                transition: {
+                  type: "tween",
+                  duration: 0.25,
+                  ease: "easeInOut"
+                }
+              }
+            ) }),
+            /* @__PURE__ */ a.jsxs(
+              b.div,
+              {
+                className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
+                animate: {
+                  x: 0
+                },
+                transition: {
+                  duration: 0.25,
+                  ease: "easeOut"
+                },
+                children: [
+                  /* @__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: p ? 1.05 : 1
+                        },
+                        transition: {
+                          duration: 0.25,
+                          ease: "easeOut"
+                        },
+                        children: typeof d == "function" ? d({
+                          size: 24,
+                          className: u(
+                            "nav-icon transition-colors duration-250 ease-out",
+                            p ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
+                          )
+                        }) : null
+                      }
+                    ),
+                    /* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: c })
+                  ] }),
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: s && s >= 1 ? /* @__PURE__ */ a.jsx(L, { count: s, maxCount: 9, className: "" }) : "" })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    },
+    o
+  );
+}) }), be = ({
+  links: t,
+  isLinkActive: e,
+  onLinkClick: r
+}) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
+  const { isView: i = !1, viewAccess: l, path: c, title: 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__ */ a.jsx(
+    b.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: {
+        duration: 0.4,
+        delay: o * 0.03,
+        ease: "easeOut"
+      },
+      className: "relative flex justify-center w-full items-center px-3",
+      children: /* @__PURE__ */ a.jsxs(
+        "button",
+        {
+          onClick: () => {
+            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",
+            y ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
+          ),
+          children: [
+            /* @__PURE__ */ a.jsx(B, { mode: "wait", children: y && /* @__PURE__ */ a.jsx(
+              b.div,
+              {
+                layoutId: "nav-active-bg",
+                className: "absolute inset-0 bg-neutral-medium-selected rounded-lg",
+                initial: !1,
+                animate: { opacity: 1 },
+                exit: { opacity: 0 },
+                transition: {
+                  type: "tween",
+                  duration: 0.25,
+                  ease: "easeInOut"
+                }
+              }
+            ) }),
+            /* @__PURE__ */ a.jsxs(
+              b.div,
+              {
+                className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
+                animate: {
+                  x: 0
+                },
+                transition: {
+                  duration: 0.25,
+                  ease: "easeOut"
+                },
+                children: [
+                  /* @__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: y ? 1.05 : 1
+                        },
+                        transition: {
+                          duration: 0.25,
+                          ease: "easeOut"
+                        },
+                        children: typeof s == "function" ? s({
+                          size: 24,
+                          className: u(
+                            "nav-icon transition-colors duration-250 ease-out",
+                            y ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
+                          )
+                        }) : null
+                      }
+                    ),
+                    /* @__PURE__ */ a.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: d })
+                  ] }),
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: f && f ? /* @__PURE__ */ a.jsx(L, { count: f, maxCount: 9, className: "" }) : "" })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    },
+    o
+  );
+}) }), ye = ({
+  isActiveModalNotification: t,
+  setIsActiveModalNotification: e
+}) => ({ handleNotificationClick: () => {
+  e(!0);
+}, isActiveModalNotification: t }), ge = (t) => {
+  const e = g(null);
+  return {
+    isCollapsed: t,
+    navbarRef: e
+  };
+}, ve = ({
+  isCollapsed: t,
+  onToggle: e
+}) => /* @__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__ */ 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" })
+  }
+) }), 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,
+    className: "h-2/3 rounded-full",
+    alt: e ?? ""
+  }
+) });
+function we({
+  onFilesAccepted: t,
+  onFilesRejected: e,
+  ...r
+}) {
+  const n = A.useCallback(
+    (i, l) => {
+      i.length > 0 && t?.(i), l.length > 0 && e?.(l);
+    },
+    [t, e]
+  ), o = O({
+    onDrop: n,
+    ...r
+  });
+  return {
+    ...o,
+    hasErrors: o.fileRejections.length > 0
+  };
+}
+const je = (t, e = !0) => {
+  const r = g(null);
+  return h(() => {
+    if (!e) return;
+    const n = (o) => {
+      r.current && !r.current.contains(o.target) && t();
+    };
+    return document.addEventListener("mousedown", n, {
+      capture: !0
+    }), document.addEventListener("touchstart", n, {
+      capture: !0
+    }), () => {
+      document.removeEventListener("mousedown", n, {
+        capture: !0
+      }), document.removeEventListener("touchstart", n, {
+        capture: !0
+      });
+    };
+  }, [t, e]), r;
+};
+export {
+  Se as Avatar,
+  L as Badge,
+  Ie as Button,
+  Re as CardProfile,
+  Le as ChangueAccount,
+  Ae as CheckBox,
+  he as CompanyLogo,
+  ct as DatePicker,
+  qe as DialogModal,
+  ea as DropZone,
+  Ut as FAButton,
+  Oe as Header,
+  Xt as Icons,
+  zt as Image,
+  Pt as ImageGallery,
+  He as Input,
+  $e as InputMultiple,
+  Lt as LayoutGeneric,
+  Me as Logo,
+  Ge as Menu,
+  xe as NavBarActions,
+  ve as NavbarCollapseButton,
+  be as NavbarLinks,
+  pe as NavigationLink,
+  Jt as OtpInput,
+  _e as Pagination,
+  Ze as ProfilePictureUpload,
+  Ke as ProgressBar,
+  Vt as RadioButton,
+  de as SecondaryBar,
+  Bt as SegmentedButton,
+  Ye as Select,
+  Ft as SelectSearch,
+  me as Sidebar,
+  M as SidebarProvider,
+  Tt as SidebarRefProvider,
+  kt as Skeleton,
+  tt as Spinner,
+  rt as Steps,
+  nt as SwipeContainer,
+  it as Switch,
+  ht as TabLinks,
+  dt as Table,
+  ft as TableBody,
+  mt as TableCaption,
+  pt as TableCell,
+  xt as TableFooter,
+  bt as TableHead,
+  yt as TableHeader,
+  gt as TableRow,
+  jt as TextArea,
+  Ot as Toast,
+  Wt as ToastProvider,
+  Ct as Tooltip,
+  Dt as toastpyrion,
+  ye as useActionsNavbar,
+  je as useClickOutside,
+  ze as useDialogControl,
+  we as useFileDropzone,
+  Qt as useIsMobile,
+  ge as useNavbarCollapse,
+  fe as useSidebar,
+  k as useSidebarContext
+};