prometeo-design-system 4.0.0 → 4.1.0

package/dist/SelectSearch.es.js

@@ -4,10 +4,10 @@ import { useState as A, useRef as E, useEffect as b, useMemo as ee, useCallback
 import Z from "./Select.es.js";
 function re(e) {
   const {
-    options: O,
+    options: p,
     fetcher: d,
-    asyncMode: w = "fetch_in_open",
-    disabled: S = !1,
+    asyncMode: _ = "fetch_in_open",
+    disabled: w = !1,
     debounceDelay: P = 500,
     minCharacters: T = 3,
     optionLabel: h,
@@ -15,12 +15,12 @@ function re(e) {
     controlledValue: f,
     isOpen: F,
     inputRef: y,
-    name: k
-  } = e || {}, M = O ? O.filter((t) => t != null) : [], [V, g] = A(M || []), [D, I] = A(M || []), [c, N] = A(""), [W, p] = A(!1), [J, U] = A(!1), l = E(null), C = E(null), m = E(!1), L = E(d), _ = e?.multiple === !0 || !1, j = E(_ ? [] : void 0), [a, v] = A(_ ? [] : void 0);
+    name: I
+  } = e || {}, M = p ? p.filter((t) => t != null) : [], [V, g] = A(M || []), [D, k] = A(M || []), [c, N] = A(""), [W, C] = A(!1), [J, U] = A(!1), l = E(null), O = E(null), m = E(!1), L = E(d), S = e?.multiple === !0 || !1, j = E(S ? [] : void 0), [a, v] = A(S ? [] : void 0);
   b(() => {
     L.current = d;
   }, [d]), b(() => {
-    if (_) {
+    if (S) {
       const t = z(f, "value");
       v(t);
     } else
@@ -30,7 +30,7 @@ function re(e) {
   }, [f, a]), b(() => {
     if (e?.options) {
       const t = e.options.filter((n) => n != null);
-      g(t), I(t);
+      g(t), k(t);
     }
   }, [e?.options]);
   const B = ee(() => (t, n) => new Promise((o, r) => {
@@ -40,9 +40,9 @@ function re(e) {
     if (e?.multiple === !0) {
       const r = j.current || [];
       let u;
-      r.some((x) => o(x) === o(t)) ? u = r.filter((x) => o(x) !== o(t)) : u = [...r, t], n ? (j.current = u, e?.onChange?.(u, k)) : (j.current = u, v(u), e?.onChange?.(u, k));
+      r.some((x) => o(x) === o(t)) ? u = r.filter((x) => o(x) !== o(t)) : u = [...r, t], n ? (j.current = u, e?.onChange?.(u, I)) : (j.current = u, v(u), e?.onChange?.(u, I));
     } else
-      n ? (j.current = t, e?.onChange?.(t, k)) : (j.current = t, v(t), e?.onChange?.(t, k));
+      n ? (j.current = t, e?.onChange?.(t, I)) : (j.current = t, v(t), e?.onChange?.(t, I));
   }, q = (t) => (e?.onFetchingStart?.(), L.current?.(t) || Promise.resolve([])), z = (t, n) => Array.isArray(t) ? (t.some((o) => typeof o != "object" || o === null) && console.debug(`El valor del ${n || "resultado del fetcher"} contiene elementos no válidos (null,undefined, no-object)`, t), t?.filter((o) => o != null) || []) : (console.debug(`El valor del ${n || "resultado del fetcher"} no es un Array (tipo de dato obtenido: ${typeof t})`), []), $ = te((t, n) => t.length === 0 ? n : s ? n.filter((o) => !t.some((r) => i(r, s) === i(o, s))) : n.filter((o) => !t.some((r) => i(r, "id") === i(o, "id"))), [s]);
   b(() => {
     const t = e?.subscribeOpenChange;
@@ -56,41 +56,41 @@ function re(e) {
   }, [e?.subscribeOpenChange]);
   const G = F !== void 0 ? F : J;
   b(() => {
-    if (!S && L.current && w === "fetch_on_type") {
+    if (!w && L.current && _ === "fetch_on_type") {
       if (!c || c === "" || c.length < T) {
-        l.current && clearTimeout(l.current), p(!1);
+        l.current && clearTimeout(l.current), C(!1);
         return;
       }
       const t = B(q, P);
-      p(!0), t.then((n) => {
+      C(!0), t.then((n) => {
         const o = z(n);
         g(o);
       }).finally(() => {
-        p(!1), e?.onFetchingEnd?.();
+        C(!1), e?.onFetchingEnd?.();
       });
     }
-  }, [w, c, S, P, B, T]), b(() => {
-    if (!S)
+  }, [_, c, w, P, B, T]), b(() => {
+    if (!w)
       if (G) {
-        if (e?.onOpen?.(), w === "fetch_in_open") {
+        if (e?.onOpen?.(), _ === "fetch_in_open") {
           if (!L.current)
             return;
-          p(!0), q().then((t) => {
+          C(!0), q().then((t) => {
             const n = z(t);
             g(() => {
               const o = n.filter((r) => {
                 if (s)
                   return i(r, s) !== void 0;
               });
-              return _ && a.length > 0 ? [...$(a, o), ...a] : o;
+              return S && a.length > 0 ? [...$(a, o), ...a] : o;
             });
           }).finally(() => {
-            p(!1), e?.onFetchingEnd?.();
+            C(!1), e?.onFetchingEnd?.();
           });
         }
       } else
         e?.onClose?.();
-  }, [G, w, S]);
+  }, [G, _, w]);
   const H = (t, n) => t?.filter((o) => {
     if (h)
       return i(o, h)?.toLowerCase().includes(n.toLowerCase());
@@ -129,19 +129,19 @@ function re(e) {
     }
   }) || [], Q = (t) => {
     const n = typeof y == "function" ? y() : y;
-    t.target === n?.current && (C.current && clearTimeout(C.current), m.current || (m.current = !0, e?.onTypeStart?.()), C.current = setTimeout(() => {
+    t.target === n?.current && (O.current && clearTimeout(O.current), m.current || (m.current = !0, e?.onTypeStart?.()), O.current = setTimeout(() => {
       m.current = !1;
     }, P));
   };
   b(() => {
     if (c === "")
-      I(oe(V));
-    else if (_) {
+      k(oe(V));
+    else if (S) {
       const t = $(a, V);
-      I([...H(t, c), ...a]);
+      k([...H(t, c), ...a]);
     } else {
       const t = $([a], V);
-      I([...H(t, c), a]);
+      k([...H(t, c), a]);
     }
   }, [V]), b(() => (document.addEventListener("keydown", Q), () => {
     document.removeEventListener("keydown", Q);
@@ -154,7 +154,7 @@ function re(e) {
     setInputValue: N,
     cleanInputValue: X,
     cleanOptions: () => {
-      if (_)
+      if (S)
         g(a);
       else {
         const t = a;
@@ -163,7 +163,7 @@ function re(e) {
       X();
     },
     clearValue: () => {
-      v(_ ? [] : void 0);
+      v(S ? [] : void 0);
     },
     filteredOptions: D,
     isLoading: W,
@@ -173,18 +173,18 @@ function re(e) {
   };
 }
 const he = (e) => {
-  const O = E(null), { asyncMode: d = "fetch_in_open" } = e, w = (l, C, m) => {
+  const p = E(null), { asyncMode: d = "fetch_in_open" } = e, _ = (l, O, m) => {
     const L = {
       options: l.options,
       fetcher: l.fetcher,
-      asyncMode: C,
+      asyncMode: O,
       debounceDelay: l.debounceDelay,
       minCharacters: l.minCharacters,
       disabled: l.disabled,
       optionValue: l.optionValue,
       optionLabel: l.optionLabel,
       onFetchingStart: () => {
-        C === "fetch_on_type" && m.current?.open();
+        O === "fetch_on_type" && m.current?.open();
       },
       onTypeStart: () => {
         !l?.fetcher && m.current?.open();
@@ -204,10 +204,10 @@ const he = (e) => {
       controlledValue: l.value,
       onChange: l.onChange
     };
-  }, { inputValue: S, setInputValue: P, filteredOptions: T, isLoading: h, value: s, onOptionClick: f, cleanInputValue: F, cleanOptions: y, clearValue: k } = re(w(e, d, O));
+  }, { inputValue: w, setInputValue: P, filteredOptions: T, isLoading: h, value: s, onOptionClick: f, cleanInputValue: F, cleanOptions: y, clearValue: I } = re(_(e, d, p));
   b(() => {
-    !e.controls || !O.current || (e.controls.current = {
-      ...O.current,
+    !e.controls || !p.current || (e.controls.current = {
+      ...p.current,
       cleanOptions: () => {
         y();
       }
@@ -217,19 +217,20 @@ const he = (e) => {
     () => d === "fetch_on_type" ? h : !1,
     [d, h]
   ), V = ee(() => e.multiple ? s.map((l) => i(l, e.optionValue)) : s ? i(s, e.optionValue) : void 0, [s, e.optionValue, e.multiple]), g = (l) => {
-    const C = T.find((m) => i(m, e.optionValue) === l.id);
-    C && f(C);
-  }, { displayMode: D = e.multiple ? "chips" : "compact", dropdownOptions: I, overflow: c = "scroll", onChange: N, onClear: W, ...p } = e.selectComponentProps || {}, J = {
-    controledSearchValue: S,
+    const O = T.find((m) => i(m, e.optionValue) === l.id);
+    O && f(O);
+  }, { displayMode: D = e.multiple ? "chips" : "compact", dropdownOptions: k, overflow: c = "scroll", onChange: N, onClear: W, ...C } = e.selectComponentProps || {}, J = {
+    controledSearchValue: w,
     onSearchValueChange: d === "fetch_on_type" ? P : void 0,
     onSearchClear: d === "fetch_on_type" ? () => {
       F(), y();
     } : void 0,
     inputSearchPlaceholder: e.inputSearchPlaceholder,
     isLoading: M(),
-    ...I || {}
+    focusSearchInputOnOpen: !0,
+    ...k || {}
   }, U = () => {
-    k(), e?.selectComponentProps?.onClear?.();
+    I(), e?.selectComponentProps?.onClear?.();
   };
   return e.multiple ? /* @__PURE__ */ Y.jsx(
     Z,
@@ -238,7 +239,7 @@ const he = (e) => {
       className: e.className,
       name: e.name,
       overflow: c,
-      ...p,
+      ...C,
       onClear: e?.selectComponentProps?.onClear && U,
       multiple: !0,
       value: V,
@@ -249,7 +250,7 @@ const he = (e) => {
       renderOption: e.renderOption,
       onOptionClick: g,
       displayMode: D,
-      controls: O,
+      controls: p,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
       dropdownOptions: J,
       isLoading: d === "fetch_in_open" ? h : !1
@@ -258,7 +259,7 @@ const he = (e) => {
     Z,
     {
       disabled: e.disabled,
-      ...p,
+      ...C,
       onClear: U,
       className: e.className,
       overflow: c,
@@ -272,7 +273,7 @@ const he = (e) => {
       renderOption: e.renderOption,
       onOptionClick: g,
       displayMode: "compact",
-      controls: O,
+      controls: p,
       emptyMessage: "Use el buscador para obtener las opciones disponibles",
       dropdownOptions: J,
       isLoading: d === "fetch_in_open" ? h : !1

package/dist/TabLinks.es.js

@@ -1,56 +1,95 @@
-import { j as n } from "./jsx-runtime-GkKLlHH4.js";
-import { motion as x } from "framer-motion";
-import { memo as N } from "react";
-import { c as r } from "./cn-B6yFEsav.js";
-function c({
+import { j as i } from "./jsx-runtime-GkKLlHH4.js";
+import { motion as C } from "framer-motion";
+import { memo as N, isValidElement as I } from "react";
+import { c as s } from "./cn-B6yFEsav.js";
+import z from "./PlainTooltip.es.js";
+const E = /* @__PURE__ */ Symbol.for("react.memo"), $ = (t, a, r) => {
+  if (!t)
+    return null;
+  if (typeof t == "function") {
+    const l = t;
+    return /* @__PURE__ */ i.jsx(l, { size: r, className: a });
+  }
+  if (typeof t == "object") {
+    if (I(t))
+      return t;
+    if ("$$typeof" in t && t.$$typeof === E) {
+      const l = t;
+      return /* @__PURE__ */ i.jsx(l, { size: r, className: a });
+    }
+  }
+  return t;
+};
+function p({
   items: t,
-  activeTab: e,
-  onTabChange: i,
+  activeTab: a,
+  onTabChange: r,
   className: l,
-  tabClassName: d,
-  activeTabClassName: o,
-  indicatorClassName: f,
-  animated: b = !0,
-  renderTab: m
+  tabClassName: o,
+  activeTabClassName: h,
+  indicatorClassName: g,
+  animated: y = !0,
+  renderTab: d
 }) {
-  const h = (a) => {
-    a.disabled || i?.(a.id, a);
+  const j = (e) => {
+    e.disabled || r?.(e.id, e);
   };
-  return /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ i.jsx(
     "div",
     {
-      className: r(
+      className: s(
         "flex flex-row justify-around items-end relative border-b border-neutral-strong-default w-full md:justify-start md:px-10 md:gap-5",
         l
       ),
       role: "tablist",
-      children: t?.map((a) => {
-        const s = e === a.id, u = () => h(a);
-        return m ? /* @__PURE__ */ n.jsx("div", { children: m(a, s, u) }, a.id) : /* @__PURE__ */ n.jsxs(
+      children: t?.map((e) => {
+        const n = a === e.id, u = () => j(e), { iconPosition: f = "top", iconSize: T = 24 } = e, v = (c, m, b, k, x) => b ? /* @__PURE__ */ i.jsx(z, { title: b, ...k, children: /* @__PURE__ */ i.jsx("div", { onMouseEnter: m, onClick: x, children: c }) }) : /* @__PURE__ */ i.jsx("div", { onMouseEnter: m, onClick: x, children: c });
+        return d ? /* @__PURE__ */ i.jsx("div", { children: d(e, n, u, e.onIconClick, e.onIconHover, e.iconTooltipTitle, e.iconTooltipProps, e.iconSize) }, e.id) : /* @__PURE__ */ i.jsxs(
           "button",
           {
             onClick: u,
-            disabled: a.disabled,
-            className: r(
-              "relative flex justify-center items-center h-10 px-4 font-medium focus:outline-none transition-colors",
-              !a.disabled && "hover:text-primary-default-default cursor-pointer",
-              a.disabled && "opacity-50 cursor-default",
-              d,
-              s && o
+            disabled: e.disabled,
+            className: s(
+              "group/tablink-item",
+              "relative flex flex-col pb-3 justify-center items-center h-max px-4 font-medium focus:outline-none transition-colors",
+              !e.disabled && "hover:text-primary-default-default cursor-pointer",
+              e.disabled && "opacity-50 cursor-default",
+              o,
+              n && h
             ),
-            tabIndex: a.disabled ? -1 : 0,
-            "aria-label": a.title,
+            tabIndex: e.disabled ? -1 : 0,
+            "aria-label": e.title,
             role: "tab",
-            "aria-selected": s,
-            title: a.description,
+            "aria-selected": n,
             children: [
-              s && b && /* @__PURE__ */ n.jsx(
-                x.div,
+              /* @__PURE__ */ i.jsxs("div", { className: s(
+                "flex items-center gap-0.5",
+                f === "left" && "flex-row-reverse",
+                f === "top" ? "flex-col-reverse" : "gap-1"
+              ), children: [
+                /* @__PURE__ */ i.jsx(
+                  "label",
+                  {
+                    className: s(
+                      "transition-all duration-300 ease-in-out relative z-10 group-hover/tablink-item:text-neutral-medium-hover ",
+                      n ? "text-primary-default-default prometeo-fonts-title-medium group-hover/tablink-item:text-primary-default-default" : "text-neutral-medium-default prometeo-fonts-body-large cursor-pointer",
+                      "leading-6! line-clamp-1"
+                    ),
+                    children: e.title
+                  }
+                ),
+                v($(e.icon, s(
+                  "transition-all duration-300 ease-in-out group-hover/tablink-item:text-neutral-medium-hover ",
+                  n ? "text-primary-default-default prometeo-fonts-title-medium group-hover/tablink-item:text-primary-default-default" : "text-neutral-medium-default prometeo-fonts-body-large"
+                ), T), e.onIconHover, e.iconTooltipTitle, e.iconTooltipProps, e.onIconClick)
+              ] }),
+              n && y && /* @__PURE__ */ i.jsx(
+                C.div,
                 {
                   layoutId: "tab-indicator",
-                  className: r(
+                  className: s(
                     "absolute -bottom-px left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
-                    f
+                    g
                   ),
                   transition: {
                     type: "spring",
@@ -59,36 +98,26 @@ function c({
                   },
                   "aria-hidden": "true"
                 }
-              ),
-              /* @__PURE__ */ n.jsx(
-                "span",
-                {
-                  className: r(
-                    "relative z-10",
-                    s ? "text-primary-default-default font-semibold text-md" : "text-neutral-medium-default font-medium text-md"
-                  ),
-                  children: a.title
-                }
               )
             ]
           },
-          a.id
+          e.id
         );
       })
     }
   );
 }
-c.displayName = "TabLinks";
-const C = N(c, (t, e) => {
-  if (t.activeTab !== e.activeTab || t.className !== e.className || t.tabClassName !== e.tabClassName || t.activeTabClassName !== e.activeTabClassName || t.indicatorClassName !== e.indicatorClassName || t.animated !== e.animated || t.onTabChange !== e.onTabChange || t.renderTab !== e.renderTab || t.items.length !== e.items.length)
+p.displayName = "TabLinks";
+const H = N(p, (t, a) => {
+  if (t.activeTab !== a.activeTab || t.className !== a.className || t.tabClassName !== a.tabClassName || t.activeTabClassName !== a.activeTabClassName || t.indicatorClassName !== a.indicatorClassName || t.animated !== a.animated || t.onTabChange !== a.onTabChange || t.renderTab !== a.renderTab || t.items.length !== a.items.length)
     return !1;
-  for (let i = 0; i < t.items.length; i++) {
-    const l = t.items[i], d = e.items[i];
-    if (l.id !== d.id || l.title !== d.title || l.disabled !== d.disabled || l.description !== d.description)
+  for (let r = 0; r < t.items.length; r++) {
+    const l = t.items[r], o = a.items[r];
+    if (l.id !== o.id || l.title !== o.title || l.disabled !== o.disabled || l.description !== o.description)
       return !1;
   }
   return !0;
 });
 export {
-  C as default
+  H as default
 };

package/dist/{badge-B1IK_-i5.js → badge-CbqYNrl4.js}

@@ -1,12 +1,12 @@
 import { j as n } from "./jsx-runtime-GkKLlHH4.js";
 import { c as i } from "./cn-B6yFEsav.js";
-import { forwardRef as b, useState as g, useRef as p, useEffect as h } from "react";
-const j = b((t, s) => {
-  const [c, u] = g(t?.currentTabName || t.tabs[0].name), l = p(null), { tabs: r = [], className: d, activeColor: a = "var(--neutral-900)" } = t;
-  h(() => {
-    l.current?.style.setProperty("--tab-bg", a);
+import { forwardRef as b, useState as p, useRef as h, useEffect as v } from "react";
+const N = b((t, s) => {
+  const [c, d] = p(t?.currentTabName || t.tabs[0].name), r = h(null), { tabs: l = [], className: u, activeColor: a = "var(--neutral-900)", currentSystemId: m } = t;
+  v(() => {
+    r.current?.style.setProperty("--tab-bg", a);
   }, [a]);
-  const m = r.find((e) => e.name === (t?.currentTabName || c));
+  const o = l.find((e) => e.id === m || e.name === (t?.currentTabName || c));
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -16,13 +16,13 @@ const j = b((t, s) => {
         "flex flex-col gap-2",
         "bg-neutral-strong-default",
         "h-full w-14 max-w-14 pl-[6px] py-6",
-        " border-r border-neutral-default-default",
-        d
+        "border-r border-neutral-default-default",
+        u
       ),
-      children: r.map(
+      children: l.map(
         (e) => {
-          const o = e.name === m?.name, f = typeof e.thumbnail == "string" ? /* @__PURE__ */ n.jsx("img", { src: e.thumbnail, alt: e.description, className: "aspect-square object-contain rounded", draggable: !1 }) : e.thumbnail, x = () => {
-            e.disabled || (u(e.name), e.onClick && e.onClick(e.name));
+          const f = e.name === o?.name, x = typeof e.thumbnail == "string" ? /* @__PURE__ */ n.jsx("img", { src: e.thumbnail, alt: e.description, className: "aspect-square object-contain rounded", draggable: !1 }) : e.thumbnail, g = () => {
+            e.disabled || (d(e.name), e.onClick && e.onClick(e.name));
           };
           return /* @__PURE__ */ n.jsx(
             "div",
@@ -33,17 +33,17 @@ const j = b((t, s) => {
                 "flex items-center pl-[6px] ",
                 "rounded-l-[8px]",
                 "tabswitch-element relative",
-                o && "active"
+                f && "active"
               ),
-              onClick: x,
-              ref: l,
+              onClick: g,
+              ref: r,
               children: /* @__PURE__ */ n.jsx("div", { className: i(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
                 e?.className
-              ), children: f })
+              ), children: x })
             },
             e.name
           );
@@ -51,22 +51,22 @@ const j = b((t, s) => {
       )
     }
   );
-}), N = ({
+}), C = ({
   count: t,
   maxCount: s = 9,
   className: c = "",
-  size: u = "medium",
-  variant: l = "primary",
-  showZero: r = !1,
-  disabled: d = !1
+  size: d = "medium",
+  variant: r = "primary",
+  showZero: l = !1,
+  disabled: u = !1
 }) => {
   const a = t, m = a > s ? `+${s}` : a;
-  if (a === 0 && !r) return null;
-  const e = {
+  if (a === 0 && !l) return null;
+  const o = {
     small: "w-4.5 h-4.5 text-xs ",
     medium: "w-5 h-5 text-xs",
     large: "w-6 h-6 text-sm"
-  }, o = {
+  }, e = {
     primary: "bg-primary-default-default text-neutral-strong-default",
     secondary: "bg-neutral-medium-default text-neutral-strong-default",
     success: "bg-green-500 text-white",
@@ -75,13 +75,13 @@ const j = b((t, s) => {
   };
   return /* @__PURE__ */ n.jsx("div", { className: i(
     "rounded-full flex items-center justify-center font-medium select-none",
-    e[u],
-    o[l],
+    o[d],
+    e[r],
     c,
-    d && "text-neutral-strong-disabled bg-primary-medium-disabled"
+    u && "text-neutral-strong-disabled bg-primary-medium-disabled"
   ), children: /* @__PURE__ */ n.jsx("span", { children: m }) });
 };
 export {
-  N as B,
-  j as T
+  C as B,
+  N as T
 };

package/dist/components/DatePicker/DatePicker.d.ts

@@ -22,6 +22,7 @@ interface DatePickerBaseProps {
     name?: string;
     min?: number;
     max?: number;
+    disabled?: boolean;
 }
 interface DatePickerSingleProps extends DatePickerBaseProps {
     mode?: "single";

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

@@ -28,6 +28,7 @@ export interface NavigationDrawerProps {
         drawer?: boolean;
         sidebar?: boolean;
     };
+    outletRef?: React.RefObject<HTMLDivElement | null>;
 }
 type SlotBaseProps = {
     children?: NavigationDrawerSlotChildren;
@@ -53,4 +54,4 @@ declare const NavigationDrawer: React.NamedExoticComponent<NavigationDrawerProps
     Sidebar: React.NamedExoticComponent<import('./NavigationDrawerSidebar').NavigationDrawerSidebarProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default NavigationDrawer;
-export { useDrawerState, useDrawerActions };
+export { useDrawerActions, useDrawerState };

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

@@ -1,5 +1,5 @@
 import { IconComponent } from '../../Icons/types';
-export interface NavigationDrawerActionItemProps {
+export interface PyrionLayoutActionItemProps {
     id: string;
     title: string;
     icon?: IconComponent;
@@ -11,7 +11,8 @@ export interface NavigationDrawerActionItemProps {
     payload?: any;
     isView?: boolean | (() => boolean);
     order?: number;
+    tooltipText?: string;
 }
-declare const NavigationDrawerActionItem: import('react').MemoExoticComponent<(props: NavigationDrawerActionItemProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const NavigationDrawerActionItem: import('react').MemoExoticComponent<(props: PyrionLayoutActionItemProps) => import("react/jsx-runtime").JSX.Element | null>;
 export default NavigationDrawerActionItem;
-export type { NavigationDrawerActionItemProps as NavigationDrawerActionItemPropsType };
+export type { PyrionLayoutActionItemProps as NavigationDrawerActionItemPropsType };

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

@@ -1,10 +1,9 @@
-import { NavigationDrawerActionItemProps } from './NavigationDrawerActionItem';
+import { PyrionLayoutActionItemProps } from './NavigationDrawerActionItem';
 export interface NavigationDrawerActionsProps {
-    actions?: NavigationDrawerActionItemProps[];
+    actions?: PyrionLayoutActionItemProps[];
     activeActionId?: string;
     onActionClick?: (id: string, payload?: any) => void;
     className?: string;
-    payload?: any;
 }
-declare const NavigationDrawerActions: import('react').MemoExoticComponent<({ actions, activeActionId, onActionClick, className, payload }: NavigationDrawerActionsProps) => import("react/jsx-runtime").JSX.Element>;
+declare const NavigationDrawerActions: import('react').MemoExoticComponent<({ actions, activeActionId, onActionClick, className }: NavigationDrawerActionsProps) => import("react/jsx-runtime").JSX.Element>;
 export default NavigationDrawerActions;

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

@@ -13,6 +13,7 @@ export interface NavigationDrawerItemBaseProps {
     onClick?: React.MouseEventHandler;
     onAuxClick?: React.MouseEventHandler;
     disabled?: boolean;
+    tooltipText?: string;
 }
 declare const NavigationDrawerItemBase: React.MemoExoticComponent<(props: NavigationDrawerItemBaseProps) => import("react/jsx-runtime").JSX.Element>;
 export default NavigationDrawerItemBase;

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

@@ -1,7 +1,7 @@
 import { IconComponent } from '../../Icons/types';
 import { ReactNode } from 'react';
 import { NavItemSecondaryProps } from './NavItemSecondary';
-export interface NavigationDrawerLinkItemProps {
+export interface PyrionLayoutLinkItemProps {
     path: string;
     title: string;
     icon?: IconComponent;
@@ -17,6 +17,7 @@ export interface NavigationDrawerLinkItemProps {
     onClick?: (path: string) => void;
     sublinks?: NavItemSecondaryProps[];
     subLinksRender?: (sublinks: NavItemSecondaryProps[], controls: NavItemHandler) => ReactNode;
+    tooltipText?: string;
 }
 interface NavItemHandler {
     toggle: () => void;
@@ -26,5 +27,5 @@ interface NavItemHandler {
     toggleDrawerCollapse?: () => void;
     subscribeToCollapse?: (listener: (collapsed: boolean) => void) => () => void;
 }
-declare const NavigationDrawerLinkItem: import('react').NamedExoticComponent<NavigationDrawerLinkItemProps & import('react').RefAttributes<NavItemHandler>>;
+declare const NavigationDrawerLinkItem: import('react').NamedExoticComponent<PyrionLayoutLinkItemProps & import('react').RefAttributes<NavItemHandler>>;
 export default NavigationDrawerLinkItem;

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

@@ -1,6 +1,6 @@
-import { NavigationDrawerLinkItemProps } from './NavigationDrawerLinkItem';
+import { PyrionLayoutLinkItemProps } from './NavigationDrawerLinkItem';
 export interface NavigationDrawerNavlinksProps {
-    navlinks?: NavigationDrawerLinkItemProps[];
+    navlinks?: PyrionLayoutLinkItemProps[];
     handleNavigation: (path: string) => void;
     className?: string;
     getIsCollapsed?: () => boolean;

package/dist/components/PlainTooltip/PlainTooltip.d.ts

@@ -0,0 +1,11 @@
+export interface PlainTooltipProps {
+    title: string;
+    children: React.ReactNode;
+    delayToShow?: number;
+    delayToClose?: number;
+    className?: string;
+    attachToParent?: boolean;
+    disabled?: boolean;
+}
+declare const PlainTooltip: import('react').MemoExoticComponent<({ title, children, delayToShow, delayToClose, className, attachToParent, disabled }: PlainTooltipProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined>;
+export default PlainTooltip;

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

@@ -1,9 +1,9 @@
-import { NavigationDrawerActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
-import { NavigationDrawerLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
+import { PyrionLayoutActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
+import { PyrionLayoutLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
 declare const DrawerContent: import('react').MemoExoticComponent<({ navlinks, handleNavigation, allActions, activeActionId, onActionClick }: {
-    navlinks?: NavigationDrawerLinkItemProps[];
+    navlinks?: PyrionLayoutLinkItemProps[];
     handleNavigation: (path: string) => void;
-    allActions: NavigationDrawerActionItemProps[];
+    allActions: PyrionLayoutActionItemProps[];
     activeActionId?: string;
     onActionClick?: (id: string, payload?: any) => void;
 }) => import("react/jsx-runtime").JSX.Element>;