prometeo-design-system 3.1.2 → 3.1.4

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

@@ -1,29 +1,49 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
+type NavigationDrawerRenderContext = {
+    toggleCollapse: () => void;
+    getIsCollapsed: () => boolean;
+    subscribeToCollapse: (listener: (collapsed: boolean) => void) => () => void;
+    openSidebar: () => void;
+    closeSidebar: () => void;
+    toggleSidebar: () => void;
+    getIsSidebarOpen: () => boolean;
+    subscribeToSidebarOpen: (listener: (open: boolean) => void) => () => void;
+};
+type NavigationDrawerSlotChildren = ReactNode | ((context: NavigationDrawerRenderContext) => ReactNode);
 export interface NavigationDrawerProps {
-    children?: ReactNode;
+    children?: NavigationDrawerSlotChildren;
+    classNameDrawer?: string;
+    classNameSidebar?: string;
 }
-declare const NavigationDrawer: import('react').NamedExoticComponent<NavigationDrawerProps> & {
+type SlotBaseProps = {
+    children?: NavigationDrawerSlotChildren;
+    className?: string;
+    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;
 } & {
-    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.NamedExoticComponent<{
+        children?: NavigationDrawerSlotChildren;
         className?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
+        context?: NavigationDrawerRenderContext;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Sidebar: React.NamedExoticComponent<NavigationDrawerSidebarProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default NavigationDrawer;

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

@@ -0,0 +1,16 @@
+import { IconComponent } from '../../Icons/types';
+export interface NavigationDrawerActionItemProps {
+    id: string;
+    title: string;
+    icon?: IconComponent;
+    count?: number;
+    className?: string;
+    isActive?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    isView?: boolean | (() => boolean);
+    order?: number;
+}
+declare const NavigationDrawerActionItem: import('react').MemoExoticComponent<(props: NavigationDrawerActionItemProps) => import("react/jsx-runtime").JSX.Element | null>;
+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,18 @@
+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;
+    disabled?: boolean;
+}
+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;
@@ -9,8 +9,11 @@ export interface NavItemProps {
     relatedPaths?: string[];
     count?: number;
     className?: string;
+    disabled?: boolean;
     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 +22,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/NotificationCard/NotificationCard.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { ButtonVariant } from '../Shared/types';
+export interface NotificationAction<NotificationMetadata = unknown> {
+    label: string;
+    onClick: (metadata?: NotificationMetadata) => void;
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    hidden?: boolean;
+}
+export interface NoitificationUser {
+    name: string;
+    profile_picture?: string;
+}
+export interface NotificationCardProps<NotificationMetadata = unknown> {
+    user: NoitificationUser;
+    body: string | React.ReactNode | ((metadata?: NotificationMetadata) => React.ReactNode);
+    date: string | Date;
+    actions?: [NotificationAction<NotificationMetadata>, NotificationAction<NotificationMetadata>] | [NotificationAction<NotificationMetadata>];
+    isNew?: boolean;
+    className?: string;
+    metadata?: NotificationMetadata;
+}
+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/PyrionHelpSection.d.ts

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

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

@@ -0,0 +1,130 @@
+import { ReactNode } from 'react';
+import { NavigationDrawerSidebarProps } from '../NavigationDrawer/NavigationDrawer';
+import { NavigationDrawerActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
+import { NavigationDrawerLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
+import { NotificationCardProps } from '../NotificationCard/NotificationCard';
+import { AllOptionAccessor } from '../Shared/types';
+import { TabSwitchElement } from '../TabSwitch/TabSwitch';
+import { subImageUrlAccessor } from './SystemSessions';
+type TProduct = {
+    name: string;
+    domain: string;
+    active: boolean;
+    coverImage?: string;
+    thumbnail?: string;
+};
+type TCompany = {
+    name: string;
+    products?: TProduct[];
+    icon?: string;
+};
+type TUser = {
+    auth_id: string;
+    name: string;
+    surname?: string;
+    email?: string;
+    profile_picture?: string;
+};
+export type TSystem = {
+    name: string;
+    url: string;
+    coverImage?: string;
+    thumbnail?: string;
+    system_id: string;
+};
+type TSystemSession<TSystemMetadata> = TSystem & {
+    metadata?: TSystemMetadata;
+};
+export interface AuthSession<TSystemMetadata> {
+    token: string;
+    expires_at: string;
+    logoutDate?: string;
+    userHub: TUser;
+    systems: TSystemSession<TSystemMetadata>[];
+}
+export interface NavigationDrawerTabsProps {
+    currentTabName?: string;
+    customTabs?: TabSwitchElement[];
+    onTabClick?: (name: string) => void;
+}
+type AvailableData<TSystemMetadata> = {
+    company: TCompany;
+    user: TUser;
+    system?: TSystem;
+    metadata?: TSystemMetadata;
+};
+type SessionAvailableData<TSystemMetadata> = {
+    company: TCompany;
+    user: TUser;
+    system?: TSystemSession<TSystemMetadata>;
+    metadata?: TSystemMetadata;
+};
+type UserCardAccesors<TSystemMetadata> = AllOptionAccessor<AvailableData<TSystemMetadata>, string>;
+type SessionCardAccesors<TSystemMetadata> = AllOptionAccessor<SessionAvailableData<TSystemMetadata>, string>;
+interface UserCardOptions<TSystemMetadata> {
+    secondarySlot: UserCardAccesors<TSystemMetadata> | [UserCardAccesors<TSystemMetadata>, UserCardAccesors<TSystemMetadata>] | ((data: AvailableData<TSystemMetadata>) => React.ReactNode);
+}
+interface SessionCardOptions<TSystemMetadata> {
+    secondarySlot: SessionCardAccesors<TSystemMetadata> | [SessionCardAccesors<TSystemMetadata>, SessionCardAccesors<TSystemMetadata>] | ((data: SessionAvailableData<TSystemMetadata>) => React.ReactNode);
+    subImageUrlAccessor?: subImageUrlAccessor<TSystemMetadata>;
+}
+export interface NotificationsDrawerOptions {
+    hide?: boolean;
+    hideActionButton?: boolean;
+    onMarkAllAsRead?: () => void;
+}
+export interface HelpSectionDrawerOptions {
+    hide?: boolean;
+    hideActionButton?: boolean;
+}
+export interface ConfigurationActionOptions {
+    hideActionButton?: boolean;
+    onClick: VoidFunction;
+}
+export interface PyrionNavigationDrawerOptions<TSystemMetadata> {
+    userCardOptions?: UserCardOptions<TSystemMetadata>;
+    sessionCardOptions?: SessionCardOptions<TSystemMetadata>;
+    notificationsDrawerOptions?: NotificationsDrawerOptions;
+    helpSectionDrawerOptions?: HelpSectionDrawerOptions;
+    configurationActionOptions?: ConfigurationActionOptions;
+    sidebarOptions: Pick<NavigationDrawerSidebarProps, 'modal' | 'closeOnOverlayClick'>;
+}
+export interface PyrionNavigationDrawerProps<TSystemMetadata, NotificationMetadata = unknown> {
+    links?: NavigationDrawerLinkItemProps[];
+    actions?: NavigationDrawerActionItemProps[];
+    tabsProps?: NavigationDrawerTabsProps;
+    activeActionId?: string;
+    currentSystemId: string;
+    helpSection?: ReactNode | (() => ReactNode);
+    children?: ReactNode;
+    state: {
+        company: TCompany;
+        enabled_systems: TSystem[];
+        user: TUser;
+        sessions?: AuthSession<TSystemMetadata>[];
+        metadata?: TSystemMetadata;
+        notifications?: NotificationCardProps<NotificationMetadata>[];
+    };
+    options?: PyrionNavigationDrawerOptions<TSystemMetadata>;
+    onActionClick?: (id: string) => void;
+    onLinkClick?: (path: string) => void;
+    onSessionClick?: (session: AuthSession<TSystemMetadata>) => void;
+    onNavigate?: (from: string, to: string) => void;
+    onSystemLogoClick?: (collapsed?: boolean) => void;
+    onLogoutClick?: () => void;
+}
+type PyrionNavigationControls = {
+    toggleCollapse?: () => void;
+    getIsCollapsed?: () => boolean;
+    subscribeToCollapse?: (listener: (collapsed: boolean) => void) => () => void;
+    openSidebar?: () => void;
+    closeSidebar?: () => void;
+    toggleSidebar?: () => void;
+    getIsSidebarOpen?: () => boolean;
+    subscribeToSidebarOpen?: (listener: (open: boolean) => void) => () => void;
+    openNotifications?: () => void;
+    openHelp?: () => void;
+};
+export declare const usePyrionNavigation: () => PyrionNavigationControls;
+declare const PyrionNavigationDrawer: <TAppMetadata = unknown, NotificationMetadata = unknown>({ children, helpSection, state, links: navlinks, onLinkClick, onNavigate, onLogoutClick, actions, activeActionId, onActionClick, tabsProps, currentSystemId, onSessionClick, options, onSystemLogoClick }: PyrionNavigationDrawerProps<TAppMetadata, NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
+export default PyrionNavigationDrawer;

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TabSwitchElement } from '../TabSwitch/TabSwitch';
+import { TicketCardHandlerProps } from '../TicketCard/TicketCard';
+export interface PyrionNavigationDrawerMobileAppSwitcherProps {
+    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;

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

@@ -0,0 +1,7 @@
+import { TSystem } from './PyrionNavigationDrawer';
+declare const SystemLogo: import('react').MemoExoticComponent<({ enabled_systems, onClick, currentSystemId }: {
+    enabled_systems?: TSystem[];
+    onClick?: () => void;
+    currentSystemId?: string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default SystemLogo;

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

@@ -0,0 +1,8 @@
+import { NotificationCardProps } from '../NotificationCard/NotificationCard';
+interface PyrionNotificationsDrawerProps<NotificationMetadata> {
+    onCloseClick?: VoidFunction;
+    onMarkAllAsRead?: () => void;
+    notifications?: NotificationCardProps<NotificationMetadata>[];
+}
+declare const PyrionNotificationsList: <NotificationMetadata = unknown>({ onCloseClick, onMarkAllAsRead, notifications }: PyrionNotificationsDrawerProps<NotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
+export default PyrionNotificationsList;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { PyrionNavigationDrawerOptions, PyrionNavigationDrawerProps } from './PyrionNavigationDrawer';
+export type SidebarContentHandle = {
+    setActiveSection: (section: 'notifications' | 'help') => void;
+};
+declare const SidebarContent: import('react').ForwardRefExoticComponent<{
+    closeSidebar: () => void;
+    options?: PyrionNavigationDrawerOptions<any>;
+    state: PyrionNavigationDrawerProps<any, any>["state"];
+    helpSection?: ReactNode | (() => ReactNode);
+    initialSection?: "notifications" | "help";
+} & import('react').RefAttributes<SidebarContentHandle>>;
+export default SidebarContent;

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

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

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+type IndicatorType = 'icon' | 'shadow';
+type IndicatorProps = {
+    show?: boolean;
+    className?: string;
+    type?: IndicatorType;
+    behavior?: 'scroll-on-click' | 'scroll-on-hover' | 'none';
+};
+interface IndicatorsProps {
+    top?: IndicatorProps;
+    bottom?: IndicatorProps;
+    left?: IndicatorProps;
+    right?: IndicatorProps;
+}
+type scrollableAxis = "x" | "y" | "both";
+type ScrollbarProps = {
+    hide?: boolean;
+    size?: "small" | 'medium';
+};
+export interface ScrollableProps {
+    debugMode?: boolean;
+    className?: string;
+    indicators?: IndicatorsProps;
+    axis?: scrollableAxis;
+    children?: React.ReactNode;
+    scrollbarProps?: ScrollbarProps;
+    disableMouseScroll?: boolean;
+    defaultBehavior?: 'scroll-on-click' | 'scroll-on-hover' | 'none';
+}
+declare const Scrollable: (props: ScrollableProps) => import("react/jsx-runtime").JSX.Element;
+export default Scrollable;

package/dist/components/SelectSearch/SelectSearch.d.ts

@@ -1,6 +1,10 @@
-import { ComponentType } from 'react';
+import { ComponentType, RefObject } from 'react';
 import { CustomSelectionDisplayProps, CustomSelectOptionRendererProps, SelectControlsHandler, SelectProps } from '../Select/Select';
 import { OptionAccessor } from '../Shared/types';
+export interface SelectSearchControlsHandler extends SelectControlsHandler {
+    cleanOptions: () => void;
+}
+export type SelectSearchControlsRef = RefObject<SelectSearchControlsHandler | SelectControlsHandler | null>;
 interface SimpleSelectSearchProps<T extends object> extends BaseSelectSearchProps<T> {
     multiple?: false;
     value?: T | undefined;
@@ -28,7 +32,7 @@ export interface BaseSelectSearchProps<T extends object> {
     className?: string;
     renderOption?: ComponentType<CustomSelectOptionRendererProps<T>>;
     renderSelection?: ComponentType<CustomSelectionDisplayProps<T>>;
-    controls?: React.RefObject<SelectControlsHandler | null>;
+    controls?: SelectSearchControlsRef;
     selectComponentProps?: Partial<Omit<SelectProps<T>, 'controls'>>;
 }
 export type SelectSearchProps<T extends object> = SimpleSelectSearchProps<T> | MultipleSelectSearchProps<T>;

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

@@ -5,5 +5,6 @@ export type BadgeProps = {
     size?: 'small' | 'medium' | 'large';
     variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
     showZero?: boolean;
+    disabled?: boolean;
 };
-export declare const Badge: ({ count, maxCount, className, size, variant, showZero }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Badge: ({ count, maxCount, className, size, variant, showZero, disabled }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TabSwitch/TabSwitch.d.ts

@@ -6,31 +6,11 @@ export interface TabSwitchElement {
     onClick?: (name: string) => void;
     disabled?: boolean;
 }
-interface SeleneProduct {
-    image: string;
-    thumbnail: string;
-    name: string;
-    description: string;
-    href: string;
-}
-interface SeleneSystems {
-    name: string;
-    image: string;
-    thumbnail: string;
-    href: string;
-}
-export interface SeleneHubUser {
-    company: {
-        products: SeleneProduct[];
-    };
-    enabled_systems: SeleneSystems[];
-}
 export interface TabsSwitchProps {
     tabs: TabSwitchElement[];
     className?: string;
     currentTabName?: string;
     activeColor?: string;
-    user?: SeleneHubUser;
 }
 declare const TabsSwitch: import('react').ForwardRefExoticComponent<TabsSwitchProps & import('react').RefAttributes<HTMLDivElement>>;
 export default TabsSwitch;

package/dist/components/TicketCard/TicketCard.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode, RefObject } from 'react';
+type TicketCardSlotChildren = ReactNode | ((context: TicketCardRenderContext) => ReactNode);
+type SlotBaseProps = {
+    children?: TicketCardSlotChildren;
+    className?: string;
+    context?: TicketCardRenderContext;
+};
+export type TicketCardHandlerProps = {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+type TicketCardRenderContext = {
+    isCollapsed: boolean;
+    toggle: () => void;
+};
+export interface TicketCardProps {
+    children?: TicketCardSlotChildren;
+    className?: string;
+    controls?: RefObject<TicketCardHandlerProps | null>;
+}
+type ContentSlotProps = SlotBaseProps & {
+    onClick?: () => void;
+};
+declare const TicketCard: import('react').NamedExoticComponent<TicketCardProps> & {
+    readonly type: (props: TicketCardProps) => import("react/jsx-runtime").JSX.Element;
+} & {
+    Root: import('react').MemoExoticComponent<(props: TicketCardProps) => import("react/jsx-runtime").JSX.Element>;
+    Content: (props: ContentSlotProps) => import("react/jsx-runtime").JSX.Element;
+    Options: (props: SlotBaseProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default TicketCard;

package/dist/components/UserCard/UserCard.d.ts

@@ -0,0 +1,12 @@
+import { SizeVariant } from '../Avatar/Avatar';
+export interface UserCardProps {
+    name: string;
+    mainSlot?: string | React.ReactNode | (() => React.ReactNode);
+    secondarySlot?: string | React.ReactNode | (() => React.ReactNode) | null;
+    imageUrl?: string;
+    subImageUrl?: string;
+    avatarSize?: SizeVariant;
+    className?: string;
+}
+declare const UserCard: import('react').MemoExoticComponent<({ name, imageUrl, avatarSize, subImageUrl, className, mainSlot, secondarySlot }: UserCardProps) => import("react/jsx-runtime").JSX.Element>;
+export default UserCard;

package/dist/exports/Scrollable.d.ts

@@ -0,0 +1,2 @@
+export { default as Scrollable } from '../components/Scrollable/Scrollable';
+export { type ScrollableProps } from '../components/Scrollable/Scrollable';

package/dist/exports/SelectSearch.d.ts

@@ -1 +1,3 @@
 export { default } from '../components/SelectSearch/SelectSearch';
+export type { SelectSearchControlsRef } from '../components/SelectSearch/SelectSearch';
+export type { SelectSearchProps } from '../components/SelectSearch/SelectSearch';

package/dist/hooks/useLabelBackground.d.ts

@@ -1,5 +1,6 @@
 interface UseLabelBackgroundResult<T extends HTMLElement> {
     ref: React.RefObject<T | null>;
 }
+export declare const getActualBackgroundColor: (element: HTMLElement) => string;
 export declare function useLabelBackground<T extends HTMLElement = HTMLElement>(): UseLabelBackgroundResult<T>;
 export {};

package/dist/{jsx-runtime-DKDX3adD.js → jsx-runtime-GkKLlHH4.js}

@@ -1,19 +1,10 @@
 import K from "react";
 var v = { exports: {} }, m = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var I;
 function ee() {
   if (I) return m;
   I = 1;
-  var l = Symbol.for("react.transitional.element"), b = Symbol.for("react.fragment");
+  var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), b = /* @__PURE__ */ Symbol.for("react.fragment");
   function c(i, o, s) {
     var f = null;
     if (s !== void 0 && (f = "" + s), o.key !== void 0 && (f = "" + o.key), "key" in o) {
@@ -32,15 +23,6 @@ function ee() {
   return m.Fragment = b, m.jsx = c, m.jsxs = c, m;
 }
 var _ = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
 var $;
 function re() {
   return $ || ($ = 1, process.env.NODE_ENV !== "production" && (function() {
@@ -236,7 +218,7 @@ React keys must be passed directly to JSX without using spread:
     function y(e) {
       return typeof e == "object" && e !== null && e.$$typeof === j;
     }
-    var E = K, j = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), V = Symbol.for("react.context"), q = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), k = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, Z = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var E = K, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), p = /* @__PURE__ */ Symbol.for("react.fragment"), W = /* @__PURE__ */ Symbol.for("react.strict_mode"), U = /* @__PURE__ */ Symbol.for("react.profiler"), J = /* @__PURE__ */ Symbol.for("react.consumer"), V = /* @__PURE__ */ Symbol.for("react.context"), q = /* @__PURE__ */ Symbol.for("react.forward_ref"), z = /* @__PURE__ */ Symbol.for("react.suspense"), G = /* @__PURE__ */ Symbol.for("react.suspense_list"), X = /* @__PURE__ */ Symbol.for("react.memo"), T = /* @__PURE__ */ Symbol.for("react.lazy"), B = /* @__PURE__ */ Symbol.for("react.activity"), H = /* @__PURE__ */ Symbol.for("react.client.reference"), k = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, Z = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
     E = {

package/dist/lib/utils.d.ts

@@ -1,3 +1,3 @@
-import { OptionAccessor } from '../components/Shared/types';
-export declare function getAccessorValue<T, R>(option: T, accessor: OptionAccessor<T, R>): R;
+import { AllOptionAccessor, OptionAccessor } from '../components/Shared/types';
+export declare function getAccessorValue<T, R>(option: T, accessor: (AllOptionAccessor<T, R> | OptionAccessor<T, R>)): R;
 export declare const hasCoincidences: (option: string, inputValue: string) => boolean;