@cere/cere-design-system 0.0.42 → 0.0.44

package/dist/index.d.mts

@@ -21,6 +21,7 @@ import { TooltipProps as TooltipProps$1 } from '@mui/material/Tooltip';
 import { AlertProps as AlertProps$1 } from '@mui/material/Alert';
 import { SnackbarProps as SnackbarProps$1 } from '@mui/material/Snackbar';
 import { DrawerProps as DrawerProps$1 } from '@mui/material/Drawer';
+import { EmblaOptionsType } from 'embla-carousel';
 import { CardProps as CardProps$1 } from '@mui/material/Card';
 import { CardContentProps } from '@mui/material/CardContent';
 import { CardHeaderProps } from '@mui/material/CardHeader';
@@ -39,6 +40,54 @@ import { Monaco } from '@monaco-editor/react';
 import { editor } from 'monaco-editor';
 export { default as RadioGroup } from '@mui/material/RadioGroup';
 
+/**
+ * Module augmentation for the custom typography variants defined in
+ * `typography.ts` (eyebrow, lede, panelTitle, footnote, mono, banner*).
+ *
+ * Side-effect import only — pulled in from `theme/index.ts` so the types
+ * are visible wherever the DS theme is consumed.
+ */
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        eyebrow: React.CSSProperties;
+        lede: React.CSSProperties;
+        panelTitle: React.CSSProperties;
+        footnote: React.CSSProperties;
+        mono: React.CSSProperties;
+        bannerEyebrow: React.CSSProperties;
+        bannerTitle: React.CSSProperties;
+        bannerBy: React.CSSProperties;
+        bannerDesc: React.CSSProperties;
+        bannerMeta: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        eyebrow?: React.CSSProperties;
+        lede?: React.CSSProperties;
+        panelTitle?: React.CSSProperties;
+        footnote?: React.CSSProperties;
+        mono?: React.CSSProperties;
+        bannerEyebrow?: React.CSSProperties;
+        bannerTitle?: React.CSSProperties;
+        bannerBy?: React.CSSProperties;
+        bannerDesc?: React.CSSProperties;
+        bannerMeta?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        eyebrow: true;
+        lede: true;
+        panelTitle: true;
+        footnote: true;
+        mono: true;
+        bannerEyebrow: true;
+        bannerTitle: true;
+        bannerBy: true;
+        bannerDesc: true;
+        bannerMeta: true;
+    }
+}
+
 /**
  * ROB primary brand colors (Figma node 11-1393).
  */
@@ -240,6 +289,93 @@ declare const workflowConnectionColors: {
     readonly error: "#EF4444";
 };
 
