@cyber-harbour/ui 1.0.51 → 1.0.53

package/dist/index.d.mts

@@ -25,6 +25,16 @@ type InputState = 'default' | 'focus' | 'error' | 'disabled';
 type InputSize = 'empty' | 'small' | 'medium';
 type TagVariant = 'fill' | 'outlined';
 type TagColor = 'default' | 'primary' | 'error' | 'warning' | 'success' | 'disabled' | 'text' | 'orange' | string;
+type LabelSize = 'small' | 'medium';
+type LabelSizeStyle = {
+    fontSize: number | string;
+    gap: number | string;
+    marginBottom: number | string;
+    helpText: {
+        fontSize: number | string;
+        marginTop: number | string;
+    };
+};
 type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ButtonElementStyle = {
     background: string;
@@ -267,6 +277,11 @@ type Theme = {
             background: string;
         };
     };
+    label: {
+        sizes: Record<LabelSize, LabelSizeStyle>;
+        color: string;
+        helpTextColor: string;
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -292,6 +307,14 @@ declare const resolveThemeColor: (theme: DefaultTheme, colorPath: string | undef
  */
 declare const pxToRem: (pxValue: number | string, baseSize?: number) => string;
 declare const remToPx: (remValue: number | string, baseSize?: number) => number;
+/**
+ * Converts a prop value to rem units if needed
+ *
+ * @param value - The pixel value to convert. Can be a number or a string with 'px' suffix
+ * @param baseSize - Base font size in pixels. Default is 16px (browser default)
+ * @returns The value in rem units as a string (e.g., "1.25rem")
+ */
+declare const propToRem: (value: number | string, baseSize?: number) => string;
 /**
  * Recursively converts all pixel values in an object to rem units
  *
@@ -344,7 +367,7 @@ declare const lightTheme: DefaultTheme$1;
 declare const darkThemePx: Theme;
 declare const darkTheme: DefaultTheme$1;
 
-type MarginProps = {
+type SpaceProps = {
     m?: string | number;
     mt?: string | number;
     mr?: string | number;
@@ -360,13 +383,14 @@ type MarginProps = {
     px?: string | number;
     py?: string | number;
 };
-type FabricComponent<T = object> = T & MarginProps;
+type FabricComponent<T = object> = T & SpaceProps;
 type GeneratedFabricMarginProperties = 'margin' | 'margin-top' | 'margin-right' | 'margin-bottom' | 'margin-left' | 'margin-inline' | 'margin-block' | 'padding' | 'padding-top' | 'padding-right' | 'padding-bottom' | 'padding-left' | 'padding-inline' | 'padding-block';
 declare const generatePropertySpaceStyle: (theme: DefaultTheme, property: GeneratedFabricMarginProperties, value?: string | number, ignoredOptions?: GeneratedFabricMarginProperties[]) => string;
 type FabricComponentOptions = {
     ignoreStyles?: GeneratedFabricMarginProperties[] | undefined;
 };
-declare const createComponent: <T extends object = {}>(component: React.ComponentType<T>, options?: FabricComponentOptions) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<T | (react.PropsWithoutRef<T> & react.RefAttributes<react.Component<T, any, any>>), T & object & MarginProps>> & (string & (Omit<react.ComponentClass<T, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<T>, keyof react.Component<any, {}, any>>));
+declare const createComponent: <T extends object = {}>(component: React.ComponentType<T>, options?: FabricComponentOptions) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<T | (react.PropsWithoutRef<T> & react.RefAttributes<react.Component<T, any, any>>), T & object & SpaceProps>> & (string & (Omit<react.ComponentClass<T, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<T>, keyof react.Component<any, {}, any>>));
+declare const destructSpaceProps: <T extends FabricComponent>(props: T) => SpaceProps;
 
 type BaseButtonProps = FabricComponent<{
     children?: any;
@@ -644,6 +668,21 @@ interface FileIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const FileIcon: ({ fill, ...props }: FileIconProps) => react_jsx_runtime.JSX.Element;
 
+interface IosIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const IosIcon: ({ fill, ...props }: IosIconProps) => react_jsx_runtime.JSX.Element;
+
+interface AndroidIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const AndroidIcon: ({ fill, ...props }: AndroidIconProps) => react_jsx_runtime.JSX.Element;
+
+interface MicrosoftIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const MicrosoftIcon: ({ fill, ...props }: MicrosoftIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -905,12 +944,35 @@ type AlertProps = FabricComponent<{
 }> & Omit<react__default.HTMLAttributes<HTMLDivElement>, 'children'>;
 declare const Alert: ({ title, note, ...props }: AlertProps) => react_jsx_runtime.JSX.Element;
 
+type LabelProps = FabricComponent<{
+    label?: any;
+    helpText?: any;
+    errorText?: string;
+    size?: LabelSize;
+    children: any;
+    fullWidth?: boolean;
+}> & Omit<react__default.LabelHTMLAttributes<HTMLLabelElement>, 'children'> & (LabelDirection | LabelDirectionRaw);
+type LabelDirectionRaw = {
+    direction?: 'row' | 'row-reverse';
+    childrenWidth?: number | string;
+};
+type LabelDirection = {
+    direction?: Omit<react__default.CSSProperties['flexDirection'], 'row' | 'row-reverse'>;
+};
+declare const Label: ({ label, helpText, children, direction, size, errorText, fullWidth, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+type CheckboxProps = FabricComponent<{
+    label?: any;
+}> & Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type'>;
+declare const Checkbox: ({ label, className, disabled, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
     children?: any;
+    className?: string;
 }
-declare const PageLayout: ({ children, header, sidebar }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const PageLayout: ({ children, header, sidebar, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
 interface StyledContainerProps {
     $withHeader?: boolean;
     $withSidebar?: boolean;
@@ -1047,4 +1109,4 @@ interface FullscreenCardProps {
 }
 declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, Alert, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, pxToRem, remToPx, resolveThemeColor, useContextMenuControl };
+export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useContextMenuControl };

package/dist/index.d.ts

@@ -25,6 +25,16 @@ type InputState = 'default' | 'focus' | 'error' | 'disabled';
 type InputSize = 'empty' | 'small' | 'medium';
 type TagVariant = 'fill' | 'outlined';
 type TagColor = 'default' | 'primary' | 'error' | 'warning' | 'success' | 'disabled' | 'text' | 'orange' | string;
+type LabelSize = 'small' | 'medium';
+type LabelSizeStyle = {
+    fontSize: number | string;
+    gap: number | string;
+    marginBottom: number | string;
+    helpText: {
+        fontSize: number | string;
+        marginTop: number | string;
+    };
+};
 type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ButtonElementStyle = {
     background: string;
@@ -267,6 +277,11 @@ type Theme = {
             background: string;
         };
     };
+    label: {
+        sizes: Record<LabelSize, LabelSizeStyle>;
+        color: string;
+        helpTextColor: string;
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -292,6 +307,14 @@ declare const resolveThemeColor: (theme: DefaultTheme, colorPath: string | undef
  */
 declare const pxToRem: (pxValue: number | string, baseSize?: number) => string;
 declare const remToPx: (remValue: number | string, baseSize?: number) => number;
+/**
+ * Converts a prop value to rem units if needed
+ *
+ * @param value - The pixel value to convert. Can be a number or a string with 'px' suffix
+ * @param baseSize - Base font size in pixels. Default is 16px (browser default)
+ * @returns The value in rem units as a string (e.g., "1.25rem")
+ */
+declare const propToRem: (value: number | string, baseSize?: number) => string;
 /**
  * Recursively converts all pixel values in an object to rem units
  *
@@ -344,7 +367,7 @@ declare const lightTheme: DefaultTheme$1;
 declare const darkThemePx: Theme;
 declare const darkTheme: DefaultTheme$1;
 
-type MarginProps = {
+type SpaceProps = {
     m?: string | number;
     mt?: string | number;
     mr?: string | number;
@@ -360,13 +383,14 @@ type MarginProps = {
     px?: string | number;
     py?: string | number;
 };
-type FabricComponent<T = object> = T & MarginProps;
+type FabricComponent<T = object> = T & SpaceProps;
 type GeneratedFabricMarginProperties = 'margin' | 'margin-top' | 'margin-right' | 'margin-bottom' | 'margin-left' | 'margin-inline' | 'margin-block' | 'padding' | 'padding-top' | 'padding-right' | 'padding-bottom' | 'padding-left' | 'padding-inline' | 'padding-block';
 declare const generatePropertySpaceStyle: (theme: DefaultTheme, property: GeneratedFabricMarginProperties, value?: string | number, ignoredOptions?: GeneratedFabricMarginProperties[]) => string;
 type FabricComponentOptions = {
     ignoreStyles?: GeneratedFabricMarginProperties[] | undefined;
 };
-declare const createComponent: <T extends object = {}>(component: React.ComponentType<T>, options?: FabricComponentOptions) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<T | (react.PropsWithoutRef<T> & react.RefAttributes<react.Component<T, any, any>>), T & object & MarginProps>> & (string & (Omit<react.ComponentClass<T, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<T>, keyof react.Component<any, {}, any>>));
+declare const createComponent: <T extends object = {}>(component: React.ComponentType<T>, options?: FabricComponentOptions) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<T | (react.PropsWithoutRef<T> & react.RefAttributes<react.Component<T, any, any>>), T & object & SpaceProps>> & (string & (Omit<react.ComponentClass<T, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<T>, keyof react.Component<any, {}, any>>));
+declare const destructSpaceProps: <T extends FabricComponent>(props: T) => SpaceProps;
 
 type BaseButtonProps = FabricComponent<{
     children?: any;
@@ -644,6 +668,21 @@ interface FileIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const FileIcon: ({ fill, ...props }: FileIconProps) => react_jsx_runtime.JSX.Element;
 
+interface IosIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const IosIcon: ({ fill, ...props }: IosIconProps) => react_jsx_runtime.JSX.Element;
+
+interface AndroidIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const AndroidIcon: ({ fill, ...props }: AndroidIconProps) => react_jsx_runtime.JSX.Element;
+
+interface MicrosoftIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const MicrosoftIcon: ({ fill, ...props }: MicrosoftIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -905,12 +944,35 @@ type AlertProps = FabricComponent<{
 }> & Omit<react__default.HTMLAttributes<HTMLDivElement>, 'children'>;
 declare const Alert: ({ title, note, ...props }: AlertProps) => react_jsx_runtime.JSX.Element;
 
+type LabelProps = FabricComponent<{
+    label?: any;
+    helpText?: any;
+    errorText?: string;
+    size?: LabelSize;
+    children: any;
+    fullWidth?: boolean;
+}> & Omit<react__default.LabelHTMLAttributes<HTMLLabelElement>, 'children'> & (LabelDirection | LabelDirectionRaw);
+type LabelDirectionRaw = {
+    direction?: 'row' | 'row-reverse';
+    childrenWidth?: number | string;
+};
+type LabelDirection = {
+    direction?: Omit<react__default.CSSProperties['flexDirection'], 'row' | 'row-reverse'>;
+};
+declare const Label: ({ label, helpText, children, direction, size, errorText, fullWidth, ...props }: LabelProps) => react_jsx_runtime.JSX.Element;
+
+type CheckboxProps = FabricComponent<{
+    label?: any;
+}> & Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'type'>;
+declare const Checkbox: ({ label, className, disabled, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
     children?: any;
+    className?: string;
 }
-declare const PageLayout: ({ children, header, sidebar }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const PageLayout: ({ children, header, sidebar, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
 interface StyledContainerProps {
     $withHeader?: boolean;
     $withSidebar?: boolean;
@@ -1047,4 +1109,4 @@ interface FullscreenCardProps {
 }
 declare const FullscreenCard: ({ isActive, position, top, left, right, bottom, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, Alert, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, pxToRem, remToPx, resolveThemeColor, useContextMenuControl };
+export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BugReportIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementProps, type InputElementStyle, type InputProps, type InputSize, type InputSizeStyle, type InputState, type InputVariant, IosIcon, Label, type LabelSize, type LabelSizeStyle, Line, type LinkObject, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MicrosoftIcon, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlaneIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useContextMenuControl };