prometeo-design-system 3.1.6 → 4.0.0

package/dist/RecurrentDatePicker.es.js

@@ -143,7 +143,7 @@ const P = ({ value: e, onChange: a, errors: s }) => {
       return;
     }
     const t = Number(n);
-    if (console.log("parsedValue", t), Number.isNaN(t))
+    if (Number.isNaN(t))
       return;
     let l = t;
     if (c && t > c && e?.interval === c) {

package/dist/Scrollable.es.js

@@ -1,11 +1,11 @@
 import { j as h } from "./jsx-runtime-GkKLlHH4.js";
-import { useIsMobile as et } from "./useDevice.es.js";
-import { g as rt } from "./useLabelBackground-BDIHUdND.js";
+import { useIsMobile as st } from "./useDevice.es.js";
+import { g as nt } from "./useLabelBackground-BDIHUdND.js";
 import { c as m } from "./cn-B6yFEsav.js";
-import { c as C } from "./index-BOQuZ0gG.js";
-import U, { useRef as i, useEffect as V } from "react";
-import { CrevronLeft as ot } from "./Icons/CrevronLeft.es.js";
-const _ = C(
+import { c as j } from "./index-BOQuZ0gG.js";
+import F, { useRef as a, useLayoutEffect as lt, useEffect as ct } from "react";
+import { CrevronLeft as at } from "./Icons/CrevronLeft.es.js";
+const P = j(
   "",
   {
     variants: {
@@ -16,7 +16,7 @@ const _ = C(
       }
     }
   }
-), $ = C("", {
+), J = j("", {
   variants: {
     position: {
       top: "",
@@ -39,7 +39,7 @@ const _ = C(
     { type: "shadow", position: "left", className: "left-0 top-0 h-full w-5" },
     { type: "shadow", position: "right", className: "right-0 top-0 h-full w-5 rotate-180" }
   ]
-}), st = C("", {
+}), it = j("", {
   variants: {
     hide: {
       true: " prometeo-scrollbar-none",
@@ -50,26 +50,27 @@ const _ = C(
       medium: ""
     }
   }
-}), ht = (I) => {
-  const { defaultBehavior: y = "scroll-on-click" } = I, F = et(), P = {
-    top: { show: !0, type: "shadow", behavior: y },
-    bottom: { show: !0, type: "shadow", behavior: y },
-    left: { show: !0, type: "icon", behavior: y },
-    right: { show: !0, type: "icon", behavior: y }
-  }, G = {
+}), bt = (R) => {
+  const { defaultBehavior: w = "scroll-on-click" } = R, K = st(), G = {
+    top: { show: !0, type: "shadow", behavior: w },
+    bottom: { show: !0, type: "shadow", behavior: w },
+    left: { show: !0, type: "icon", behavior: w },
+    right: { show: !0, type: "icon", behavior: w }
+  }, Q = {
     hide: !1,
     size: "medium"
   }, {
-    debugMode: J = !1,
-    className: j,
-    axis: k = "both",
-    children: K,
-    indicators: v = P,
-    scrollbarProps: R = G,
-    disableMouseScroll: z = !1
-  } = I, s = i({}), l = i(null), d = i(null), b = i(null), a = i(null), u = i(5), f = i({}), w = i(null), p = i(!1), Q = (e) => {
+    debugMode: X = !1,
+    className: k,
+    axis: z = "both",
+    children: Y,
+    indicators: v = G,
+    scrollbarProps: A = Q,
+    disableMouseScroll: D = !1,
+    persistScroll: L = !1
+  } = R, s = a({}), l = a(null), d = a(null), b = a(null), i = a(null), u = a(5), f = a({}), x = a(null), p = a(!1), O = a(!1), T = a(null), g = a(null), Z = (e) => {
     if (!l.current) return 0;
-    const { scrollTop: t, scrollLeft: r, scrollHeight: o, clientHeight: n, scrollWidth: c, clientWidth: g } = l.current;
+    const { scrollTop: t, scrollLeft: r, scrollHeight: o, clientHeight: n, scrollWidth: c, clientWidth: y } = l.current;
     switch (e) {
       case "top":
         return Math.max(0, t);
@@ -78,22 +79,22 @@ const _ = C(
       case "left":
         return Math.max(0, r);
       case "right":
-        return Math.max(0, c - (r + g));
+        return Math.max(0, c - (r + y));
       default:
         return 0;
     }
-  }, x = (e, t = 100, r = !0) => {
+  }, E = (e, t = 100, r = !0) => {
     if (!l.current) return;
-    const o = Q(e), n = Math.min(Math.abs(t), o);
+    const o = Z(e), n = Math.min(Math.abs(t), o);
     if (n === 0) return;
-    const c = e === "top" || e === "left" ? -n : n, g = {
+    const c = e === "top" || e === "left" ? -n : n, y = {
       top: { top: c, left: 0 },
       bottom: { top: c, left: 0 },
       left: { top: 0, left: c },
       right: { top: 0, left: c }
     };
-    l.current.scrollBy({ ...g[e], behavior: r ? "smooth" : "auto" });
-  }, X = (e) => {
+    l.current.scrollBy({ ...y[e], behavior: r ? "smooth" : "auto" });
+  }, tt = (e) => {
     if (!l.current) return;
     const t = l.current, r = {
       top: { top: 0, left: t.scrollLeft },
@@ -102,7 +103,7 @@ const _ = C(
       right: { top: t.scrollTop, left: t.scrollWidth }
     };
     t.scrollTo({ ...r[e], behavior: "smooth" });
-  }, Y = (e, t) => {
+  }, et = (e, t) => {
     const r = s.current[e];
     if (r) {
       if (r.style.cursor = "pointer", t === "icon") {
@@ -113,7 +114,7 @@ const _ = C(
         o && (e === "top" || e === "bottom" ? o.style.height = "90px" : o.style.width = "40px");
       }
     }
-  }, L = (e) => {
+  }, M = (e) => {
     const t = s.current[e];
     if (!t) return;
     t.style.cursor = "";
@@ -121,70 +122,98 @@ const _ = C(
     r && (r.style.transform = "", r.style.backgroundColor = "", r.style.borderRadius = "");
     const o = t.querySelector("span");
     o && (o.style.height = "", o.style.width = "");
-  }, A = (e, t) => {
+  }, B = (e, t) => {
     if (t === "scroll-on-click" && p.current) {
       p.current = !1;
       return;
     }
     if (f.current[e]) {
-      a.current && (clearTimeout(a.current), a.current = null), d.current && (clearInterval(d.current), d.current = null), L(e), f.current[e] = !1, X(e);
+      i.current && (clearTimeout(i.current), i.current = null), d.current && (clearInterval(d.current), d.current = null), M(e), f.current[e] = !1, tt(e);
       return;
     }
     if (t === "scroll-on-click") {
       if (!l.current) return;
       const { clientHeight: r, clientWidth: o } = l.current, n = e === "top" || e === "bottom" ? r * 0.8 : o * 0.8;
-      x(e, n);
+      E(e, n);
     }
-  }, D = (e, t) => {
-    a.current && (clearTimeout(a.current), a.current = null), p.current = !0, u.current = 3;
+  }, W = (e, t) => {
+    i.current && (clearTimeout(i.current), i.current = null), p.current = !0, u.current = 3;
     let r = 0;
-    w.current = e, f.current[e] = !1, x(e, u.current, !1), d.current = setInterval(() => {
+    x.current = e, f.current[e] = !1, E(e, u.current, !1), d.current = setInterval(() => {
       r += 16;
       const o = r / 1e3;
-      if (o >= 2 && !f.current[e] && (f.current[e] = !0, Y(e, t)), o <= 2)
+      if (o >= 2 && !f.current[e] && (f.current[e] = !0, et(e, t)), o <= 2)
         u.current = 5 + o * 0.4;
       else {
         const n = o - 2;
         u.current += Math.pow(n, 1.1) * 2;
       }
-      u.current = Math.min(u.current, 100), x(e, u.current, !1);
+      u.current = Math.min(u.current, 100), E(e, u.current, !1);
     }, 16);
-  }, B = (e) => {
+  }, q = (e) => {
     b.current && (clearTimeout(b.current), b.current = null), d.current && (clearInterval(d.current), d.current = null), u.current = 5;
-    const t = e || w.current;
-    t ? f.current[t] ? (a.current && clearTimeout(a.current), a.current = setTimeout(() => {
-      L(t), f.current[t] = !1, p.current = !1;
-    }, 1e3)) : (L(t), f.current[t] = !1, p.current = !1) : p.current = !1, w.current = null;
-  }, W = (e, t, r) => {
-    F || t === "scroll-on-hover" && (b.current = setTimeout(() => {
-      D(e, r);
+    const t = e || x.current;
+    t ? f.current[t] ? (i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+      M(t), f.current[t] = !1, p.current = !1;
+    }, 1e3)) : (M(t), f.current[t] = !1, p.current = !1) : p.current = !1, x.current = null;
+  }, H = (e, t, r) => {
+    K || t === "scroll-on-hover" && (b.current = setTimeout(() => {
+      W(e, r);
     }, 200));
-  }, H = (e, t) => {
-    t === "scroll-on-hover" && B(e);
-  }, O = (e, t, r) => {
+  }, $ = (e, t) => {
+    t === "scroll-on-hover" && q(e);
+  }, U = (e, t, r) => {
     t === "scroll-on-click" && (p.current = !1, b.current = setTimeout(() => {
-      D(e, r);
+      W(e, r);
     }, 200));
-  }, q = (e, t) => {
-    t === "scroll-on-click" && B(e);
-  }, M = () => {
+  }, V = (e, t) => {
+    t === "scroll-on-click" && q(e);
+  }, _ = () => {
     if (!l.current) return;
-    const e = l.current, { scrollTop: t, scrollLeft: r, scrollHeight: o, scrollWidth: n, clientHeight: c, clientWidth: g } = e, E = t <= 10, T = t + c >= o - 10, N = r <= 10, S = r + g >= n - 10;
-    s.current.top?.classList.toggle("opacity-0", E), s.current.top?.classList.toggle("pointer-events-none", E), s.current.top?.classList.toggle("pointer-events-auto", !E), s.current.bottom?.classList.toggle("opacity-0", T), s.current.bottom?.classList.toggle("pointer-events-none", T), s.current.bottom?.classList.toggle("pointer-events-auto", !T), s.current.left?.classList.toggle("opacity-0", N), s.current.left?.classList.toggle("pointer-events-none", N), s.current.left?.classList.toggle("pointer-events-auto", !N), s.current.right?.classList.toggle("opacity-0", S), s.current.right?.classList.toggle("pointer-events-none", S), s.current.right?.classList.toggle("pointer-events-auto", !S);
+    const e = l.current, { scrollTop: t, scrollLeft: r, scrollHeight: o, scrollWidth: n, clientHeight: c, clientWidth: y } = e, S = t <= 10, N = t + c >= o - 10, I = r <= 10, C = r + y >= n - 10;
+    s.current.top?.classList.toggle("opacity-0", S), s.current.top?.classList.toggle("pointer-events-none", S), s.current.top?.classList.toggle("pointer-events-auto", !S), s.current.bottom?.classList.toggle("opacity-0", N), s.current.bottom?.classList.toggle("pointer-events-none", N), s.current.bottom?.classList.toggle("pointer-events-auto", !N), s.current.left?.classList.toggle("opacity-0", I), s.current.left?.classList.toggle("pointer-events-none", I), s.current.left?.classList.toggle("pointer-events-auto", !I), s.current.right?.classList.toggle("opacity-0", C), s.current.right?.classList.toggle("pointer-events-none", C), s.current.right?.classList.toggle("pointer-events-auto", !C);
   };
-  V(() => {
+  lt(() => {
     if (!l.current) return;
     const e = l.current;
-    M(), e.addEventListener("scroll", M);
-    const t = (r) => {
-      z && r.preventDefault();
+    if (L) {
+      T.current = typeof L == "string" ? `scrollable-${L}` : `scrollable-${Math.random().toString(36).substr(2, 9)}`;
+      try {
+        const o = sessionStorage.getItem(T.current);
+        if (o) {
+          const { scrollTop: n, scrollLeft: c } = JSON.parse(o);
+          e.scrollTop = n, e.scrollLeft = c;
+        }
+      } catch {
+      }
+    }
+    _(), O.current || (O.current = !0, requestAnimationFrame(() => {
+      Object.values(s.current).forEach((o) => {
+        o?.classList.add("transition-all", "duration-500");
+      });
+    }));
+    const t = () => {
+      _(), L && T.current && (g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+        try {
+          const o = {
+            scrollTop: e.scrollTop,
+            scrollLeft: e.scrollLeft
+          };
+          sessionStorage.setItem(T.current, JSON.stringify(o));
+        } catch {
+        }
+      }, 150));
+    };
+    e.addEventListener("scroll", t);
+    const r = (o) => {
+      D && o.preventDefault();
     };
-    return e.addEventListener("wheel", t, { passive: !1 }), () => {
-      e.removeEventListener("scroll", M), e.removeEventListener("wheel", t);
+    return e.addEventListener("wheel", r, { passive: !1 }), () => {
+      e.removeEventListener("scroll", t), e.removeEventListener("wheel", r), g.current && clearTimeout(g.current);
     };
-  }, [z]), V(() => {
+  }, [D]), ct(() => {
     if (!l.current) return;
-    const e = rt(l.current);
+    const e = nt(l.current);
     Object.entries(v).forEach(([t, r]) => {
       if (r?.show && r.type === "shadow") {
         const n = s.current[t]?.querySelector("span");
@@ -196,21 +225,21 @@ const _ = C(
       }
     });
   }, [v]);
-  const Z = U.Children.toArray(K), tt = Object.values(v).some((e) => e?.show && e?.type === "icon");
-  return /* @__PURE__ */ h.jsxs("div", { className: m("relative p-0", j, _({ axis: k }), "scrolleable", tt ? "overflow-visible" : "overflow-hidden!"), children: [
+  const rt = F.Children.toArray(Y), ot = Object.values(v).some((e) => e?.show && e?.type === "icon");
+  return /* @__PURE__ */ h.jsxs("div", { className: m("relative p-0", k, P({ axis: z }), "scrolleable", ot ? "overflow-visible" : "overflow-hidden!"), children: [
     /* @__PURE__ */ h.jsx(
       "div",
       {
         ref: l,
         className: m(
-          J && "border border-red-900 border-dashed",
-          j,
+          X && "border border-red-900 border-dashed",
+          k,
           "py-2  relative w-full h-full min-h-full",
-          _({ axis: k }),
-          st({ hide: R?.hide, size: R?.size }),
+          P({ axis: z }),
+          it({ hide: A?.hide, size: A?.size }),
           ""
         ),
-        children: Z?.map((e) => U.cloneElement(e, { className: m(e?.props?.className, "shrink-0! pointer-events-auto") }))
+        children: rt?.map((e) => F.cloneElement(e, { className: m(e?.props?.className, "shrink-0! pointer-events-auto") }))
       }
     ),
     /* @__PURE__ */ h.jsx("div", { className: "h-full w-full z-10 absolute inset-0 pointer-events-none overflow-hidden rounded-[inherit]", children: Object.entries(v).map(([e, t]) => {
@@ -222,13 +251,16 @@ const _ = C(
           ref: (o) => {
             s.current[e] = o;
           },
-          className: m("cursor-default transition-all duration-500 ease-in-out z-100"),
-          onClick: () => A(r, t.behavior),
-          onMouseEnter: () => W(r, t.behavior, t.type),
-          onMouseLeave: () => H(r, t.behavior),
-          onMouseDown: () => O(r, t.behavior, t.type),
-          onMouseUp: () => q(r, t.behavior),
-          children: /* @__PURE__ */ h.jsx("span", { className: m($({ position: r, type: "shadow" }), t.className) })
+          className: m(
+            "cursor-default ease-in-out z-100",
+            "opacity-0 pointer-events-none"
+          ),
+          onClick: () => B(r, t.behavior),
+          onMouseEnter: () => H(r, t.behavior, t.type),
+          onMouseLeave: () => $(r, t.behavior),
+          onMouseDown: () => U(r, t.behavior, t.type),
+          onMouseUp: () => V(r, t.behavior),
+          children: /* @__PURE__ */ h.jsx("span", { className: m(J({ position: r, type: "shadow" }), t.className) })
         },
         e
       );
@@ -243,12 +275,12 @@ const _ = C(
             s.current[e] = o;
           },
           className: "pointer-events-auto cursor-default transition-all duration-300 opacity-0",
-          onClick: () => A(r, t.behavior),
-          onMouseEnter: () => W(r, t.behavior, t.type),
-          onMouseLeave: () => H(r, t.behavior),
-          onMouseDown: () => O(r, t.behavior, t.type),
-          onMouseUp: () => q(r, t.behavior),
-          children: /* @__PURE__ */ h.jsx(ot, { size: 20, className: m($({ position: r, type: "icon" }), t.className) })
+          onClick: () => B(r, t.behavior),
+          onMouseEnter: () => H(r, t.behavior, t.type),
+          onMouseLeave: () => $(r, t.behavior),
+          onMouseDown: () => U(r, t.behavior, t.type),
+          onMouseUp: () => V(r, t.behavior),
+          children: /* @__PURE__ */ h.jsx(at, { size: 20, className: m(J({ position: r, type: "icon" }), t.className) })
         },
         e
       );
@@ -256,5 +288,5 @@ const _ = C(
   ] });
 };
 export {
-  ht as Scrollable
+  bt as Scrollable
 };

package/dist/components/Input/Input.d.ts

@@ -29,6 +29,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onClickIcon?: (event: React.MouseEvent) => void;
 }
 declare const _default: import('react').NamedExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

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

@@ -1,5 +1,9 @@
 import { default as React, ReactNode } from 'react';
-type NavigationDrawerRenderContext = {
+type NavigationDrawerState = {
+    isCollapsed: boolean;
+    isSidebarOpen: boolean;
+};
+type NavigationDrawerActions = {
     toggleCollapse: () => void;
     getIsCollapsed: () => boolean;
     subscribeToCollapse: (listener: (collapsed: boolean) => void) => () => void;
@@ -8,12 +12,22 @@ type NavigationDrawerRenderContext = {
     toggleSidebar: () => void;
     getIsSidebarOpen: () => boolean;
     subscribeToSidebarOpen: (listener: (open: boolean) => void) => () => void;
+    setDrawerDragEnabled: (enabled: boolean) => void;
+    setSidebarDragEnabled: (enabled: boolean) => void;
 };
-type NavigationDrawerSlotChildren = ReactNode | ((context: NavigationDrawerRenderContext) => ReactNode);
+export type NavigationDrawerRenderContext = NavigationDrawerActions;
+declare const useDrawerState: () => NavigationDrawerState;
+declare const useDrawerActions: () => NavigationDrawerActions;
+export type NavigationDrawerSlotChildren = ReactNode | ((context: NavigationDrawerRenderContext) => ReactNode);
+export declare const resolveSlotChildren: (children: NavigationDrawerSlotChildren | undefined, context?: NavigationDrawerRenderContext) => React.ReactNode;
 export interface NavigationDrawerProps {
     children?: NavigationDrawerSlotChildren;
     classNameDrawer?: string;
     classNameSidebar?: string;
+    disableDragOpen?: {
+        drawer?: boolean;
+        sidebar?: boolean;
+    };
 }
 type SlotBaseProps = {
     children?: NavigationDrawerSlotChildren;
@@ -21,14 +35,6 @@ type SlotBaseProps = {
     context?: NavigationDrawerRenderContext;
 };
 type ContentProps = SlotBaseProps & Omit<React.AllHTMLAttributes<HTMLDivElement>, "children">;
-export type NavigationDrawerSidebarProps = {
-    children?: NavigationDrawerSlotChildren;
-    className?: string;
-    context?: NavigationDrawerRenderContext;
-    modal?: boolean;
-    closeOnOverlayClick?: boolean;
-    unmountChildrenOnClose?: boolean;
-};
 declare const NavigationDrawer: React.NamedExoticComponent<NavigationDrawerProps> & {
     readonly type: (props: NavigationDrawerProps) => import("react/jsx-runtime").JSX.Element;
 } & {
@@ -44,6 +50,7 @@ declare const NavigationDrawer: React.NamedExoticComponent<NavigationDrawerProps
         className?: string;
         context?: NavigationDrawerRenderContext;
     } & React.RefAttributes<HTMLDivElement>>;
-    Sidebar: React.NamedExoticComponent<NavigationDrawerSidebarProps & React.RefAttributes<HTMLDivElement>>;
+    Sidebar: React.NamedExoticComponent<import('./NavigationDrawerSidebar').NavigationDrawerSidebarProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default NavigationDrawer;
+export { useDrawerState, useDrawerActions };

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

@@ -8,6 +8,7 @@ export interface NavigationDrawerActionItemProps {
     isActive?: boolean;
     disabled?: boolean;
     onClick?: () => void;
+    payload?: any;
     isView?: boolean | (() => boolean);
     order?: number;
 }

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

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

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

@@ -0,0 +1,11 @@
+import { NavigationDrawerRenderContext, NavigationDrawerSlotChildren } from './NavigationDrawer';
+export type NavigationDrawerSidebarProps = {
+    children?: NavigationDrawerSlotChildren;
+    className?: string;
+    context?: NavigationDrawerRenderContext;
+    modal?: boolean;
+    closeOnOverlayClick?: boolean;
+    unmountChildrenOnClose?: boolean;
+};
+declare const Sidebar: import('react').NamedExoticComponent<NavigationDrawerSidebarProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Sidebar;

package/dist/components/NotificationCard/NotificationCard.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ButtonVariant } from '../Shared/types';
-export interface NotificationAction<NotificationMetadata = unknown> {
+export interface NotificationAction<NotificationMetadata = any> {
     label: string;
     onClick: (metadata?: NotificationMetadata) => void;
     variant?: ButtonVariant;
@@ -11,7 +11,8 @@ export interface NoitificationUser {
     name: string;
     profile_picture?: string;
 }
-export interface NotificationCardProps<NotificationMetadata = unknown> {
+export interface NotificationCardProps<NotificationMetadata = any> {
+    _id: string;
     user: NoitificationUser;
     body: string | React.ReactNode | ((metadata?: NotificationMetadata) => React.ReactNode);
     date: string | Date;

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

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

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

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { TicketCardHandlerProps } from '../TicketCard';
+import { AuthSession, PyrionNavigationDrawerOptions, PyrionNavigationDrawerProps } from './PyrionLayout';
+export interface DrawerFooterProps<TAppMetadata> {
+    state: PyrionNavigationDrawerProps<TAppMetadata>['state'];
+    currentAppSessions: AuthSession<TAppMetadata>[];
+    resolveUserSecondarySlot: (metadata?: TAppMetadata) => ReactNode | string | null;
+    resolveSessionSecondarySlot: (session: AuthSession<TAppMetadata>) => ReactNode | string | null;
+    onSessionClick?: (session: AuthSession<TAppMetadata>) => void;
+    onLogoutClick?: () => void;
+    options?: PyrionNavigationDrawerOptions<TAppMetadata>;
+    currentSystemId: string;
+    userOptionsControls: React.RefObject<TicketCardHandlerProps | null>;
+    mobileAppSwitcherControls: React.RefObject<TicketCardHandlerProps | null>;
+}
+type DrawerFooterComponent = <TAppMetadata = unknown>(props: DrawerFooterProps<TAppMetadata>) => React.ReactElement;
+declare const DrawerFooter: DrawerFooterComponent & {
+    displayName?: string;
+};
+export default DrawerFooter;

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

@@ -0,0 +1,10 @@
+import { TabSwitchElement } from '../TabSwitch/TabSwitch';
+import { TicketCardHandlerProps } from '../TicketCard';
+declare const DrawerHeader: import('react').MemoExoticComponent<({ onSystemLogoClick, state, currentSystemId, tabs, mobileAppSwitcherControls }: {
+    onSystemLogoClick?: (collapsed?: boolean) => void;
+    state: any;
+    currentSystemId: string;
+    tabs: TabSwitchElement[];
+    mobileAppSwitcherControls: React.RefObject<TicketCardHandlerProps | null>;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default DrawerHeader;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface PLHelpSectionProps {
+    onCloseClick?: VoidFunction;
+    children?: ReactNode;
+    title?: string;
+}
+declare const PLHelpSection: ({ onCloseClick, children, title }: PLHelpSectionProps) => import("react/jsx-runtime").JSX.Element;
+export default PLHelpSection;

package/dist/components/PyrionNavigationDrawer/{PyrionNavigationDrawerMobileAppSwitcher.d.ts → PLMobileAppSwitcher.d.ts}

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 import { TabSwitchElement } from '../TabSwitch/TabSwitch';
 import { TicketCardHandlerProps } from '../TicketCard/TicketCard';
-export interface PyrionNavigationDrawerMobileAppSwitcherProps {
+export interface PLMobileAppSwitcherProps {
     tabs: TabSwitchElement[];
     content: React.ReactNode | (() => React.ReactNode);
     controls?: React.RefObject<TicketCardHandlerProps | null>;
 }
-declare const PyrionNavigationDrawerMobileAppSwitcher: ({ tabs, content, controls }: PyrionNavigationDrawerMobileAppSwitcherProps) => import("react/jsx-runtime").JSX.Element;
-export default PyrionNavigationDrawerMobileAppSwitcher;
+declare const PLMobileAppSwitcher: ({ tabs, content, controls }: PLMobileAppSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export default PLMobileAppSwitcher;

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

@@ -0,0 +1,15 @@
+import { NotificationCardProps } from '../NotificationCard/NotificationCard';
+interface PLNotificationsDrawerProps<NotificationMetadata> {
+    onCloseClick?: VoidFunction;
+    onMarkAllAsRead?: () => void;
+    notificationsListControls?: React.RefObject<NotificationsListControlsHandler<NotificationMetadata> | null>;
+}
+export interface NotificationsListControlsHandler<NotificationMetadata> {
+    addNewNotification: (notification: NotificationCardProps<NotificationMetadata> | NotificationCardProps<NotificationMetadata>[]) => void;
+    subscribeToUpdates: (callback: (notifications: NotificationCardProps<NotificationMetadata>[], count: number) => void) => () => void;
+    removeNotification: (id: string | string[]) => void;
+    removeAllNotifications: () => void;
+    setNotifications: (notifications: NotificationCardProps<NotificationMetadata>[]) => void;
+}
+declare const PLNotificationsList: <NotificationMetadata = unknown>({ onCloseClick, onMarkAllAsRead, notificationsListControls }: PLNotificationsDrawerProps<NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
+export default PLNotificationsList;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { PLSidebarContentHandle } from './PLSidebarContent';
+import { NotificationsListControlsHandler } from './PLNotificationsList';
+declare const _DrawerSidebarWrapper: <TNotificationMetadata = unknown>({ options, helpSection, sidebarContentRef, initialSectionRef, notificationsListControls, }: {
+    options?: any;
+    helpSection?: ReactNode | (() => ReactNode);
+    sidebarContentRef: React.RefObject<PLSidebarContentHandle | null>;
+    initialSectionRef: React.RefObject<"notifications" | "help">;
+    notificationsListControls?: React.RefObject<NotificationsListControlsHandler<TNotificationMetadata> | null>;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const DrawerSidebarWrapper: typeof _DrawerSidebarWrapper;
+export default DrawerSidebarWrapper;

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

@@ -0,0 +1,17 @@
+import { ReactElement, ReactNode, ForwardedRef } from 'react';
+import { PyrionNavigationDrawerOptions } from './PyrionLayout';
+import { NotificationsListControlsHandler } from './PLNotificationsList';
+export type PLSidebarContentHandle = {
+    setActiveSection: (section: 'notifications' | 'help') => void;
+};
+export type PLSidebarContentProps<TNotificationMetadata = unknown> = {
+    closeSidebar: () => void;
+    options?: PyrionNavigationDrawerOptions<any>;
+    helpSection?: ReactNode | (() => ReactNode);
+    initialSection?: 'notifications' | 'help';
+    notificationsListControls?: React.RefObject<NotificationsListControlsHandler<TNotificationMetadata> | null>;
+};
+declare const PLSidebarContent: <TNotificationMetadata = unknown>(props: PLSidebarContentProps<TNotificationMetadata> & {
+    ref?: ForwardedRef<PLSidebarContentHandle>;
+}) => ReactElement | null;
+export default PLSidebarContent;

package/dist/components/PyrionNavigationDrawer/{PyrionNavigationDrawerSystemLogo.d.ts → PLSystemLogo.d.ts}

@@ -1,4 +1,4 @@
-import { TSystem } from './PyrionNavigationDrawer';
+import { TSystem } from './PyrionLayout';
 declare const SystemLogo: import('react').MemoExoticComponent<({ enabled_systems, onClick, currentSystemId }: {
     enabled_systems?: TSystem[];
     onClick?: () => void;

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

@@ -0,0 +1,14 @@
+import { AllOptionAccessor } from '../Shared/types';
+import { AuthSession } from './PyrionLayout';
+export interface PLSystemSessionsProps<TAppMetadata> {
+    sessions?: AuthSession<TAppMetadata>[];
+    onSessionClick?: (session: AuthSession<TAppMetadata>) => void;
+    secondarySlot?: React.ReactNode | string | ((session: AuthSession<TAppMetadata>) => React.ReactNode | string | null) | null;
+    subImageUrlAccessor?: subImageUrlAccessor<TAppMetadata>;
+    currentSystemId: string;
+}
+export type subImageUrlAccessor<TAppMetadata> = AllOptionAccessor<{
+    metadata: TAppMetadata;
+}, string>;
+declare const PLSystemSessions: <TAppMetadata = unknown>(props: PLSystemSessionsProps<TAppMetadata>) => import("react/jsx-runtime").JSX.Element | null;
+export default PLSystemSessions;