@cyber-harbour/ui 1.0.65 → 1.0.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +55 -1
- package/dist/index.d.ts +55 -1
- package/dist/index.js +204 -176
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +262 -234
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/Core/IconComponents/FolderInfoIcon.tsx +28 -0
- package/src/Core/IconComponents/RotateLeftIcon.tsx +24 -0
- package/src/Core/IconComponents/RotateRightIcon.tsx +24 -0
- package/src/Core/IconComponents/index.ts +3 -0
- package/src/Core/Overlay/Overlay.tsx +92 -0
- package/src/Core/Overlay/index.ts +1 -0
- package/src/Core/index.ts +1 -0
- package/src/Theme/themes/dark.ts +5 -0
- package/src/Theme/themes/light.ts +5 -0
- package/src/Theme/types.ts +5 -0
package/dist/index.d.mts
CHANGED
|
@@ -321,6 +321,11 @@ type Theme = {
|
|
|
321
321
|
height: string | number;
|
|
322
322
|
iconSize: string | number;
|
|
323
323
|
};
|
|
324
|
+
overlay: {
|
|
325
|
+
paddingBlock: string | number;
|
|
326
|
+
background: string;
|
|
327
|
+
gap: string | number;
|
|
328
|
+
};
|
|
324
329
|
};
|
|
325
330
|
type ThemeColors = Theme['colors'];
|
|
326
331
|
type ColorCategory = keyof ThemeColors;
|
|
@@ -783,6 +788,21 @@ interface FlashIconProps extends SVGProps<SVGSVGElement> {
|
|
|
783
788
|
}
|
|
784
789
|
declare const FlashIcon: ({ fill, ...props }: FlashIconProps) => react_jsx_runtime.JSX.Element;
|
|
785
790
|
|
|
791
|
+
interface FolderInfoIconProps extends SVGProps<SVGSVGElement> {
|
|
792
|
+
fill?: string;
|
|
793
|
+
}
|
|
794
|
+
declare const FolderInfoIcon: ({ fill, ...props }: FolderInfoIconProps) => react_jsx_runtime.JSX.Element;
|
|
795
|
+
|
|
796
|
+
interface RotateLeftIconProps extends SVGProps<SVGSVGElement> {
|
|
797
|
+
fill?: string;
|
|
798
|
+
}
|
|
799
|
+
declare const RotateLeftIcon: ({ fill, ...props }: RotateLeftIconProps) => react_jsx_runtime.JSX.Element;
|
|
800
|
+
|
|
801
|
+
interface RotateRightIconProps extends SVGProps<SVGSVGElement> {
|
|
802
|
+
fill?: string;
|
|
803
|
+
}
|
|
804
|
+
declare const RotateRightIcon: ({ fill, ...props }: RotateRightIconProps) => react_jsx_runtime.JSX.Element;
|
|
805
|
+
|
|
786
806
|
interface SidebarProps {
|
|
787
807
|
defaultCollapsed?: boolean;
|
|
788
808
|
children: any;
|
|
@@ -1536,6 +1556,40 @@ interface ContentLoaderProps extends Omit<IContentLoaderProps, 'backgroundColor'
|
|
|
1536
1556
|
}
|
|
1537
1557
|
declare const ContentLoader: (props: ContentLoaderProps) => react_jsx_runtime.JSX.Element;
|
|
1538
1558
|
|
|
1559
|
+
type Position = 'start' | 'center' | 'end';
|
|
1560
|
+
type OverlayProps = {
|
|
1561
|
+
children: any;
|
|
1562
|
+
onOutsideClick?: () => void;
|
|
1563
|
+
append?: any;
|
|
1564
|
+
appendPosition?: Position;
|
|
1565
|
+
prepend?: any;
|
|
1566
|
+
prependPosition?: Position;
|
|
1567
|
+
};
|
|
1568
|
+
declare const Overlay: React$1.ForwardRefExoticComponent<OverlayProps & {
|
|
1569
|
+
m?: string | number;
|
|
1570
|
+
mt?: string | number;
|
|
1571
|
+
mr?: string | number;
|
|
1572
|
+
mb?: string | number;
|
|
1573
|
+
ml?: string | number;
|
|
1574
|
+
mx?: string | number;
|
|
1575
|
+
my?: string | number;
|
|
1576
|
+
p?: string | number;
|
|
1577
|
+
pt?: string | number;
|
|
1578
|
+
pr?: string | number;
|
|
1579
|
+
pb?: string | number;
|
|
1580
|
+
pl?: string | number;
|
|
1581
|
+
px?: string | number;
|
|
1582
|
+
py?: string | number;
|
|
1583
|
+
} & {
|
|
1584
|
+
media?: {
|
|
1585
|
+
xs?: Partial<OverlayProps> | undefined;
|
|
1586
|
+
s?: Partial<OverlayProps> | undefined;
|
|
1587
|
+
m?: Partial<OverlayProps> | undefined;
|
|
1588
|
+
l?: Partial<OverlayProps> | undefined;
|
|
1589
|
+
xl?: Partial<OverlayProps> | undefined;
|
|
1590
|
+
} | undefined;
|
|
1591
|
+
} & React$1.RefAttributes<unknown>>;
|
|
1592
|
+
|
|
1539
1593
|
interface PageLayoutProps {
|
|
1540
1594
|
header?: any;
|
|
1541
1595
|
sidebar?: any;
|
|
@@ -1725,4 +1779,4 @@ declare const FullscreenCard: React$1.ForwardRefExoticComponent<FullscreenCardPr
|
|
|
1725
1779
|
} | undefined;
|
|
1726
1780
|
} & React$1.RefAttributes<unknown>>;
|
|
1727
1781
|
|
|
1728
|
-
export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, 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, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, 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, LinerProgress, 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, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, type StyledFabricComponent, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UserInCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, createStyledComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getResponsiveProps, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useBreakpoint, useContextMenuControl, useTheme };
|
|
1782
|
+
export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, 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, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, 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, LinerProgress, 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, Overlay, type OverlayProps, PageLayout, Pagination, type PaginationProps, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RotateLeftIcon, RotateRightIcon, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, type StyledFabricComponent, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UserInCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, createStyledComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getResponsiveProps, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useBreakpoint, useContextMenuControl, useTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -321,6 +321,11 @@ type Theme = {
|
|
|
321
321
|
height: string | number;
|
|
322
322
|
iconSize: string | number;
|
|
323
323
|
};
|
|
324
|
+
overlay: {
|
|
325
|
+
paddingBlock: string | number;
|
|
326
|
+
background: string;
|
|
327
|
+
gap: string | number;
|
|
328
|
+
};
|
|
324
329
|
};
|
|
325
330
|
type ThemeColors = Theme['colors'];
|
|
326
331
|
type ColorCategory = keyof ThemeColors;
|
|
@@ -783,6 +788,21 @@ interface FlashIconProps extends SVGProps<SVGSVGElement> {
|
|
|
783
788
|
}
|
|
784
789
|
declare const FlashIcon: ({ fill, ...props }: FlashIconProps) => react_jsx_runtime.JSX.Element;
|
|
785
790
|
|
|
791
|
+
interface FolderInfoIconProps extends SVGProps<SVGSVGElement> {
|
|
792
|
+
fill?: string;
|
|
793
|
+
}
|
|
794
|
+
declare const FolderInfoIcon: ({ fill, ...props }: FolderInfoIconProps) => react_jsx_runtime.JSX.Element;
|
|
795
|
+
|
|
796
|
+
interface RotateLeftIconProps extends SVGProps<SVGSVGElement> {
|
|
797
|
+
fill?: string;
|
|
798
|
+
}
|
|
799
|
+
declare const RotateLeftIcon: ({ fill, ...props }: RotateLeftIconProps) => react_jsx_runtime.JSX.Element;
|
|
800
|
+
|
|
801
|
+
interface RotateRightIconProps extends SVGProps<SVGSVGElement> {
|
|
802
|
+
fill?: string;
|
|
803
|
+
}
|
|
804
|
+
declare const RotateRightIcon: ({ fill, ...props }: RotateRightIconProps) => react_jsx_runtime.JSX.Element;
|
|
805
|
+
|
|
786
806
|
interface SidebarProps {
|
|
787
807
|
defaultCollapsed?: boolean;
|
|
788
808
|
children: any;
|
|
@@ -1536,6 +1556,40 @@ interface ContentLoaderProps extends Omit<IContentLoaderProps, 'backgroundColor'
|
|
|
1536
1556
|
}
|
|
1537
1557
|
declare const ContentLoader: (props: ContentLoaderProps) => react_jsx_runtime.JSX.Element;
|
|
1538
1558
|
|
|
1559
|
+
type Position = 'start' | 'center' | 'end';
|
|
1560
|
+
type OverlayProps = {
|
|
1561
|
+
children: any;
|
|
1562
|
+
onOutsideClick?: () => void;
|
|
1563
|
+
append?: any;
|
|
1564
|
+
appendPosition?: Position;
|
|
1565
|
+
prepend?: any;
|
|
1566
|
+
prependPosition?: Position;
|
|
1567
|
+
};
|
|
1568
|
+
declare const Overlay: React$1.ForwardRefExoticComponent<OverlayProps & {
|
|
1569
|
+
m?: string | number;
|
|
1570
|
+
mt?: string | number;
|
|
1571
|
+
mr?: string | number;
|
|
1572
|
+
mb?: string | number;
|
|
1573
|
+
ml?: string | number;
|
|
1574
|
+
mx?: string | number;
|
|
1575
|
+
my?: string | number;
|
|
1576
|
+
p?: string | number;
|
|
1577
|
+
pt?: string | number;
|
|
1578
|
+
pr?: string | number;
|
|
1579
|
+
pb?: string | number;
|
|
1580
|
+
pl?: string | number;
|
|
1581
|
+
px?: string | number;
|
|
1582
|
+
py?: string | number;
|
|
1583
|
+
} & {
|
|
1584
|
+
media?: {
|
|
1585
|
+
xs?: Partial<OverlayProps> | undefined;
|
|
1586
|
+
s?: Partial<OverlayProps> | undefined;
|
|
1587
|
+
m?: Partial<OverlayProps> | undefined;
|
|
1588
|
+
l?: Partial<OverlayProps> | undefined;
|
|
1589
|
+
xl?: Partial<OverlayProps> | undefined;
|
|
1590
|
+
} | undefined;
|
|
1591
|
+
} & React$1.RefAttributes<unknown>>;
|
|
1592
|
+
|
|
1539
1593
|
interface PageLayoutProps {
|
|
1540
1594
|
header?: any;
|
|
1541
1595
|
sidebar?: any;
|
|
@@ -1725,4 +1779,4 @@ declare const FullscreenCard: React$1.ForwardRefExoticComponent<FullscreenCardPr
|
|
|
1725
1779
|
} | undefined;
|
|
1726
1780
|
} & React$1.RefAttributes<unknown>>;
|
|
1727
1781
|
|
|
1728
|
-
export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, 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, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, 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, LinerProgress, 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, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, type StyledFabricComponent, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UserInCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, createStyledComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getResponsiveProps, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useBreakpoint, useContextMenuControl, useTheme };
|
|
1782
|
+
export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, 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, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, 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, LinerProgress, 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, Overlay, type OverlayProps, PageLayout, Pagination, type PaginationProps, PassportIcon, PasswordFinderIcon, PencilIcon, PhonebookIcon, PlaneIcon, PlusIcon, PointIcon, PrintIcon, Profiler2Icon, ProfilerIcon, RelationIcon, RelationPointsIcon, type RenderCellProps, type RenderHeaderCellProps, RotateLeftIcon, RotateRightIcon, RowActionsMenu, SandBoxIcon, SearchIcon, Select, ShipIcon, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, type StyledFabricComponent, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UserInCircleIcon, UsersIcon, VectorIcon, WayIcon, convertPaletteToRem, createComponent, createStyledComponent, darkTheme, darkThemePx, destructSpaceProps, generatePropertySpaceStyle, getBreakpoint, getButtonSizeStyles, getButtonStyles, getInputStyles, getResponsiveProps, getTypographyStyles, hexToRgba, lightTheme, lightThemePx, propToRem, pxToRem, remToPx, resolveThemeColor, useBreakpoint, useContextMenuControl, useTheme };
|