prometeo-design-system 2.8.4 → 2.8.6

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

@@ -1,52 +1,50 @@
 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 { 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 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 { 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 { CloseNavBarDesktop as w } from "./Icons.es.js";
-import { Icons as ea } from "./Icons.es.js";
+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 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) => {
+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;
@@ -105,19 +103,19 @@ const O = (t, e) => {
   className: r = "",
   width: n = "w-96",
   action: o,
-  primarySidebarCollapsed: s,
+  primarySidebarCollapsed: i,
   onClose: l
 }) => {
-  const c = g(null), [d, i] = v({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
+  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();
-      i({
+      s({
         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: [
+  }, [f, e, i, m]), D(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "div",
       {
@@ -146,12 +144,12 @@ const O = (t, e) => {
       }
     )
   ] }) });
-}, 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, {
+}, 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: M
+  Spacer: F
 }), R = q(
   void 0
 ), fe = () => {
@@ -159,17 +157,17 @@ const O = (t, e) => {
   if (!t)
     throw new Error("useSidebar must be used within a Sidebar.Root");
   return t;
-}, F = ({
+}, M = ({
   children: t
 }) => {
-  const [e, r] = v(!1), [n, o] = v(!1), s = g(null), l = () => {
+  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: s,
+    navbarRef: i,
     toggleCollapse: () => {
       e ? l() : c();
     },
@@ -506,11 +504,11 @@ const O = (t, e) => {
     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;
+  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 = s.find((i) => i.name === (t?.currentTabName || r));
+  const d = i.find((s) => s.name === (t?.currentTabName || r));
   return /* @__PURE__ */ a.jsx(
     "div",
     {
@@ -522,10 +520,10 @@ const O = (t, e) => {
         " 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));
+      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",
@@ -545,25 +543,25 @@ const O = (t, e) => {
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
-                i?.className
+                s?.className
               ), children: m })
             },
-            i.name
+            s.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]);
+  ({ 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 && i(c);
-    }, [i]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
+      c.current && s(c);
+    }, [s]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
       "div",
       {
         className: u(
@@ -593,7 +591,7 @@ const O = (t, e) => {
     );
   }
 ), N = C(
-  (t, e) => /* @__PURE__ */ a.jsx(F, { children: /* @__PURE__ */ a.jsx(Z, { ...t, ref: e }) })
+  (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(
@@ -634,7 +632,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   label: r,
   href: n,
   onClick: o,
-  isActive: s = !1,
+  isActive: i = !1,
   className: l
 }) => {
   const c = n ? "a" : "button";
@@ -648,7 +646,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
         "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",
+        i && "bg-neutral-medium-default",
         l
       ),
       children: [
@@ -664,15 +662,15 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   className: r = "",
   size: n = "medium",
   variant: o = "primary",
-  showZero: s = !1
+  showZero: i = !1
 }) => {
   const l = t, c = l > e ? `+${e}` : l;
-  if (l === 0 && !s) return null;
+  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"
-  }, i = {
+  }, 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",
@@ -682,7 +680,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   return /* @__PURE__ */ a.jsx("div", { className: u(
     "rounded-full flex items-center justify-center font-medium ",
     d[n],
-    i[o],
+    s[o],
     r
   ), children: /* @__PURE__ */ a.jsx("span", { children: c }) });
 }, xe = ({
@@ -690,7 +688,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   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;
+  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,
     {
@@ -765,7 +763,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                     ),
                     /* @__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: "" }) : "" })
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: s && s >= 1 ? /* @__PURE__ */ a.jsx(L, { count: s, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -780,7 +778,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   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(
+  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(
@@ -846,7 +844,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof i == "function" ? i({
+                        children: typeof s == "function" ? s({
                           size: 24,
                           className: u(
                             "nav-icon transition-colors duration-250 ease-out",
@@ -904,11 +902,11 @@ function we({
   ...r
 }) {
   const n = A.useCallback(
-    (s, l) => {
-      s.length > 0 && t?.(s), l.length > 0 && e?.(l);
+    (i, l) => {
+      i.length > 0 && t?.(i), l.length > 0 && e?.(l);
     },
     [t, e]
-  ), o = D({
+  ), o = O({
     onDrop: n,
     ...r
   });
@@ -945,63 +943,59 @@ export {
   Le as ChangueAccount,
   Ae as CheckBox,
   he as CompanyLogo,
-  xt as DatePicker,
+  ct 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,
+  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,
-  aa as OtpInput,
-  Ye as Pagination,
-  tt as ProfilePictureUpload,
-  rt as ProgressBar,
-  Qt as RadioButton,
+  Jt as OtpInput,
+  _e as Pagination,
+  Ze as ProfilePictureUpload,
+  Ke as ProgressBar,
+  Vt as RadioButton,
   de as SecondaryBar,
-  qt as SegmentedButton,
-  nt as Select,
-  Xt as SelectSearch,
+  Bt as SegmentedButton,
+  Ye as Select,
+  Ft 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,
+  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,
-  Oe as useDrawerDesktop,
-  $e as useDrawerMobile,
   we as useFileDropzone,
-  oa as useIsMobile,
+  Qt as useIsMobile,
   ge as useNavbarCollapse,
   fe as useSidebar,
   k as useSidebarContext