@cere/cere-design-system 0.0.9 → 0.0.11

package/dist/index.d.ts

@@ -1,10 +1,13 @@
 import { Theme } from '@mui/material/styles';
-import React, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LottieComponentProps } from 'lottie-react';
+import * as React from 'react';
+import React__default, { ReactNode, Ref, PropsWithChildren, ReactElement, AriaAttributes } from 'react';
+import { AlertColor, SnackbarOrigin, ButtonGroupProps as ButtonGroupProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1, PopoverProps, StepProps as StepProps$1, StepButtonProps as StepButtonProps$1, StepContentProps as StepContentProps$1, StepLabelProps as StepLabelProps$1, StepperProps as StepperProps$1, MenuProps as MenuProps$1, DialogProps as DialogProps$1, BoxProps, ListProps as ListProps$1, ListItemProps as ListItemProps$1, TableProps as TableProps$1, AccordionProps as AccordionProps$1, AppBarProps as AppBarProps$1, CollapseProps as CollapseProps$1, CircularProgressProps as CircularProgressProps$1, SvgIconProps } from '@mui/material';
+export { Box, BoxProps, Container, ContainerProps, FormControl, FormControlLabel, FormControlLabelProps, FormControlProps, FormHelperText, FormHelperTextProps, FormLabel, FormLabelProps, Grid2 as Grid, Grid2Props as GridProps, InputAdornment, InputAdornmentProps, InputLabel, InputLabelProps, ListItemIcon, ListItemSecondaryAction, ListItemText, Stack, StackProps, Toolbar, ToolbarProps, Typography, TypographyProps } from '@mui/material';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
 import { IconButtonProps as IconButtonProps$1 } from '@mui/material/IconButton';
 import { LoadingButtonProps as LoadingButtonProps$1 } from '@mui/lab';
-import { ButtonGroupProps as ButtonGroupProps$1, SelectProps, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1, StepperProps as StepperProps$1, StepProps as StepProps$1, StepLabelProps as StepLabelProps$1, StepContentProps as StepContentProps$1, StepButtonProps as StepButtonProps$1, MenuProps as MenuProps$1, DialogProps as DialogProps$1, BoxProps, ListProps as ListProps$1, ListItemProps as ListItemProps$1, TableProps as TableProps$1, AccordionProps as AccordionProps$1, AppBarProps as AppBarProps$1, CollapseProps as CollapseProps$1, CircularProgressProps as CircularProgressProps$1 } from '@mui/material';
-export { Box, BoxProps, Container, ContainerProps, FormControl, FormControlLabel, FormControlLabelProps, FormControlProps, FormHelperText, FormHelperTextProps, FormLabel, FormLabelProps, Grid2 as Grid, Grid2Props as GridProps, InputAdornment, InputAdornmentProps, InputLabel, InputLabelProps, ListItemIcon, ListItemSecondaryAction, ListItemText, Stack, StackProps, Toolbar, ToolbarProps, Typography, TypographyProps } from '@mui/material';
 import { TextFieldProps as TextFieldProps$1 } from '@mui/material/TextField';
 import { SwitchProps as SwitchProps$1 } from '@mui/material/Switch';
 import { CheckboxProps as CheckboxProps$1 } from '@mui/material/Checkbox';
@@ -26,6 +29,7 @@ import { DividerProps as DividerProps$1 } from '@mui/material/Divider';
 import { LinkProps as LinkProps$1 } from '@mui/material/Link';
 import { AlertProps as AlertProps$1 } from '@mui/material/Alert';
 import { SnackbarProps as SnackbarProps$1 } from '@mui/material/Snackbar';
+import { QRCodeProps as QRCodeProps$1 } from 'react-qr-code';
 import { ReactFlowProps, Node, Edge, OnNodesChange, OnEdgesChange, NodeTypes, EdgeTypes, BackgroundVariant, ReactFlowInstance } from 'reactflow';
 export { Background, BackgroundVariant, ConnectionLineType, Controls, Edge, EdgeTypes, MiniMap, Node, NodeTypes, OnEdgesChange, OnNodesChange, Panel, ReactFlowInstance } from 'reactflow';
 import { Monaco } from '@monaco-editor/react';
