@cyber-harbour/ui 2.0.2 → 2.0.3

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
 export { ServerStyleSheet, StyleSheetManager } from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
@@ -91,6 +92,7 @@ type Theme = {
             lighter: string;
             lightest: string;
             lightest2: string;
+            dark: string;
         };
         text: {
             main: string;
@@ -817,10 +819,19 @@ interface UploadImageIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const UploadImageIcon: ({ fill, ...props }: UploadImageIconProps) => react_jsx_runtime.JSX.Element;
 
+interface BurgerMenuIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const BurgerMenuIcon: ({ fill, ...props }: BurgerMenuIconProps) => react_jsx_runtime.JSX.Element;
+
+interface ClockIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const ClockIcon: ({ fill, ...props }: ClockIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
-    canGrow: boolean;
 }
 declare const Sidebar: react__default.ForwardRefExoticComponent<SidebarProps & {
     m?: string | number;
@@ -850,7 +861,6 @@ declare const Sidebar: react__default.ForwardRefExoticComponent<SidebarProps & {
 interface SidebarContext {
     collapsed: boolean;
     setCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
-    canGrow: boolean;
 }
 declare const SidebarContext: react.Context<SidebarContext>;
 
@@ -858,6 +868,7 @@ interface SidebarItemBase {
     active?: boolean;
     icon?: React.ReactNode;
     label?: string;
+    height?: number;
     component?: React.ElementType;
 }
 interface SidebarItemAnchor {
@@ -870,17 +881,19 @@ interface SidebarItemButton {
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 type SidebarItemProps = SidebarItemBase & (SidebarItemAnchor | SidebarItemButton);
-declare const SidebarItem: ({ active, icon, label, component, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarItem: ({ active, icon, label, component, height, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
 
 declare const SidebarDelimeter: () => react_jsx_runtime.JSX.Element;
 
+type SectionRole = 'header' | 'footer' | 'content';
 interface SidebarSectionProps {
     grow?: number;
     shrink?: number;
     basis?: CSSProperties['flexBasis'];
     items: React.ReactElement[];
+    role: SectionRole;
 }
-declare const SidebarSection: ({ grow, shrink, basis, items }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarSection: ({ grow, shrink, basis, items, role }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
 
 type TypographyProps = FabricComponent<{
     style?: CSSProperties$1;
@@ -1018,7 +1031,7 @@ declare const ListMenuSection: ({ title, items }: ListMenuSectionProps) => react
 interface HeaderProps {
     children?: any;
 }
-declare const Header: ({ children }: HeaderProps) => react_jsx_runtime.JSX.Element;
+declare const Header: react.ForwardRefExoticComponent<HeaderProps & react.RefAttributes<HTMLHeadElement>>;
 
 declare const HeaderDelimeter: () => react_jsx_runtime.JSX.Element;
 
@@ -1082,9 +1095,9 @@ interface ContextMenuProps {
 }
 declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, matchAnchorWidth, anchorIcon, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
 
-interface StyledProps {
+interface StyledProps$1 {
 }
-declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
+declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps$1>> & string;
 
 declare const useContextMenuControl: () => {
     isOpen: boolean;
@@ -1287,6 +1300,7 @@ type TagProps = FabricComponent<{
     variant?: TagVariant;
     color?: TagColor;
     className?: string;
+    radius?: number;
     icon?: any;
     disabled?: boolean;
     onClick?: () => void;
@@ -1297,6 +1311,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
     variant?: TagVariant;
     color?: TagColor;
     className?: string;
+    radius?: number;
     icon?: any;
     disabled?: boolean;
     onClick?: () => void;
@@ -1323,6 +1338,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
             variant?: TagVariant;
             color?: TagColor;
             className?: string;
+            radius?: number;
             icon?: any;
             disabled?: boolean;
             onClick?: () => void;
@@ -1333,6 +1349,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
             variant?: TagVariant;
             color?: TagColor;
             className?: string;
+            radius?: number;
             icon?: any;
             disabled?: boolean;
             onClick?: () => void;
@@ -1343,6 +1360,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
             variant?: TagVariant;
             color?: TagColor;
             className?: string;
+            radius?: number;
             icon?: any;
             disabled?: boolean;
             onClick?: () => void;
@@ -1353,6 +1371,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
             variant?: TagVariant;
             color?: TagColor;
             className?: string;
+            radius?: number;
             icon?: any;
             disabled?: boolean;
             onClick?: () => void;
@@ -1363,6 +1382,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
             variant?: TagVariant;
             color?: TagColor;
             className?: string;
+            radius?: number;
             icon?: any;
             disabled?: boolean;
             onClick?: () => void;
@@ -1665,17 +1685,29 @@ type ChatFieldProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'type'>
 declare const ChatField: ({ multiple, value, onChangeImages, images, errorText, error, onError, button, fieldClassName, ...props }: ChatFieldProps) => react_jsx_runtime.JSX.Element;
 
 interface PageLayoutProps {
-    header?: any;
-    sidebar?: any;
     children?: any;
     className?: string;
 }
-declare const PageLayout: ({ children, header, sidebar, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
-interface StyledContainerProps {
-    $withHeader?: boolean;
-    $withSidebar?: boolean;
+declare const PageLayout: ({ children, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+interface ContentProps {
+    children: any;
+    className?: string;
+}
+declare const PageContent: ({ children, className }: ContentProps) => react_jsx_runtime.JSX.Element;
+declare const StyledMain: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+
+interface SubNavProps {
+    children?: any;
+    className?: string;
+    top?: number;
 }
-declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
+declare const SubNav: ({ children, className, top }: SubNavProps) => react_jsx_runtime.JSX.Element;
+type StyledProps = {
+    $top: number;
+};
+declare const Styled: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
 
 type ContainerProps = {
     children: any;
@@ -1858,4 +1890,4 @@ declare const FullscreenCard: react.ForwardRefExoticComponent<FullscreenCardProp
     } | undefined;
 } & react.RefAttributes<unknown>>;
 
-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, ChatField, type ChatFieldProps, 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, FileField, type FileFieldProps, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, FullscreenCard, 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, Modal, ModalBody, ModalFooter, ModalHeader, 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, TailwindExample, type TailwindExampleProps, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UploadImageIcon, 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 };
+export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, BugReportIcon, BurgerMenuIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, ChatField, type ChatFieldProps, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, 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, FileField, type FileFieldProps, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, FullscreenCard, 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, Modal, ModalBody, ModalFooter, ModalHeader, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, Overlay, type OverlayProps, PageContent, 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, Styled, StyledContainer, type StyledFabricComponent, StyledMain, SubNav, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, TailwindExample, type TailwindExampleProps, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UploadImageIcon, 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

@@ -1,3 +1,4 @@
+import * as styled_components from 'styled-components';
 import { CSSProperties, DefaultTheme } from 'styled-components';
 export { ServerStyleSheet, StyleSheetManager } from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
@@ -91,6 +92,7 @@ type Theme = {
             lighter: string;
             lightest: string;
             lightest2: string;
+            dark: string;
         };
         text: {
             main: string;
@@ -817,10 +819,19 @@ interface UploadImageIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const UploadImageIcon: ({ fill, ...props }: UploadImageIconProps) => react_jsx_runtime.JSX.Element;
 
+interface BurgerMenuIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const BurgerMenuIcon: ({ fill, ...props }: BurgerMenuIconProps) => react_jsx_runtime.JSX.Element;
+
+interface ClockIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const ClockIcon: ({ fill, ...props }: ClockIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
-    canGrow: boolean;
 }
 declare const Sidebar: react__default.ForwardRefExoticComponent<SidebarProps & {
     m?: string | number;
@@ -850,7 +861,6 @@ declare const Sidebar: react__default.ForwardRefExoticComponent<SidebarProps & {
 interface SidebarContext {
     collapsed: boolean;
     setCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
-    canGrow: boolean;
 }
 declare const SidebarContext: react.Context<SidebarContext>;
 
@@ -858,6 +868,7 @@ interface SidebarItemBase {
     active?: boolean;
     icon?: React.ReactNode;
     label?: string;
+    height?: number;
     component?: React.ElementType;
 }
 interface SidebarItemAnchor {
@@ -870,17 +881,19 @@ interface SidebarItemButton {
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 type SidebarItemProps = SidebarItemBase & (SidebarItemAnchor | SidebarItemButton);
-declare const SidebarItem: ({ active, icon, label, component, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarItem: ({ active, icon, label, component, height, ...props }: SidebarItemProps) => react_jsx_runtime.JSX.Element;
 
 declare const SidebarDelimeter: () => react_jsx_runtime.JSX.Element;
 
+type SectionRole = 'header' | 'footer' | 'content';
 interface SidebarSectionProps {
     grow?: number;
     shrink?: number;
     basis?: CSSProperties['flexBasis'];
     items: React.ReactElement[];
+    role: SectionRole;
 }
-declare const SidebarSection: ({ grow, shrink, basis, items }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarSection: ({ grow, shrink, basis, items, role }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
 
 type TypographyProps = FabricComponent<{
     style?: CSSProperties$1;
@@ -1018,7 +1031,7 @@ declare const ListMenuSection: ({ title, items }: ListMenuSectionProps) => react
 interface HeaderProps {
     children?: any;
 }
-declare const Header: ({ children }: HeaderProps) => react_jsx_runtime.JSX.Element;
+declare const Header: react.ForwardRefExoticComponent<HeaderProps & react.RefAttributes<HTMLHeadElement>>;
 
 declare const HeaderDelimeter: () => react_jsx_runtime.JSX.Element;
 
@@ -1082,9 +1095,9 @@ interface ContextMenuProps {
 }
 declare const ContextMenu: ({ isOpen, onClickOutside, onClick, anchor, size, disabled, fullWidth, className, positions, align, children, hasBorder, maxHeight, matchAnchorWidth, anchorIcon, }: ContextMenuProps) => react_jsx_runtime.JSX.Element;
 
-interface StyledProps {
+interface StyledProps$1 {
 }
-declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
+declare const ContextMenuDelimiter: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps$1>> & string;
 
 declare const useContextMenuControl: () => {
     isOpen: boolean;
@@ -1287,6 +1300,7 @@ type TagProps = FabricComponent<{
     variant?: TagVariant;
     color?: TagColor;
     className?: string;
+    radius?: number;
     icon?: any;
     disabled?: boolean;
     onClick?: () => void;
@@ -1297,6 +1311,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
     variant?: TagVariant;
     color?: TagColor;
     className?: string;
+    radius?: number;
     icon?: any;
     disabled?: boolean;
     onClick?: () => void;
@@ -1323,6 +1338,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
             variant?: TagVariant;
             color?: TagColor;
             className?: string;
+            radius?: number;
             icon?: any;
             disabled?: boolean;
             onClick?: () => void;
@@ -1333,6 +1349,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
             variant?: TagVariant;
             color?: TagColor;
             className?: string;
+            radius?: number;
             icon?: any;
             disabled?: boolean;
             onClick?: () => void;
@@ -1343,6 +1360,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
             variant?: TagVariant;
             color?: TagColor;
             className?: string;
+            radius?: number;
             icon?: any;
             disabled?: boolean;
             onClick?: () => void;
@@ -1353,6 +1371,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
             variant?: TagVariant;
             color?: TagColor;
             className?: string;
+            radius?: number;
             icon?: any;
             disabled?: boolean;
             onClick?: () => void;
@@ -1363,6 +1382,7 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
             variant?: TagVariant;
             color?: TagColor;
             className?: string;
+            radius?: number;
             icon?: any;
             disabled?: boolean;
             onClick?: () => void;
@@ -1665,17 +1685,29 @@ type ChatFieldProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'type'>
 declare const ChatField: ({ multiple, value, onChangeImages, images, errorText, error, onError, button, fieldClassName, ...props }: ChatFieldProps) => react_jsx_runtime.JSX.Element;
 
 interface PageLayoutProps {
-    header?: any;
-    sidebar?: any;
     children?: any;
     className?: string;
 }
-declare const PageLayout: ({ children, header, sidebar, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
-interface StyledContainerProps {
-    $withHeader?: boolean;
-    $withSidebar?: boolean;
+declare const PageLayout: ({ children, className }: PageLayoutProps) => react_jsx_runtime.JSX.Element;
+declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+interface ContentProps {
+    children: any;
+    className?: string;
+}
+declare const PageContent: ({ children, className }: ContentProps) => react_jsx_runtime.JSX.Element;
+declare const StyledMain: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+
+interface SubNavProps {
+    children?: any;
+    className?: string;
+    top?: number;
 }
-declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
+declare const SubNav: ({ children, className, top }: SubNavProps) => react_jsx_runtime.JSX.Element;
+type StyledProps = {
+    $top: number;
+};
+declare const Styled: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledProps>> & string;
 
 type ContainerProps = {
     children: any;
@@ -1858,4 +1890,4 @@ declare const FullscreenCard: react.ForwardRefExoticComponent<FullscreenCardProp
     } | undefined;
 } & react.RefAttributes<unknown>>;
 
-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, ChatField, type ChatFieldProps, 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, FileField, type FileFieldProps, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, FullscreenCard, 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, Modal, ModalBody, ModalFooter, ModalHeader, 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, TailwindExample, type TailwindExampleProps, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UploadImageIcon, 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 };
+export { type Action, Alert, AlertIcon, AndroidIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, type Breakpoint, BreakpointProvider, BugReportIcon, BurgerMenuIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, ChatField, type ChatFieldProps, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, 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, FileField, type FileFieldProps, FileIcon, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, FullscreenCard, 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, Modal, ModalBody, ModalFooter, ModalHeader, MoonIcon, type NestedColorPaths, type NodeButton, type NodeObject, OpenLockIcon, OrganizationIcon, Overlay, type OverlayProps, PageContent, 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, Styled, StyledContainer, type StyledFabricComponent, StyledMain, SubNav, SunIcon, Switch, type SwitchState, Table, Tag, type TagColor, type TagElementStyle, type TagVariant, TailwindExample, type TailwindExampleProps, type TextAreaElementProps, type Theme, type ThemeMode, ThemeProvider, Tooltip, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UploadImageIcon, 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 };