prometeo-design-system 3.0.6 → 3.0.8

package/dist/SelectSearch.es.js

@@ -1,106 +1,116 @@
-import { j as G } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as H } from "./Select-DfjHfmxM.js";
-import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
+import { j as q } from "./jsx-runtime-DKDX3adD.js";
+import { g as l, S as G } from "./Select-CRFOzYc6.js";
+import { useState as T, useRef as I, useEffect as h, useMemo as H, useCallback as Q } from "react";
 function te(e) {
   const {
-    options: O,
-    fetcher: s,
+    options: y,
+    fetcher: u,
     asyncMode: V = "fetch_in_open",
     disabled: S = !1,
-    debounceDelay: R = 500,
+    debounceDelay: A = 500,
     minCharacters: _ = 3,
-    optionLabel: f,
-    optionValue: u,
+    optionLabel: d,
+    optionValue: c,
     controlledValue: m,
-    isOpen: F,
-    inputRef: j,
-    name: y
-  } = e || {}, [C, k] = T(O || []), [J, p] = T(O || []), [a, x] = T(""), [M, r] = T(!1), [v, b] = T(!1), g = I(null), D = I(null), N = I(!1), E = I(s), P = e?.multiple === !0 || !1, w = I(P ? [] : void 0), [d, A] = T(P ? [] : void 0);
+    isOpen: x,
+    inputRef: R,
+    name: p
+  } = e || {}, [O, j] = T(y || []), [J, C] = T(y || []), [a, k] = T(""), [E, o] = T(!1), [v, b] = T(!1), g = I(null), D = I(null), N = I(!1), F = I(u), M = e?.multiple === !0 || !1, w = I(M ? [] : void 0), [f, P] = T(M ? [] : void 0);
   h(() => {
-    E.current = s;
-  }, [s]), h(() => {
-    m !== void 0 && A(m);
+    F.current = u;
+  }, [u]), h(() => {
+    m !== void 0 && P(m);
   }, [m]), h(() => {
-    w.current = m !== void 0 ? m : d;
-  }, [m, d]), h(() => {
-    e?.options && (k(e.options), p(e.options));
+    w.current = m !== void 0 ? m : f;
+  }, [m, f]), h(() => {
+    e?.options && (j(e.options), C(e.options));
   }, [e?.options]);
