prometeo-design-system 3.0.6 → 3.0.7

package/dist/{Select-DfjHfmxM.js → Select-CRFOzYc6.js}

@@ -1,14 +1,17 @@
 import { j as s } from "./jsx-runtime-DKDX3adD.js";
-import { a as Qe, O as Xe, g as Ue, k as Ye } from "./Icons_Legacy-BJgYCS_W.js";
 import { c as f } from "./cn-B6yFEsav.js";
-import Ne, { memo as Z, useState as De, useRef as ce, useMemo as oe, useCallback as U, useEffect as ve, useImperativeHandle as Ze } from "react";
-import et from "./Spinner.es.js";
-import { createPortal as tt } from "react-dom";
-import { u as nt } from "./useDragScroll-CHN9OMwn.js";
-import { u as rt, I as lt } from "./Input-DD4VHP1s.js";
-import { H as ot } from "./HelperComponent-DZjT3uYS.js";
-import st from "./CheckBox.es.js";
+import Ne, { memo as Z, useState as De, useRef as ce, useMemo as oe, useCallback as U, useEffect as ve, useImperativeHandle as Qe } from "react";
+import Xe from "./Spinner.es.js";
+import { createPortal as Ye } from "react-dom";
+import { u as Ze } from "./useDragScroll-CHN9OMwn.js";
+import { u as et, I as tt } from "./Input-EkMrxcNX.js";
+import { H as nt } from "./HelperComponent-DhGU_ug-.js";
+import { Close as rt } from "./Icons/Close.es.js";
+import lt from "./CheckBox.es.js";
 import Ke from "./Skeleton.es.js";
+import { Cancel as ot } from "./Icons/Cancel.es.js";
+import { ChevronDown as Ue } from "./Icons/ChevronDown.es.js";
+import { Search as st } from "./Icons/Search.es.js";
 const at = {
   default: {
     container: "text-neutral-default-default border-neutral-default-default ",
@@ -49,7 +52,7 @@ const at = {
           ),
           type: "button",
           tabIndex: h,
-          children: /* @__PURE__ */ s.jsx(Qe, { size: 18, className: f(u && Fe.icon) })
+          children: /* @__PURE__ */ s.jsx(rt, { size: 18, className: f(u && Fe.icon) })
         }
       )
     ]