@@ -94,19 +98,42 @@ declare const colors: {
 };
 declare const theme: Theme;
 
+declare const CheckMarkAnimation: () => react_jsx_runtime.JSX.Element;
+
+type LoadingAnimationProps = Omit<LottieComponentProps, 'animationData'>;
+declare const LoadingAnimation: (props: LoadingAnimationProps) => react_jsx_runtime.JSX.Element;
+
+interface MessageOptions {
+    message: string;
+    appearance?: AlertColor;
+    autoDismiss?: boolean;
+    placement?: SnackbarOrigin;
+}
+interface MessagesContextProps {
+    showMessage: (options: MessageOptions) => void;
+}
+declare const useMessages: () => MessagesContextProps;
+declare const MessagesProvider: ({ children }: {
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const useIsDesktop: () => boolean;
+declare const useIsTablet: () => boolean;
+declare const useIsMobile: () => boolean;
+
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
 interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
     variant?: ButtonVariant;
     size?: 'small' | 'medium' | 'large';
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
+    startIcon?: React__default.ReactNode;
+    endIcon?: React__default.ReactNode;
 }
-declare const Button: React.FC<ButtonProps>;
+declare const Button: React__default.FC<ButtonProps>;
 
 interface IconButtonProps extends IconButtonProps$1 {
     variant?: 'default' | 'primary' | 'secondary';
 }
-declare const IconButton: React.FC<IconButtonProps>;
+declare const IconButton: React__default.FC<IconButtonProps>;
 
 interface LoadingButtonProps extends LoadingButtonProps$1 {
     /**
@@ -132,13 +159,13 @@ interface LoadingButtonProps extends LoadingButtonProps$1 {
  * </LoadingButton>
  * ```
  */
-declare const LoadingButton: React.FC<LoadingButtonProps>;
+declare const LoadingButton: React__default.FC<LoadingButtonProps>;
 
 interface ButtonGroupProps extends ButtonGroupProps$1 {
     /**
      * The content of the button group
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * If `true`, the buttons will be disabled
      */
@@ -175,67 +202,78 @@ interface ButtonGroupProps extends ButtonGroupProps$1 {
  * </ButtonGroup>
  * ```
  */
-declare const ButtonGroup: React.FC<ButtonGroupProps>;
+declare const ButtonGroup: React__default.FC<ButtonGroupProps>;
 
 type TextFieldSize = 'small' | 'medium';
 interface TextFieldProps extends Omit<TextFieldProps$1, 'size'> {
     size?: TextFieldSize;
 }
-declare const TextField: React.FC<TextFieldProps>;
+declare const TextField: React__default.FC<TextFieldProps>;
 
 interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps'> {
     placeholder?: string;
     onSearch?: (value: string) => void;
 }
-declare const SearchField: React.FC<SearchFieldProps>;
-
-type DropdownSize = 'small' | 'medium' | 'large';
-interface DropdownOption {
-    value: string | number;
-    label: string;
-    disabled?: boolean;
-}
-interface DropdownProps extends Omit<SelectProps, 'size'> {
-    label?: string;
-    options: DropdownOption[];
-    size?: DropdownSize;
-    placeholder?: string;
-}
-declare const Dropdown: React.FC<DropdownProps>;
+declare const SearchField: React__default.FC<SearchFieldProps>;
 
 type ToggleButtonProps = ToggleButtonProps$1;
-declare const ToggleButton: React.FC<ToggleButtonProps>;
+declare const ToggleButton: React__default.FC<ToggleButtonProps>;
 type ToggleButtonGroupProps = ToggleButtonGroupProps$1;
-declare const ToggleButtonGroup: React.FC<ToggleButtonGroupProps>;
+declare const ToggleButtonGroup: React__default.FC<ToggleButtonGroupProps>;
 
 interface SwitchProps extends SwitchProps$1 {
     label?: string;
     labelPosition?: 'left' | 'right';
 }
-declare const Switch: React.FC<SwitchProps>;
+declare const Switch: React__default.FC<SwitchProps>;
 
 interface CheckboxProps extends Omit<CheckboxProps$1, 'color'> {
     label?: string;
     labelPosition?: 'left' | 'right';
 }
-declare const Checkbox: React.FC<CheckboxProps>;
+declare const Checkbox: React__default.FC<CheckboxProps>;
 
 interface RadioProps extends Omit<RadioProps$1, 'color'> {
     label?: string;
     labelPosition?: 'left' | 'right';
 }
-declare const Radio: React.FC<RadioProps>;
+declare const Radio: React__default.FC<RadioProps>;
+
+type DropdownAnchorProps = {
+    open?: boolean;
+    label?: ReactNode;
+    leftElement?: ReactNode;
+    onOpen?: () => void;
+    variant?: 'header' | 'button';
+};
+declare const DropdownAnchor: React.ForwardRefExoticComponent<DropdownAnchorProps & React.RefAttributes<HTMLButtonElement>>;
+
+type RenderAnchorOptions = {
+    ref: Ref<any>;
+    open: boolean;
+    onOpen: () => void;
+};
+type DropdownProps = Pick<PopoverProps, 'open' | 'children'> & Omit<DropdownAnchorProps, 'open'> & {
+    direction?: 'right' | 'left';
+    dense?: boolean;
+    disableGutters?: boolean;
+    disablePaddings?: boolean;
+    onToggle?: (open: boolean) => void;
+    renderAnchor?: (options: RenderAnchorOptions) => ReactNode;
+    variant: 'header' | 'button';
+};
+declare const Dropdown: ({ open, label, leftElement, direction, children, onToggle, dense, disableGutters, disablePaddings, variant, renderAnchor, }: DropdownProps) => react_jsx_runtime.JSX.Element;
 
 interface SidebarItemProps {
     label: string;
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     selected?: boolean;
     onClick?: () => void;
     size?: 'small' | 'medium' | 'large';
-    endIcon?: React.ReactNode;
-    children?: React.ReactNode;
+    endIcon?: React__default.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const SidebarItem: React.FC<SidebarItemProps>;
+declare const SidebarItem: React__default.FC<SidebarItemProps>;
 
 interface SidebarProps {
     open?: boolean;
@@ -244,7 +282,7 @@ interface SidebarProps {
     onClose?: () => void;
     variant?: 'permanent' | 'persistent' | 'temporary';
 }
-declare const Sidebar: React.FC<SidebarProps>;
+declare const Sidebar: React__default.FC<SidebarProps>;
 
 interface Service {
     id: string;
@@ -313,7 +351,7 @@ interface ServiceSelectorButtonProps {
      */
     onOpenAddMember?: (serviceId: string) => void;
 }
-declare const ServiceSelectorButton: React.FC<ServiceSelectorButtonProps>;
+declare const ServiceSelectorButton: React__default.FC<ServiceSelectorButtonProps>;
 
 interface Workspace {
     id: string;
@@ -355,7 +393,7 @@ interface WorkspaceSelectorButtonProps {
      */
     panelWidth?: number;
 }
-declare const WorkspaceSelectorButton: React.FC<WorkspaceSelectorButtonProps>;
+declare const WorkspaceSelectorButton: React__default.FC<WorkspaceSelectorButtonProps>;
 
 type StepperProps = StepperProps$1;
 /**
@@ -373,43 +411,43 @@ type StepperProps = StepperProps$1;
  * </Stepper>
  * ```
  */
-declare const Stepper: React.FC<StepperProps>;
+declare const Stepper: React__default.FC<StepperProps>;
 type StepProps = StepProps$1;
 /**
  * Step component - represents a single step in a Stepper
  */
-declare const Step: React.FC<StepProps>;
+declare const Step: React__default.FC<StepProps>;
 type StepLabelProps = StepLabelProps$1;
 /**
  * StepLabel component - label for a Step
  */
-declare const StepLabel: React.FC<StepLabelProps>;
+declare const StepLabel: React__default.FC<StepLabelProps>;
 type StepContentProps = StepContentProps$1;
 /**
  * StepContent component - optional content that appears below a StepLabel
  */
-declare const StepContent: React.FC<StepContentProps>;
+declare const StepContent: React__default.FC<StepContentProps>;
 type StepButtonProps = StepButtonProps$1;
 /**
  * StepButton component - makes a Step clickable
  */
-declare const StepButton: React.FC<StepButtonProps>;
+declare const StepButton: React__default.FC<StepButtonProps>;
 
 type BadgeVariant = 'default' | 'primary' | 'success' | 'error';
 interface BadgeProps extends Omit<BadgeProps$1, 'color' | 'variant'> {
     variant?: BadgeVariant;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare const Badge: React.FC<BadgeProps>;
+declare const Badge: React__default.FC<BadgeProps>;
 
 type ChipVariant = 'default' | 'active';
 interface ChipProps extends Omit<ChipProps$1, 'color' | 'variant'> {
     variant?: ChipVariant;
 }
-declare const Chip: React.FC<ChipProps>;
+declare const Chip: React__default.FC<ChipProps>;
 
 type TooltipProps = TooltipProps$1;
-declare const Tooltip: React.FC<TooltipProps>;
+declare const Tooltip: React__default.FC<TooltipProps>;
 
 type ProgressVariant = 'linear' | 'circular';
 interface ProgressProps {
@@ -418,39 +456,39 @@ interface ProgressProps {
     size?: number;
     thickness?: number;
 }
-declare const Progress: React.FC<ProgressProps>;
+declare const Progress: React__default.FC<ProgressProps>;
 
 interface TabProps extends Omit<TabProps$1, 'icon'> {
     badge?: number | string;
     badgeVariant?: 'default' | 'primary' | 'success' | 'error';
 }
-declare const Tab: React.FC<TabProps>;
+declare const Tab: React__default.FC<TabProps>;
 
 interface MenuProps extends Omit<MenuProps$1, 'open'> {
     anchorEl?: HTMLElement | null;
     onClose: () => void;
 }
-declare const Menu: React.FC<MenuProps>;
+declare const Menu: React__default.FC<MenuProps>;
 interface MenuItemProps {
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     label: string;
     onClick?: () => void;
     disabled?: boolean;
     divider?: boolean;
 }
-declare const MenuItem: React.FC<MenuItemProps>;
+declare const MenuItem: React__default.FC<MenuItemProps>;
 
 interface PaginationProps extends Omit<PaginationProps$1, 'color'> {
     color?: 'primary' | 'secondary' | 'standard';
 }
-declare const Pagination: React.FC<PaginationProps>;
+declare const Pagination: React__default.FC<PaginationProps>;
 
 interface SelectorOption {
     id: string;
     name: string;
     description?: string;
     avatar?: string;
-    icon?: React.ReactNode;
+    icon?: React__default.ReactNode;
     disabled?: boolean;
 }
 interface SelectorProps {
@@ -462,10 +500,17 @@ interface SelectorProps {
     placeholder?: string;
     emptyMessage?: string;
     compact?: boolean;
-    renderSelected?: (option: SelectorOption) => React.ReactNode;
+    renderSelected?: (option: SelectorOption) => React__default.ReactNode;
     width?: number;
 }
-declare const Selector: React.FC<SelectorProps>;
+declare const Selector: React__default.FC<SelectorProps>;
+
+type LogoSize = 'large' | 'medium' | 'small';
+type LogoProps = PropsWithChildren<{
+    icon?: ReactElement;
+    size?: LogoSize;
+}>;
+declare const Logo: ({ children, size, icon }: LogoProps) => react_jsx_runtime.JSX.Element;
 
 interface DialogProps extends Omit<DialogProps$1, 'title'> {
     open: boolean;
@@ -489,7 +534,7 @@ interface DialogProps extends Omit<DialogProps$1, 'title'> {
      */
     customActions?: ReactNode;
 }
-declare const Dialog: React.FC<DialogProps>;
+declare const Dialog: React__default.FC<DialogProps>;
 
 interface DrawerProps extends Omit<DrawerProps$1, 'title'> {
     /**
@@ -577,37 +622,37 @@ interface DrawerProps extends Omit<DrawerProps$1, 'title'> {
  * </Drawer>
  * ```
  */
-declare const Drawer: React.FC<DrawerProps>;
+declare const Drawer: React__default.FC<DrawerProps>;
 
 interface CardProps extends CardProps$1 {
     hoverable?: boolean;
     clickable?: boolean;
 }
-declare const Card: React.FC<CardProps>;
-declare const CardContent: React.FC<CardContentProps>;
-declare const CardHeader: React.FC<CardHeaderProps>;
-declare const CardActions: React.FC<CardActionsProps>;
+declare const Card: React__default.FC<CardProps>;
+declare const CardContent: React__default.FC<CardContentProps>;
+declare const CardHeader: React__default.FC<CardHeaderProps>;
+declare const CardActions: React__default.FC<CardActionsProps>;
 
 type ListProps = ListProps$1;
-declare const List: React.FC<ListProps>;
+declare const List: React__default.FC<ListProps>;
 interface ListItemProps extends ListItemProps$1 {
-    primary?: React.ReactNode;
-    secondary?: React.ReactNode;
-    icon?: React.ReactNode;
-    action?: React.ReactNode;
+    primary?: React__default.ReactNode;
+    secondary?: React__default.ReactNode;
+    icon?: React__default.ReactNode;
+    action?: React__default.ReactNode;
     hoverable?: boolean;
 }
-declare const ListItem: React.FC<ListItemProps>;
+declare const ListItem: React__default.FC<ListItemProps>;
 
 interface AvatarProps extends AvatarProps$1 {
     size?: 'small' | 'medium' | 'large' | number;
 }
-declare const Avatar: React.FC<AvatarProps>;
+declare const Avatar: React__default.FC<AvatarProps>;
 
 interface TableProps extends TableProps$1 {
     stickyHeader?: boolean;
 }
-declare const Table: React.FC<TableProps>;
+declare const Table: React__default.FC<TableProps>;
 interface TableHeaderProps {
     columns: Array<{
         id: string;
@@ -619,7 +664,7 @@ interface TableHeaderProps {
     order?: 'asc' | 'desc';
     onSort?: (columnId: string) => void;
 }
-declare const TableHeader: React.FC<TableHeaderProps>;
+declare const TableHeader: React__default.FC<TableHeaderProps>;
 
 interface BreadcrumbItem {
     label: string;
@@ -629,34 +674,34 @@ interface BreadcrumbItem {
 interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1, 'children'> {
     items: BreadcrumbItem[];
 }
-declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+declare const Breadcrumbs: React__default.FC<BreadcrumbsProps>;
 
 interface AccordionProps extends Omit<AccordionProps$1, 'children'> {
     title: string;
-    children: NonNullable<React.ReactNode>;
+    children: NonNullable<React__default.ReactNode>;
     defaultExpanded?: boolean;
 }
-declare const Accordion: React.FC<AccordionProps>;
+declare const Accordion: React__default.FC<AccordionProps>;
 
 interface PaperProps extends PaperProps$1 {
     variant?: 'elevation' | 'outlined';
 }
-declare const Paper: React.FC<PaperProps>;
+declare const Paper: React__default.FC<PaperProps>;
 
 interface DividerProps extends DividerProps$1 {
     variant?: 'fullWidth' | 'inset' | 'middle';
 }
-declare const Divider: React.FC<DividerProps>;
+declare const Divider: React__default.FC<DividerProps>;
 
 interface LinkProps extends LinkProps$1 {
     underline?: 'none' | 'hover' | 'always';
 }
-declare const Link: React.FC<LinkProps>;
+declare const Link: React__default.FC<LinkProps>;
 
 interface AppBarProps extends AppBarProps$1 {
     height?: number;
 }
-declare const AppBar: React.FC<AppBarProps>;
+declare const AppBar: React__default.FC<AppBarProps>;
 
 interface CollapseProps extends CollapseProps$1 {
     /**
@@ -666,7 +711,7 @@ interface CollapseProps extends CollapseProps$1 {
     /**
      * The content to collapse
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 /**
  * Collapse component - provides a collapse animation
@@ -678,7 +723,7 @@ interface CollapseProps extends CollapseProps$1 {
  * </Collapse>
  * ```
  */
-declare const Collapse: React.FC<CollapseProps>;
+declare const Collapse: React__default.FC<CollapseProps>;
 
 type AlertSeverity = 'success' | 'error' | 'warning' | 'info';
 interface AlertProps extends Omit<AlertProps$1, 'severity'> {
@@ -688,7 +733,7 @@ interface AlertProps extends Omit<AlertProps$1, 'severity'> {
      */
     title?: string;
 }
-declare const Alert: React.FC<AlertProps>;
+declare const Alert: React__default.FC<AlertProps>;
 
 interface SnackbarProps extends Omit<SnackbarProps$1, 'children'> {
     /**
@@ -716,24 +761,24 @@ interface SnackbarProps extends Omit<SnackbarProps$1, 'children'> {
      * Children to render instead of message (allows custom content)
      * Must be a ReactElement to match MuiSnackbar requirements
      */
-    children?: React.ReactElement;
+    children?: React__default.ReactElement;
 }
-declare const Snackbar: React.FC<SnackbarProps>;
+declare const Snackbar: React__default.FC<SnackbarProps>;
 
 interface EmptyStateProps {
     title?: string;
     description?: string;
-    icon?: React.ReactNode;
-    action?: React.ReactNode;
+    icon?: React__default.ReactNode;
+    action?: React__default.ReactNode;
 }
-declare const EmptyState: React.FC<EmptyStateProps>;
+declare const EmptyState: React__default.FC<EmptyStateProps>;
 
 interface LoadingProps {
     message?: string;
     size?: number;
     fullScreen?: boolean;
 }
-declare const Loading: React.FC<LoadingProps>;
+declare const Loading: React__default.FC<LoadingProps>;
 
 interface AppLoadingProps {
     /**
@@ -759,7 +804,7 @@ interface AppLoadingProps {
  * <AppLoading message="Initializing application..." />
  * ```
  */
-declare const AppLoading: React.FC<AppLoadingProps>;
+declare const AppLoading: React__default.FC<AppLoadingProps>;
 
 interface CircularProgressProps extends CircularProgressProps$1 {
     /**
@@ -781,7 +826,110 @@ interface CircularProgressProps extends CircularProgressProps$1 {
  * <CircularProgress size={40} thickness={4} />
  * ```
  */
-declare const CircularProgress: React.FC<CircularProgressProps>;
+declare const CircularProgress: React__default.FC<CircularProgressProps>;
+
+declare const ActivityAppIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const LeftArrowIcon: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const RightArrowIcon: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const AvatarIcon: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BarTrackingIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const CereIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const ClockIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const CloudFlashIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const DecentralizedServerIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const DiscordIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const DownloadIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const FilledFolderIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const FolderIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const GithubLogoIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const ShareIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const StorageAppIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const UploadFileIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+declare const UploadFolderIcon: React.MemoExoticComponent<(props: SvgIconProps) => react_jsx_runtime.JSX.Element>;
+
+type MarkdownProps = {
+    children?: string;
+    content?: string;
+};
+declare const Markdown: ({ content, children }: MarkdownProps) => react_jsx_runtime.JSX.Element;
+
+interface OnboardingContextType {
+    isOnboardingActive: boolean;
+    startOnboarding: () => void;
+    stopOnboarding: () => void;
+    restartOnboarding: () => void;
+}
+declare const useOnboarding: () => OnboardingContextType;
+declare const OnboardingProvider: ({ children }: {
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+type TruncateProps = AriaAttributes & {
+    text: string;
+    maxLength?: number;
+    endingLength?: number;
+    variant?: 'text' | 'email' | 'hex';
+};
+declare const Truncate: ({ text, variant, maxLength, endingLength, ...props }: TruncateProps) => react_jsx_runtime.JSX.Element;
+
+type BytesSizeProps = {
+    bytes: number;
+};
+declare const BytesSize: ({ bytes }: BytesSizeProps) => react_jsx_runtime.JSX.Element;
+
+type QRCodeProps = Omit<QRCodeProps$1, 'ref'>;
+declare const QRCode: React.ForwardRefExoticComponent<QRCodeProps & React.RefAttributes<SVGElement>>;
+
+type ChartWidgetHistoryRecord = {
+    date: Date;
+    value: number;
+};
+type ChartWidgetProps = {
+    title: string;
+    value?: ReactNode;
+    history?: ChartWidgetHistoryRecord[];
+    formatValue?: (value: number) => string;
+};
+declare const ChartWidget: ({ title, value, history, formatValue, }: ChartWidgetProps) => react_jsx_runtime.JSX.Element;
+
+type MetricsHistoryRecord = {
+    storedBytes: number;
+    transferredBytes: number;
+    puts: number;
+    gets: number;
+    recordTime: Date;
+};
+type MetricsChartProps = {
+    history?: MetricsHistoryRecord[];
+};
+/**
+ * TODO: Refactor this component to use shared graphs configuration
+ */
+declare const MetricsChart: ({ history }: MetricsChartProps) => react_jsx_runtime.JSX.Element;
+
+type MetricsPeriod = 'hour' | 'day' | 'week' | 'month';
+type PeriodSelectProps = {
+    value?: MetricsPeriod;
+    onChange?: (value: MetricsPeriod) => void;
+};
+declare const PeriodSelect: ({ value, onChange }: PeriodSelectProps) => react_jsx_runtime.JSX.Element;
 
 interface FlowEditorProps extends Omit<ReactFlowProps, 'nodes' | 'edges'> {
     /**
@@ -858,7 +1006,7 @@ interface FlowEditorProps extends Omit<ReactFlowProps, 'nodes' | 'edges'> {
  * />
  * ```
  */
-declare const FlowEditor: React.FC<FlowEditorProps>;
+declare const FlowEditor: React__default.FC<FlowEditorProps>;
 
 type CodeEditorLanguage = 'typescript' | 'javascript' | 'json' | 'html' | 'css' | 'python' | 'yaml' | 'markdown' | 'sql' | 'xml' | 'plaintext';
 interface CodeEditorProps {
@@ -909,11 +1057,11 @@ interface CodeEditorProps {
     /**
      * Ref to editor instance
      */
-    editorRef?: React.MutableRefObject<editor.IStandaloneCodeEditor | null>;
+    editorRef?: React__default.MutableRefObject<editor.IStandaloneCodeEditor | null>;
     /**
      * Ref to Monaco instance
      */
-    monacoRef?: React.MutableRefObject<Monaco | null>;
+    monacoRef?: React__default.MutableRefObject<Monaco | null>;
     /**
      * Callback when fullscreen state changes
      */
@@ -957,6 +1105,6 @@ interface CodeEditorProps {
  * />
  * ```
  */
-declare const CodeEditor: React.FC<CodeEditorProps>;
+declare const CodeEditor: React__default.FC<CodeEditorProps>;
 
-export { Accordion, type AccordionProps, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, AppLoading, type AppLoadingProps, Avatar, type AvatarProps, Badge, type BadgeProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, CardActions, CardContent, CardHeader, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, CodeEditor, type CodeEditorLanguage, type CodeEditorProps, Collapse, type CollapseProps, Dialog, type DialogProps, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, type DropdownProps, EmptyState, type EmptyStateProps, FlowEditor, type FlowEditorProps, IconButton, type IconButtonProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, Pagination, type PaginationProps, Paper, type PaperProps, Progress, type ProgressProps, Radio, type RadioProps, SearchField, type SearchFieldProps, Selector, type SelectorOption, type SelectorProps, type Service, ServiceSelectorButton, type ServiceSelectorButtonProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Snackbar, type SnackbarProps, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, theme };
+export { Accordion, type AccordionProps, ActivityAppIcon, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, AppLoading, type AppLoadingProps, Avatar, AvatarIcon, type AvatarProps, Badge, type BadgeProps, BarTrackingIcon, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, type CardProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorLanguage, type CodeEditorProps, Collapse, type CollapseProps, DecentralizedServerIcon, Dialog, type DialogProps, DiscordIcon, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EmptyState, type EmptyStateProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GithubLogoIcon, IconButton, type IconButtonProps, LeftArrowIcon, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Loading, LoadingAnimation, type LoadingAnimationProps, LoadingButton, type LoadingButtonProps, type LoadingProps, Logo, type LogoProps, Markdown, type MarkdownProps, Menu, MenuItem, type MenuItemProps, type MenuProps, type MessageOptions, MessagesProvider, MetricsChart, type MetricsChartProps, type MetricsPeriod, OnboardingProvider, Pagination, type PaginationProps, Paper, type PaperProps, PeriodSelect, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, RightArrowIcon, SearchField, type SearchFieldProps, Selector, type SelectorOption, type SelectorProps, type Service, ServiceSelectorButton, type ServiceSelectorButtonProps, ShareIcon, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Snackbar, type SnackbarProps, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, theme, useIsDesktop, useIsMobile, useIsTablet, useMessages, useOnboarding };