@cyber-harbour/ui 1.0.27 → 1.0.28

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 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';
@@ -188,6 +188,16 @@ type Theme = {
         sizes: Record<InputSize, InputSizeStyle>;
         outlined: Record<InputState, InputElementStyle>;
     };
+    box: {
+        padding: number | string;
+        background: string;
+        border: {
+            radius: number | string;
+            width: number | string;
+            style: string;
+            color: string;
+        };
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -261,7 +271,7 @@ interface BaseButtonProps {
     icon?: any;
     iconPosition?: 'left' | 'right';
 }
-type ButtonProps = BaseButtonProps & (react__default.AnchorHTMLAttributes<HTMLAnchorElement> | react__default.ButtonHTMLAttributes<HTMLButtonElement>);
+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, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface AlertIconProps extends SVGProps<SVGSVGElement> {
@@ -520,15 +530,16 @@ interface SidebarSectionProps {
 declare const SidebarSection: ({ grow, shrink, basis, items }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
 
 interface TypographyProps {
+    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 +686,46 @@ 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<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
@@ -708,4 +759,4 @@ 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 };
+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, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, FlexContainer, FlexItem, 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 };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 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';
@@ -188,6 +188,16 @@ type Theme = {
         sizes: Record<InputSize, InputSizeStyle>;
         outlined: Record<InputState, InputElementStyle>;
     };
+    box: {
+        padding: number | string;
+        background: string;
+        border: {
+            radius: number | string;
+            width: number | string;
+            style: string;
+            color: string;
+        };
+    };
 };
 type ThemeColors = Theme['colors'];
 type ColorCategory = keyof ThemeColors;
@@ -261,7 +271,7 @@ interface BaseButtonProps {
     icon?: any;
     iconPosition?: 'left' | 'right';
 }
-type ButtonProps = BaseButtonProps & (react__default.AnchorHTMLAttributes<HTMLAnchorElement> | react__default.ButtonHTMLAttributes<HTMLButtonElement>);
+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, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface AlertIconProps extends SVGProps<SVGSVGElement> {
@@ -520,15 +530,16 @@ interface SidebarSectionProps {
 declare const SidebarSection: ({ grow, shrink, basis, items }: SidebarSectionProps) => react_jsx_runtime.JSX.Element;
 
 interface TypographyProps {
+    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 +686,46 @@ 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<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
 interface PageLayoutProps {
     header?: any;
     sidebar?: any;
@@ -708,4 +759,4 @@ 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 };
+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, ContextMenu, ContextMenuDelimiter, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, EditUserIcon, EnableVisibleIcon, EnterArrowLeftIcon, FiltersIcon, FlexContainer, FlexItem, 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 };