+/**
+ * Spacing and sizing tokens for the design system.
+ *
+ * Centralizes border-radius, component-specific sizing, and spacing
+ * constants that were previously scattered across component files.
+ */
+declare const borderRadius: {
+    /** Small: alerts, compact elements */
+    readonly sm: 8;
+    /** Medium: buttons, inputs, selects */
+    readonly md: 12;
+    /** Large: chips, cards, global default */
+    readonly lg: 16;
+    /** Extra large: hero surfaces, dialogs */
+    readonly xl: 20;
+    /** Pill: fully rounded badges, on-gradient buttons */
+    readonly pill: 999;
+};
+
+/**
+ * Motion tokens: durations and easing curves.
+ *
+ * Marketplace-aligned. Consumed by component animations and emitted as
+ * `--dur-*` / `--ease-*` CSS custom properties in `tokens.css`.
+ */
+declare const motion: {
+    readonly dur: {
+        /** Fast: ~120ms. Hover transitions, micro-interactions. */
+        readonly fast: "120ms";
+    };
+    readonly ease: {
+        /** Material-style standard easing. */
+        readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+    };
+};
+
+/**
+ * Web surface tokens (marketplace-aligned v2 product palette).
+ *
+ * Source of truth for the colors/surfaces/strokes/shadows used by the
+ * marketplace UI and any other web product surface that shares this look.
+ * Emitted as `:root` CSS custom properties via `tokens.css` so consumers
+ * stop hand-declaring them in their own `globals.css`.
+ *
+ * Distinct from `deploymentSurfaceTokens` (deployment dashboard), which has
+ * its own design language and predates this surface.
+ */
+declare const webSurfaceTokens: {
+    readonly cViolet: "#aa44f2";
+    readonly cVioletTint: "#a54aff";
+    readonly cVioletLight: "#f0e0fb";
+    readonly cVioletDark: "#7c59ac";
+    readonly cPink: "#f941e6";
+    readonly cPinkLight: "#fcdff9";
+    readonly cRed: "#ff4f59";
+    readonly cGreen: "#49bf63";
+    readonly cBlueLight: "#e7f4fe";
+    readonly cBlueDark: "#598ab8";
+    readonly robFandango: "#BD32A7";
+    readonly robElectricViolet: "#8B00EC";
+    readonly robUltraViolet: "#6750A4";
+    readonly robPeriwinkle: "#D0BCFF";
+    readonly robBright1: "#5311e3";
+    readonly robNearBlack2: "#0d0627";
+    readonly robNearBlack4: "#23194b";
+    readonly surfaceLow: "#f5f1f7";
+    readonly surfaceMid: "#f5f1f7";
+    readonly surfaceHigh: "#fefcff";
+    readonly surfaceContrast: "#ffffff";
+    readonly bgDefault: "#f5f5f5";
+    readonly bgDim: "#e6e0e9";
+    readonly bgSuccess: "#eef5f0";
+    readonly bgWarning: "#fef8e8";
+    readonly bgDanger: "#f9dedc";
+    readonly bgDangerStrong: "#8c1d18";
+    readonly textPrimary: "#1d1b20";
+    readonly textSecondary: "#5f5c64";
+    readonly textMuted: "#938f99";
+    readonly textLink: "#aa44f2";
+    readonly strokeOnLow: "#e6e0e9";
+    readonly strokeOnMed: "#dad1e0";
+    readonly shadowSm: "0px 2px 8px rgba(0,0,0,0.04)";
+    readonly shadowMd: "0px 4px 20px rgba(0,0,0,0.05)";
+    readonly shadowFocus: "0 0 0 4px rgba(170,68,242,0.25)";
+};
+type WebSurfaceTokenKey = keyof typeof webSurfaceTokens;
+
 /**
  * Design system theme barrel.
  *
@@ -352,6 +488,7 @@ declare const useIsTablet: () => boolean;
 declare const useIsMobile: () => boolean;
 
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+type ButtonTone = 'default' | 'onGradient';
 interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
     /**
      * The visual style variant of the button
@@ -360,6 +497,12 @@ interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
      * - tertiary: Text button with no background or border
      */
     variant?: ButtonVariant;
+    /**
+     * Tone overlay. `onGradient` re-skins the button as a white pill on a dark
+     * gradient surface (banner CTA pattern). Orthogonal to `variant`.
+     * @default 'default'
+     */
+    tone?: ButtonTone;
     /**
      * The size of the button
      */
@@ -455,6 +598,26 @@ interface TextFieldProps extends Omit<TextFieldProps$1, 'size'> {
 }
 declare const TextField: React__default.FC<TextFieldProps>;
 
+interface CopyableFieldProps {
+    /** The string copied to the clipboard. Also rendered as the button label. */
+    value: string;
+    /** Small label rendered above the value (overline-styled). */
+    label?: React__default.ReactNode;
+    /** Custom aria-label; defaults to "Copy {value}". */
+    ariaLabel?: string;
+    /** How long the "Copied" flash stays visible, in ms. @default 1400 */
+    flashDurationMs?: number;
+    /** Text shown during the flash. @default "Copied" */
+    flashLabel?: string;
+    /** Optional callback invoked after a successful copy. */
+    onCopy?: (value: string) => void;
+}
+/**
+ * Tinted card with a label row and a monospace, click-to-copy value button.
+ * Replaces ad-hoc `.share-card / .url / .share-card__flash` markup.
+ */
+declare const CopyableField: React__default.FC<CopyableFieldProps>;
+
 type SearchFieldVariant = 'standard' | 'pill';
 interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'> {
     placeholder?: string;
