prometeo-design-system 3.1.5 → 3.1.7

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

@@ -0,0 +1,918 @@
+import { default as ke } from "./Avatar.es.js";
+import { default as Be } from "./Button.es.js";
+import { C as Le, a as Pe } from "./CardProfile-y9Knsg26.js";
+import { default as Ae } from "./CheckBox.es.js";
+import { default as De, useDialogControl as ze } from "./DialogModal.es.js";
+import { default as Oe, useDrawerDesktop as He } from "./DrawerDesktop.es.js";
+import { default as $e, useDrawerMobile as Me } from "./DrawerMobile.es.js";
+import { default as Ue } from "./Header.es.js";
+import { default as Ve } from "./Input.es.js";
+import { default as Xe } from "./InputMultiple.es.js";
+import { default as Je } from "./Logo.es.js";
+import { default as Qe } from "./Menu.es.js";
+import { default as et } from "./Pagination.es.js";
+import { default as rt } from "./ProfilePictureUpload.es.js";
+import { default as ot } from "./ProgressBar.es.js";
+import { default as it } from "./Select.es.js";
+import { default as lt } from "./Spinner.es.js";
+import { default as ut } from "./Steps.es.js";
+import { default as ft } from "./SwipeContainer.es.js";
+import { default as mt } from "./Switch.es.js";
+import { D as bt } from "./DatePicker-6eb-0Ns5.js";
+import { RecurrentDatePicker as vt } from "./RecurrentDatePicker.es.js";
+import { RecurrentDatePickerRRule as gt } from "./RecurrentDatePickerRRule.es.js";
+import { Table as jt, TableBody as Nt, TableCaption as St, TableCell as Ct, TableFooter as kt, TableHead as It, TableHeader as Bt, TableRow as Rt } from "./Table.es.js";
+import { default as Pt } from "./TabLinks.es.js";
+import { default as At } from "./TextArea.es.js";
+import { default as Dt } from "./Tooltip.es.js";
+import { default as Et } from "./Skeleton.es.js";
+import { default as Ht } from "./SegmentedButton.es.js";
+import { u as C } from "./LayoutGeneric-CfWhV1ov.js";
+import { L as $t, S as Mt } from "./LayoutGeneric-CfWhV1ov.js";
+import { I as Ut } from "./ImageGallery-DG9ovlQ-.js";
+import { default as Vt } from "./Image.es.js";
+import { default as Xt, toastpyrion as Zt } from "./Toast.es.js";
+import { default as Kt } from "./ToastProvider.es.js";
+import { default as Yt } from "./SelectSearch.es.js";
+import { default as tr } from "./FAButton.es.js";
+import { default as ar } from "./RadioButton.es.js";
+import { j as r } from "./jsx-runtime-GkKLlHH4.js";
+import { c } from "./cn-B6yFEsav.js";
+import P, { useRef as v, useState as w, useLayoutEffect as q, createContext as A, useContext as T, forwardRef as k, useCallback as D, useEffect as j } from "react";
+import { useGSAP as I } from "@gsap/react";
+import d from "gsap";
+import { T as z, B } from "./badge-B1IK_-i5.js";
+import { CloseNavBarDesktop as h } from "./Icons/CloseNavBarDesktop.es.js";
+import { motion as b, AnimatePresence as E } from "framer-motion";
+import { default as nr } from "./OtpInput.es.js";
+import { useDropzone as O } from "react-dropzone";
+import { useIsMobile as sr } from "./useDevice.es.js";
+import { default as cr } from "./DropZone.es.js";
+const H = (t, e) => {
+  I(
+    () => {
+      if (!t.current) return;
+      const a = t.current, o = document.querySelector('[data-main-content="true"]');
+      if (e) {
+        d.fromTo(
+          a,
+          {
+            width: "0rem",
+            opacity: 0
+          },
+          {
+            width: "40rem",
+            opacity: 1,
+            duration: 0.4,
+            ease: "power2.out"
+          }
+        ), o && d.to(o, {
+          marginLeft: a.offsetWidth + "px",
+          duration: 0.4,
+          ease: "power2.out"
+        });
+        const n = a.querySelectorAll(".secondary-bar-content > *");
+        n.length > 0 && d.fromTo(
+          n,
+          {
+            y: 20,
+            opacity: 0
+          },
+          {
+            y: 0,
+            opacity: 1,
+            duration: 0.3,
+            stagger: 0.05,
+            delay: 0.1,
+            ease: "power1.out"
+          }
+        );
+      } else
+        d.to(a, {
+          width: "0rem",
+          opacity: 0,
+          duration: 0.3,
+          ease: "power2.in"
+        }), o && d.to(o, {
+          marginLeft: "0px",
+          duration: 0.3,
+          ease: "power2.in"
+        });
+    },
+    { scope: t, dependencies: [e] }
+  );
+}, S = ({
+  children: t,
+  isOpen: e = !1,
+  className: a = "",
+  width: o = "w-96",
+  action: n,
+  primarySidebarCollapsed: i,
+  onClose: s
+}) => {
+  const l = v(null), [x, f] = w({ left: 0, width: 0 }), { primarySidebarRef: u, tabBarRef: p } = C();
+  return q(() => {
+    if (u?.current && p?.current) {
+      const m = u.current.getBoundingClientRect();
+      f({
+        left: m.width + p.current.offsetWidth,
+        width: m.width
+      });
+    }
+  }, [u, e, i, p]), H(l, e), /* @__PURE__ */ r.jsx(r.Fragment, { children: e && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/95 z-40",
+        style: {
+          left: x.left
+        },
+        onClick: s
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        ref: l,
+        className: c(
+          "h-screen bg-neutral-default-default border-r border-neutral-strong-default flex flex-col secondary-bar shrink-0",
+          "absolute top-0 z-50",
+          o,
+          a
+        ),
+        style: {
+          left: x.left
+        },
+        "data-action": n,
+        children: /* @__PURE__ */ r.jsx("div", { className: "secondary-bar-content", children: t })
+      }
+    )
+  ] }) });
+}, W = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: c("h-16 ", e), children: t }), $ = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: c("flex-1 overflow-y-auto p-4", e), children: t }), M = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: c("p-4 border-t border-neutral-strong-default", e), children: t }), F = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: c("flex-1", t) }), fe = Object.assign(S, {
+  Root: S,
+  Header: W,
+  Content: $,
+  Footer: M,
+  Spacer: F
+}), R = A(
+  void 0
+), pe = () => {
+  const t = T(R);
+  if (!t)
+    throw new Error("useSidebar must be used within a Sidebar.Root");
+  return t;
+}, U = ({
+  children: t
+}) => {
+  const [e, a] = w(!1), [o, n] = w(!1), i = v(null), s = () => {
+    a(!1), n(!1);
+  }, l = () => {
+    a(!0), n(!1);
+  }, m = {
+    isCollapsed: e,
+    setIsCollapsed: a,
+    navbarRef: i,
+    toggleCollapse: () => {
+      e ? s() : l();
+    },
+    activeSecondaryBar: o ? "notifications" : null,
+    openSecondaryBar: () => {
+      n(!0);
+    },
+    closeSecondaryBar: () => {
+      n(!1);
+    },
+    toggleSecondaryBar: () => {
+      n((y) => !y);
+    }
+  };
+  return /* @__PURE__ */ r.jsx(R.Provider, { value: m, children: t });
+}, g = (t, e, a, o) => e && (Array.isArray(e) ? e.length > 0 : e) ? t.to(e, a, o) : t, G = (t, e, a) => {
+  I(
+    () => {
+      if (!t.current) return;
+      const o = d.timeline({
+        defaults: { duration: 0.7, ease: "power1.out" }
+      }), n = {
+        navbar: t.current,
+        navLabels: d.utils.toArray(".nav-label"),
+        navIconWrappers: d.utils.toArray(".nav-icon-wrapper"),
+        navIcons: d.utils.toArray(".nav-icon"),
+        navLinkItems: d.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: d.utils.toArray(".secondary-bar *"),
+        badgeInLink: d.utils.toArray(".badge-in-link")
+      };
+      e ? V(o, n) : _(o, n), n.secondaryBar && X(n.secondaryBar);
+    },
+    { scope: t, dependencies: [e, a] }
+  );
+}, V = (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), g(
+    t,
+    e.buttonCrevron,
+    {
+      width: 0,
+      opacity: 0,
+      duration: 0.7,
+      ease: "power1.out",
+      onComplete: () => {
+        e.buttonCrevron.style.display = "none";
+      }
+    },
+    0
+  ), g(
+    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
+  );
+}, _ = (t, e) => {
+  t.to(e.navbar, { width: "20rem" }, -1).to(
+    e.navLinkItems,
+    {
+      borderRadius: "10px",
+      duration: 0.3,
+      width: "100%",
+      justifyContent: "flex-start"
+    },
+    -1
+  ), g(
+    t,
+    e.buttonCrevron,
+    {
+      width: "auto",
+      opacity: 1,
+      duration: 0,
+      ease: "power1.out",
+      onComplete: () => {
+        e.buttonCrevron.style.display = "flex";
+      }
+    },
+    0
+  ), g(
+    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);
+}, X = (t, e) => {
+  d.to(t, {
+    x: "-100%",
+    opacity: 0,
+    duration: 0.3,
+    ease: "power2.in"
+  });
+}, Z = k(
+  ({ children: t, isCollapsed: e = !1, className: a = "", tabs: o = [], currentTabName: n }, i) => {
+    const s = v(null), l = v(null), { registerPrimarySidebar: x, registerTabBar: f } = C(), u = D((p) => {
+      s.current = p, typeof i == "function" ? i(p) : i && (i.current = p);
+    }, [i]);
+    return j(() => {
+      s.current && x(s);
+    }, [x]), j(() => {
+      l.current && f(l);
+    }, [f]), G(s, e, !1), /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        className: c(
+          "flex"
+        ),
+        children: [
+          o.length > 0 && /* @__PURE__ */ r.jsx(
+            z,
+            {
+              tabs: o,
+              ref: l,
+              activeColor: "var(--neutral-900)",
+              currentTabName: n
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            "div",
+            {
+              ref: u,
+              className: `bg-neutral-default-default hidden overflow-hidden h-screen md:flex flex-col border-r border-neutral-strong-default transition-all duration-300 relative z-50 shrink-0
+          ${e ? "w-16" : "w-64"} ${a}`,
+              children: t
+            }
+          )
+        ]
+      }
+    );
+  }
+), N = k(
+  (t, e) => /* @__PURE__ */ r.jsx(U, { children: /* @__PURE__ */ r.jsx(Z, { ...t, ref: e }) })
+);
+N.displayName = "SidebarRoot";
+const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ r.jsx("div", { className: c("flex  mt-5 mb-4 justify-end mr-5 container-icon-collapsade", t && ""), children: /* @__PURE__ */ r.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__ */ r.jsx(h, { size: 24, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ r.jsx(h, { size: 24, className: "rotate-0 transition-transform duration-300" })
+  }
+) }), K = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: `${e} sidebar-header`, children: t }), Q = ({ className: t }) => /* @__PURE__ */ r.jsx("div", { className: c("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" }) }), Y = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), ee = ({ className: t, size: e = "auto" }) => {
+  const a = () => {
+    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__ */ r.jsx("div", { className: c(a(), t) });
+}, te = ({ children: t, className: e }) => /* @__PURE__ */ r.jsx("div", { className: e, children: t }), me = Object.assign(N, {
+  Root: N,
+  CollapseButton: J,
+  Header: K,
+  Divider: Q,
+  Content: Y,
+  Spacer: ee,
+  Footer: te
+}), xe = ({
+  children: t,
+  icon: e,
+  label: a,
+  href: o,
+  onClick: n,
+  isActive: i = !1,
+  className: s
+}) => {
+  const l = o ? "a" : "button";
+  return /* @__PURE__ */ r.jsxs(
+    l,
+    {
+      href: o,
+      onClick: n,
+      className: c(
+        "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",
+        s
+      ),
+      children: [
+        e && /* @__PURE__ */ r.jsx("div", { className: "nav-icon-wrapper mr-3 flex-shrink-0", children: /* @__PURE__ */ r.jsx("div", { className: "nav-icon flex items-center justify-center w-5 h-5", children: e }) }),
+        a && /* @__PURE__ */ r.jsx("span", { className: "nav-label text-sm text-neutral-strong-default", children: a }),
+        t
+      ]
+    }
+  );
+}, be = ({
+  linkActions: t,
+  onClick: e,
+  activeAction: a
+}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
+  const { isView: i = !1, actionName: s, title: l, icon: x, count: f, viewAccess: u } = o || {}, p = (typeof i == "function" ? i() : i !== !1) && (!u || u()), m = a === s;
+  return p && /* @__PURE__ */ r.jsx(
+    b.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: {
+        duration: 0.4,
+        delay: n * 0.03,
+        ease: "easeOut"
+      },
+      className: "relative flex justify-center w-full items-center px-3",
+      children: /* @__PURE__ */ r.jsxs(
+        "button",
+        {
+          onClick: () => {
+            e?.(s);
+          },
+          className: c(
+            "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",
+            m ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
+          ),
+          children: [
+            /* @__PURE__ */ r.jsx(E, { mode: "wait", children: m && /* @__PURE__ */ r.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__ */ r.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__ */ r.jsxs("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ r.jsx(
+                      b.div,
+                      {
+                        className: "nav-icon-wrapper flex items-center justify-center shrink-0",
+                        animate: {
+                          scale: m ? 1.05 : 1
+                        },
+                        transition: {
+                          duration: 0.25,
+                          ease: "easeOut"
+                        },
+                        children: typeof x == "function" ? x({
+                          size: 24,
+                          className: c(
+                            "nav-icon transition-colors duration-250 ease-out",
+                            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: l })
+                  ] }),
+                  /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: f && f >= 1 ? /* @__PURE__ */ r.jsx(B, { count: f, maxCount: 9, className: "" }) : "" })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    },
+    n
+  );
+}) }), ye = ({
+  links: t,
+  isLinkActive: e,
+  onLinkClick: a
+}) => /* @__PURE__ */ r.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((o, n) => {
+  const { isView: i = !1, viewAccess: s, path: l, title: x, icon: f, count: u, relatedPaths: p } = o, m = (typeof i == "function" ? i() : i !== !1) && (!s || s()), y = e(l) || (p?.some(
+    (L) => e(L)
+  ) ?? !1);
+  return m && /* @__PURE__ */ r.jsx(
+    b.div,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      transition: {
+        duration: 0.4,
+        delay: n * 0.03,
+        ease: "easeOut"
+      },
+      className: "relative flex justify-center w-full items-center px-3",
+      children: /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          onClick: () => {
+            a?.(l);
+          },
+          className: c(
+            "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__ */ r.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__ */ r.jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ r.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 f == "function" ? f({
+                        size: 24,
+                        className: c(
+                          "nav-icon transition-colors duration-250 ease-out",
+                          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: x })
+                ] }),
+                /* @__PURE__ */ r.jsx("div", { className: "badge-in-link", children: u && u ? /* @__PURE__ */ r.jsx(B, { count: u, maxCount: 9, className: "" }) : "" })
+              ]
+            }
+          )
+        }
+      )
+    },
+    n
+  );
+}) }), ve = ({
+  isActiveModalNotification: t,
+  setIsActiveModalNotification: e
+}) => ({ handleNotificationClick: () => {
+  e(!0);
+}, isActiveModalNotification: t }), he = (t) => {
+  const e = v(null);
+  return {
+    isCollapsed: t,
+    navbarRef: e
+  };
+}, ge = ({
+  isCollapsed: t,
+  onToggle: e
+}) => /* @__PURE__ */ r.jsx("div", { className: "", children: /* @__PURE__ */ r.jsx(
+  "button",
+  {
+    onClick: e,
+    title: t ? "Expandir Navbar" : "Contraer Navbar",
+    "aria-label": t ? "Expandir Navbar" : "Contraer Navbar",
+    className: "cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300",
+    children: t ? /* @__PURE__ */ r.jsx(h, { size: 34, className: "rotate-180 transition-transform duration-300" }) : /* @__PURE__ */ r.jsx(h, { size: 34, className: "rotate-0 transition-transform duration-300" })
+  }
+) }), we = ({ logoUrl: t, companyName: e }) => /* @__PURE__ */ r.jsx("div", { className: "w-full flex justify-center items-center p-2 h-20", children: /* @__PURE__ */ r.jsx(
+  "img",
+  {
+    src: t,
+    className: "h-2/3 rounded-full",
+    alt: e ?? ""
+  }
+) });
+function je({
+  onFilesAccepted: t,
+  onFilesRejected: e,
+  ...a
+}) {
+  const o = P.useCallback(
+    (i, s) => {
+      i.length > 0 && t?.(i), s.length > 0 && e?.(s);
+    },
+    [t, e]
+  ), n = O({
+    onDrop: o,
+    ...a
+  });
+  return {
+    ...n,
+    hasErrors: n.fileRejections.length > 0
+  };
+}
+const Ne = (t, e = !0) => {
+  const a = v(null);
+  return j(() => {
+    if (!e) return;
+    const o = (n) => {
+      a.current && !a.current.contains(n.target) && t();
+    };
+    return document.addEventListener("mousedown", o, {
+      capture: !0
+    }), document.addEventListener("touchstart", o, {
+      capture: !0
+    }), () => {
+      document.removeEventListener("mousedown", o, {
+        capture: !0
+      }), document.removeEventListener("touchstart", o, {
+        capture: !0
+      });
+    };
+  }, [t, e]), a;
+};
+export {
+  ke as Avatar,
+  B as Badge,
+  Be as Button,
+  Le as CardProfile,
+  Pe as ChangueAccount,
+  Ae as CheckBox,
+  we as CompanyLogo,
+  bt as DatePicker,
+  De as DialogModal,
+  Oe as DrawerDesktop,
+  $e as DrawerMobile,
+  cr as DropZone,
+  tr as FAButton,
+  Ue as Header,
+  Vt as Image,
+  Ut as ImageGallery,
+  Ve as Input,
+  Xe as InputMultiple,
+  $t as LayoutGeneric,
+  Je as Logo,
+  Qe as Menu,
+  be as NavBarActions,
+  ge as NavbarCollapseButton,
+  ye as NavbarLinks,
+  xe as NavigationLink,
+  nr as OtpInput,
+  et as Pagination,
+  rt as ProfilePictureUpload,
+  ot as ProgressBar,
+  ar as RadioButton,
+  vt as RecurrentDatePicker,
+  gt as RecurrentDatePickerRRule,
+  fe as SecondaryBar,
+  Ht as SegmentedButton,
+  it as Select,
+  Yt as SelectSearch,
+  me as Sidebar,
+  U as SidebarProvider,
+  Mt as SidebarRefProvider,
+  Et as Skeleton,
+  lt as Spinner,
+  ut as Steps,
+  ft as SwipeContainer,
+  mt as Switch,
+  Pt as TabLinks,
+  jt as Table,
+  Nt as TableBody,
+  St as TableCaption,
+  Ct as TableCell,
+  kt as TableFooter,
+  It as TableHead,
+  Bt as TableHeader,
+  Rt as TableRow,
+  At as TextArea,
+  Xt as Toast,
+  Kt as ToastProvider,
+  Dt as Tooltip,
+  Zt as toastpyrion,
+  ve as useActionsNavbar,
+  Ne as useClickOutside,
+  ze as useDialogControl,
+  He as useDrawerDesktop,
+  Me as useDrawerMobile,
+  je as useFileDropzone,
+  sr as useIsMobile,
+  he as useNavbarCollapse,
+  pe as useSidebar,
+  C as useSidebarContext
+};