@cere/cere-design-system 0.0.15 → 0.0.18

package/dist/index.d.mts

@@ -37,6 +37,20 @@ import { Monaco } from '@monaco-editor/react';
 import { editor } from 'monaco-editor';
 export { default as RadioGroup } from '@mui/material/RadioGroup';
 
+declare module '@mui/material/styles' {
+    interface Palette {
+        deployment: {
+            entity: typeof deploymentEntityColors;
+            status: typeof deploymentStatusColors;
+        };
+    }
+    interface PaletteOptions {
+        deployment?: {
+            entity?: Record<string, string>;
+            status?: Record<string, string>;
+        };
+    }
+}
 declare const colors: {
     primary: {
         main: string;
@@ -97,6 +111,20 @@ declare const colors: {
         selected: string;
     };
 };
+declare const deploymentEntityColors: {
+    workspace: string;
+    stream: string;
+    deployment: string;
+    engagement: string;
+    agent: string;
+};
+declare const deploymentStatusColors: {
+    normal: string;
+    warning: string;
+    error: string;
+    disabled: string;
+    disabledDim: string;
+};
 declare const theme: Theme;
 
 declare const CheckMarkAnimation: () => react_jsx_runtime.JSX.Element;
@@ -749,6 +777,12 @@ interface SideNavHeaderProps {
      * Wire this up to toggle sidebar expanded/collapsed state (V2).
      */
     onCollapse?: () => void;
+    /**
+     * Callback fired when the logo/title branding area is clicked.
+     * Use this for "go to home" navigation. Only the logo + title region
+     * is clickable — the collapse button and surrounding padding are excluded.
+     */
+    onLogoClick?: () => void;
     /**
      * Accessibility label for the header region
      * @default '{title} navigation header'
@@ -823,7 +857,11 @@ declare const SideNav: SideNavComponent;
  *
  * Renders the app branding area at the top of the side navigation.
  * Includes an optional logo, a title, and an optional collapse toggle button.
- * V2: In collapsed state, shows logo stacked vertically above toggle button
+ * V2: In collapsed state, shows logo stacked vertically above toggle button.
+ *
+ * If `onLogoClick` is provided, only the logo+title area is clickable
+ * (e.g. to navigate back to the home page). The rest of the header
+ * (collapse button, surrounding padding) does NOT trigger that callback.
  */
 declare const SideNavHeader: React__default.NamedExoticComponent<SideNavHeaderProps>;
 
@@ -1085,6 +1123,128 @@ interface ListItemProps extends ListItemProps$1 {
 }
 declare const ListItem: React__default.FC<ListItemProps>;
 
+type DeploymentEntityType = 'workspace' | 'stream' | 'deployment' | 'engagement' | 'agent';
+type DeploymentStatusIndicator = 'normal' | 'warning' | 'error' | 'disabled' | null;
+interface DeploymentCardAction {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick?: () => void;
+    highlight?: boolean;
+}
+interface DeploymentDashboardCardProps {
+    /** Entity type: drives chip color and icon (Figma 15-1725, 15-1276) */
+    entityType: DeploymentEntityType;
+    /** Primary title */
+    title: string;
+    /** Display id; when present shows "ID: {id}" with copy action */
+    id?: string;
+    /** Shown as "Created: …" */
+    createdAt?: string;
+    /** Shown as "Last Updated: …" */
+    updatedAt?: string;
+    /** Only for entityType === 'deployment'; shows Capacity label, progress bar, "X%" */
+    capacity?: number;
+    /** Action buttons/chips rendered inline on the right */
+    actions?: DeploymentCardAction[];
+    /** Status dot: green (normal), amber (warning), red (error), white/dim (disabled) */
+    statusIndicator?: DeploymentStatusIndicator;
+    /** Whether to show expand/collapse chevron on the left */
+    expandable?: boolean;
+    /** Controlled expanded state */
+    expanded?: boolean;
+    /** Called when chevron is clicked */
+    onExpandToggle?: () => void;
+    /** When copy ID is clicked */
+    onCopyId?: () => void;
+    /** Open context menu (three-dots) */
+    onContextMenu?: (e: React__default.MouseEvent) => void;
+    /** Optional className */
+    className?: string;
+    /** Child content rendered inside the card border (used by tree to nest children) */
+    children?: React__default.ReactNode;
+}
+declare const DeploymentDashboardCard: React__default.FC<DeploymentDashboardCardProps>;
+
+interface ContextMenuItem {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick?: () => void;
+    type?: 'action' | 'toggle';
+}
+/** Pre-built item factories for common deployment entity actions (Figma 11-1102) */
+declare const contextMenuItems: {
+    readonly addEngagement: (onClick: () => void) => ContextMenuItem;
+    readonly addAgent: (onClick: () => void) => ContextMenuItem;
+    readonly addStream: (onClick: () => void) => ContextMenuItem;
+    readonly edit: (onClick: () => void) => ContextMenuItem;
+    readonly copyId: (onClick: () => void) => ContextMenuItem;
+    readonly agentFlowVisualization: (onClick: () => void) => ContextMenuItem;
+    readonly viewLogs: (onClick: () => void) => ContextMenuItem;
+    readonly settings: (onClick: () => void) => ContextMenuItem;
+};
+
+interface DeploymentEntityContextMenuProps {
+    /** Controlled open state */
+    open: boolean;
+    /** Anchor for menu position */
+    anchorEl: HTMLElement | null;
+    /** When menu closes */
+    onClose: () => void;
+    /** Menu items to render (use contextMenuItems helpers to build) */
+    items: ContextMenuItem[];
+    /** Whether to show "Enable" row with toggle */
+    enableToggle?: boolean;
+    /** Toggle checked state */
+    enableChecked?: boolean;
+    /** Toggle callback */
+    onEnableChange?: (checked: boolean) => void;
+}
+declare const DeploymentEntityContextMenu: React__default.FC<DeploymentEntityContextMenuProps>;
+
+interface DeploymentTreeNode {
+    id: string;
+    entityType: DeploymentEntityType;
+    title: string;
+    idDisplay?: string;
+    createdAt?: string;
+    updatedAt?: string;
+    capacity?: number;
+    actions?: DeploymentCardAction[];
+    statusIndicator?: DeploymentStatusIndicator;
+    children?: DeploymentTreeNode[];
+    expanded?: boolean;
+}
+interface DeploymentDashboardTreeProps {
+    /** Tree of entities */
+    nodes: DeploymentTreeNode[];
+    /** When a row's expand is toggled */
+    onExpandToggle?: (nodeId: string) => void;
+    /** When a card's copy-ID button is clicked */
+    onCopyId?: (nodeId: string) => void;
+    /** Open context menu for node */
+    onContextMenu?: (nodeId: string, e: React__default.MouseEvent) => void;
+    /** Override row content; default: render DeploymentDashboardCard from node data */
+    renderCard?: (node: DeploymentTreeNode) => React__default.ReactNode;
+}
+declare const DeploymentDashboardTree: React__default.FC<DeploymentDashboardTreeProps>;
+
+/**
+ * Backdrop/background panel for the deployment list (Figma 15-1325).
+ * Wraps the deployment tree or list in a rounded, light surface with a subtle border
+ * so the list has a clear visual container.
+ */
+interface DeploymentDashboardPanelProps {
+    /** Content (e.g. DeploymentDashboardTree or a list of DeploymentDashboardCards) */
+    children: React__default.ReactNode;
+    /** Optional className */
+    className?: string;
+    /** Optional padding override; default uses theme spacing */
+    padding?: number | string;
+}
+declare const DeploymentDashboardPanel: React__default.FC<DeploymentDashboardPanelProps>;
+
 interface AvatarProps extends AvatarProps$1 {
     size?: 'small' | 'medium' | 'large' | number;
 }
@@ -1548,4 +1708,4 @@ interface CodeEditorProps {
  */
 declare const CodeEditor: React__default.FC<CodeEditorProps>;
 
-export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, 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, ConnectionStatus, type ConnectionStatusProps, 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, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, 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, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, 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 UserInfo, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, theme, useIsDesktop, useIsMobile, useIsTablet, useMessages, useOnboarding };
+export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, 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, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, DecentralizedServerIcon, type DeploymentCardAction, DeploymentDashboardCard, type DeploymentDashboardCardProps, DeploymentDashboardPanel, type DeploymentDashboardPanelProps, DeploymentDashboardTree, type DeploymentDashboardTreeProps, DeploymentEntityContextMenu, type DeploymentEntityContextMenuProps, type DeploymentEntityType, type DeploymentStatusIndicator, type DeploymentTreeNode, 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, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, 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, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, 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 UserInfo, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, theme, useIsDesktop, useIsMobile, useIsTablet, useMessages, useOnboarding };

package/dist/index.d.ts

@@ -37,6 +37,20 @@ import { Monaco } from '@monaco-editor/react';
 import { editor } from 'monaco-editor';
 export { default as RadioGroup } from '@mui/material/RadioGroup';
 
+declare module '@mui/material/styles' {
+    interface Palette {
+        deployment: {
+            entity: typeof deploymentEntityColors;
+            status: typeof deploymentStatusColors;
+        };
+    }
+    interface PaletteOptions {
+        deployment?: {
+            entity?: Record<string, string>;
+            status?: Record<string, string>;
+        };
+    }
+}
 declare const colors: {
     primary: {
         main: string;
@@ -97,6 +111,20 @@ declare const colors: {
         selected: string;
     };
 };
+declare const deploymentEntityColors: {
+    workspace: string;
+    stream: string;
+    deployment: string;
+    engagement: string;
+    agent: string;
+};
+declare const deploymentStatusColors: {
+    normal: string;
+    warning: string;
+    error: string;
+    disabled: string;
+    disabledDim: string;
+};
 declare const theme: Theme;
 
 declare const CheckMarkAnimation: () => react_jsx_runtime.JSX.Element;
@@ -749,6 +777,12 @@ interface SideNavHeaderProps {
      * Wire this up to toggle sidebar expanded/collapsed state (V2).
      */
     onCollapse?: () => void;
+    /**
+     * Callback fired when the logo/title branding area is clicked.
+     * Use this for "go to home" navigation. Only the logo + title region
+     * is clickable — the collapse button and surrounding padding are excluded.
+     */
+    onLogoClick?: () => void;
     /**
      * Accessibility label for the header region
      * @default '{title} navigation header'
@@ -823,7 +857,11 @@ declare const SideNav: SideNavComponent;
  *
  * Renders the app branding area at the top of the side navigation.
  * Includes an optional logo, a title, and an optional collapse toggle button.
- * V2: In collapsed state, shows logo stacked vertically above toggle button
+ * V2: In collapsed state, shows logo stacked vertically above toggle button.
+ *
+ * If `onLogoClick` is provided, only the logo+title area is clickable
+ * (e.g. to navigate back to the home page). The rest of the header
+ * (collapse button, surrounding padding) does NOT trigger that callback.
  */
 declare const SideNavHeader: React__default.NamedExoticComponent<SideNavHeaderProps>;
 
@@ -1085,6 +1123,128 @@ interface ListItemProps extends ListItemProps$1 {
 }
 declare const ListItem: React__default.FC<ListItemProps>;
 
+type DeploymentEntityType = 'workspace' | 'stream' | 'deployment' | 'engagement' | 'agent';
+type DeploymentStatusIndicator = 'normal' | 'warning' | 'error' | 'disabled' | null;
+interface DeploymentCardAction {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick?: () => void;
+    highlight?: boolean;
+}
+interface DeploymentDashboardCardProps {
+    /** Entity type: drives chip color and icon (Figma 15-1725, 15-1276) */
+    entityType: DeploymentEntityType;
+    /** Primary title */
+    title: string;
+    /** Display id; when present shows "ID: {id}" with copy action */
+    id?: string;
+    /** Shown as "Created: …" */
+    createdAt?: string;
+    /** Shown as "Last Updated: …" */
+    updatedAt?: string;
+    /** Only for entityType === 'deployment'; shows Capacity label, progress bar, "X%" */
+    capacity?: number;
+    /** Action buttons/chips rendered inline on the right */
+    actions?: DeploymentCardAction[];
+    /** Status dot: green (normal), amber (warning), red (error), white/dim (disabled) */
+    statusIndicator?: DeploymentStatusIndicator;
+    /** Whether to show expand/collapse chevron on the left */
+    expandable?: boolean;
+    /** Controlled expanded state */
+    expanded?: boolean;
+    /** Called when chevron is clicked */
+    onExpandToggle?: () => void;
+    /** When copy ID is clicked */
+    onCopyId?: () => void;
+    /** Open context menu (three-dots) */
+    onContextMenu?: (e: React__default.MouseEvent) => void;
+    /** Optional className */
+    className?: string;
+    /** Child content rendered inside the card border (used by tree to nest children) */
+    children?: React__default.ReactNode;
+}
+declare const DeploymentDashboardCard: React__default.FC<DeploymentDashboardCardProps>;
+
+interface ContextMenuItem {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    onClick?: () => void;
+    type?: 'action' | 'toggle';
+}
+/** Pre-built item factories for common deployment entity actions (Figma 11-1102) */
+declare const contextMenuItems: {
+    readonly addEngagement: (onClick: () => void) => ContextMenuItem;
+    readonly addAgent: (onClick: () => void) => ContextMenuItem;
+    readonly addStream: (onClick: () => void) => ContextMenuItem;
+    readonly edit: (onClick: () => void) => ContextMenuItem;
+    readonly copyId: (onClick: () => void) => ContextMenuItem;
+    readonly agentFlowVisualization: (onClick: () => void) => ContextMenuItem;
+    readonly viewLogs: (onClick: () => void) => ContextMenuItem;
+    readonly settings: (onClick: () => void) => ContextMenuItem;
+};
+
+interface DeploymentEntityContextMenuProps {
+    /** Controlled open state */
+    open: boolean;
+    /** Anchor for menu position */
+    anchorEl: HTMLElement | null;
+    /** When menu closes */
+    onClose: () => void;
+    /** Menu items to render (use contextMenuItems helpers to build) */
+    items: ContextMenuItem[];
+    /** Whether to show "Enable" row with toggle */
+    enableToggle?: boolean;
+    /** Toggle checked state */
+    enableChecked?: boolean;
+    /** Toggle callback */
+    onEnableChange?: (checked: boolean) => void;
+}
+declare const DeploymentEntityContextMenu: React__default.FC<DeploymentEntityContextMenuProps>;
+
+interface DeploymentTreeNode {
+    id: string;
+    entityType: DeploymentEntityType;
+    title: string;
+    idDisplay?: string;
+    createdAt?: string;
+    updatedAt?: string;
+    capacity?: number;
+    actions?: DeploymentCardAction[];
+    statusIndicator?: DeploymentStatusIndicator;
+    children?: DeploymentTreeNode[];
+    expanded?: boolean;
+}
+interface DeploymentDashboardTreeProps {
+    /** Tree of entities */
+    nodes: DeploymentTreeNode[];
+    /** When a row's expand is toggled */
+    onExpandToggle?: (nodeId: string) => void;
+    /** When a card's copy-ID button is clicked */
+    onCopyId?: (nodeId: string) => void;
+    /** Open context menu for node */
+    onContextMenu?: (nodeId: string, e: React__default.MouseEvent) => void;
+    /** Override row content; default: render DeploymentDashboardCard from node data */
+    renderCard?: (node: DeploymentTreeNode) => React__default.ReactNode;
+}
+declare const DeploymentDashboardTree: React__default.FC<DeploymentDashboardTreeProps>;
+
+/**
+ * Backdrop/background panel for the deployment list (Figma 15-1325).
+ * Wraps the deployment tree or list in a rounded, light surface with a subtle border
+ * so the list has a clear visual container.
+ */
+interface DeploymentDashboardPanelProps {
+    /** Content (e.g. DeploymentDashboardTree or a list of DeploymentDashboardCards) */
+    children: React__default.ReactNode;
+    /** Optional className */
+    className?: string;
+    /** Optional padding override; default uses theme spacing */
+    padding?: number | string;
+}
+declare const DeploymentDashboardPanel: React__default.FC<DeploymentDashboardPanelProps>;
+
 interface AvatarProps extends AvatarProps$1 {
     size?: 'small' | 'medium' | 'large' | number;
 }
@@ -1548,4 +1708,4 @@ interface CodeEditorProps {
  */
 declare const CodeEditor: React__default.FC<CodeEditorProps>;
 
-export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, 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, ConnectionStatus, type ConnectionStatusProps, 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, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, 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, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, 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 UserInfo, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, theme, useIsDesktop, useIsMobile, useIsTablet, useMessages, useOnboarding };
+export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, 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, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, DecentralizedServerIcon, type DeploymentCardAction, DeploymentDashboardCard, type DeploymentDashboardCardProps, DeploymentDashboardPanel, type DeploymentDashboardPanelProps, DeploymentDashboardTree, type DeploymentDashboardTreeProps, DeploymentEntityContextMenu, type DeploymentEntityContextMenuProps, type DeploymentEntityType, type DeploymentStatusIndicator, type DeploymentTreeNode, 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, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, 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, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, 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 UserInfo, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, theme, useIsDesktop, useIsMobile, useIsTablet, useMessages, useOnboarding };