@@ -463,7 +626,7 @@ interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'
     /** Visual treatment. `pill` renders a fully-rounded input. @default 'standard' */
     variant?: SearchFieldVariant;
     /**
-     * Show a keyboard-shortcut hint adornment (⌘K on Mac, Ctrl+K elsewhere) at
+     * Show a keyboard-shortcut hint adornment (⌘ K on Mac, Ctrl + K elsewhere) at
      * the right edge. Pair with `useSearchHotkeys` to wire the key handler.
      */
     shortcutHint?: boolean;
@@ -722,6 +885,22 @@ type StepButtonProps = StepButtonProps$1;
  */
 declare const StepButton: React__default.FC<StepButtonProps>;
 
+interface NumberedStepperStep {
+    key: string;
+    label: string;
+}
+interface NumberedStepperProps {
+    steps: NumberedStepperStep[];
+    /** Index of the active step. -1 = none active. */
+    current: number;
+    className?: string;
+}
+/**
+ * Vertical numbered stepper used by Try-this-out and similar guided flows.
+ * Brand-styled: active rows take the violet palette; completed rows show ✓.
+ */
+declare const NumberedStepper: React__default.FC<NumberedStepperProps>;
+
 /**
  * Type definitions for SideNav components
  * Side Navigation Bar Component - V1 (Expanded State) & V2 (Collapsed State)
@@ -1241,8 +1420,16 @@ interface ChipVariantStyles {
  */
 declare function getChipVariantStyles(variant: ChipVariant, theme: Theme): ChipVariantStyles;
 
+type ChipTone = 'default' | 'onGradient';
 interface ChipProps extends Omit<ChipProps$1, 'color' | 'variant'> {
     variant?: ChipVariant;
+    /**
+     * Visual tone overlay. `onGradient` styles the chip to read on a dark
+     * gradient surface (white text, mono caps, translucent border + bg).
+     * Positioning is the consumer's job.
+     * @default 'default'
+     */
+    tone?: ChipTone;
 }
 declare const Chip: React__default.FC<ChipProps>;
 
@@ -1791,13 +1978,15 @@ interface CarouselProps<T> {
     dotColor?: string;
     /** Override the active dot color. Accepts any CSS color string. */
     dotActiveColor?: string;
+    /** Escape hatch for advanced embla options. Most consumers don't need this. */
+    emblaOptions?: EmblaOptionsType;
 }
 /**
  * Carousel — embla-carousel-based slide deck with autoplay, dots, counter,
  * prev/next arrows and pause-on-hover. Generic over slide payload type; the
  * caller decides the slide markup via `renderSlide`.
  */
-declare function Carousel<T>({ slides, renderSlide, getKey, slidesPerView, autoplay, autoplayDelayMs, showDots, showCounter, showArrows, pauseOnHover, ariaLabel, onSelect, arrowSx, dotColor, dotActiveColor, }: CarouselProps<T>): react_jsx_runtime.JSX.Element | null;
+declare function Carousel<T>({ slides, renderSlide, getKey, slidesPerView, autoplay, autoplayDelayMs, showDots, showCounter, showArrows, pauseOnHover, ariaLabel, onSelect, arrowSx, dotColor, dotActiveColor, emblaOptions, }: CarouselProps<T>): react_jsx_runtime.JSX.Element | null;
 
 /** Number of distinct gradient palettes. Useful for sizing slide cycles deterministically. */
 declare const GRADIENT_PALETTE_COUNT: 6;
