prometeo-design-system 2.6.2 → 2.6.3

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

@@ -7,20 +7,20 @@ import { default as De, useDialogControl as Ee } from "./DialogModal.es.js";
 import { default as Fe, useDrawerDesktop as He } from "./DrawerDesktop.es.js";
 import { default as $e, useDrawerMobile as Me } from "./DrawerMobile.es.js";
 import { default as Ve } from "./Header.es.js";
-import { I as _e } from "./Input-r2N9xkjM.js";
+import { I as _e } from "./Input-BsGk4qj1.js";
 import { default as Ze } from "./InputFormik.es.js";
 import { InputMultiple as Ke } from "./InputMultiple.es.js";
 import { default as Ye } from "./Logo.es.js";
 import { Menu as tt } from "./Menu.es.js";
 import { default as rt } from "./Pagination.es.js";
 import { ProfilePictureUpload as nt } from "./ProfilePictureUpload.es.js";
-import { default as it } from "./ProgressBar.es.js";
-import { S as ct } from "./Select-IAQKEfnq.js";
+import { default as st } from "./ProgressBar.es.js";
+import { S as ct } from "./Select-CSFKGhU7.js";
 import { default as dt } from "./SelectFormikLegacy.es.js";
 import { default as mt } from "./SelectFormik.es.js";
 import { default as xt } from "./Spinner.es.js";
-import { Steps as yt } from "./Steps.es.js";
-import { default as vt } from "./SwipeContainer.es.js";
+import { Steps as vt } from "./Steps.es.js";
+import { default as gt } from "./SwipeContainer.es.js";
 import { Switch as wt } from "./Switch.es.js";
 import { default as Nt } from "./DatePicker.es.js";
 import { Table as St, TableBody as kt, TableCaption as It, TableCell as Bt, TableFooter as Rt, TableHead as Lt, TableHeader as Tt, TableRow as At } from "./Table.es.js";
@@ -37,12 +37,12 @@ import { default as Kt, toastpyrion as Qt } from "./Toast.es.js";
 import { default as ea } from "./ToastProvider.es.js";
 import { default as aa } from "./SelectSearch.es.js";
 import { default as oa } from "./FAButton.es.js";
-import { default as sa } from "./InputFormikV2.es.js";
+import { default as ia } from "./InputFormikV2.es.js";
 import { RadioButtonFormik as la } from "./RadioButtonFormik.es.js";
 import { RadioButton as ua } 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 D } from "react";
+import A, { useRef as y, useState as g, useLayoutEffect as P, createContext as q, useContext as z, forwardRef as C, useEffect as h, useCallback as D } from "react";
 import { useGSAP as I } from "@gsap/react";
 import x from "gsap";
 import { Icons as w } from "./Icons.es.js";
