prometeo-design-system 4.2.5 → 4.3.1

package/dist/TabLinks.es.js

@@ -1,4 +1,123 @@
-import { T as f } from "./TabLinks-DxqprStp.js";
+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: a,
+  onTabChange: r,
+  className: l,
+  tabClassName: o,
+  activeTabClassName: h,
+  indicatorClassName: g,
+  animated: y = !0,
+  renderTab: d
+}) {
+  const j = (e) => {
+    e.disabled || r?.(e.id, e);
+  };
+  return /* @__PURE__ */ i.jsx(
+    "div",
+    {
+      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((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: 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: e.disabled ? -1 : 0,
+            "aria-label": e.title,
+            role: "tab",
+            "aria-selected": n,
+            children: [
+              /* @__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: s(
+                    "absolute -bottom-px left-0 right-0 h-[5px] rounded-t-xl bg-primary-default-default z-0",
+                    g
+                  ),
+                  transition: {
+                    type: "spring",
+                    stiffness: 250,
+                    damping: 17
+                  },
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          },
+          e.id
+        );
+      })
+    }
+  );
+}
+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 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 {
-  f as default
+  H as default
 };

package/dist/TicketCard.es.js

@@ -1,5 +1,5 @@
 import { j as l } from "./jsx-runtime-GkKLlHH4.js";
-import { g as L } from "./useLabelBackground-D5SzHhl_.js";
+import { g as L } from "./useLabelBackground-BDIHUdND.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import { memo as O, useState as y, useCallback as x, useImperativeHandle as S, Children as A, isValidElement as B, cloneElement as k, useRef as w, useLayoutEffect as N, useEffect as z } from "react";
 import { CrevronLeft as I } from "./Icons/CrevronLeft.es.js";
@@ -79,7 +79,7 @@ const C = (n, t) => typeof n == "function" ? t ? n(t) : null : n, q = (n) => {
       type: "button",
       onClick: t,
       className: d(
-        "ticketcard-toggle-button text-neutral-default-default",
+        "ticketcard-toggle-button",
         "grid place-items-center cursor-pointer transition-transform rounded-lg w-8 max-w-8 min-w-8",
         "bg-neutral-default-default ",
         "transition-all duration-300 ease-in-out",

package/dist/badge-CbqYNrl4.js

@@ -0,0 +1,87 @@
+import { j as n } from "./jsx-runtime-GkKLlHH4.js";
+import { c as i } from "./cn-B6yFEsav.js";
+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 o = l.find((e) => e.id === m || e.name === (t?.currentTabName || c));
+  return /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      ref: s,
+      className: i(
+        "select-none",
+        "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",
+        u
+      ),
+      children: l.map(
+        (e) => {
+          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",
+            {
+              className: i(
+                "bg-[(--tab-bg)]",
+                "h-12 w-[50px] z-20",
+                "flex items-center pl-[6px] ",
+                "rounded-l-[8px]",
+                "tabswitch-element relative",
+                f && "active"
+              ),
+              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: x })
+            },
+            e.name
+          );
+        }
+      )
+    }
+  );
+}), C = ({
+  count: t,
+  maxCount: s = 9,
+  className: c = "",
+  size: d = "medium",
+  variant: r = "primary",
+  showZero: l = !1,
+  disabled: u = !1
+}) => {
+  const a = t, m = a > s ? `+${s}` : a;
+  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"
+  }, 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",
+    warning: "bg-yellow-500 text-black",
+    danger: "bg-red-500 text-white"
+  };
+  return /* @__PURE__ */ n.jsx("div", { className: i(
+    "rounded-full flex items-center justify-center font-medium select-none",
+    o[d],
+    e[r],
+    c,
+    u && "text-neutral-strong-disabled bg-primary-medium-disabled"
+  ), children: /* @__PURE__ */ n.jsx("span", { children: m }) });
+};
+export {
+  C as B,
+  N as T
+};

package/dist/components/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 export type SizeVariant = "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
-export interface IAvatar {
+interface IAvatar {
     imageUrl?: string;
     sizeImage?: SizeVariant;
     sizeFallback?: SizeVariant;
@@ -7,5 +7,7 @@ export interface IAvatar {
     subImageUrl?: string;
     borderColor?: string;
     fallbackType?: "initials" | "defaultAvatar";
+    sizeFallbackIcon?: number;
 }
-export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText, subImageUrl, fallbackType, }: IAvatar): import("react/jsx-runtime").JSX.Element;
+export default function Avatar({ imageUrl, sizeImage, sizeFallback, sizeFallbackIcon, fallbackText, subImageUrl, fallbackType, }: IAvatar): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CardProfile/CardProfile.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { IAvatar as AvatarProps } from '../Avatar/Avatar';
 interface ICardProfile {
     children: ReactNode;
     dropMenu?: ReactNode;
@@ -30,10 +29,9 @@ interface IDropMenu {
     handleTokenLogin: () => void;
 }
 interface ICardProfileImage {
-    isExpanded?: boolean;
+    isExpanded: boolean;
     imageUrl?: string;
     fallbackText?: string;
-    avatarProps?: AvatarProps;
 }
 interface ICardProfileContent {
     isExpanded: boolean;
@@ -41,8 +39,7 @@ interface ICardProfileContent {
     nameCompany: string;
     nameArea: string;
     cardProfile: ReactNode;
-    onClick?: () => void;
-    unassigned?: boolean;
+    onClick: () => void;
 }
 interface ICardProfileOptions {
     onClick: () => void;
@@ -50,8 +47,8 @@ interface ICardProfileOptions {
 }
 export declare const CardProfile: (({ children }: ICardProfile) => import("react/jsx-runtime").JSX.Element) & {
     Menu: ({ isExpanded, sessions, onClickLogout, handleTokenLogin, }: IDropMenu) => import("react/jsx-runtime").JSX.Element;
-    Image: ({ imageUrl, fallbackText, avatarProps }: ICardProfileImage) => import("react/jsx-runtime").JSX.Element;
-    Content: ({ isExpanded, nameUser, nameCompany, nameArea, cardProfile, onClick, unassigned }: ICardProfileContent) => import("react/jsx-runtime").JSX.Element;
+    Image: ({ imageUrl, fallbackText }: ICardProfileImage) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ isExpanded, nameUser, nameCompany, nameArea, cardProfile, onClick, }: ICardProfileContent) => import("react/jsx-runtime").JSX.Element;
     Separator: () => import("react/jsx-runtime").JSX.Element;
     Options: ({ isExpanded, onClick }: ICardProfileOptions) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/DropZone/useFileDropzone.d.ts

@@ -1,15 +1,8 @@
 import { default as React } from 'react';
 import { DropzoneOptions } from 'react-dropzone';
-type MIMETypeString = 'image/*' | 'image/png' | 'image/jpeg' | 'image/gif' | 'image/svg+xml' | 'image/webp' | 'image/vnd.dwg' | 'image/vnd.dxf' | 'text/plain' | 'text/markdown' | 'text/csv' | 'application/pdf' | 'application/postscript' | 'application/illustrator' | 'application/msword' | 'application/vnd.ms-excel' | 'application/vnd.ms-powerpoint' | 'application/vnd.visio' | 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' | 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' | 'application/vnd.openxmlformats-officedocument.presentationml.presentation' | 'application/zip' | 'application/vnd.rar' | 'application/x-7z-compressed' | 'application/gzip' | 'application/x-tar' | 'video/*' | 'video/mp4' | 'video/x-msvideo' | 'video/quicktime' | 'video/webm' | 'video/x-matroska' | 'audio/*' | 'audio/mpeg' | 'audio/wav' | 'audio/mp4' | 'audio/ogg' | 'application/acad' | 'application/step' | 'application/iges' | 'model/stl' | 'message/rfc822' | 'application/vnd.ms-outlook' | 'application/mbox' | 'application/hl7-v2' | 'application/dicom' | 'application/octet-stream';
-export interface UseFileDropzoneOptions extends Omit<DropzoneOptions, "onDrop" | "accept"> {
+export interface UseFileDropzoneOptions extends Omit<DropzoneOptions, "onDrop"> {
     onFilesAccepted?: (files: File[]) => void;
     onFilesRejected?: (rejectedFiles: unknown[]) => void;
-    accept?: Partial<Record<MIMETypeString, string[]>>;
-}
-export interface UseFileDropzoneOptions extends Omit<DropzoneOptions, "onDrop" | "accept"> {
-    onFilesAccepted?: (files: File[]) => void;
-    onFilesRejected?: (rejectedFiles: unknown[]) => void;
-    accept?: Partial<Record<MIMETypeString, string[]>>;
 }
 export declare function useFileDropzone({ onFilesAccepted, onFilesRejected, ...options }: UseFileDropzoneOptions): {
     hasErrors: boolean;
@@ -26,4 +19,3 @@ export declare function useFileDropzone({ onFilesAccepted, onFilesRejected, ...o
     getRootProps: <T extends import('react-dropzone').DropzoneRootProps>(props?: T) => T;
     getInputProps: <T extends import('react-dropzone').DropzoneInputProps>(props?: T) => T;
 };
-export {};

package/dist/components/Layout/LayoutGeneric.d.ts

@@ -0,0 +1,6 @@
+export interface LayoutGenericProps {
+    children: React.ReactNode;
+    sidebar?: React.ReactNode;
+}
+declare const _default: import('react').MemoExoticComponent<({ children, sidebar }: LayoutGenericProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -17,11 +17,10 @@ export interface NotificationCardProps<NotificationMetadata = any> {
     body: string | React.ReactNode | ((metadata?: NotificationMetadata) => React.ReactNode);
     date: string | Date;
     actions?: [NotificationAction<NotificationMetadata>, NotificationAction<NotificationMetadata>] | [NotificationAction<NotificationMetadata>];
-    read?: boolean;
+    isNew?: boolean;
     className?: string;
     metadata?: NotificationMetadata;
-    onClick?: (metadata?: NotificationMetadata) => void;
 }
-declare const NotificationCard: <NotificationMetadata = unknown>({ user, body, date, actions, read, className, metadata, onClick }: NotificationCardProps<NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
+declare const NotificationCard: <NotificationMetadata = unknown>({ user, body, date, actions, isNew, className, metadata }: NotificationCardProps<NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
 export default NotificationCard;
 export type NotificationCardComponent = typeof NotificationCard;

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

@@ -1,18 +1,15 @@
 import { NotificationCardProps } from '../NotificationCard/NotificationCard';
-import { ScrollableControlsHandler } from '../Scrollable/Scrollable';
 interface PLNotificationsDrawerProps<NotificationMetadata> {
     onCloseClick?: VoidFunction;
     onMarkAllAsRead?: () => void;
     notificationsListControls?: React.RefObject<NotificationsListControlsHandler<NotificationMetadata> | null>;
-    scrollableControls?: React.RefObject<ScrollableControlsHandler | null>;
 }
 export interface NotificationsListControlsHandler<NotificationMetadata> {
-    addNewNotification: (notification: NotificationCardProps<NotificationMetadata> | NotificationCardProps<NotificationMetadata>[], position?: 'top' | 'bottom') => void;
+    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;
-    setLoading: (loading: boolean) => void;
 }
-declare const PLNotificationsList: <NotificationMetadata = unknown>({ onCloseClick, onMarkAllAsRead, notificationsListControls, scrollableControls }: PLNotificationsDrawerProps<NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
+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

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

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

@@ -1,7 +1,6 @@
 import { ReactElement, ReactNode, ForwardedRef } from 'react';
 import { PyrionLayoutOptions } from './PyrionLayout';
 import { NotificationsListControlsHandler } from './PLNotificationsList';
-import { ScrollableControlsHandler } from '../Scrollable/Scrollable';
 export type PLSidebarContentHandle = {
     setActiveSection: (section: 'notifications' | 'help') => void;
 };
@@ -11,7 +10,6 @@ export type PLSidebarContentProps<TNotificationMetadata = unknown> = {
     helpSection?: ReactNode | (() => ReactNode);
     initialSection?: 'notifications' | 'help';
     notificationsListControls?: React.RefObject<NotificationsListControlsHandler<TNotificationMetadata> | null>;
-    scrollableControls?: React.RefObject<ScrollableControlsHandler | null>;
 };
 declare const PLSidebarContent: <TNotificationMetadata = unknown>(props: PLSidebarContentProps<TNotificationMetadata> & {
     ref?: ForwardedRef<PLSidebarContentHandle>;

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

@@ -6,7 +6,6 @@ import { TicketCardHandlerProps } from '../TicketCard';
 import { NotificationsListControlsHandler } from './PLNotificationsList';
 import { PLSidebarContentHandle } from './PLSidebarContent';
 import { AuthSession, PyrionNavigationControls, PyrionLayoutOptions, PyrionLayoutProps } from './PyrionLayout';
-import { ScrollableControlsHandler } from '../Scrollable/Scrollable';
 export type TLayoutBaseProps<TAppMetadata = unknown, TNotificationMetadata = unknown> = {
     links?: PyrionLayoutLinkItemProps[];
     handleNavigation: (path: string) => void;
@@ -30,7 +29,6 @@ export type TLayoutBaseProps<TAppMetadata = unknown, TNotificationMetadata = unk
     initialSectionRef: React.RefObject<'notifications' | 'help'>;
     navigationControlsRef: React.RefObject<PyrionNavigationControls<TNotificationMetadata>>;
     notificationsListControls?: React.RefObject<NotificationsListControlsHandler<TNotificationMetadata> | null>;
-    scrollableControls?: React.RefObject<ScrollableControlsHandler | null>;
     outletRef: React.RefObject<HTMLDivElement | null>;
     onProfileClick?: (collapsed: boolean) => void;
 };

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

@@ -3,7 +3,6 @@ import { PyrionLayoutActionItemProps } from '../NavigationDrawer/NavigationDrawe
 import { PyrionLayoutLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
 import { NavigationDrawerSidebarProps } from '../NavigationDrawer/NavigationDrawerSidebar';
 import { NotificationCardProps } from '../NotificationCard/NotificationCard';
-import { ScrollTargetData } from '../Scrollable/Scrollable';
 import { AllOptionAccessor } from '../Shared/types';
 import { TabSwitchElement } from '../TabSwitch/TabSwitch';
 import { subImageUrlAccessor } from './PLSystemSessions';
@@ -136,12 +135,11 @@ export type PyrionNavigationControls<TNotificationMetadata = unknown> = {
     openNotifications?: () => void;
     showErrorModal?: (node: (ReactNode | (() => ReactNode)), disableDrawer: boolean, hideCloseButton?: boolean) => void;
     closeErrorModal?: () => void;
-    addNewNotification?: (notification: NotificationCardProps<TNotificationMetadata> | NotificationCardProps<TNotificationMetadata>[], position?: 'top' | 'bottom') => void;
+    addNewNotification?: (notification: NotificationCardProps<TNotificationMetadata> | NotificationCardProps<TNotificationMetadata>[]) => void;
     subscribeToNotificationsUpdates?: (callback: (notifications: NotificationCardProps<TNotificationMetadata>[], count: number) => void) => () => void;
     setNotifications?: (notifications: NotificationCardProps<TNotificationMetadata>[]) => void;
     removeAllNotifications?: () => void;
     removeNotification?: (id: string | string[]) => void;
-    subscribeToNotificationsScroll?: (callback: (data: ScrollTargetData) => void) => () => void;
 };
 export declare const usePyrionLayout: <TNotificationMetadata = unknown>() => PyrionNavigationControls<TNotificationMetadata>;
 declare const PyrionLayout: <TAppMetadata = unknown, TNotificationMetadata = unknown>({ children, helpSection, state, links: navlinks, onLinkClick, onNavigate, onLogoutClick, actions, activeActionId, onActionClick, tabsProps, currentSystemId, onSessionClick, onSystemLogoClick, onProfileClick, ...props }: PyrionLayoutProps<TAppMetadata, TNotificationMetadata>) => import("react/jsx-runtime").JSX.Element;

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

@@ -17,24 +17,6 @@ type ScrollbarProps = {
     hide?: boolean;
     size?: "small" | 'medium';
 };
-export interface ScrollTargetData {
-    percentage: number;
-    direction: 'up' | 'down' | 'left' | 'right';
-    scrollTop: number;
-    scrollLeft: number;
-    scrollHeight: number;
-    scrollWidth: number;
-    clientHeight: number;
-    clientWidth: number;
-}
-export interface ScrollTargetConfig {
-    target: number;
-    direction?: 'x' | 'y' | 'both';
-    trip?: 'forth' | 'back' | 'round-trip';
-}
-export interface ScrollableControlsHandler {
-    subscribeToScrollTarget: (callback: (data: ScrollTargetData) => void, config?: ScrollTargetConfig) => () => void;
-}
 export interface ScrollableProps {
     debugMode?: boolean;
     className?: string;
@@ -45,7 +27,6 @@ export interface ScrollableProps {
     disableMouseScroll?: boolean;
     defaultBehavior?: 'scroll-on-click' | 'scroll-on-hover' | 'none';
     persistScroll?: boolean | string;
-    controls?: React.RefObject<ScrollableControlsHandler | null>;
 }
 declare const Scrollable: (props: ScrollableProps) => import("react/jsx-runtime").JSX.Element;
 export default Scrollable;

package/dist/components/Sidebar/SecondaryBar/SecondaryBar.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+export interface SecondaryBarRootProps {
+    children: ReactNode;
+    isOpen?: boolean;
+    className?: string;
+    width?: string;
+    action?: string;
+    primarySidebarCollapsed?: boolean;
+    onClose?: () => void;
+}
+export interface HeaderProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface ContentProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface FooterProps {
+    children: ReactNode;
+    className?: string;
+}
+export interface SpacerProps {
+    className?: string;
+}
+export declare const SecondaryBar: (({ children, isOpen, className, width, action, primarySidebarCollapsed, onClose, }: SecondaryBarRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, isOpen, className, width, action, primarySidebarCollapsed, onClose, }: SecondaryBarRootProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, className }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children, className }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+    Spacer: ({ className }: SpacerProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/Sidebar/SecondaryBar/hooks/useSecondaryBarAnimation.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare const useSecondaryBarAnimation: (secondaryBarRef: RefObject<HTMLDivElement | null>, isOpen: boolean) => void;

package/dist/components/Sidebar/SecondaryBar/index.d.ts

@@ -0,0 +1 @@
+export { SecondaryBar } from './SecondaryBar';

package/dist/components/Sidebar/SidebarComposable.d.ts

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { TabSwitchElement } from '../TabSwitch/TabSwitch';
+interface SidebarRootProps {
+    children: ReactNode;
+    isCollapsed?: boolean;
+    className?: string;
+    tabs?: TabSwitchElement[];
+    currentTabName?: string;
+}
+interface CollapseButtonProps {
+    isCollapsed: boolean;
+    onToggleCollapse: () => void;
+}
+export declare const CollapseButton: ({ isCollapsed, onToggleCollapse }: CollapseButtonProps) => import("react/jsx-runtime").JSX.Element;
+interface HeaderProps {
+    children: ReactNode;
+    className: string;
+}
+interface DividerProps {
+    className?: string;
+}
+interface ContentProps {
+    children: ReactNode;
+    className: string;
+}
+interface SpacerProps {
+    size?: 'auto' | 'small' | 'medium' | 'large' | string;
+    className?: string;
+}
+interface FooterProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const Sidebar: import('react').ForwardRefExoticComponent<SidebarRootProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Root: import('react').ForwardRefExoticComponent<SidebarRootProps & import('react').RefAttributes<HTMLDivElement>>;
+    CollapseButton: ({ isCollapsed, onToggleCollapse }: CollapseButtonProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ children, className }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    Divider: ({ className }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+    Spacer: ({ className, size }: SpacerProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children, className }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/components/Sidebar/components/NavigationLink.d.ts

@@ -0,0 +1,11 @@
+interface NavigationLinkProps {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    label?: string;
+    href?: string;
+    onClick?: () => void;
+    isActive?: boolean;
+    className?: string;
+}
+export declare const NavigationLink: ({ children, icon, label, href, onClick, isActive, className }: NavigationLinkProps) => import("react/jsx-runtime").JSX.Element;
+export default NavigationLink;

package/dist/components/Sidebar/components/company-logo.d.ts

@@ -0,0 +1,5 @@
+export interface CompanyLogoProps {
+    logoUrl: string;
+    companyName?: string;
+}
+export declare const CompanyLogo: ({ logoUrl, companyName }: CompanyLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/components/nav-actions.d.ts

@@ -0,0 +1,7 @@
+import { INavAction } from '../hooks/useNavLinks';
+export interface INavbarActionsProps {
+    linkActions: INavAction[];
+    onClick?: (actionName: string) => void;
+    activeAction?: string;
+}
+export declare const NavBarActions: ({ linkActions, onClick, activeAction, }: INavbarActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/components/nav-links.d.ts

@@ -0,0 +1,7 @@
+import { INavLink } from '../hooks/useNavLinks';
+export interface NavbarLinksProps {
+    links: INavLink[];
+    isLinkActive: (path: string) => boolean;
+    onLinkClick?: (path: string) => void;
+}
+export declare const NavbarLinks: ({ links, isLinkActive, onLinkClick, }: NavbarLinksProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/context/SidebarContext.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, RefObject } from 'react';
+interface SidebarContextType {
+    primarySidebarRef: RefObject<HTMLDivElement | null>;
+    registerPrimarySidebar: (ref: RefObject<HTMLDivElement | null>) => void;
+    tabBarRef: RefObject<HTMLDivElement | null>;
+    registerTabBar: (ref: RefObject<HTMLDivElement | null>) => void;
+}
+interface SidebarProviderProps {
+    children: ReactNode;
+}
+export declare const SidebarProvider: ({ children }: SidebarProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useSidebarContext: () => SidebarContextType;
+export {};

package/dist/components/Sidebar/hooks/SidebarProvider.d.ts

@@ -0,0 +1,3 @@
+export declare const SidebarProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/hooks/useNavBarActions.d.ts

@@ -0,0 +1,9 @@
+interface IRootState {
+    isActiveModalNotification: boolean;
+    setIsActiveModalNotification: (isActiveModalNotification: boolean) => void;
+}
+export declare const useActionsNavbar: ({ isActiveModalNotification, setIsActiveModalNotification, }: IRootState) => {
+    handleNotificationClick: () => void;
+    isActiveModalNotification: boolean;
+};
+export {};

package/dist/components/Sidebar/hooks/useNavBarCollapse.d.ts

@@ -0,0 +1,4 @@
+export declare const useNavbarCollapse: (isCollapsed: boolean) => {
+    isCollapsed: boolean;
+    navbarRef: import('react').RefObject<HTMLDivElement | null>;
+};