@@ -1886,6 +2075,27 @@ interface PanelDialogProps {
  */
 declare function PanelDialog({ open, onClose, title, headerActions, width, side, ariaLabel, hideHeader, paperSx, backdropSx, transition, children, }: PanelDialogProps): react_jsx_runtime.JSX.Element;
 
+interface SplitDialogContentProps {
+    left: React__default.ReactNode;
+    right: React__default.ReactNode;
+    /** Width of the right (aside) column in px. @default 320 */
+    rightWidth?: number;
+    /** Viewport breakpoint (px) below which the layout collapses to one column. @default 860 */
+    collapseBelow?: number;
+    sx?: SxProps<Theme>;
+}
+/**
+ * Two-column dialog body used by detail / info modals: primary content on
+ * the left, sticky meta panel on the right. Collapses to a single column on
+ * narrow viewports.
+ *
+ * Compose inside a `<PanelDialog>`:
+ *   <PanelDialog ...>
+ *     <SplitDialogContent left={...} right={...} />
+ *   </PanelDialog>
+ */
+declare const SplitDialogContent: React__default.FC<SplitDialogContentProps>;
+
 type CardMediaProps = CardMediaProps$1;
 declare const CardMedia: React__default.FC<CardMediaProps>;
 type CardVariant = 'standard' | 'tinted' | 'outlined';
@@ -3316,4 +3526,4 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
  */
 declare const CodeEditorWorkspace: React__default.FC<CodeEditorWorkspaceProps>;
 
-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, CardMedia, type CardMediaProps, type CardProps, type CardVariant, Carousel, type CarouselProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipVariant, type ChipVariantStyles, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWelcomeScreen, type CodeEditorWelcomeScreenProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, CopyChip, type CopyChipProps, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, DecentralizedServerIcon, DefinitionRow, type DefinitionRowProps, 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, type DrawerWidth, type DrawerWidthValue, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GRADIENT_PALETTE_COUNT, type GitInfo, GithubLogoIcon, GradientSurface, type GradientSurfaceProps, IDBlock, type IDBlockProps, 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, MetaField, type MetaFieldProps, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, PanelDialog, type PanelDialogProps, type PanelDialogSide, type PanelDialogWidth, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, type ResponsiveDrawerWidth, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, ScrollableRow, type ScrollableRowProps, SearchField, type SearchFieldProps, type SearchFieldVariant, SectionRow, type SectionRowProps, 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, StatusDot, type StatusDotProps, type StatusDotStatus, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, detectLanguage, getChipVariantStyles, getFileName, resolveDrawerWidth, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, useSearchHotkeys, workflowConnectionColors, workflowNodeColors };
+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, type ButtonTone, type ButtonVariant, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, CardMedia, type CardMediaProps, type CardProps, type CardVariant, Carousel, type CarouselProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipTone, type ChipVariant, type ChipVariantStyles, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWelcomeScreen, type CodeEditorWelcomeScreenProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, CopyChip, type CopyChipProps, CopyableField, type CopyableFieldProps, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, DecentralizedServerIcon, DefinitionRow, type DefinitionRowProps, 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, type DrawerWidth, type DrawerWidthValue, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GRADIENT_PALETTE_COUNT, type GitInfo, GithubLogoIcon, GradientSurface, type GradientSurfaceProps, IDBlock, type IDBlockProps, 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, MetaField, type MetaFieldProps, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, NumberedStepper, type NumberedStepperProps, type NumberedStepperStep, OnboardingProvider, Pagination, type PaginationProps, PanelDialog, type PanelDialogProps, type PanelDialogSide, type PanelDialogWidth, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, type ResponsiveDrawerWidth, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, ScrollableRow, type ScrollableRowProps, SearchField, type SearchFieldProps, type SearchFieldVariant, SectionRow, type SectionRowProps, 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, SplitDialogContent, type SplitDialogContentProps, StatusDot, type StatusDotProps, type StatusDotStatus, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, type WebSurfaceTokenKey, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, borderRadius, colors, contextMenuItems, detectLanguage, getChipVariantStyles, getFileName, motion, resolveDrawerWidth, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, useSearchHotkeys, webSurfaceTokens, workflowConnectionColors, workflowNodeColors };

package/dist/index.d.ts