@@ -85,8 +88,8 @@ const qe = (e, n) => {
   if (u.length > i.length) return !1;
   const j = Math.floor(u.length * m);
   if (j <= 0) return !1;
-  const p = (b, E) => {
-    const I = b.length, W = E.length;
+  const p = (b, k) => {
+    const I = b.length, W = k.length;
     if (I === 0) return W;
     if (W === 0) return I;
     const A = new Array(W + 1);
@@ -95,15 +98,15 @@ const qe = (e, n) => {
       let S = x - 1;
       A[0] = x;
       for (let z = 1; z <= W; z++) {
-        const se = A[z], K = b.charCodeAt(x - 1) === E.charCodeAt(z - 1) ? 0 : 1, V = A[z] + 1, M = A[z - 1] + 1, N = S + K;
+        const se = A[z], K = b.charCodeAt(x - 1) === k.charCodeAt(z - 1) ? 0 : 1, V = A[z] + 1, M = A[z - 1] + 1, N = S + K;
         A[z] = V < M ? V < N ? V : N : M < N ? M : N, S = se;
       }
     }
     return A[W];
   };
   for (let b = 0; b <= i.length - u.length; b++) {
-    const E = i.slice(b, b + u.length);
-    if (p(E, u) <= j) return !0;
+    const k = i.slice(b, b + u.length);
+    if (p(k, u) <= j) return !0;
   }
   return !1;
 }, ut = (e) => {
@@ -167,7 +170,7 @@ const qe = (e, n) => {
   )
 };
 function ct(e) {
-  const [n, m] = De(!1), [i, u] = De([]), [v, h] = De(""), j = ce(null), p = ce(null), b = ce(null), E = ce(null), I = ce(
+  const [n, m] = De(!1), [i, u] = De([]), [v, h] = De(""), j = ce(null), p = ce(null), b = ce(null), k = ce(null), I = ce(
     () => {
     }
   ), W = ce(null), A = ce(/* @__PURE__ */ new Set()), {
@@ -179,7 +182,7 @@ function ct(e) {
     controls: V,
     className: M,
     placeholder: N,
-    optionValue: k,
+    optionValue: E,
     optionLabel: de,
     renderOption: J,
     renderOptionGroupHeader: fe,
@@ -191,7 +194,7 @@ function ct(e) {
     dropdownOptions: O,
     helperComponent: ee,
     errorComponent: Ce,
-    onRemoveOption: ke,
+    onRemoveOption: Ee,
     onOptionClick: X,
     onClose: Se,
     onClear: me,
@@ -203,8 +206,8 @@ function ct(e) {
     displayMode: we = "compact",
     labelVariant: ie = "default",
     disableOpenOnFocus: ze = !1,
-    emptyMessage: Ee = "No hay opciones disponibles"
-  } = e, { ref: Oe } = rt(), { bind: ne, ref: Me } = nt({
+    emptyMessage: ke = "No hay opciones disponibles"
+  } = e, { ref: Oe } = et(), { bind: ne, ref: Me } = Ze({
     axis: "x",
     cursor: { idle: "default", dragging: "grabbing" }
   }), pe = e.multiple ? Array.isArray(e.value) && e.value.length > 0 : e.value !== void 0 && e.value !== null && e.value !== "", Le = {}, Te = oe(() => ie === "static" && N ? N : "", [ie, N]), Ge = oe(
@@ -224,11 +227,11 @@ function ct(e) {
     return t[ie][a];
   }, T = U(
     (t) => ({
-      id: G(t, k),
-      value: G(t, k),
+      id: G(t, E),
+      value: G(t, E),
       label: G(t, de)
     }),
-    [k, de]
+    [E, de]
   ), Y = oe(() => ut(K), [K]), ge = oe(
     () => Y.map(T),
     [Y, T]
@@ -237,18 +240,18 @@ function ct(e) {
     if (e.multiple)
       e.value?.forEach((a) => {
         const l = Y?.find(
-          (g) => G(g, k) === a
+          (g) => G(g, E) === a
         );
         l && t.push(l);
       });
     else {
       const a = Y?.find(
-        (l) => G(l, k) === e.value
+        (l) => G(l, E) === e.value
       );
       a && t.push(a);
     }
     return t;
-  }, [e.value, k, Y, e.multiple]), o = oe(
+  }, [e.value, E, Y, e.multiple]), o = oe(
     () => r.map(T),
     [r, T]
   ), c = oe(
@@ -259,7 +262,7 @@ function ct(e) {
     return K.forEach((a, l) => {
       const g = a, H = g.options;
       if (Array.isArray(H) && H.length > 0) {
-        const $ = g.label, P = G(a, k), le = `__group-${String(P ?? l)}`, xe = {
+        const $ = g.label, P = G(a, E), le = `__group-${String(P ?? l)}`, xe = {
           id: le,
           value: le,
           label: typeof $ == "string" ? $ : String(P ?? `Grupo ${l + 1}`),
@@ -276,7 +279,7 @@ function ct(e) {
       } else
         J ? t.push(a) : t.push(T(a));
     }), t;
-  }, [K, k, J, T]), w = U(
+  }, [K, E, J, T]), w = U(
     (t, a) => {
       if (!t || t.length === 0) return;
       const l = t.map(
@@ -349,21 +352,21 @@ function ct(e) {
     (t) => {
       e.multiple || e.onChange?.(void 0, S);
       const a = Y.find(
-        (g) => G(g, k) === t
+        (g) => G(g, E) === t
       );
       if (!a) return;
       const l = T(a);
-      X?.(l, S), I.current?.(l), ke?.(a);
+      X?.(l, S), I.current?.(l), Ee?.(a);
     },
     [
       X,
-      ke,
+      Ee,
       Y,
       S,
       e.multiple,
       e.onChange,
       T,
-      k
+      E
     ]
   ), re = U(
     (t) => {
@@ -395,7 +398,7 @@ function ct(e) {
       } catch {
       }
     });
-  }, [n]), Ze(
+  }, [n]), Qe(
     V,
     () => ({
       open: () => {
@@ -452,7 +455,7 @@ function ct(e) {
               id: x,
               tabIndex: 0,
               role: "button",
-              ref: E,
+              ref: k,
               onFocus: be,
               onKeyDown: ue,
               onClick: (t) => {
@@ -511,7 +514,7 @@ function ct(e) {
                 ),
                 /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
                   he && /* @__PURE__ */ s.jsx(
-                    et,
+                    Xe,
                     {
                       size: "small",
                       variant: "sync",
@@ -527,7 +530,7 @@ function ct(e) {
                       type: "button",
                       tabIndex: -1,
                       children: /* @__PURE__ */ s.jsx(
-                        Xe,
+                        ot,
                         {
                           size: 20,
                           className: f(
@@ -560,9 +563,9 @@ function ct(e) {
             label: z,
             isOpen: n,
             disabled: te,
-            optionValue: k,
+            optionValue: E,
             optionLabel: de,
-            emptyMessage: Ee,
+            emptyMessage: ke,
             labelVariant: ie,
             renderOption: J,
             renderOptionGroupHeader: fe,
@@ -576,7 +579,7 @@ function ct(e) {
             options: d,
             selectRef: j,
             dropdownRef: p,
-            selectButtonRef: E,
+            selectButtonRef: k,
             helperComponentRef: W,
             onOptionClick: y,
             onCloseDropdown: () => m(!1),
@@ -597,7 +600,7 @@ function ct(e) {
           }
         ),
         (Ce || ee) && /* @__PURE__ */ s.jsx("div", { className: "min-h-6", children: /* @__PURE__ */ s.jsx(
-          ot,
+          nt,
           {
             ref: W,
             variant: F,
@@ -609,7 +612,7 @@ function ct(e) {
     }
   );
 }
-const dt = Z(ct, (e, n) => e.value === n.value && e.options === n.options && e.isLoading === n.isLoading && e.disabled === n.disabled && e.errorComponent === n.errorComponent && e.helperComponent === n.helperComponent && e.variant === n.variant && e.label === n.label && e.id === n.id && e.name === n.name && e.placeholder === n.placeholder && e.renderOptionContext === n.renderOptionContext && e.dropdownOptions?.controledSearchValue === n.dropdownOptions?.controledSearchValue && e.dropdownOptions?.isLoading === n.dropdownOptions?.isLoading), Dt = dt;
+const dt = Z(ct, (e, n) => e.value === n.value && e.options === n.options && e.isLoading === n.isLoading && e.disabled === n.disabled && e.errorComponent === n.errorComponent && e.helperComponent === n.helperComponent && e.variant === n.variant && e.label === n.label && e.id === n.id && e.name === n.name && e.placeholder === n.placeholder && e.renderOptionContext === n.renderOptionContext && e.dropdownOptions?.controledSearchValue === n.dropdownOptions?.controledSearchValue && e.dropdownOptions?.isLoading === n.dropdownOptions?.isLoading), Et = dt;
 function ft({
   footer: e,
   isOpen: n,
@@ -621,7 +624,7 @@ function ft({
   inputProps: j,
   dropdownRef: p,
   optionLabel: b,
-  optionValue: E,
+  optionValue: k,
   searchValue: I,
   labelVariant: W,
   emptyMessage: A,
@@ -633,7 +636,7 @@ function ft({
   searchInputRef: V,
   setSearchValue: M,
   dropdownHeight: N,
-  attachToParent: k,
+  attachToParent: E,
   filteredOptions: de,
   selectButtonRef: J,
   onCloseDropdown: fe,
@@ -645,7 +648,7 @@ function ft({
   onSearchValueChange: O,
   isLoading: ee = !1,
   hideSearchBar: Ce = !1,
-  inputSearchPlaceholder: ke = "Buscar opciones",
+  inputSearchPlaceholder: Ee = "Buscar opciones",
   enableGroupToggle: X = !0,
   onGroupSelectChange: Se
 }) {
@@ -657,7 +660,7 @@ function ft({
   ), ze = U(
     (r) => !we.has(r),
     [we]
-  ), Ee = U(
+  ), ke = U(
     (r, o) => {
       ie((c) => {
         const d = new Set(c), w = d.has(r);
@@ -690,7 +693,7 @@ function ft({
         p.current.style.maxHeight = "0", p.current.style.opacity = "0", p.current.style.pointerEvents = "none";
         return;
       }
-      if (!k) {
+      if (!E) {
         const o = Me();
         Ae(o), Oe(o.direction), ne(o.height);
       }
@@ -698,7 +701,7 @@ function ft({
     }
   };
   ve(() => {
-    k || !h.current || !n || Oe();
+    E || !h.current || !n || Oe();
   }, [ae]), ve(() => {
     pe(n);
   }, [n]), ve(() => {
@@ -757,7 +760,7 @@ function ft({
     if (K) {
       K(), Q(
         i.filter((r) => {
-          const o = x ? G(r, E) : r.id;
+          const o = x ? G(r, k) : r.id;
           return ae.has(o);
         })
       );
@@ -767,7 +770,7 @@ function ft({
   }, [
     i,
     ae,
-    E,
+    k,
     K,
     Q,
     M,
@@ -839,7 +842,7 @@ function ft({
       className: f(
         " z-100! w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-lg shadow-lg",
         " overflow-hidden focus-visible:bg-neutral-default-hover    ",
-        k ? "absolute z-50 " : "fixed z-100 top-0 left-0",
+        E ? "absolute z-50 " : "fixed z-100 top-0 left-0",
         he.direction === "up" ? "h-auto" : " h-max",
         Ie
       ),
@@ -856,7 +859,7 @@ function ft({
           },
           children: [
             !Ce && /* @__PURE__ */ s.jsx(
-              lt,
+              tt,
               {
                 name: "",
                 label: "",
@@ -866,12 +869,12 @@ function ft({
                 disabled: v,
                 ref: V,
                 labelVariant: "static",
-                icon: /* @__PURE__ */ s.jsx(Ye, { size: 22 }),
+                icon: /* @__PURE__ */ s.jsx(st, { size: 22 }),
                 isFetching: ee,
                 onKeyDown: $e,
                 onClear: Ge,
                 onChange: (r) => Te(r.target.value),
-                placeholder: ke,
+                placeholder: Ee,
                 className: " bg-neutral-medium-pressed",
                 ...j
               }
@@ -879,10 +882,10 @@ function ft({
             /* @__PURE__ */ s.jsx("div", { className: " overflow-y-auto flex-1 max-h-max ", children: de.length === 0 ? ee ? /* @__PURE__ */ s.jsx("div", { className: "flex flex-col gap-1 overflow-hidden w-full", children: je || Y }) : /* @__PURE__ */ s.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: I ? `No se encontraron resultados para "${I}"` : A }) : (() => {
               let r = !0;
               return de.map((o) => {
-                const c = o, d = !!c.isGroupHeader, w = x && !d ? G(o, E) : c.id, L = ae.has(w), y = (l) => !x || d ? l : {
+                const c = o, d = !!c.isGroupHeader, w = x && !d ? G(o, k) : c.id, L = ae.has(w), y = (l) => !x || d ? l : {
                   id: w,
                   label: String(G(l, b)),
-                  value: G(l, E)
+                  value: G(l, k)
                 }, R = (l) => {
                   d || se(
                     y(o),
@@ -918,12 +921,12 @@ function ft({
                   const l = c.groupLabelNode ?? c.label, g = String(c.id), H = X === !1 ? !0 : ze(g);
                   r = H;
                   const $ = c.originalOption, P = c.groupData?.groupOptions ?? [], le = (_) => {
-                    X && Ee(g, _);
+                    X && ke(g, _);
                   }, xe = (_) => {
                     !P || P.length === 0 || Se && Se(P, _);
                   }, ye = P.filter(
-                    (_) => ae.has(G(_, E))
-                  ).map((_) => String(G(_, E)));
+                    (_) => ae.has(G(_, k))
+                  ).map((_) => String(G(_, k)));
                   if (z) {
                     const _ = Z(
                       z,
@@ -949,7 +952,7 @@ function ft({
                         "div",
                         {
                           className: "cursor-pointer",
-                          onClick: () => Ee(g),
+                          onClick: () => ke(g),
                           children: /* @__PURE__ */ s.jsx(
                             Ue,
                             {
@@ -1013,7 +1016,7 @@ function ft({
       )
     }
   );
-  return k ? ge : tt(ge, document.body);
+  return E ? ge : Ye(ge, document.body);
 }
 const mt = Z(
   ft,
@@ -1056,7 +1059,7 @@ const mt = Z(
             u && !h && "text-neutral-default-disabled hover:bg-neutral-default-default"
           ),
           children: [
-            i && !h && /* @__PURE__ */ s.jsx(st, { checked: n, disabled: u }),
+            i && !h && /* @__PURE__ */ s.jsx(lt, { checked: n, disabled: u }),
             /* @__PURE__ */ s.jsx("span", { children: p })
           ]
         },
@@ -1094,6 +1097,6 @@ const Je = Z(
 );
 Je.displayName = "DefaultSelectionDisplay";
 export {
-  Dt as S,
+  Et as S,
   G as g
 };

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-DfjHfmxM.js";
+import { S as f } from "./Select-CRFOzYc6.js";
 export {
   f as default
 };

package/dist/SelectSearch.es.js

@@ -1,5 +1,5 @@
 import { j as G } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as H } from "./Select-DfjHfmxM.js";
+import { g as i, S as H } from "./Select-CRFOzYc6.js";
 import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
 function te(e) {
   const {

package/dist/Steps.es.js

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { C as j } from "./Icons_Legacy-BJgYCS_W.js";
-import { c as y } from "./cn-B6yFEsav.js";
+import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";
+import { Check as y } from "./Icons/Check.es.js";
 const b = ({
   index: n,
   isHorizontal: t,
@@ -141,10 +141,10 @@ const b = ({
             transition: { duration: 0.3, delay: l * 0.3 },
             whileTap: f ? { scale: 0.95 } : {},
             onClick: () => h(l),
-            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(j, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
+            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : N.cloneElement(a.icon, { size: m[i].iconSize })
           }
         ),
-        s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: y(
+        s !== "minimal" && s !== "numbered-minimal" && a.description && /* @__PURE__ */ e.jsx("p", { className: j(
           "absolute text-center w-28 -bottom-2 translate-y-full",
           m[i].description,
           "text-gray-400 mt-2 text-center",
@@ -177,7 +177,7 @@ const b = ({
             transition: { duration: 0.3, delay: l * 0.1 },
             whileTap: f ? { scale: 0.95 } : {},
             onClick: () => h(l),
-            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(j, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
+            children: s === "numbered" || s === "numbered-minimal" || !a.icon ? d === "completed" ? /* @__PURE__ */ e.jsx(r.div, { initial: { scale: 0 }, animate: { scale: 1 }, transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(y, { size: 24, className: "text-neutral-strong-default" }) }) : /* @__PURE__ */ e.jsx("span", { children: l + 1 }) : a.icon
           }
         ),
         s !== "minimal" && s !== "numbered-minimal" && /* @__PURE__ */ e.jsx(
@@ -187,7 +187,7 @@ const b = ({
             initial: { opacity: 0, x: -10 },
             animate: { opacity: 1, x: 0 },
             transition: { duration: 0.3, delay: l * 0.1 + 0.1 },
-            children: a.description && /* @__PURE__ */ e.jsx("p", { className: y(
+            children: a.description && /* @__PURE__ */ e.jsx("p", { className: j(
               "h-full text-start flex items-center justify-start ",
               m[i].description,
               "text-gray-400",

package/dist/Toast.es.js

@@ -1,9 +1,13 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import w from "react";
 import { toast as p } from "sonner";
-import { c as o } from "./cn-B6yFEsav.js";
-import { I as m, E as u, O as f, Q as b, a as C } from "./Icons_Legacy-BJgYCS_W.js";
+import { c as s } from "./cn-B6yFEsav.js";
+import { Info as m } from "./Icons/Info.es.js";
+import { Error as u } from "./Icons/Error.es.js";
+import { Cancel as f } from "./Icons/Cancel.es.js";
+import { CheckCircle as b } from "./Icons/CheckCircle.es.js";
 import h from "./Button.es.js";
+import { Close as C } from "./Icons/Close.es.js";
 const x = {
   dark: {
     success: {
@@ -63,18 +67,18 @@ const x = {
     shadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.35),8px 8px 20px 0px rgba(0, 0, 0, 0.3),0px 0px 15px 0px rgba(0, 0, 0, 0.2),0px 0px 20px 0px rgba(21, 21, 21, 0.3) inset,6px 0px 100px 0px rgba(0, 0, 0, 0.05) inset"
   }
 }, v = (c) => {
-  const { title: t, description: n, button: s, id: i, icon: d, variant: r = "info", colorMode: a = "dark", showClose: g = !1 } = c;
+  const { title: r, description: i, button: a, id: n, icon: d, variant: o = "info", colorMode: t = "dark", showClose: g = !1 } = c;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       style: {
-        boxShadow: l[a].shadow
+        boxShadow: l[t].shadow
       },
-      className: o(
+      className: s(
         "flex p-3 pb-4 md:w-[485px] md:max-w-[485px] md:min-w-[485px] md:h-[68px] md:max-h-[68px] rounded-lg gap-2",
         "w-[345px] max-w-[345px] min-w-[345px] h-[68px] max-h-[68px]",
-        l[a].container,
-        x[a][r].container
+        l[t].container,
+        x[t][o].container
       ),
       children: [
         /* @__PURE__ */ e.jsxs(
@@ -82,20 +86,20 @@ const x = {
           {
             className: "flex items-center justify-start gap-2 max-h-[38px] h-[38px] overflow-hidden flex-1 ",
             children: [
-              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(d || x[a][r].icon, { size: 24, className: x[a][r].iconClass }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "f", style: { color: "inherit" }, children: w.createElement(d || x[t][o].icon, { size: 24, className: x[t][o].iconClass }) }),
               /* @__PURE__ */ e.jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [
-                /* @__PURE__ */ e.jsx("p", { className: o("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", l[a].title), children: t }),
-                n && /* @__PURE__ */ e.jsx("p", { className: o("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", l[a].description), children: n })
+                /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-label-medium md:prometeo-fonts-label-xlarge", l[t].title), children: r }),
+                i && /* @__PURE__ */ e.jsx("p", { className: s("select-none prometeo-fonts-body-xsmall md:prometeo-fonts-body-small text-nowrap overflow-ellipsis ", l[t].description), children: i })
               ] })
             ]
           }
         ),
-        s?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
+        a?.label && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ e.jsx(
           h,
           {
-            label: s?.label,
+            label: a?.label,
             onClick: () => {
-              s?.onClick(), p.dismiss(i);
+              a?.onClick(), p.dismiss(n);
             },
             size: "small",
             color: "secondary"
@@ -105,42 +109,42 @@ const x = {
           h,
           {
             onClick: () => {
-              p.dismiss(i);
+              p.dismiss(n);
             },
             label: "",
             size: "small",
             color: "secondary",
-            icon: /* @__PURE__ */ e.jsx(C, { className: o(a === "light" ? "text-neutral-medium-focused " : "") }),
+            icon: /* @__PURE__ */ e.jsx(C, { className: s(t === "light" ? "text-neutral-medium-focused " : "") }),
             variant: "text",
             animate: !1,
-            className: o(a === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
+            className: s(t === "light" ? "hover:bg-neutral-default-hover-light focus:bg-inherit active:bg-neutral-weak-hover " : "")
           }
         ) })
       ]
     }
   );
 };
-function M(c, t) {
-  const { duration: n = 2500, showClose: s = !1, colorMode: i = "dark", position: d } = t || {};
-  return p.custom((r) => /* @__PURE__ */ e.jsx(
+function _(c, r) {
+  const { duration: i = 2500, showClose: a = !1, colorMode: n = "dark", position: d } = r || {};
+  return p.custom((o) => /* @__PURE__ */ e.jsx(
     v,
     {
-      id: r,
-      variant: t?.variant || "success",
+      id: o,
+      variant: r?.variant || "success",
       title: c,
-      description: t?.description,
-      icon: t?.icon,
-      button: t?.button,
-      showClose: s,
-      colorMode: i
+      description: r?.description,
+      icon: r?.icon,
+      button: r?.button,
+      showClose: a,
+      colorMode: n
     }
   ), {
-    duration: n,
+    duration: i,
     position: d,
     unstyled: !0
   });
 }
 export {
   v as default,
-  M as toastpyrion
+  _ as toastpyrion
 };

package/dist/Tooltip.es.js

@@ -1,7 +1,7 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { a as f } from "./Icons_Legacy-BJgYCS_W.js";
-import { AnimatePresence as p, motion as n } from "framer-motion";
-import { useState as x, cloneElement as b } from "react";
+import { AnimatePresence as f, motion as n } from "framer-motion";
+import { useState as p, cloneElement as x } from "react";
+import { Close as b } from "./Icons/Close.es.js";
 const N = ({
   title: i,
   trigger: o,
@@ -9,7 +9,7 @@ const N = ({
   position: t = "top",
   component: c
 }) => {
-  const [s, l] = x(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
+  const [s, l] = p(!1), m = () => l(!0), a = () => l(!1), u = o === "hover" ? {
     onMouseEnter: m,
     onMouseLeave: a
   } : {
@@ -21,8 +21,8 @@ const N = ({
     right: "left-full top-1/2 -translate-y-1/2 ml-2"
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "relative inline-block", children: [
-    b(r, u),
-    /* @__PURE__ */ e.jsx(p, { children: s && /* @__PURE__ */ e.jsx(
+    x(r, u),
+    /* @__PURE__ */ e.jsx(f, { children: s && /* @__PURE__ */ e.jsx(
       n.div,
       {
         initial: { opacity: 0, scale: 0.8, y: t === "top" ? 10 : -10 },
@@ -49,7 +49,7 @@ const N = ({
               className: "absolute cursor-pointer -top-2 -right-2 w-6 h-6 bg-neutral-strong-default hover:bg-neutral-medium-default rounded-full flex items-center justify-center transition-colors z-10",
               whileHover: { scale: 1.1 },
               whileTap: { scale: 0.95 },
-              children: /* @__PURE__ */ e.jsx(f, { size: 14, className: "text-white" })
+              children: /* @__PURE__ */ e.jsx(b, { size: 14, className: "text-white" })
             }
           )
         ] })

package/dist/components/FAB/FAButton.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ColorVariant, ButtonVariant } from '../Shared/types';
-import { IconComponent } from '../../Icons/Icons_Legacy';
+import { IconComponent } from '../../Icons/types';
 export interface FAButtonProps {
     icon?: IconComponent;
     label?: string;

package/dist/components/NavigationDrawer/NavItem.d.ts

@@ -1,4 +1,6 @@
-import { IconComponent } from '../../Icons/Icons_Legacy';
+import { IconComponent } from '../../Icons/types';
+import { ReactNode } from 'react';
+import { NavItemSecondaryProps } from './NavItemSecondary';
 export interface NavItemProps {
     path: string;
     title: string;
@@ -10,6 +12,13 @@ export interface NavItemProps {
     isSelected?: boolean;
     isCollapsed?: boolean;
     onClick?: (path: string) => void;
+    sublinks?: NavItemSecondaryProps[];
+    subLinksRender?: (sublinks: NavItemSecondaryProps[], controls: NavItemHandler) => ReactNode;
 }
-declare const NavItem: import('react').MemoExoticComponent<(props: NavItemProps) => import("react/jsx-runtime").JSX.Element>;
+interface NavItemHandler {
+    toggle: () => void;
+    setIsCollapsed: (collapsed: boolean) => void;
+    isCollapsed: boolean;
+}
+declare const NavItem: import('react').NamedExoticComponent<NavItemProps & import('react').RefAttributes<NavItemHandler>>;
 export default NavItem;