prometeo-design-system 2.8.4 → 2.8.7

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

@@ -1,1008 +0,0 @@
-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-BB-IP1MR.js";
-import { default as Ae } from "./CheckBox.es.js";
-import { default as qe, useDialogControl as ze } from "./DialogModal.es.js";
-import { default as De, useDrawerDesktop as Oe } from "./DrawerDesktop.es.js";
-import { default as We, useDrawerMobile as $e } from "./DrawerMobile.es.js";
-import { default as Fe } from "./Header.es.js";
-import { I as Ge } from "./Input-Bdo-Acix.js";
-import { InputMultiple as _e } from "./InputMultiple.es.js";
-import { default as Ze } from "./Logo.es.js";
-import { Menu as Ke } from "./Menu.es.js";
-import { default as Ye } from "./Pagination.es.js";
-import { ProfilePictureUpload as tt } from "./ProfilePictureUpload.es.js";
-import { default as rt } from "./ProgressBar.es.js";
-import { S as nt } from "./Select-D2APaG1z.js";
-import { default as st } from "./Spinner.es.js";
-import { Steps as ct } from "./Steps.es.js";
-import { default as dt } from "./SwipeContainer.es.js";
-import { Switch as mt } from "./Switch.es.js";
-import { default as xt } from "./DatePicker.es.js";
-import { Table as yt, TableBody as gt, TableCaption as vt, TableCell as ht, TableFooter as wt, TableHead as jt, TableHeader as Nt, TableRow as Ct } from "./Table.es.js";
-import { default as kt } from "./TabLinks.es.js";
-import { default as Bt } from "./TextArea.es.js";
-import { default as Lt } from "./Tooltip.es.js";
-import { Skeleton as At } from "./Skeleton.es.js";
-import { SegmentedButton as qt } from "./SegmentedButton.es.js";
-import { u as k } from "./LayoutGeneric-B6E-yOYJ.js";
-import { L as Et, S as Dt } from "./LayoutGeneric-B6E-yOYJ.js";
-import { I as Ht } from "./ImageGallery-CjaJ0UCN.js";
-import { default as $t } from "./Image.es.js";
-import { default as Ft, toastpyrion as Ut } from "./Toast.es.js";
-import { default as Vt } from "./ToastProvider.es.js";
-import { default as Xt } from "./SelectSearch.es.js";
-import { default as Jt } from "./FAButton.es.js";
-import { RadioButton as Qt } from "./RadioButton.es.js";
-import { j as a } from "./jsx-runtime-ByW6EXIE.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 { CloseNavBarDesktop as w } from "./Icons.es.js";
-import { Icons as ea } from "./Icons.es.js";
-import { motion as b, AnimatePresence as B } from "framer-motion";
-import { default as aa } from "./OtpInput.es.js";
-import { useDropzone as D } from "react-dropzone";
-import { useIsMobile as oa } from "./useDevice.es.js";
-import { DropZone as ia } from "./DropZone.es.js";
-const O = (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: s,
-  onClose: l
-}) => {
-  const c = g(null), [d, i] = v({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
-  return P(() => {
-    if (f?.current && m?.current) {
-      const p = f.current.getBoundingClientRect();
-      i({
-        left: p.width + m.current.offsetWidth,
-        width: p.width
-      });
-    }
-  }, [f, e, s, m]), O(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(
-      "div",
-      {
-        className: "fixed inset-0 bg-black/95 z-40",
-        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 }), M = ({ className: t }) => /* @__PURE__ */ a.jsx("div", { className: u("flex-1", t) }), de = Object.assign(S, {
-  Root: S,
-  Header: H,
-  Content: W,
-  Footer: $,
-  Spacer: M
-}), R = q(
-  void 0
-), fe = () => {
-  const t = z(R);
-  if (!t)
-    throw new Error("useSidebar must be used within a Sidebar.Root");
-  return t;
-}, F = ({
-  children: t
-}) => {
-  const [e, r] = v(!1), [n, o] = v(!1), s = g(null), l = () => {
-    r(!1), o(!1);
-  }, c = () => {
-    r(!0), o(!1);
-  }, p = {
-    isCollapsed: e,
-    setIsCollapsed: r,
-    navbarRef: s,
-    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: s = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
-  h(() => {
-    o.current?.style.setProperty("--tab-bg", c);
-  }, [c]);
-  const d = s.find((i) => i.name === (t?.currentTabName || 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: s.map(
-        (i) => {
-          const f = i.name === d?.name, m = typeof i.thumbnail == "string" ? /* @__PURE__ */ a.jsx("img", { src: i.thumbnail, alt: i.description, className: "aspect-square object-contain" }) : i.thumbnail, p = () => {
-            i.disabled || (n(i.name), i.onClick && i.onClick(i.name));
-          };
-          return /* @__PURE__ */ 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",
-                i?.className
-              ), children: m })
-            },
-            i.name
-          );
-        }
-      )
-    }
-  );
-}), Z = C(
-  ({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, s) => {
-    const l = g(null), c = g(null), { registerPrimarySidebar: d, registerTabBar: i } = k(), f = E((m) => {
-      l.current = m, typeof s == "function" ? s(m) : s && (s.current = m);
-    }, [s]);
-    return h(() => {
-      l.current && d(l);
-    }, [d]), h(() => {
-      c.current && i(c);
-    }, [i]), 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(F, { 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: s = !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",
-        s && "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: s = !1
-}) => {
-  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"
-  }, 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__ */ a.jsx("div", { className: u(
-    "rounded-full flex items-center justify-center font-medium ",
-    d[n],
-    i[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: s = !1, actionName: l, title: c, icon: d, count: i, viewAccess: f } = n || {}, m = (typeof s == "function" ? s() : s !== !1) && (!f || f()), p = r === l;
-  return m && /* @__PURE__ */ a.jsx(
-    b.div,
-    {
-      initial: { opacity: 0 },
-      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: i && i >= 1 ? /* @__PURE__ */ a.jsx(L, { count: i, 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: s = !1, viewAccess: l, path: c, title: d, icon: i, count: f, relatedPaths: m } = n, p = (typeof s == "function" ? s() : s !== !1) && (!l || l()), y = e(c) || (m?.some(
-    (T) => e(T)
-  ) ?? !1);
-  return p && /* @__PURE__ */ 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 i == "function" ? i({
-                          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(
-    (s, l) => {
-      s.length > 0 && t?.(s), l.length > 0 && e?.(l);
-    },
-    [t, e]
-  ), o = D({
-    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,
-  xt as DatePicker,
-  qe as DialogModal,
-  De as DrawerDesktop,
-  We as DrawerMobile,
-  ia as DropZone,
-  Jt as FAButton,
-  Fe as Header,
-  ea as Icons,
-  $t as Image,
-  Ht as ImageGallery,
-  Ge as Input,
-  _e as InputMultiple,
-  Et as LayoutGeneric,
-  Ze as Logo,
-  Ke as Menu,
-  xe as NavBarActions,
-  ve as NavbarCollapseButton,
-  be as NavbarLinks,
-  pe as NavigationLink,
-  aa as OtpInput,
-  Ye as Pagination,
-  tt as ProfilePictureUpload,
-  rt as ProgressBar,
-  Qt as RadioButton,
-  de as SecondaryBar,
-  qt as SegmentedButton,
-  nt as Select,
-  Xt as SelectSearch,
-  me as Sidebar,
-  F as SidebarProvider,
-  Dt as SidebarRefProvider,
-  At as Skeleton,
-  st as Spinner,
-  ct as Steps,
-  dt as SwipeContainer,
-  mt as Switch,
-  kt as TabLinks,
-  yt as Table,
-  gt as TableBody,
-  vt as TableCaption,
-  ht as TableCell,
-  wt as TableFooter,
-  jt as TableHead,
-  Nt as TableHeader,
-  Ct as TableRow,
-  Bt as TextArea,
-  Ft as Toast,
-  Vt as ToastProvider,
-  Lt as Tooltip,
-  Ut as toastpyrion,
-  ye as useActionsNavbar,
-  je as useClickOutside,
-  ze as useDialogControl,
-  Oe as useDrawerDesktop,
-  $e as useDrawerMobile,
-  we as useFileDropzone,
-  oa as useIsMobile,
-  ge as useNavbarCollapse,
-  fe as useSidebar,
-  k as useSidebarContext
-};