@cyber-harbour/ui 1.1.38-dark-theme.0 → 1.1.38-dev.1

package/dist/index.d.mts

@@ -37,6 +37,7 @@ type LabelSizeStyle = {
         marginTop: number | string;
     };
 };
+type AlertColor = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'error';
 type SwitchState = 'default' | 'checked' | 'disabled';
 type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ButtonElementStyle = {
@@ -189,6 +190,11 @@ type Theme = {
         section: {
             background: string;
             padding: string;
+            title: {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
         };
         delimeter: {
             color: string;
@@ -276,16 +282,10 @@ type Theme = {
         borderRadius: number | string;
         fontSize: number | string;
         gap: number | string;
-        icon: {
-            width: number | string;
-            height: number | string;
-            paddingTop: number | string;
-        };
-        color: {
-            icon: string;
+        colors: Record<AlertColor, {
             text: string;
             background: string;
-        };
+        }>;
     };
     label: {
         sizes: Record<LabelSize, LabelSizeStyle>;
@@ -488,6 +488,16 @@ interface AlertIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const AlertIcon: ({ fill, ...props }: AlertIconProps) => react_jsx_runtime.JSX.Element;
 
+interface ImageIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const ImageIcon: ({ fill, ...props }: ImageIconProps) => react_jsx_runtime.JSX.Element;
+
+interface MinusIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const MinusIcon: ({ fill, ...props }: MinusIconProps) => react_jsx_runtime.JSX.Element;
+
 interface ApiIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
@@ -1061,11 +1071,14 @@ interface TableProps {
     columns: ColumnTable[];
     rowCount: number;
     renderCell: (props: RenderCellProps<any>) => any;
-    renderHeaderCell: (props: RenderHeaderCellProps<any>) => any;
+    renderHeaderCell?: (props: RenderHeaderCellProps<any>) => any;
     rowIds?: string[];
     className?: string;
+    hasHeader?: boolean;
+    hasBorder?: boolean;
+    cellPadding?: number;
 }
-declare const Table: ({ columns, rowCount, renderCell, renderHeaderCell, rowIds, className }: TableProps) => react_jsx_runtime.JSX.Element;
+declare const Table: ({ columns, rowCount, renderCell, renderHeaderCell, rowIds, className, hasHeader, hasBorder, cellPadding, }: TableProps) => react_jsx_runtime.JSX.Element;
 
 interface PaginationProps {
     total_items: number;
@@ -1377,12 +1390,12 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
 } & react__default.RefAttributes<unknown>>;
 
 type AlertProps = FabricComponent<{
-    title?: any;
-    note?: any;
-}> & Omit<react__default.HTMLAttributes<HTMLDivElement>, 'children'>;
+    children?: any;
+    color?: AlertColor;
+}> & Omit<react__default.HTMLAttributes<HTMLDivElement>, 'children' | 'color'>;
 declare const Alert: react__default.ForwardRefExoticComponent<{
-    title?: any;
-    note?: any;
+    children?: any;
+    color?: AlertColor;
 } & {
     m?: string | number;
     mt?: string | number;
@@ -1401,27 +1414,27 @@ declare const Alert: react__default.ForwardRefExoticComponent<{
 } & {
     media?: {
         xs?: Partial<{
-            title?: any;
-            note?: any;
+            children?: any;
+            color?: AlertColor;
         }> | undefined;
         s?: Partial<{
-            title?: any;
-            note?: any;
+            children?: any;
+            color?: AlertColor;
         }> | undefined;
         m?: Partial<{
-            title?: any;
-            note?: any;
+            children?: any;
+            color?: AlertColor;
         }> | undefined;
         l?: Partial<{
-            title?: any;
-            note?: any;
+            children?: any;
+            color?: AlertColor;
         }> | undefined;
         xl?: Partial<{
-            title?: any;
-            note?: any;
+            children?: any;
+            color?: AlertColor;
         }> | undefined;
     } | undefined;
-} & Omit<react__default.HTMLAttributes<HTMLDivElement>, "children"> & {
+} & Omit<react__default.HTMLAttributes<HTMLDivElement>, "color" | "children"> & {
     media?: {
         xs?: Partial<AlertProps> | undefined;
         s?: Partial<AlertProps> | undefined;
@@ -1652,6 +1665,41 @@ type CounterProps = {
 };
 declare const Counter: FC<CounterProps>;
 
+type FileFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange' | 'size'> & {
+    error?: string;
+    variant?: InputVariant;
+    multiple?: boolean;
+    accept?: string;
+    uploadButtonText?: string;
+    dragDropPlaceholder?: string;
+    infoPlaceholder?: string;
+    dragDropText?: string;
+    enableFilePreview?: boolean;
+    value?: File[];
+    onChange?: (files: File[]) => void;
+    onError?: (error: string) => void;
+    dragDropClassName?: string;
+    hasIcon?: boolean;
+    hasButton?: boolean;
+};
+declare const FileField: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "onChange"> & {
+    error?: string;
+    variant?: InputVariant;
+    multiple?: boolean;
+    accept?: string;
+    uploadButtonText?: string;
+    dragDropPlaceholder?: string;
+    infoPlaceholder?: string;
+    dragDropText?: string;
+    enableFilePreview?: boolean;
+    value?: File[];
+    onChange?: (files: File[]) => void;
+    onError?: (error: string) => void;
+    dragDropClassName?: string;
+    hasIcon?: boolean;
+    hasButton?: boolean;
+} & react.RefAttributes<HTMLInputElement>>;
+
 interface PageLayoutProps {
     children?: any;
     className?: string;
@@ -1706,6 +1754,21 @@ declare const Container: react.ForwardRefExoticComponent<ContainerProps & {
     } | undefined;
 } & react.RefAttributes<unknown>>;
 
+type SplitterLayoutProps = {
+    columns: {
+        content: React.ReactNode;
+        className?: string;
+        style?: React.CSSProperties;
+    }[];
+    style?: React.CSSProperties;
+    className?: string;
+    splitterClassName?: string;
+    initialWidths: number[];
+    minWidth?: number;
+    storageKey?: string;
+};
+declare const SplitterLayout: ({ columns, initialWidths, style, className, splitterClassName, minWidth, storageKey, }: SplitterLayoutProps) => react_jsx_runtime.JSX.Element;
+
 declare const Graph2D: any;
 
 interface Graph2DRef {
@@ -1945,4 +2008,20 @@ 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, BurgerMenuIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, Counter, type CounterProps, 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, 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, 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 };
+type ImageExtension = 'jpeg' | 'jpg' | 'png' | 'gif' | 'bmp' | 'webp';
+type AudioExtension = 'mp3' | 'wav' | 'ogg' | 'flac';
+type DocumentExtension = 'pdf' | 'docx' | 'txt' | 'xlsx' | 'pptx';
+type VideoExtension = 'mp4' | 'webm';
+type CodeExtension = 'js' | 'jsx' | 'ts' | 'tsx' | 'json' | 'html' | 'css' | 'scss' | 'py' | 'java' | 'cpp' | 'c' | 'cs' | 'php' | 'rb' | 'go' | 'rs' | 'swift' | 'kt' | 'xml' | 'yaml' | 'yml' | 'md' | 'sql' | 'sh' | 'bash';
+type SupportedFileExtension = ImageExtension | AudioExtension | DocumentExtension | CodeExtension | VideoExtension;
+
+type FileViewerProps = {
+    path?: string;
+    blob?: Blob;
+    buffer?: ArrayBuffer;
+    extension: SupportedFileExtension;
+    not_supported_message?: string;
+};
+declare const FileViewer: (props: FileViewerProps) => react_jsx_runtime.JSX.Element;
+
+export { type Action, Alert, type AlertColor, 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, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, Counter, type CounterProps, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileField, type FileFieldProps, FileIcon, FileViewer, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, ImageIcon, 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, MinusIcon, 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, SplitterLayout, StatisticIcon, Styled, StyledContainer, type StyledFabricComponent, StyledMain, SubNav, SunIcon, type SupportedFileExtension, 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

@@ -37,6 +37,7 @@ type LabelSizeStyle = {
         marginTop: number | string;
     };
 };
+type AlertColor = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'error';
 type SwitchState = 'default' | 'checked' | 'disabled';
 type Breakpoint = 'xs' | 's' | 'm' | 'l' | 'xl';
 type ButtonElementStyle = {
@@ -189,6 +190,11 @@ type Theme = {
         section: {
             background: string;
             padding: string;
+            title: {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+            };
         };
         delimeter: {
             color: string;
@@ -276,16 +282,10 @@ type Theme = {
         borderRadius: number | string;
         fontSize: number | string;
         gap: number | string;
-        icon: {
-            width: number | string;
-            height: number | string;
-            paddingTop: number | string;
-        };
-        color: {
-            icon: string;
+        colors: Record<AlertColor, {
             text: string;
             background: string;
-        };
+        }>;
     };
     label: {
         sizes: Record<LabelSize, LabelSizeStyle>;
@@ -488,6 +488,16 @@ interface AlertIconProps extends SVGProps<SVGSVGElement> {
 }
 declare const AlertIcon: ({ fill, ...props }: AlertIconProps) => react_jsx_runtime.JSX.Element;
 
+interface ImageIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const ImageIcon: ({ fill, ...props }: ImageIconProps) => react_jsx_runtime.JSX.Element;
+
+interface MinusIconProps extends SVGProps<SVGSVGElement> {
+    fill?: string;
+}
+declare const MinusIcon: ({ fill, ...props }: MinusIconProps) => react_jsx_runtime.JSX.Element;
+
 interface ApiIconProps extends SVGProps<SVGSVGElement> {
     fill?: string;
 }
@@ -1061,11 +1071,14 @@ interface TableProps {
     columns: ColumnTable[];
     rowCount: number;
     renderCell: (props: RenderCellProps<any>) => any;
-    renderHeaderCell: (props: RenderHeaderCellProps<any>) => any;
+    renderHeaderCell?: (props: RenderHeaderCellProps<any>) => any;
     rowIds?: string[];
     className?: string;
+    hasHeader?: boolean;
+    hasBorder?: boolean;
+    cellPadding?: number;
 }
-declare const Table: ({ columns, rowCount, renderCell, renderHeaderCell, rowIds, className }: TableProps) => react_jsx_runtime.JSX.Element;
+declare const Table: ({ columns, rowCount, renderCell, renderHeaderCell, rowIds, className, hasHeader, hasBorder, cellPadding, }: TableProps) => react_jsx_runtime.JSX.Element;
 
 interface PaginationProps {
     total_items: number;
@@ -1377,12 +1390,12 @@ declare const Tag: react__default.ForwardRefExoticComponent<{
 } & react__default.RefAttributes<unknown>>;
 
 type AlertProps = FabricComponent<{
-    title?: any;
-    note?: any;
-}> & Omit<react__default.HTMLAttributes<HTMLDivElement>, 'children'>;
+    children?: any;
+    color?: AlertColor;
+}> & Omit<react__default.HTMLAttributes<HTMLDivElement>, 'children' | 'color'>;
 declare const Alert: react__default.ForwardRefExoticComponent<{
-    title?: any;
-    note?: any;
+    children?: any;
+    color?: AlertColor;
 } & {
     m?: string | number;
     mt?: string | number;
@@ -1401,27 +1414,27 @@ declare const Alert: react__default.ForwardRefExoticComponent<{
 } & {
     media?: {
         xs?: Partial<{
-            title?: any;
-            note?: any;
+            children?: any;
+            color?: AlertColor;
         }> | undefined;
         s?: Partial<{
-            title?: any;
-            note?: any;
+            children?: any;
+            color?: AlertColor;
         }> | undefined;
         m?: Partial<{
-            title?: any;
-            note?: any;
+            children?: any;
+            color?: AlertColor;
         }> | undefined;
         l?: Partial<{
-            title?: any;
-            note?: any;
+            children?: any;
+            color?: AlertColor;
         }> | undefined;
         xl?: Partial<{
-            title?: any;
-            note?: any;
+            children?: any;
+            color?: AlertColor;
         }> | undefined;
     } | undefined;
-} & Omit<react__default.HTMLAttributes<HTMLDivElement>, "children"> & {
+} & Omit<react__default.HTMLAttributes<HTMLDivElement>, "color" | "children"> & {
     media?: {
         xs?: Partial<AlertProps> | undefined;
         s?: Partial<AlertProps> | undefined;
@@ -1652,6 +1665,41 @@ type CounterProps = {
 };
 declare const Counter: FC<CounterProps>;
 
+type FileFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'onChange' | 'size'> & {
+    error?: string;
+    variant?: InputVariant;
+    multiple?: boolean;
+    accept?: string;
+    uploadButtonText?: string;
+    dragDropPlaceholder?: string;
+    infoPlaceholder?: string;
+    dragDropText?: string;
+    enableFilePreview?: boolean;
+    value?: File[];
+    onChange?: (files: File[]) => void;
+    onError?: (error: string) => void;
+    dragDropClassName?: string;
+    hasIcon?: boolean;
+    hasButton?: boolean;
+};
+declare const FileField: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "onChange"> & {
+    error?: string;
+    variant?: InputVariant;
+    multiple?: boolean;
+    accept?: string;
+    uploadButtonText?: string;
+    dragDropPlaceholder?: string;
+    infoPlaceholder?: string;
+    dragDropText?: string;
+    enableFilePreview?: boolean;
+    value?: File[];
+    onChange?: (files: File[]) => void;
+    onError?: (error: string) => void;
+    dragDropClassName?: string;
+    hasIcon?: boolean;
+    hasButton?: boolean;
+} & react.RefAttributes<HTMLInputElement>>;
+
 interface PageLayoutProps {
     children?: any;
     className?: string;
@@ -1706,6 +1754,21 @@ declare const Container: react.ForwardRefExoticComponent<ContainerProps & {
     } | undefined;
 } & react.RefAttributes<unknown>>;
 
+type SplitterLayoutProps = {
+    columns: {
+        content: React.ReactNode;
+        className?: string;
+        style?: React.CSSProperties;
+    }[];
+    style?: React.CSSProperties;
+    className?: string;
+    splitterClassName?: string;
+    initialWidths: number[];
+    minWidth?: number;
+    storageKey?: string;
+};
+declare const SplitterLayout: ({ columns, initialWidths, style, className, splitterClassName, minWidth, storageKey, }: SplitterLayoutProps) => react_jsx_runtime.JSX.Element;
+
 declare const Graph2D: any;
 
 interface Graph2DRef {
@@ -1945,4 +2008,20 @@ 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, BurgerMenuIcon, BusIcon, Button, type ButtonColor, type ButtonElementStyle, type ButtonProps, type ButtonSize, type ButtonSizeStyle, type ButtonState, type ButtonVariant, CalendarIcon, CarIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, Counter, type CounterProps, 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, 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, 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 };
+type ImageExtension = 'jpeg' | 'jpg' | 'png' | 'gif' | 'bmp' | 'webp';
+type AudioExtension = 'mp3' | 'wav' | 'ogg' | 'flac';
+type DocumentExtension = 'pdf' | 'docx' | 'txt' | 'xlsx' | 'pptx';
+type VideoExtension = 'mp4' | 'webm';
+type CodeExtension = 'js' | 'jsx' | 'ts' | 'tsx' | 'json' | 'html' | 'css' | 'scss' | 'py' | 'java' | 'cpp' | 'c' | 'cs' | 'php' | 'rb' | 'go' | 'rs' | 'swift' | 'kt' | 'xml' | 'yaml' | 'yml' | 'md' | 'sql' | 'sh' | 'bash';
+type SupportedFileExtension = ImageExtension | AudioExtension | DocumentExtension | CodeExtension | VideoExtension;
+
+type FileViewerProps = {
+    path?: string;
+    blob?: Blob;
+    buffer?: ArrayBuffer;
+    extension: SupportedFileExtension;
+    not_supported_message?: string;
+};
+declare const FileViewer: (props: FileViewerProps) => react_jsx_runtime.JSX.Element;
+
+export { type Action, Alert, type AlertColor, 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, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, ClosedLockIcon, type ColorVariant, type ColumnTable, Container, ContentLoader, type ContentLoaderProps, ContextMenu, ContextMenuDelimiter, Counter, type CounterProps, CrossIcon, DataSetsIcon, DeepSearchIcon, DisabledVisibleIcon, DocsIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, EditUserIcon, EmptyData, type EmptyDataProps, EnableVisibleIcon, EnterArrowLeftIcon, type FabricComponent, FileField, type FileFieldProps, FileIcon, FileViewer, FiltersIcon, FlashIcon, FlexContainer, FlexItem, FolderAlertIcon, FolderInfoIcon, FullscreenCard, GlobalStyle, Graph2D, type Graph2DProps, type Graph2DRef, type GraphData, type GraphState, Header, HeaderDelimeter, HeaderSection, HomepageIcon, ImageIcon, 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, MinusIcon, 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, SplitterLayout, StatisticIcon, Styled, StyledContainer, type StyledFabricComponent, StyledMain, SubNav, SunIcon, type SupportedFileExtension, 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 };