@cyber-harbour/ui 1.0.18 → 1.0.20

package/dist/index.d.mts

@@ -1,10 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1, ReactNode, FC } from 'react';
+import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1 } from 'react';
 import * as styled_components from 'styled-components';
-import { DefaultTheme, CSSProperties } from 'styled-components';
+import { CSSProperties, DefaultTheme } from 'styled-components';
+import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
+import { GraphData } from 'react-force-graph-2d';
 
 declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
 
@@ -141,6 +143,21 @@ type Theme = {
             margin: string;
         };
     };
+    contextMenu: {
+        button: Record<ButtonState, ButtonElementStyle>;
+        padding: number;
+        delimeter: {
+            style: CSSProperties['borderStyle'];
+            color: string;
+            thickness: number;
+            marginInline: number | string;
+            marginBlock: number | string;
+        };
+        shadow: string;
+        icon: {
+            size: number | string;
+        };
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -172,7 +189,7 @@ declare const pxToRem: (pxValue: number | string, baseSize?: number) => string;
  * @param baseSize - Base font size in pixels. Default is 16px
  * @returns A new object with pixel values converted to rem
  */
-declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number) => Record<string, any>;
+declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number, parentKey?: string) => Record<string, any>;
 /**
  * Функція для отримання стилів кнопки за варіантом, кольором, станом та розміром
  */
@@ -252,10 +269,10 @@ interface ChevronLeftIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const ChevronLeftIcon: ({ fill, ...props }: ChevronLeftIconProps) => react_jsx_runtime.JSX.Element;
 
-interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
+interface ChevronRightIconProps$2 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const ChevronRightIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
+declare const ChevronRightIcon: ({ fill, ...props }: ChevronRightIconProps$2) => react_jsx_runtime.JSX.Element;
 
 interface ClosedLockIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -312,10 +329,10 @@ interface HomepageIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const HomepageIcon: ({ fill, ...props }: HomepageIconProps) => react_jsx_runtime.JSX.Element;
 
-interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
+interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
+declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
 
 interface MapRadarIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -388,6 +405,26 @@ interface VectorIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const VectorIcon: ({ fill, ...props }: VectorIconProps) => react_jsx_runtime.JSX.Element;
 
+interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
+
+interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
+
+interface ChevronRightIconProps$1 extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const ChevronDownIcon: ({ fill, ...props }: ChevronRightIconProps$1) => react_jsx_runtime.JSX.Element;
+
+interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const ChevronUpIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -462,7 +499,7 @@ type ListMenuItemProps = ListMenuItemBase & (ListMenuItemAnchorProps | ListMenuI
 declare const ListMenuItem: ({ active, label, count, ...props }: ListMenuItemProps) => react_jsx_runtime.JSX.Element;
 
 interface ListMenuSectionProps {
-    items: ReactNode | ReactNode[];
+    items: any;
     title?: string;
 }
 declare const ListMenuSection: ({ title, items }: ListMenuSectionProps) => react_jsx_runtime.JSX.Element;
@@ -501,11 +538,11 @@ type RenderHeaderCellProps<T = string> = {
 interface TableProps {
     columns: ColumnTable[];
     rowCount: number;
-    renderCell: (props: RenderCellProps<any>) => ReactNode;
-    renderHeaderCell: (props: RenderHeaderCellProps<any>) => ReactNode;
+    renderCell: (props: RenderCellProps<any>) => any;
+    renderHeaderCell: (props: RenderHeaderCellProps<any>) => any;
     rowIds?: string[];
 }
-declare const Table: FC<TableProps>;
+declare const Table: ({ columns, rowCount, renderCell, renderHeaderCell, rowIds }: TableProps) => react_jsx_runtime.JSX.Element;
 
 interface PaginationProps {
     total_items: number;
@@ -513,7 +550,33 @@ interface PaginationProps {
     offset: number;
     onChangePage: (offset: number) => void;
 }
-declare const Pagination: FC<PaginationProps>;
+declare const Pagination: ({ total_items, limit, offset, onChangePage }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
+interface ContextMenuProps {
+    isOpen: boolean;
+    onClick: () => void;
+    onClickOutside: (e: MouseEvent) => void;
+    size?: ButtonSize;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    children?: any;
+    anchor?: any;
+    positions?: PopoverPosition[] | PopoverPosition;
+    align?: PopoverAlign;
+}
+declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
+
+interface StyledProps {
+}
+declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
+
+declare const useContextMenuControl: () => {
+    isOpen: boolean;
+    toggleMenu: () => void;
+    closeMenu: () => void;
+    openMenu: () => void;
+};
 
 interface PageLayoutProps {
     header?: any;
@@ -527,4 +590,22 @@ interface StyledContainerProps {
 }
 declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
 
-export { AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, ChevronLeftIcon, ChevronRightIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, GlobalStyle, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleIcon, type InputSize, type InputState, type InputVariant, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, SandBoxIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyProps, type TypographyVariant, UpRightArrowCircleIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor };
+interface Graph2DProps {
+    graphData?: GraphData;
+    linkSource?: string;
+    linkTarget?: string;
+    width?: number;
+    height?: number;
+    config?: {
+        nodeSizeFactor: number;
+        fontSize: number;
+        nodeSizeBase: number;
+        textPaddingFactor: number;
+    };
+    onNodeClick?: (node: any) => void;
+    onLinkClick?: (link: any) => void;
+}
+
+declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
+
+export { AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, ContextMenu, ContextMenuDelimiter, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleIcon, type InputSize, type InputState, type InputVariant, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, SandBoxIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyProps, type TypographyVariant, UpRightArrowCircleIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };

package/dist/index.d.ts

@@ -1,10 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1, ReactNode, FC } from 'react';
+import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1 } from 'react';
 import * as styled_components from 'styled-components';
-import { DefaultTheme, CSSProperties } from 'styled-components';
+import { CSSProperties, DefaultTheme } from 'styled-components';
+import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
+import { GraphData } from 'react-force-graph-2d';
 
 declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
 
@@ -141,6 +143,21 @@ type Theme = {
             margin: string;
         };
     };
+    contextMenu: {
+        button: Record<ButtonState, ButtonElementStyle>;
+        padding: number;
+        delimeter: {
+            style: CSSProperties['borderStyle'];
+            color: string;
+            thickness: number;
+            marginInline: number | string;
+            marginBlock: number | string;
+        };
+        shadow: string;
+        icon: {
+            size: number | string;
+        };
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -172,7 +189,7 @@ declare const pxToRem: (pxValue: number | string, baseSize?: number) => string;
  * @param baseSize - Base font size in pixels. Default is 16px
  * @returns A new object with pixel values converted to rem
  */
-declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number) => Record<string, any>;
+declare const convertPaletteToRem: (obj: Record<string, any>, baseSize?: number, parentKey?: string) => Record<string, any>;
 /**
  * Функція для отримання стилів кнопки за варіантом, кольором, станом та розміром
  */
@@ -252,10 +269,10 @@ interface ChevronLeftIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const ChevronLeftIcon: ({ fill, ...props }: ChevronLeftIconProps) => react_jsx_runtime.JSX.Element;
 
-interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
+interface ChevronRightIconProps$2 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const ChevronRightIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
+declare const ChevronRightIcon: ({ fill, ...props }: ChevronRightIconProps$2) => react_jsx_runtime.JSX.Element;
 
 interface ClosedLockIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -312,10 +329,10 @@ interface HomepageIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const HomepageIcon: ({ fill, ...props }: HomepageIconProps) => react_jsx_runtime.JSX.Element;
 
-interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
+interface InfoCircleIconProps$2 extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
-declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
+declare const InfoCircleIcon: ({ fill, ...props }: InfoCircleIconProps$2) => react_jsx_runtime.JSX.Element;
 
 interface MapRadarIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -388,6 +405,26 @@ interface VectorIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const VectorIcon: ({ fill, ...props }: VectorIconProps) => react_jsx_runtime.JSX.Element;
 
+interface InfoCircleIconProps$1 extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const BallsMenu: ({ fill, ...props }: InfoCircleIconProps$1) => react_jsx_runtime.JSX.Element;
+
+interface InfoCircleIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const CheckIcon: ({ fill, ...props }: InfoCircleIconProps) => react_jsx_runtime.JSX.Element;
+
+interface ChevronRightIconProps$1 extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const ChevronDownIcon: ({ fill, ...props }: ChevronRightIconProps$1) => react_jsx_runtime.JSX.Element;
+
+interface ChevronRightIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const ChevronUpIcon: ({ fill, ...props }: ChevronRightIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -462,7 +499,7 @@ type ListMenuItemProps = ListMenuItemBase & (ListMenuItemAnchorProps | ListMenuI
 declare const ListMenuItem: ({ active, label, count, ...props }: ListMenuItemProps) => react_jsx_runtime.JSX.Element;
 
 interface ListMenuSectionProps {
-    items: ReactNode | ReactNode[];
+    items: any;
     title?: string;
 }
 declare const ListMenuSection: ({ title, items }: ListMenuSectionProps) => react_jsx_runtime.JSX.Element;
@@ -501,11 +538,11 @@ type RenderHeaderCellProps<T = string> = {
 interface TableProps {
     columns: ColumnTable[];
     rowCount: number;
-    renderCell: (props: RenderCellProps<any>) => ReactNode;
-    renderHeaderCell: (props: RenderHeaderCellProps<any>) => ReactNode;
+    renderCell: (props: RenderCellProps<any>) => any;
+    renderHeaderCell: (props: RenderHeaderCellProps<any>) => any;
     rowIds?: string[];
 }
-declare const Table: FC<TableProps>;
+declare const Table: ({ columns, rowCount, renderCell, renderHeaderCell, rowIds }: TableProps) => react_jsx_runtime.JSX.Element;
 
 interface PaginationProps {
     total_items: number;
@@ -513,7 +550,33 @@ interface PaginationProps {
     offset: number;
     onChangePage: (offset: number) => void;
 }
-declare const Pagination: FC<PaginationProps>;
+declare const Pagination: ({ total_items, limit, offset, onChangePage }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
+interface ContextMenuProps {
+    isOpen: boolean;
+    onClick: () => void;
+    onClickOutside: (e: MouseEvent) => void;
+    size?: ButtonSize;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+    children?: any;
+    anchor?: any;
+    positions?: PopoverPosition[] | PopoverPosition;
+    align?: PopoverAlign;
+}
+declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
+
+interface StyledProps {
+}
+declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
+
+declare const useContextMenuControl: () => {
+    isOpen: boolean;
+    toggleMenu: () => void;
+    closeMenu: () => void;
+    openMenu: () => void;
+};
 
 interface PageLayoutProps {
     header?: any;
@@ -527,4 +590,22 @@ interface StyledContainerProps {
 }
 declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
 
-export { AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, ChevronLeftIcon, ChevronRightIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, GlobalStyle, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleIcon, type InputSize, type InputState, type InputVariant, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, SandBoxIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyProps, type TypographyVariant, UpRightArrowCircleIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor };
+interface Graph2DProps {
+    graphData?: GraphData;
+    linkSource?: string;
+    linkTarget?: string;
+    width?: number;
+    height?: number;
+    config?: {
+        nodeSizeFactor: number;
+        fontSize: number;
+        nodeSizeBase: number;
+        textPaddingFactor: number;
+    };
+    onNodeClick?: (node: any) => void;
+    onLinkClick?: (link: any) => void;
+}
+
+declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
+
+export { AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, type Breakpoint, BugReportIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, ContextMenu, ContextMenuDelimiter, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleIcon, type InputSize, type InputState, type InputVariant, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, SandBoxIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyProps, type TypographyVariant, UpRightArrowCircleIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };