prometeo-design-system 3.1.2 → 3.1.3

package/dist/SelectSearch.es.js

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

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

@@ -1,6 +1,7 @@
 export interface NavItemSecondaryProps {
     title: string;
     path: string;
+    parentPath?: string;
     className?: string;
     isSelected?: boolean;
     onClick?: (path: string) => void;

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

@@ -1,29 +1,33 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
+type NavigationDrawerRenderContext = {
+    toggleCollapse: () => void;
+    getIsCollapsed: () => boolean;
+    subscribeToCollapse: (listener: (collapsed: boolean) => void) => () => void;
+};
+type NavigationDrawerSlotChildren = ReactNode | ((context: NavigationDrawerRenderContext) => ReactNode);
 export interface NavigationDrawerProps {
-    children?: ReactNode;
+    children?: NavigationDrawerSlotChildren;
 }
-declare const NavigationDrawer: import('react').NamedExoticComponent<NavigationDrawerProps> & {
+type SlotBaseProps = {
+    children?: NavigationDrawerSlotChildren;
+    className?: string;
+    context?: NavigationDrawerRenderContext;
+};
+type ContentProps = SlotBaseProps & Omit<React.AllHTMLAttributes<HTMLDivElement>, "children">;
+declare const NavigationDrawer: React.NamedExoticComponent<NavigationDrawerProps> & {
     readonly type: (props: NavigationDrawerProps) => import("react/jsx-runtime").JSX.Element;
 } & {
-    Root: import('react').MemoExoticComponent<(props: NavigationDrawerProps) => import("react/jsx-runtime").JSX.Element>;
-    Header: ({ children, className }: {
-        children: ReactNode;
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ children, className }: {
-        children: ReactNode;
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Footer: ({ children, className }: {
-        children: ReactNode;
-        className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Spacer: ({ className }: {
+    Root: React.MemoExoticComponent<(props: NavigationDrawerProps) => import("react/jsx-runtime").JSX.Element>;
+    Header: React.MemoExoticComponent<({ children, className, context }: SlotBaseProps) => import("react/jsx-runtime").JSX.Element>;
+    Content: React.MemoExoticComponent<({ children, className, context, ...props }: ContentProps) => import("react/jsx-runtime").JSX.Element>;
+    Footer: React.MemoExoticComponent<({ children, className, context }: SlotBaseProps) => import("react/jsx-runtime").JSX.Element>;
+    Spacer: React.MemoExoticComponent<({ className }: {
         className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Outlet: ({ children, className }: {
-        children: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element>;
+    Outlet: React.MemoExoticComponent<({ children, className, context }: {
+        children?: NavigationDrawerSlotChildren;
         className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
+        context?: NavigationDrawerRenderContext;
+    }) => import("react/jsx-runtime").JSX.Element>;
 };
 export default NavigationDrawer;

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

@@ -0,0 +1,14 @@
+import { IconComponent } from '../../Icons/types';
+export interface NavigationDrawerActionItemProps {
+    id: string;
+    title: string;
+    icon?: IconComponent;
+    count?: number;
+    className?: string;
+    isActive?: boolean;
+    onClick?: () => void;
+    isView?: boolean | (() => boolean);
+}
+declare const NavigationDrawerActionItem: import('react').MemoExoticComponent<(props: NavigationDrawerActionItemProps) => import("react/jsx-runtime").JSX.Element>;
+export default NavigationDrawerActionItem;
+export type { NavigationDrawerActionItemProps as NavigationDrawerActionItemPropsType };

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

@@ -0,0 +1,9 @@
+import { NavigationDrawerActionItemProps } from './NavigationDrawerActionItem';
+export interface NavigationDrawerActionsProps {
+    actions?: NavigationDrawerActionItemProps[];
+    activeActionId?: string;
+    onActionClick?: (id: string) => void;
+    className?: string;
+}
+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

@@ -0,0 +1,17 @@
+import { IconComponent } from '../../Icons/types';
+import { default as React } from 'react';
+export interface NavigationDrawerItemBaseProps {
+    title: string;
+    icon?: IconComponent;
+    count?: number;
+    className?: string;
+    isSelected?: boolean;
+    hasSublinks?: boolean;
+    subLinksCollapsed?: boolean;
+    onToggleSublinks?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    as?: "a" | "button" | "div";
+    onClick?: React.MouseEventHandler;
+    onAuxClick?: React.MouseEventHandler;
+}
+declare const NavigationDrawerItemBase: React.MemoExoticComponent<(props: NavigationDrawerItemBaseProps) => import("react/jsx-runtime").JSX.Element>;
+export default NavigationDrawerItemBase;

package/dist/components/NavigationDrawer/{NavItem.d.ts → NavigationDrawerLinkItem.d.ts}

@@ -1,7 +1,7 @@
 import { IconComponent } from '../../Icons/types';
 import { ReactNode } from 'react';
 import { NavItemSecondaryProps } from './NavItemSecondary';
-export interface NavItemProps {
+export interface NavigationDrawerLinkItemProps {
     path: string;
     title: string;
     icon?: IconComponent;
@@ -10,7 +10,9 @@ export interface NavItemProps {
     count?: number;
     className?: string;
     isSelected?: boolean;
-    isCollapsed?: boolean;
+    toggleCollapse?: () => void;
+    getIsCollapsed?: () => boolean;
+    subscribeToCollapse?: (listener: (collapsed: boolean) => void) => () => void;
     onClick?: (path: string) => void;
     sublinks?: NavItemSecondaryProps[];
     subLinksRender?: (sublinks: NavItemSecondaryProps[], controls: NavItemHandler) => ReactNode;
@@ -19,6 +21,9 @@ interface NavItemHandler {
     toggle: () => void;
     setIsCollapsed: (collapsed: boolean) => void;
     isCollapsed: boolean;
+    isDrawerCollapsed: boolean;
+    toggleDrawerCollapse?: () => void;
+    subscribeToCollapse?: (listener: (collapsed: boolean) => void) => () => void;
 }
-declare const NavItem: import('react').NamedExoticComponent<NavItemProps & import('react').RefAttributes<NavItemHandler>>;
-export default NavItem;
+declare const NavigationDrawerLinkItem: import('react').NamedExoticComponent<NavigationDrawerLinkItemProps & import('react').RefAttributes<NavItemHandler>>;
+export default NavigationDrawerLinkItem;

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

@@ -0,0 +1,11 @@
+import { NavigationDrawerLinkItemProps } from './NavigationDrawerLinkItem';
+export interface NavigationDrawerNavlinksProps {
+    navlinks?: NavigationDrawerLinkItemProps[];
+    handleNavigation: (path: string) => void;
+    className?: string;
+    getIsCollapsed?: () => boolean;
+    toggleCollapse?: () => void;
+    subscribeToCollapse?: (listener: (collapsed: boolean) => void) => () => void;
+}
+declare const NavigationDrawerNavlinks: import('react').MemoExoticComponent<({ navlinks, handleNavigation, className, getIsCollapsed, toggleCollapse, subscribeToCollapse }: NavigationDrawerNavlinksProps) => import("react/jsx-runtime").JSX.Element>;
+export default NavigationDrawerNavlinks;

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

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+import { NavigationDrawerLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
+import { NavigationDrawerActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
+import { TabSwitchElement } from '../TabSwitch/TabSwitch';
+type TProduct = {
+    name: string;
+    domain: string;
+    active: boolean;
+    coverImage?: string;
+    thumbnail?: string;
+};
+type TCompany = {
+    name: string;
+    products?: TProduct[];
+    icon?: string;
+};
+type TSystem = {
+    name: string;
+    url: string;
+    coverImage?: string;
+    thumbnail?: string;
+};
+type TUser = {
+    name: string;
+    surname?: string;
+    email?: string;
+    profile_picture?: string;
+    area?: string;
+};
+export interface NavigationDrawerTabsProps {
+    currentTabName?: string;
+    customTabs?: TabSwitchElement[];
+    onTabClick?: (name: string) => void;
+}
+export interface PyrionNavigationDrawerProps {
+    links?: NavigationDrawerLinkItemProps[];
+    actions?: NavigationDrawerActionItemProps[];
+    tabsProps?: NavigationDrawerTabsProps;
+    activeActionId?: string;
+    onActionClick?: (id: string) => void;
+    children?: ReactNode;
+    state: {
+        company: TCompany;
+        enabled_systems: TSystem[];
+        user: TUser;
+    };
+    onLinkClick?: (path: string) => void;
+    onNavigate?: (from: string, to: string) => void;
+}
+declare const PyrionNavigationDrawer: ({ children, state, links: navlinks, onLinkClick, onNavigate, actions, activeActionId, onActionClick, tabsProps }: PyrionNavigationDrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default PyrionNavigationDrawer;

package/dist/components/Scrollable/Scrollable.d.ts

@@ -0,0 +1,25 @@
+import { IconComponent } from '../../Icons';
+import { default as React } from 'react';
+type IndicatorType = 'icon' | 'shadow';
+type IndicatorProps = {
+    show?: boolean;
+    icon?: IconComponent;
+    className?: string;
+    type?: IndicatorType;
+};
+interface IndicatorsProps {
+    top?: IndicatorProps;
+    bottom?: IndicatorProps;
+    left?: IndicatorProps;
+    right?: IndicatorProps;
+}
+type scrollableAxis = "x" | "y" | "both";
+interface ScrollableProps {
+    debugMode?: boolean;
+    className?: string;
+    indicators?: IndicatorsProps;
+    axis?: scrollableAxis;
+    children?: React.ReactNode;
+}
+declare const Scrollable: (props: ScrollableProps) => import("react/jsx-runtime").JSX.Element;
+export default Scrollable;