@@ -21,6 +21,7 @@ import { TooltipProps as TooltipProps$1 } from '@mui/material/Tooltip';
 import { AlertProps as AlertProps$1 } from '@mui/material/Alert';
 import { SnackbarProps as SnackbarProps$1 } from '@mui/material/Snackbar';
 import { DrawerProps as DrawerProps$1 } from '@mui/material/Drawer';
+import { EmblaOptionsType } from 'embla-carousel';
 import { CardProps as CardProps$1 } from '@mui/material/Card';
 import { CardContentProps } from '@mui/material/CardContent';
 import { CardHeaderProps } from '@mui/material/CardHeader';
@@ -39,6 +40,54 @@ import { Monaco } from '@monaco-editor/react';
 import { editor } from 'monaco-editor';
 export { default as RadioGroup } from '@mui/material/RadioGroup';
 
+/**
+ * Module augmentation for the custom typography variants defined in
+ * `typography.ts` (eyebrow, lede, panelTitle, footnote, mono, banner*).
+ *
+ * Side-effect import only — pulled in from `theme/index.ts` so the types
+ * are visible wherever the DS theme is consumed.
+ */
+declare module '@mui/material/styles' {
+    interface TypographyVariants {
+        eyebrow: React.CSSProperties;
+        lede: React.CSSProperties;
+        panelTitle: React.CSSProperties;
+        footnote: React.CSSProperties;
+        mono: React.CSSProperties;
+        bannerEyebrow: React.CSSProperties;
+        bannerTitle: React.CSSProperties;
+        bannerBy: React.CSSProperties;
+        bannerDesc: React.CSSProperties;
+        bannerMeta: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        eyebrow?: React.CSSProperties;
+        lede?: React.CSSProperties;
+        panelTitle?: React.CSSProperties;
+        footnote?: React.CSSProperties;
+        mono?: React.CSSProperties;
+        bannerEyebrow?: React.CSSProperties;
+        bannerTitle?: React.CSSProperties;
+        bannerBy?: React.CSSProperties;
+        bannerDesc?: React.CSSProperties;
+        bannerMeta?: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface TypographyPropsVariantOverrides {
+        eyebrow: true;
+        lede: true;
+        panelTitle: true;
+        footnote: true;
+        mono: true;
+        bannerEyebrow: true;
+        bannerTitle: true;
+        bannerBy: true;
+        bannerDesc: true;
+        bannerMeta: true;
+    }
+}
+
 /**
  * ROB primary brand colors (Figma node 11-1393).
  */
@@ -240,6 +289,93 @@ declare const workflowConnectionColors: {
     readonly error: "#EF4444";
 };
 
+/**
+ * Spacing and sizing tokens for the design system.
+ *
+ * Centralizes border-radius, component-specific sizing, and spacing
+ * constants that were previously scattered across component files.
+ */
+declare const borderRadius: {
+    /** Small: alerts, compact elements */
+    readonly sm: 8;
+    /** Medium: buttons, inputs, selects */
+    readonly md: 12;
+    /** Large: chips, cards, global default */
+    readonly lg: 16;
+    /** Extra large: hero surfaces, dialogs */
+    readonly xl: 20;
+    /** Pill: fully rounded badges, on-gradient buttons */
+    readonly pill: 999;
+};
+
+/**
+ * Motion tokens: durations and easing curves.
+ *
+ * Marketplace-aligned. Consumed by component animations and emitted as
+ * `--dur-*` / `--ease-*` CSS custom properties in `tokens.css`.
+ */
+declare const motion: {
+    readonly dur: {
+        /** Fast: ~120ms. Hover transitions, micro-interactions. */
+        readonly fast: "120ms";
+    };
+    readonly ease: {
+        /** Material-style standard easing. */
+        readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+    };
+};
+
+/**
+ * Web surface tokens (marketplace-aligned v2 product palette).
+ *
+ * Source of truth for the colors/surfaces/strokes/shadows used by the
+ * marketplace UI and any other web product surface that shares this look.
+ * Emitted as `:root` CSS custom properties via `tokens.css` so consumers
+ * stop hand-declaring them in their own `globals.css`.
+ *
+ * Distinct from `deploymentSurfaceTokens` (deployment dashboard), which has
+ * its own design language and predates this surface.
+ */
+declare const webSurfaceTokens: {
+    readonly cViolet: "#aa44f2";
+    readonly cVioletTint: "#a54aff";
+    readonly cVioletLight: "#f0e0fb";
+    readonly cVioletDark: "#7c59ac";
+    readonly cPink: "#f941e6";
+    readonly cPinkLight: "#fcdff9";
+    readonly cRed: "#ff4f59";
+    readonly cGreen: "#49bf63";
+    readonly cBlueLight: "#e7f4fe";
+    readonly cBlueDark: "#598ab8";
+    readonly robFandango: "#BD32A7";
+    readonly robElectricViolet: "#8B00EC";
+    readonly robUltraViolet: "#6750A4";
+    readonly robPeriwinkle: "#D0BCFF";
+    readonly robBright1: "#5311e3";
+    readonly robNearBlack2: "#0d0627";
+    readonly robNearBlack4: "#23194b";
+    readonly surfaceLow: "#f5f1f7";
+    readonly surfaceMid: "#f5f1f7";
+    readonly surfaceHigh: "#fefcff";
+    readonly surfaceContrast: "#ffffff";
+    readonly bgDefault: "#f5f5f5";
+    readonly bgDim: "#e6e0e9";
+    readonly bgSuccess: "#eef5f0";
+    readonly bgWarning: "#fef8e8";
+    readonly bgDanger: "#f9dedc";
+    readonly bgDangerStrong: "#8c1d18";
+    readonly textPrimary: "#1d1b20";
+    readonly textSecondary: "#5f5c64";
+    readonly textMuted: "#938f99";
+    readonly textLink: "#aa44f2";
+    readonly strokeOnLow: "#e6e0e9";
+    readonly strokeOnMed: "#dad1e0";
+    readonly shadowSm: "0px 2px 8px rgba(0,0,0,0.04)";
+    readonly shadowMd: "0px 4px 20px rgba(0,0,0,0.05)";
+    readonly shadowFocus: "0 0 0 4px rgba(170,68,242,0.25)";
+};
+type WebSurfaceTokenKey = keyof typeof webSurfaceTokens;
+
 /**
  * Design system theme barrel.
  *
@@ -352,6 +488,7 @@ declare const useIsTablet: () => boolean;
 declare const useIsMobile: () => boolean;
 
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+type ButtonTone = 'default' | 'onGradient';
 interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
     /**
      * The visual style variant of the button
@@ -360,6 +497,12 @@ interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
      * - tertiary: Text button with no background or border
      */
     variant?: ButtonVariant;
+    /**
+     * Tone overlay. `onGradient` re-skins the button as a white pill on a dark
+     * gradient surface (banner CTA pattern). Orthogonal to `variant`.
+     * @default 'default'
+     */
+    tone?: ButtonTone;
     /**
      * The size of the button
      */
@@ -455,6 +598,26 @@ interface TextFieldProps extends Omit<TextFieldProps$1, 'size'> {
 }
 declare const TextField: React__default.FC<TextFieldProps>;
 
+interface CopyableFieldProps {
+    /** The string copied to the clipboard. Also rendered as the button label. */
+    value: string;
+    /** Small label rendered above the value (overline-styled). */
+    label?: React__default.ReactNode;
+    /** Custom aria-label; defaults to "Copy {value}". */
+    ariaLabel?: string;
+    /** How long the "Copied" flash stays visible, in ms. @default 1400 */
+    flashDurationMs?: number;
+    /** Text shown during the flash. @default "Copied" */
+    flashLabel?: string;
+    /** Optional callback invoked after a successful copy. */
+    onCopy?: (value: string) => void;
+}
+/**
+ * Tinted card with a label row and a monospace, click-to-copy value button.
+ * Replaces ad-hoc `.share-card / .url / .share-card__flash` markup.
+ */
+declare const CopyableField: React__default.FC<CopyableFieldProps>;
+
 type SearchFieldVariant = 'standard' | 'pill';
 interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'> {
     placeholder?: string;
@@ -463,7 +626,7 @@ interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'
     /** Visual treatment. `pill` renders a fully-rounded input. @default 'standard' */
     variant?: SearchFieldVariant;
     /**
-     * Show a keyboard-shortcut hint adornment (⌘K on Mac, Ctrl+K elsewhere) at
+     * Show a keyboard-shortcut hint adornment (⌘ K on Mac, Ctrl + K elsewhere) at
      * the right edge. Pair with `useSearchHotkeys` to wire the key handler.
      */
     shortcutHint?: boolean;
@@ -722,6 +885,22 @@ type StepButtonProps = StepButtonProps$1;
  */
 declare const StepButton: React__default.FC<StepButtonProps>;
 
+interface NumberedStepperStep {
+    key: string;
+    label: string;
+}
+interface NumberedStepperProps {
+    steps: NumberedStepperStep[];
+    /** Index of the active step. -1 = none active. */
+    current: number;
+    className?: string;
+}
+/**
+ * Vertical numbered stepper used by Try-this-out and similar guided flows.
+ * Brand-styled: active rows take the violet palette; completed rows show ✓.
+ */
+declare const NumberedStepper: React__default.FC<NumberedStepperProps>;
+
 /**
  * Type definitions for SideNav components
  * Side Navigation Bar Component - V1 (Expanded State) & V2 (Collapsed State)
@@ -1241,8 +1420,16 @@ interface ChipVariantStyles {
  */
 declare function getChipVariantStyles(variant: ChipVariant, theme: Theme): ChipVariantStyles;
 
+type ChipTone = 'default' | 'onGradient';
 interface ChipProps extends Omit<ChipProps$1, 'color' | 'variant'> {
     variant?: ChipVariant;
+    /**
+     * Visual tone overlay. `onGradient` styles the chip to read on a dark
+     * gradient surface (white text, mono caps, translucent border + bg).
+     * Positioning is the consumer's job.
+     * @default 'default'
+     */
+    tone?: ChipTone;
 }
 declare const Chip: React__default.FC<ChipProps>;
 
@@ -1791,13 +1978,15 @@ interface CarouselProps<T> {
     dotColor?: string;
     /** Override the active dot color. Accepts any CSS color string. */
     dotActiveColor?: string;
+    /** Escape hatch for advanced embla options. Most consumers don't need this. */
+    emblaOptions?: EmblaOptionsType;
 }
 /**
  * Carousel — embla-carousel-based slide deck with autoplay, dots, counter,
  * prev/next arrows and pause-on-hover. Generic over slide payload type; the
  * caller decides the slide markup via `renderSlide`.
  */
-declare function Carousel<T>({ slides, renderSlide, getKey, slidesPerView, autoplay, autoplayDelayMs, showDots, showCounter, showArrows, pauseOnHover, ariaLabel, onSelect, arrowSx, dotColor, dotActiveColor, }: CarouselProps<T>): react_jsx_runtime.JSX.Element | null;
+declare function Carousel<T>({ slides, renderSlide, getKey, slidesPerView, autoplay, autoplayDelayMs, showDots, showCounter, showArrows, pauseOnHover, ariaLabel, onSelect, arrowSx, dotColor, dotActiveColor, emblaOptions, }: CarouselProps<T>): react_jsx_runtime.JSX.Element | null;
 
 /** Number of distinct gradient palettes. Useful for sizing slide cycles deterministically. */
 declare const GRADIENT_PALETTE_COUNT: 6;
@@ -1886,6 +2075,27 @@ interface PanelDialogProps {
  */
 declare function PanelDialog({ open, onClose, title, headerActions, width, side, ariaLabel, hideHeader, paperSx, backdropSx, transition, children, }: PanelDialogProps): react_jsx_runtime.JSX.Element;
 
+interface SplitDialogContentProps {
+    left: React__default.ReactNode;
+    right: React__default.ReactNode;
+    /** Width of the right (aside) column in px. @default 320 */
+    rightWidth?: number;
+    /** Viewport breakpoint (px) below which the layout collapses to one column. @default 860 */
+    collapseBelow?: number;
+    sx?: SxProps<Theme>;
+}
+/**
+ * Two-column dialog body used by detail / info modals: primary content on
+ * the left, sticky meta panel on the right. Collapses to a single column on
+ * narrow viewports.
+ *
+ * Compose inside a `<PanelDialog>`:
+ *   <PanelDialog ...>
+ *     <SplitDialogContent left={...} right={...} />
+ *   </PanelDialog>
+ */
+declare const SplitDialogContent: React__default.FC<SplitDialogContentProps>;
+
 type CardMediaProps = CardMediaProps$1;
 declare const CardMedia: React__default.FC<CardMediaProps>;
 type CardVariant = 'standard' | 'tinted' | 'outlined';
@@ -3316,4 +3526,4 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
  */
 declare const CodeEditorWorkspace: React__default.FC<CodeEditorWorkspaceProps>;
 
-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, CardMedia, type CardMediaProps, type CardProps, type CardVariant, Carousel, type CarouselProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipVariant, type ChipVariantStyles, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWelcomeScreen, type CodeEditorWelcomeScreenProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, CopyChip, type CopyChipProps, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, DecentralizedServerIcon, DefinitionRow, type DefinitionRowProps, 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, type DrawerWidth, type DrawerWidthValue, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GRADIENT_PALETTE_COUNT, type GitInfo, GithubLogoIcon, GradientSurface, type GradientSurfaceProps, IDBlock, type IDBlockProps, 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, MetaField, type MetaFieldProps, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, PanelDialog, type PanelDialogProps, type PanelDialogSide, type PanelDialogWidth, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, type ResponsiveDrawerWidth, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, ScrollableRow, type ScrollableRowProps, SearchField, type SearchFieldProps, type SearchFieldVariant, SectionRow, type SectionRowProps, 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, StatusDot, type StatusDotProps, type StatusDotStatus, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, detectLanguage, getChipVariantStyles, getFileName, resolveDrawerWidth, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, useSearchHotkeys, workflowConnectionColors, workflowNodeColors };
+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, type ButtonTone, type ButtonVariant, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, CardMedia, type CardMediaProps, type CardProps, type CardVariant, Carousel, type CarouselProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipTone, type ChipVariant, type ChipVariantStyles, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWelcomeScreen, type CodeEditorWelcomeScreenProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, CopyChip, type CopyChipProps, CopyableField, type CopyableFieldProps, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, DecentralizedServerIcon, DefinitionRow, type DefinitionRowProps, 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, type DrawerWidth, type DrawerWidthValue, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GRADIENT_PALETTE_COUNT, type GitInfo, GithubLogoIcon, GradientSurface, type GradientSurfaceProps, IDBlock, type IDBlockProps, 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, MetaField, type MetaFieldProps, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, NumberedStepper, type NumberedStepperProps, type NumberedStepperStep, OnboardingProvider, Pagination, type PaginationProps, PanelDialog, type PanelDialogProps, type PanelDialogSide, type PanelDialogWidth, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, type ResponsiveDrawerWidth, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, ScrollableRow, type ScrollableRowProps, SearchField, type SearchFieldProps, type SearchFieldVariant, SectionRow, type SectionRowProps, 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, SplitDialogContent, type SplitDialogContentProps, StatusDot, type StatusDotProps, type StatusDotStatus, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, type WebSurfaceTokenKey, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, borderRadius, colors, contextMenuItems, detectLanguage, getChipVariantStyles, getFileName, motion, resolveDrawerWidth, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, useSearchHotkeys, webSurfaceTokens, workflowConnectionColors, workflowNodeColors };