@cyber-harbour/ui 1.0.27 → 1.0.29

package/README.md

@@ -66,9 +66,3 @@ The project uses various optimizations for efficient building:
 - Inline source maps for easier debugging
 - No minification for faster builds
 - No type generation for speed
-
-### Code Organization
-
-- Path aliases for cleaner imports (`@core/`, `@theme/`, etc.)
-- Separate development and production configs
-- CSS/SCSS support via injection

package/dist/index.d.mts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1, InputHTMLAttributes } from 'react';
+import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes } from 'react';
 import * as styled_components from 'styled-components';
-import { CSSProperties, DefaultTheme } from 'styled-components';
-import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
+import { CSSProperties, DefaultTheme, WebTarget } from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
+import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
 import { GraphData } from 'react-force-graph-2d';
 
 declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
@@ -27,6 +27,10 @@ type ButtonElementStyle = {
     text: string;
     border: string;
     boxShadow: string;
+    filledIcon?: {
+        background: string;
+        color: string;
+    };
 };
 type ButtonSizeStyle = {
     fontSize: number | string;
@@ -81,6 +85,10 @@ type Theme = {
         warning: string;
         info: string;
     };
+    line: {
+        size: string | number;
+        color: string;
+    };
     typography: {
         fontFamily: string;
         lineHeight: number;
@@ -188,6 +196,16 @@ type Theme = {
         sizes: Record<InputSize, InputSizeStyle>;
         outlined: Record<InputState, InputElementStyle>;
     };
+    box: {
+        padding: number | string;
+        background: string;
+        borderRadius: number | string;
+        border: {
+            width: number | string;
+            style: string;
+            color: string;
+        };
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -250,7 +268,26 @@ declare const lightThemePx: Theme;
 declare const lightTheme: DefaultTheme$1;
 declare const darkTheme: DefaultTheme$1;
 
-interface BaseButtonProps {
+type MarginProps = {
+    m?: string | number;
+    mt?: string | number;
+    mr?: string | number;
+    mb?: string | number;
+    ml?: string | number;
+    mx?: string | number;
+    my?: string | number;
+    p?: string | number;
+    pt?: string | number;
+    pr?: string | number;
+    pb?: string | number;
+    pl?: string | number;
+    px?: string | number;
+    py?: string | number;
+};
+type FabricComponent<T = object> = T & MarginProps;
+declare const createComponent: <T = object>(element: WebTarget) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<any, FabricComponent<T>>> & (string & (styled_components_dist_types.BaseObject | Omit<styled_components_dist_types.ExoticComponentWithDisplayName<any>, keyof react.Component<any, {}, any>> | Omit<react.ComponentClass<any, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<any>, keyof react.Component<any, {}, any>>));
+
+type BaseButtonProps = FabricComponent<{
     children?: any;
     variant?: ButtonVariant;
     color?: ButtonColor;
@@ -260,9 +297,10 @@ interface BaseButtonProps {
     className?: string;
     icon?: any;
     iconPosition?: 'left' | 'right';
-}
-type ButtonProps = BaseButtonProps & (react__default.AnchorHTMLAttributes<HTMLAnchorElement> | react__default.ButtonHTMLAttributes<HTMLButtonElement>);
-declare const Button: ({ children, variant, color, size, disabled, fullWidth, className, icon, iconPosition, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+    iconVariant?: 'filled' | 'empty';
+}>;
+type ButtonProps = (Omit<react__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> | Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>) & BaseButtonProps;
+declare const Button: ({ children, variant, color, size, disabled, fullWidth, className, icon, iconPosition, iconVariant, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface AlertIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -414,6 +452,11 @@ interface SandBoxIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const SandBoxIcon: ({ fill, ...props }: SandBoxIconProps) => react_jsx_runtime.JSX.Element;
 
+interface SearchIconProps extends SVGProps<SVGSVGElement> {
+    stroke?: string;
+}
+declare const SearchIcon: ({ stroke, ...props }: SearchIconProps) => react_jsx_runtime.JSX.Element;
+
 interface StatisticIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
@@ -480,6 +523,11 @@ interface DataSetsIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const CrossIcon: ({ fill, ...props }: DataSetsIconProps) => react_jsx_runtime.JSX.Element;
 
+interface MaximizeIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const MaximizeIcon: ({ fill, ...props }: MaximizeIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -519,16 +567,17 @@ interface SidebarSectionProps {
 }
 declare const SidebarSection: ({ grow, shrink, basis, items }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
 
-interface TypographyProps {
+type TypographyProps = FabricComponent<{
+    style?: CSSProperties$1;
     variant?: TypographyVariant;
     element?: ElementType;
     children: any;
     weight?: CSSProperties$1['fontWeight'];
-    style?: CSSProperties$1['fontStyle'];
+    fontStyle?: CSSProperties$1['fontStyle'];
     color?: ColorVariant | string;
     className?: string;
-}
-declare const Typography: ({ variant, element, children, weight, style, color, className, }: TypographyProps) => react_jsx_runtime.JSX.Element;
+}>;
+declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, }: TypographyProps) => react_jsx_runtime.JSX.Element;
 
 interface ListMenuProps {
     children: any;
@@ -675,6 +724,83 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
 };
 declare const Input: ({ error, append, prepend, size, disabled, className, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
 
+type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+type FlexGap = string | number;
+interface FlexContainerProps {
+    children: any;
+    direction?: FlexDirection;
+    wrap?: FlexWrap;
+    justify?: FlexJustify;
+    align?: FlexAlign;
+    alignContent?: FlexAlign;
+    gap?: FlexGap;
+    rowGap?: FlexGap;
+    columnGap?: FlexGap;
+    className?: string;
+    style?: CSSProperties$1;
+    as?: any;
+}
+declare const FlexContainer: ({ children, direction, wrap, justify, align, alignContent, gap, rowGap, columnGap, className, style, as, }: FlexContainerProps) => react_jsx_runtime.JSX.Element;
+
+type FlexItemGrow = number;
+type FlexItemShrink = number;
+type FlexItemBasis = string | number;
+type FlexItemAlign = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+interface FlexItemProps {
+    children?: any;
+    grow?: FlexItemGrow;
+    shrink?: FlexItemShrink;
+    basis?: FlexItemBasis;
+    align?: FlexItemAlign;
+    order?: number;
+    className?: string;
+    style?: CSSProperties$1;
+    as?: any;
+}
+declare const FlexItem: ({ children, grow, shrink, basis, align, order, className, style, as, }: FlexItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<styled_components.FastOmit<any, "children" | keyof {
+    m?: string | number;
+    mt?: string | number;
+    mr?: string | number;
+    mb?: string | number;
+    ml?: string | number;
+    mx?: string | number;
+    my?: string | number;
+    p?: string | number;
+    pt?: string | number;
+    pr?: string | number;
+    pb?: string | number;
+    pl?: string | number;
+    px?: string | number;
+    py?: string | number;
+}> & {
+    children: any;
+} & {
+    m?: string | number;
+    mt?: string | number;
+    mr?: string | number;
+    mb?: string | number;
+    ml?: string | number;
+    mx?: string | number;
+    my?: string | number;
+    p?: string | number;
+    pt?: string | number;
+    pr?: string | number;
+    pb?: string | number;
+    pl?: string | number;
+    px?: string | number;
+    py?: string | number;
+}, never>> & string;
+
+type LineProps = FabricComponent<{
+    direction?: 'horizontal' | 'vertical';
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>>;
+declare const Line: ({ direction, ...props }: LineProps) => react_jsx_runtime.JSX.Element;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
@@ -687,6 +813,12 @@ interface StyledContainerProps {
 }
 declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
 
+type ContainerProps = FabricComponent<{
+    children: any;
+    maxWidth?: string | number;
+}>;
+declare const Container: ({ ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
+
 interface Graph2DProps {
     graphData?: GraphData;
     linkSource?: string;
@@ -708,4 +840,11 @@ interface Graph2DProps {
 
 declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, 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, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, 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, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyProps, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };
+interface FullscreenCardProps {
+    children: any;
+    position: 'absolute' | 'fixed';
+    isActive: boolean;
+}
+declare const FullscreenCard: ({ isActive, position, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
+
+export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, 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, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { SVGProps, ElementType, CSSProperties as CSSProperties$1, InputHTMLAttributes } from 'react';
+import react__default, { SVGProps, CSSProperties as CSSProperties$1, ElementType, InputHTMLAttributes } from 'react';
 import * as styled_components from 'styled-components';
-import { CSSProperties, DefaultTheme } from 'styled-components';
-import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
+import { CSSProperties, DefaultTheme, WebTarget } from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import { DefaultTheme as DefaultTheme$1 } from 'styled-components/dist/types';
+import { PopoverPosition, PopoverAlign } from 'react-tiny-popover';
 import { GraphData } from 'react-force-graph-2d';
 
 declare const GlobalStyle: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
@@ -27,6 +27,10 @@ type ButtonElementStyle = {
     text: string;
     border: string;
     boxShadow: string;
+    filledIcon?: {
+        background: string;
+        color: string;
+    };
 };
 type ButtonSizeStyle = {
     fontSize: number | string;
@@ -81,6 +85,10 @@ type Theme = {
         warning: string;
         info: string;
     };
+    line: {
+        size: string | number;
+        color: string;
+    };
     typography: {
         fontFamily: string;
         lineHeight: number;
@@ -188,6 +196,16 @@ type Theme = {
         sizes: Record<InputSize, InputSizeStyle>;
         outlined: Record<InputState, InputElementStyle>;
     };
+    box: {
+        padding: number | string;
+        background: string;
+        borderRadius: number | string;
+        border: {
+            width: number | string;
+            style: string;
+            color: string;
+        };
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -250,7 +268,26 @@ declare const lightThemePx: Theme;
 declare const lightTheme: DefaultTheme$1;
 declare const darkTheme: DefaultTheme$1;
 
-interface BaseButtonProps {
+type MarginProps = {
+    m?: string | number;
+    mt?: string | number;
+    mr?: string | number;
+    mb?: string | number;
+    ml?: string | number;
+    mx?: string | number;
+    my?: string | number;
+    p?: string | number;
+    pt?: string | number;
+    pr?: string | number;
+    pb?: string | number;
+    pl?: string | number;
+    px?: string | number;
+    py?: string | number;
+};
+type FabricComponent<T = object> = T & MarginProps;
+declare const createComponent: <T = object>(element: WebTarget) => styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<any, FabricComponent<T>>> & (string & (styled_components_dist_types.BaseObject | Omit<styled_components_dist_types.ExoticComponentWithDisplayName<any>, keyof react.Component<any, {}, any>> | Omit<react.ComponentClass<any, any>, keyof react.Component<any, {}, any>> | Omit<react.FunctionComponent<any>, keyof react.Component<any, {}, any>>));
+
+type BaseButtonProps = FabricComponent<{
     children?: any;
     variant?: ButtonVariant;
     color?: ButtonColor;
@@ -260,9 +297,10 @@ interface BaseButtonProps {
     className?: string;
     icon?: any;
     iconPosition?: 'left' | 'right';
-}
-type ButtonProps = BaseButtonProps & (react__default.AnchorHTMLAttributes<HTMLAnchorElement> | react__default.ButtonHTMLAttributes<HTMLButtonElement>);
-declare const Button: ({ children, variant, color, size, disabled, fullWidth, className, icon, iconPosition, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+    iconVariant?: 'filled' | 'empty';
+}>;
+type ButtonProps = (Omit<react__default.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> | Omit<react__default.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>) & BaseButtonProps;
+declare const Button: ({ children, variant, color, size, disabled, fullWidth, className, icon, iconPosition, iconVariant, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface AlertIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
@@ -414,6 +452,11 @@ interface SandBoxIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const SandBoxIcon: ({ fill, ...props }: SandBoxIconProps) => react_jsx_runtime.JSX.Element;
 
+interface SearchIconProps extends SVGProps<SVGSVGElement> {
+    stroke?: string;
+}
+declare const SearchIcon: ({ stroke, ...props }: SearchIconProps) => react_jsx_runtime.JSX.Element;
+
 interface StatisticIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
@@ -480,6 +523,11 @@ interface DataSetsIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const CrossIcon: ({ fill, ...props }: DataSetsIconProps) => react_jsx_runtime.JSX.Element;
 
+interface MaximizeIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const MaximizeIcon: ({ fill, ...props }: MaximizeIconProps) => react_jsx_runtime.JSX.Element;
+
 interface SidebarProps {
     defaultCollapsed?: boolean;
     children: any;
@@ -519,16 +567,17 @@ interface SidebarSectionProps {
 }
 declare const SidebarSection: ({ grow, shrink, basis, items }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
 
-interface TypographyProps {
+type TypographyProps = FabricComponent<{
+    style?: CSSProperties$1;
     variant?: TypographyVariant;
     element?: ElementType;
     children: any;
     weight?: CSSProperties$1['fontWeight'];
-    style?: CSSProperties$1['fontStyle'];
+    fontStyle?: CSSProperties$1['fontStyle'];
     color?: ColorVariant | string;
     className?: string;
-}
-declare const Typography: ({ variant, element, children, weight, style, color, className, }: TypographyProps) => react_jsx_runtime.JSX.Element;
+}>;
+declare const Typography: ({ variant, element, children, weight, fontStyle, color, className, style, }: TypographyProps) => react_jsx_runtime.JSX.Element;
 
 interface ListMenuProps {
     children: any;
@@ -675,6 +724,83 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
 };
 declare const Input: ({ error, append, prepend, size, disabled, className, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
 
+type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+type FlexJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+type FlexAlign = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+type FlexGap = string | number;
+interface FlexContainerProps {
+    children: any;
+    direction?: FlexDirection;
+    wrap?: FlexWrap;
+    justify?: FlexJustify;
+    align?: FlexAlign;
+    alignContent?: FlexAlign;
+    gap?: FlexGap;
+    rowGap?: FlexGap;
+    columnGap?: FlexGap;
+    className?: string;
+    style?: CSSProperties$1;
+    as?: any;
+}
+declare const FlexContainer: ({ children, direction, wrap, justify, align, alignContent, gap, rowGap, columnGap, className, style, as, }: FlexContainerProps) => react_jsx_runtime.JSX.Element;
+
+type FlexItemGrow = number;
+type FlexItemShrink = number;
+type FlexItemBasis = string | number;
+type FlexItemAlign = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+interface FlexItemProps {
+    children?: any;
+    grow?: FlexItemGrow;
+    shrink?: FlexItemShrink;
+    basis?: FlexItemBasis;
+    align?: FlexItemAlign;
+    order?: number;
+    className?: string;
+    style?: CSSProperties$1;
+    as?: any;
+}
+declare const FlexItem: ({ children, grow, shrink, basis, align, order, className, style, as, }: FlexItemProps) => react_jsx_runtime.JSX.Element;
+
+declare const Box: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<styled_components.FastOmit<any, "children" | keyof {
+    m?: string | number;
+    mt?: string | number;
+    mr?: string | number;
+    mb?: string | number;
+    ml?: string | number;
+    mx?: string | number;
+    my?: string | number;
+    p?: string | number;
+    pt?: string | number;
+    pr?: string | number;
+    pb?: string | number;
+    pl?: string | number;
+    px?: string | number;
+    py?: string | number;
+}> & {
+    children: any;
+} & {
+    m?: string | number;
+    mt?: string | number;
+    mr?: string | number;
+    mb?: string | number;
+    ml?: string | number;
+    mx?: string | number;
+    my?: string | number;
+    p?: string | number;
+    pt?: string | number;
+    pr?: string | number;
+    pb?: string | number;
+    pl?: string | number;
+    px?: string | number;
+    py?: string | number;
+}, never>> & string;
+
+type LineProps = FabricComponent<{
+    direction?: 'horizontal' | 'vertical';
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'children'>>;
+declare const Line: ({ direction, ...props }: LineProps) => react_jsx_runtime.JSX.Element;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
@@ -687,6 +813,12 @@ interface StyledContainerProps {
 }
 declare const StyledContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContainerProps>> & string;
 
+type ContainerProps = FabricComponent<{
+    children: any;
+    maxWidth?: string | number;
+}>;
+declare const Container: ({ ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
+
 interface Graph2DProps {
     graphData?: GraphData;
     linkSource?: string;
@@ -708,4 +840,11 @@ interface Graph2DProps {
 
 declare const Graph2D: ({ graphData, width, height, linkTarget, linkSource, config, onNodeClick, onLinkClick, }: Graph2DProps) => react_jsx_runtime.JSX.Element;
 
-export { type Action, 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, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, 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, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyProps, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };
+interface FullscreenCardProps {
+    children: any;
+    position: 'absolute' | 'fixed';
+    isActive: boolean;
+}
+declare const FullscreenCard: ({ isActive, position, ...props }: FullscreenCardProps) => react_jsx_runtime.JSX.Element;
+
+export { type Action, AlertIcon, ApiIcon, ArrowCircleTopRightIcon, ArrowRightIcon, BallsMenu, Box, 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, Container, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FiltersIcon, FlexContainer, FlexItem, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, Header, HeaderDelimeter, HeaderSection, HomepageIcon, InfoCircleFilledIcon, InfoCircleIcon, Input, type InputElementStyle, type InputSize, type InputSizeStyle, type InputState, type InputVariant, Line, ListMenu, ListMenuItem, type ListMenuItemAnchorProps, type ListMenuItemBase, type ListMenuItemButtonProps, type ListMenuItemProps, type ListMenuProps, ListMenuSection, type ListMenuSectionProps, MapRadarIcon, MaximizeIcon, MoonIcon, type NestedColorPaths, OpenLockIcon, OrganizationIcon, PageLayout, Pagination, type PaginationProps, PasswordFinderIcon, PhonebookIcon, PlusIcon, PrintIcon, Profiler2Icon, ProfilerIcon, type RenderCellProps, type RenderHeaderCellProps, RowActionsMenu, SandBoxIcon, SearchIcon, Select, Sidebar, SidebarContext, SidebarDelimeter, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, type SidebarSectionProps, StatisticIcon, StyledContainer, SunIcon, Table, type Theme, ThemeProvider, Typography, type TypographyVariant, UnfoldIcon, UpRightArrowCircleIcon, UsersIcon, VectorIcon, convertPaletteToRem, createComponent, darkTheme, getBreakpoint, getButtonSizeStyles, getButtonStyles, getTypographyStyles, lightTheme, lightThemePx, pxToRem, resolveThemeColor, useContextMenuControl };