@@ -110,19 +110,19 @@ const O = (t, e) => {
   className: r = "",
   width: n = "w-96",
   action: o,
-  primarySidebarCollapsed: i,
+  primarySidebarCollapsed: s,
   onClose: l
 }) => {
-  const c = g(null), [d, s] = v({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
+  const c = y(null), [d, i] = g({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
   return P(() => {
     if (f?.current && m?.current) {
       const p = f.current.getBoundingClientRect();
-      s({
+      i({
         left: p.width + m.current.offsetWidth,
         width: p.width
       });
     }
-  }, [f, e, i, m]), O(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+  }, [f, e, s, m]), O(c, e), /* @__PURE__ */ a.jsx(a.Fragment, { children: e && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       "div",
       {
@@ -167,14 +167,14 @@ const O = (t, e) => {
 }, M = ({
   children: t
 }) => {
-  const [e, r] = v(!1), [n, o] = v(!1), i = g(null), l = () => {
+  const [e, r] = g(!1), [n, o] = g(!1), s = y(null), l = () => {
     r(!1), o(!1);
   }, c = () => {
     r(!0), o(!1);
   }, p = {
     isCollapsed: e,
     setIsCollapsed: r,
-    navbarRef: i,
+    navbarRef: s,
     toggleCollapse: () => {
       e ? l() : c();
     },
@@ -186,7 +186,7 @@ const O = (t, e) => {
       o(!1);
     },
     toggleSecondaryBar: () => {
-      o((y) => !y);
+      o((v) => !v);
     }
   };
   return /* @__PURE__ */ a.jsx(R.Provider, { value: p, children: t });
@@ -511,11 +511,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: i = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
+  const [r, n] = g(t?.currentTabName || t.tabs[0].name), o = y(null), { tabs: s = [], 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));
+  const d = s.find((i) => i.name === (t?.currentTabName || r));
   return /* @__PURE__ */ a.jsx(
     "div",
     {
@@ -527,10 +527,10 @@ const O = (t, e) => {
         " border-r-[1px] 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));
+      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",
@@ -550,27 +550,25 @@ const O = (t, e) => {
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
-                s?.className
+                i?.className
               ), children: m })
             },
-            s.name
+            i.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();
-    console.log(c.current, "Tabinternal ref");
-    const f = D((m) => {
-      l.current = m, typeof i == "function" ? (console.log("soy ref function"), i(m)) : i && (console.log("estoy entrand aca"), i.current = m);
-    }, [i]);
+  ({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, s) => {
+    const l = y(null), c = y(null), { registerPrimarySidebar: d, registerTabBar: i } = k(), f = D((m) => {
+      l.current = m, typeof s == "function" ? s(m) : s && (s.current = m);
+    }, [s]);
     return h(() => {
       l.current && d(l);
     }, [d]), h(() => {
-      c.current && s(c);
-    }, [s]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
+      c.current && i(c);
+    }, [i]), U(l, e, !1), /* @__PURE__ */ a.jsxs(
       "div",
       {
         className: u(
@@ -641,7 +639,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   label: r,
   href: n,
   onClick: o,
-  isActive: i = !1,
+  isActive: s = !1,
   className: l
 }) => {
   const c = n ? "a" : "button";
@@ -655,7 +653,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",
-        i && "bg-neutral-medium-default",
+        s && "bg-neutral-medium-default",
         l
       ),
       children: [
@@ -671,15 +669,15 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
   className: r = "",
   size: n = "medium",
   variant: o = "primary",
-  showZero: i = !1
+  showZero: s = !1
 }) => {
   const l = t, c = l > e ? `+${e}` : l;
-  if (l === 0 && !i) return null;
+  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"
-  }, s = {
+  }, 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",
@@ -689,7 +687,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],
-    s[o],
+    i[o],
     r
   ), children: /* @__PURE__ */ a.jsx("span", { children: c }) });
 }, xe = ({
@@ -697,7 +695,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: 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;
+  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,
     {
@@ -772,7 +770,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: s && s >= 1 ? /* @__PURE__ */ a.jsx(L, { count: s, maxCount: 9, className: "" }) : "" })
+                  /* @__PURE__ */ a.jsx("div", { className: "badge-in-link", children: i && i >= 1 ? /* @__PURE__ */ a.jsx(L, { count: i, maxCount: 9, className: "" }) : "" })
                 ]
               }
             )
@@ -787,7 +785,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: 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(
+  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()), v = e(c) || (m?.some(
     (T) => e(T)
   ) ?? !1);
   return p && /* @__PURE__ */ a.jsx(
@@ -811,10 +809,10 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
             "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"
+            v ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ a.jsx(B, { mode: "wait", children: y && /* @__PURE__ */ a.jsx(
+            /* @__PURE__ */ a.jsx(B, { mode: "wait", children: v && /* @__PURE__ */ a.jsx(
               b.div,
               {
                 layoutId: "nav-active-bg",
@@ -847,17 +845,17 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
                       {
                         className: "nav-icon-wrapper flex items-center justify-center flex-shrink-0",
                         animate: {
-                          scale: y ? 1.05 : 1
+                          scale: v ? 1.05 : 1
                         },
                         transition: {
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof s == "function" ? s({
+                        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"
+                            v ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
                           )
                         }) : null
                       }
@@ -874,18 +872,18 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
     },
     o
   );
-}) }), ye = ({
+}) }), ve = ({
   isActiveModalNotification: t,
   setIsActiveModalNotification: e
 }) => ({ handleNotificationClick: () => {
   e(!0);
-}, isActiveModalNotification: t }), ge = (t) => {
-  const e = g(null);
+}, isActiveModalNotification: t }), ye = (t) => {
+  const e = y(null);
   return {
     isCollapsed: t,
     navbarRef: e
   };
-}, ve = ({
+}, ge = ({
   isCollapsed: t,
   onToggle: e
 }) => /* @__PURE__ */ a.jsx("div", { className: "", children: /* @__PURE__ */ a.jsx(
@@ -911,8 +909,8 @@ function we({
   ...r
 }) {
   const n = A.useCallback(
-    (i, l) => {
-      i.length > 0 && t?.(i), l.length > 0 && e?.(l);
+    (s, l) => {
+      s.length > 0 && t?.(s), l.length > 0 && e?.(l);
     },
     [t, e]
   ), o = E({
@@ -925,7 +923,7 @@ function we({
   };
 }
 const je = (t, e = !0) => {
-  const r = g(null);
+  const r = y(null);
   return h(() => {
     if (!e) return;
     const n = (o) => {
@@ -965,19 +963,19 @@ export {
   _t as ImageGallery,
   _e as Input,
   Ze as InputFormik,
-  sa as InputFormikV2,
+  ia as InputFormikV2,
   Ke as InputMultiple,
   Ut as LayoutGeneric,
   Ye as Logo,
   tt as Menu,
   xe as NavBarActions,
-  ve as NavbarCollapseButton,
+  ge as NavbarCollapseButton,
   be as NavbarLinks,
   pe as NavigationLink,
   fa as OtpInput,
   rt as Pagination,
   nt as ProfilePictureUpload,
-  it as ProgressBar,
+  st as ProgressBar,
   ua as RadioButton,
   la as RadioButtonFormik,
   de as SecondaryBar,
@@ -991,8 +989,8 @@ export {
   Vt as SidebarRefProvider,
   Ht as Skeleton,
   xt as Spinner,
-  yt as Steps,
-  vt as SwipeContainer,
+  vt as Steps,
+  gt as SwipeContainer,
   wt as Switch,
   qt as TabLinks,
   St as Table,
@@ -1008,14 +1006,14 @@ export {
   ea as ToastProvider,
   Ot as Tooltip,
   Qt as toastpyrion,
-  ye as useActionsNavbar,
+  ve as useActionsNavbar,
   je as useClickOutside,
   Ee as useDialogControl,
   He as useDrawerDesktop,
   Me as useDrawerMobile,
   we as useFileDropzone,
   pa as useIsMobile,
-  ge as useNavbarCollapse,
+  ye as useNavbarCollapse,
   fe as useSidebar,
   k as useSidebarContext
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "2.6.2",
+  "version": "2.6.3",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",