-  const U = Q(() => (t, n) => new Promise((o, l) => {
-    g.current && clearTimeout(g.current), g.current = setTimeout(() => t(a).then(o).catch(l), n);
-  }), [a]), Y = (t) => {
-    const n = m !== void 0, o = (l) => u ? i(l, u) : i(l, "id");
+  const U = H(() => (t, n) => new Promise((r, i) => {
+    g.current && clearTimeout(g.current), g.current = setTimeout(() => t(a).then(r).catch(i), n);
+  }), [a]), X = (t) => {
+    const n = m !== void 0, r = (i) => c ? l(i, c) : l(i, "id");
     if (e?.multiple === !0) {
-      const l = w.current || [];
-      let c;
-      l.some((L) => o(L) === o(t)) ? c = l.filter((L) => o(L) !== o(t)) : c = [...l, t], n ? (w.current = c, e?.onChange?.(c, y)) : (w.current = c, A(c), e?.onChange?.(c, y));
+      const i = w.current || [];
+      let s;
+      i.some((L) => r(L) === r(t)) ? s = i.filter((L) => r(L) !== r(t)) : s = [...i, t], n ? (w.current = s, e?.onChange?.(s, p)) : (w.current = s, P(s), e?.onChange?.(s, p));
     } else
-      n ? (w.current = t, e?.onChange?.(t, y)) : (w.current = t, A(t), e?.onChange?.(t, y));
-  }, W = (t) => (e?.onFetchingStart?.(), E.current?.(t) || Promise.resolve([])), K = X((t, n) => t.length === 0 ? n : u ? n.filter((o) => !t.some((l) => i(l, u) === i(o, u))) : n.filter((o) => !t.some((l) => i(l, "id") === i(o, "id"))), [u]);
+      n ? (w.current = t, e?.onChange?.(t, p)) : (w.current = t, P(t), e?.onChange?.(t, p));
+  }, W = (t) => (e?.onFetchingStart?.(), F.current?.(t) || Promise.resolve([])), K = Q((t, n) => t.length === 0 ? n : c ? n.filter((r) => !t.some((i) => l(i, c) === l(r, c))) : n.filter((r) => !t.some((i) => l(i, "id") === l(r, "id"))), [c]);
   h(() => {
     const t = e?.subscribeOpenChange;
     if (!t) return;
-    const n = t((o) => {
-      b(o);
+    const n = t((r) => {
+      b(r);
     });
     return () => {
       n && n();
     };
   }, [e?.subscribeOpenChange]);
-  const B = F !== void 0 ? F : v;
+  const $ = x !== void 0 ? x : v;
   h(() => {
-    if (!S && E.current && V === "fetch_on_type") {
+    if (!S && F.current && V === "fetch_on_type") {
       if (!a || a === "" || a.length < _) {
-        g.current && clearTimeout(g.current), r(!1);
+        g.current && clearTimeout(g.current), o(!1);
         return;
       }
-      const t = U(W, R);
-      r(!0), t.then((n) => {
-        k(n);
+      const t = U(W, A);
+      o(!0), t.then((n) => {
+        if (!Array.isArray(n))
+          return console.debug(`El resultado del fetcher no es un Array (tipo de resultado obtenido: ${typeof n})`), [];
+        j(n);
       }).finally(() => {
-        r(!1), e?.onFetchingEnd?.();
+        o(!1), e?.onFetchingEnd?.();
       });
     }
-  }, [V, a, S, R, U, _]), h(() => {
+  }, [V, a, S, A, U, _]), h(() => {
     if (!S)
-      if (B) {
+      if ($) {
         if (e?.onOpen?.(), V === "fetch_in_open") {
-          if (!E.current)
+          if (!F.current)
             return;
-          r(!0), W().then((t) => {
-            k(() => P && d.length > 0 ? [...K(d, t), ...d] : t);
+          o(!0), W().then((t) => {
+            if (!Array.isArray(t))
+              return console.debug(`El resultado del fetcher no es un Array (tipo de resultado obtenido: ${typeof t})`), [];
+            j(() => {
+              const n = t.filter((r) => {
+                if (c)
+                  return l(r, c) !== void 0;
+              });
+              return M && f.length > 0 ? [...K(f, n), ...f] : n;
+            });
           }).finally(() => {
-            r(!1), e?.onFetchingEnd?.();
+            o(!1), e?.onFetchingEnd?.();
           });
         }
       } else
         e?.onClose?.();
-  }, [B, V, S]);
-  const q = (t, n) => t.filter((o) => {
-    if (f)
-      return i(o, f).toLowerCase().includes(n.toLowerCase());
-    switch (typeof o) {
+  }, [$, V, S]);
+  const z = (t, n) => t?.filter((r) => {
+    if (d)
+      return l(r, d)?.toLowerCase().includes(n.toLowerCase());
+    switch (typeof r) {
       case "string":
-        return o.toLowerCase().includes(n.toLowerCase());
+        return r?.toLowerCase().includes(n.toLowerCase());
       case "number":
-        return o.toString().includes(n);
+        return r.toString().includes(n);
       case "object":
-        return Object.values(o).some((c) => c.toString().toLowerCase().includes(n.toLowerCase()));
+        return Object.values(r).some((s) => s.toString()?.toLowerCase().includes(n.toLowerCase()));
       default:
         return !1;
     }
-  }), Z = (t) => t.sort((n, o) => {
-    if (f)
-      return i(n, f) < i(o, f) ? -1 : 1;
+  }) || [], Y = (t) => t?.sort((n, r) => {
+    if (d)
+      return l(n, d) < l(r, d) ? -1 : 1;
     {
-      const c = ["label", "name", "value"].find((L) => typeof n == "object" && Object.keys(n).includes(L));
+      const s = ["label", "name", "value"].find((L) => typeof n == "object" && Object.keys(n).includes(L));
       switch (typeof n) {
         case "string":
-          return n < o ? -1 : 1;
+          return n < r ? -1 : 1;
         case "number":
-          return n < o ? -1 : 1;
+          return n < r ? -1 : 1;
         case "object":
-          if (c) {
-            const L = i(n, c), ee = i(o, c);
+          if (s) {
+            const L = l(n, s), ee = l(r, s);
             return L < ee ? -1 : 1;
           } else
             return 1;
@@ -108,127 +118,127 @@ function te(e) {
           return 1;
       }
     }
-  }), z = (t) => {
-    const n = typeof j == "function" ? j() : j;
+  }) || [], B = (t) => {
+    const n = typeof R == "function" ? R() : R;
     t.target === n?.current && (D.current && clearTimeout(D.current), N.current || (N.current = !0, e?.onTypeStart?.()), D.current = setTimeout(() => {
       N.current = !1;
-    }, R));
+    }, A));
   };
   return h(() => {
     if (a === "")
-      p(Z(C));
-    else if (P) {
-      const t = K(d, C);
-      p([...q(t, a), ...d]);
+      C(Y(O));
+    else if (M) {
+      const t = K(f, O);
+      C([...z(t, a), ...f]);
     } else {
-      const t = K([d], C);
-      p([...q(t, a), d]);
+      const t = K([f], O);
+      C([...z(t, a), f]);
     }
-  }, [C]), h(() => (document.addEventListener("keydown", z), () => {
-    document.removeEventListener("keydown", z);
+  }, [O]), h(() => (document.addEventListener("keydown", B), () => {
+    document.removeEventListener("keydown", B);
   }), []), {
     inputValue: a,
-    setInputValue: x,
+    setInputValue: k,
     cleanInputValue: () => {
-      x("");
+      k("");
     },
     filteredOptions: J,
-    isLoading: M,
-    value: d,
-    setValue: A,
-    onOptionClick: Y
+    isLoading: E,
+    value: f,
+    setValue: P,
+    onOptionClick: X
   };
 }
 const ie = (e) => {
-  const O = I(null);
+  const y = I(null);
   h(() => {
-    e.controls && (e.controls.current = O.current);
+    e.controls && (e.controls.current = y.current);
   }, [e.controls]);
-  const { asyncMode: s = "fetch_in_open" } = e, V = (r, v, b) => {
+  const { asyncMode: u = "fetch_in_open" } = e, V = (o, v, b) => {
     const g = {
-      options: r.options,
-      fetcher: r.fetcher,
+      options: o.options,
+      fetcher: o.fetcher,
       asyncMode: v,
-      debounceDelay: r.debounceDelay,
-      minCharacters: r.minCharacters,
-      disabled: r.disabled,
-      optionValue: r.optionValue,
-      optionLabel: r.optionLabel,
+      debounceDelay: o.debounceDelay,
+      minCharacters: o.minCharacters,
+      disabled: o.disabled,
+      optionValue: o.optionValue,
+      optionLabel: o.optionLabel,
       onFetchingStart: () => {
         v === "fetch_on_type" && b.current?.open();
       },
       onTypeStart: () => {
-        !r?.fetcher && b.current?.open();
+        !o?.fetcher && b.current?.open();
       },
       inputRef: () => b.current?.searchInputRef,
       subscribeOpenChange: b.current?.subscribeOpenChange,
-      name: r.name
+      name: o.name
     };
-    return r.multiple ? {
+    return o.multiple ? {
       ...g,
       multiple: !0,
-      controlledValue: r.value,
-      onChange: r.onChange
+      controlledValue: o.value,
+      onChange: o.onChange
     } : {
       ...g,
       multiple: !1,
-      controlledValue: r.value,
-      onChange: r.onChange
+      controlledValue: o.value,
+      onChange: o.onChange
     };
-  }, { inputValue: S, setInputValue: R, filteredOptions: _, isLoading: f, value: u, onOptionClick: m, cleanInputValue: F } = te(V(e, s, O)), j = X(() => s === "fetch_on_type" ? f : !1, [s, f]), y = Q(() => e.multiple ? u.map((r) => i(r, e.optionValue)) : u ? i(u, e.optionValue) : void 0, [u, e.optionValue, e.multiple]), C = (r) => {
-    const v = _.find((b) => i(b, e.optionValue) === r.id);
+  }, { inputValue: S, setInputValue: A, filteredOptions: _, isLoading: d, value: c, onOptionClick: m, cleanInputValue: x } = te(V(e, u, y)), R = Q(() => u === "fetch_on_type" ? d : !1, [u, d]), p = H(() => e.multiple ? c.map((o) => l(o, e.optionValue)) : c ? l(c, e.optionValue) : void 0, [c, e.optionValue, e.multiple]), O = (o) => {
+    const v = _.find((b) => l(b, e.optionValue) === o.id);
     v && m(v);
-  }, { displayMode: k = e.multiple ? "chips" : "compact", dropdownOptions: J, overflow: p = "scroll", onChange: a, ...x } = e.selectComponentProps || {}, M = {
+  }, { displayMode: j = e.multiple ? "chips" : "compact", dropdownOptions: J, overflow: C = "scroll", onChange: a, ...k } = e.selectComponentProps || {}, E = {
     controledSearchValue: S,
-    onSearchValueChange: s === "fetch_on_type" ? R : void 0,
-    onSearchClear: s === "fetch_on_type" ? F : void 0,
+    onSearchValueChange: u === "fetch_on_type" ? A : void 0,
+    onSearchClear: u === "fetch_on_type" ? x : void 0,
     inputSearchPlaceholder: e.inputSearchPlaceholder,
-    isLoading: j(),
+    isLoading: R(),
     ...J || {}
   };
-  return e.multiple ? /* @__PURE__ */ G.jsx(
-    H,
+  return e.multiple ? /* @__PURE__ */ q.jsx(
+    G,
     {
       disabled: e.disabled,
       className: e.className,
       name: e.name,
-      overflow: p,
-      ...x,
+      overflow: C,
+      ...k,
       multiple: !0,
-      value: y,
+      value: p,
       label: e.label || "",
       options: _,
       optionValue: e.optionValue,
       optionLabel: e.optionLabel,
       renderOption: e.renderOption,
-      onOptionClick: C,
-      displayMode: k,
-      controls: O,
+      onOptionClick: O,
+      displayMode: j,
+      controls: y,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
-      dropdownOptions: M,
-      isLoading: s === "fetch_in_open" ? f : !1
+      dropdownOptions: E,
+      isLoading: u === "fetch_in_open" ? d : !1
     }
-  ) : /* @__PURE__ */ G.jsx(
-    H,
+  ) : /* @__PURE__ */ q.jsx(
+    G,
     {
       disabled: e.disabled,
-      ...x,
+      ...k,
       className: e.className,
-      overflow: p,
+      overflow: C,
       name: e.name,
       multiple: !1,
-      value: y,
+      value: p,
       label: e.label || "",
       options: _,
       optionValue: e.optionValue,
       optionLabel: e.optionLabel,
       renderOption: e.renderOption,
-      onOptionClick: C,
+      onOptionClick: O,
       displayMode: "compact",
-      controls: O,
+      controls: y,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
-      dropdownOptions: M,
-      isLoading: s === "fetch_in_open" ? f : !1
+      dropdownOptions: E,
+      isLoading: u === "fetch_in_open" ? d : !1
     }
   );
 };

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;

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

@@ -0,0 +1,9 @@
+export interface NavItemSecondaryProps {
+    title: string;
+    path: string;
+    className?: string;
+    isSelected?: boolean;
+    onClick?: (path: string) => void;
+}
+declare const NavItemSecondary: import('react').MemoExoticComponent<(props: NavItemSecondaryProps) => import("react/jsx-runtime").JSX.Element>;
+export default NavItemSecondary;

package/dist/components/PyrionNavigationDrawer/PyirionNavigationDrawer.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { NavLinkProps } from 'react-router';
+import { NavItemProps } from '../NavigationDrawer/NavItem';
 type TProduct = {
     name: string;
     domain: string;
@@ -26,13 +26,15 @@ type TUser = {
     area?: string;
 };
 export interface PyirionNavigationDrawerProps {
-    navlinks?: NavLinkProps[];
+    links?: NavItemProps[];
     children?: ReactNode;
     state: {
         company: TCompany;
         enabled_systems: TSystem[];
         user: TUser;
     };
+    onLinkClick?: (path: string) => void;
+    onNavigate?: (from: string, to: string) => void;
 }
-declare const PyirionNavigationDrawer: ({ children, state }: PyirionNavigationDrawerProps) => import("react/jsx-runtime").JSX.Element;
+declare const PyirionNavigationDrawer: ({ children, state, links: navlinks, onLinkClick, onNavigate }: PyirionNavigationDrawerProps) => import("react/jsx-runtime").JSX.Element;
 export default PyirionNavigationDrawer;

package/dist/components/Toaster/Toaster.d.ts

@@ -1,5 +1,5 @@
 import { ColorMode } from '../Shared/types';
-import { IconComponent } from '../../Icons/Icons_Legacy';
+import { IconComponent } from '../../Icons/types';
 type ToastElementsProps = {
     container: string;
     iconClass: string;