@open-ui-kit/core 2.0.0-beta.1 → 2.0.0-beta.2

package/index.d.ts

@@ -1,9 +1,9 @@
 import { Color, Theme as Theme$1, TypographyVariant } from '@mui/material/styles';
 import * as React$1 from 'react';
-import React__default, { ReactNode, ComponentType, CSSProperties, ReactElement, ComponentProps, HTMLAttributes, SyntheticEvent, ElementType } from 'react';
+import React__default, { ReactNode, ComponentType, CSSProperties, MouseEvent, ReactElement, ComponentProps, HTMLAttributes, SyntheticEvent, ElementType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _mui_material from '@mui/material';
-import { AccordionProps as AccordionProps$1, AccordionSummaryProps, BoxProps, BackdropProps as BackdropProps$1, SxProps, Theme, AlertProps, BadgeProps as BadgeProps$1, TypographyProps, SvgIconProps, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, CardProps as CardProps$1, CardActionAreaProps as CardActionAreaProps$1, CardHeaderProps as CardHeaderProps$1, CardContentProps as CardContentProps$1, CardActionsProps as CardActionsProps$1, CheckboxProps as CheckboxProps$1, TooltipProps as TooltipProps$1, IconButtonProps, StackProps, TextFieldProps, Popper, PopoverProps as PopoverProps$1, DividerProps as DividerProps$1, DrawerProps, ListItemProps as ListItemProps$1, InputProps, IconProps as IconProps$1, ListProps as ListProps$1, ListItemButtonProps as ListItemButtonProps$1, ListItemTextProps as ListItemTextProps$1, ListItemIconProps as ListItemIconProps$1, ListSubheaderProps as ListSubheaderProps$1, CircularProgressProps, DialogProps as DialogProps$1, DialogContentProps as DialogContentProps$1, DialogContentTextProps as DialogContentTextProps$1, DialogActionsProps as DialogActionsProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, ButtonBaseProps, RadioProps, FormControlLabelProps, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, SkeletonProps as SkeletonProps$1, SliderProps as SliderProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, ChipProps, SwitchProps, PaginationProps as PaginationProps$1 } from '@mui/material';
+import { AccordionProps as AccordionProps$1, AccordionSummaryProps, BoxProps, BackdropProps as BackdropProps$1, AvatarGroupProps as AvatarGroupProps$1, AvatarProps as AvatarProps$1, SxProps, Theme, AlertProps, BadgeProps as BadgeProps$1, TypographyProps, SvgIconProps, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, CardProps as CardProps$1, CardActionAreaProps as CardActionAreaProps$1, CardHeaderProps as CardHeaderProps$1, CardContentProps as CardContentProps$1, CardActionsProps as CardActionsProps$1, CheckboxProps as CheckboxProps$1, TooltipProps as TooltipProps$1, IconButtonProps, StackProps, TextFieldProps, Popper, PopoverProps as PopoverProps$1, DividerProps as DividerProps$1, DrawerProps, ListProps as ListProps$1, ListItemProps as ListItemProps$1, ListItemButtonProps as ListItemButtonProps$1, ListItemTextProps as ListItemTextProps$1, ListItemIconProps as ListItemIconProps$1, ListSubheaderProps as ListSubheaderProps$1, InputProps, IconProps as IconProps$1, CircularProgressProps, DialogProps as DialogProps$1, DialogContentProps as DialogContentProps$1, DialogContentTextProps as DialogContentTextProps$1, DialogActionsProps as DialogActionsProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, ButtonBaseProps, RadioProps, FormControlLabelProps, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, SkeletonProps as SkeletonProps$1, SliderProps as SliderProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, ChipProps, SwitchProps, PaginationProps as PaginationProps$1 } from '@mui/material';
 export { Box, ButtonGroup, Container, Grid, IconButton, ListItemAvatar, Paper, PopoverOrigin, SelectChangeEvent, Stack, Typography, useTheme } from '@mui/material';
 import { TimelineProps } from '@mui/lab';
 import { LinkProps as LinkProps$1, To } from 'react-router-dom';
@@ -529,11 +529,16 @@ interface AnchorLinkMenuProps {
 
 declare const AnchorLinkMenu: ({ items, selectedId, title, variant, onSelect, }: AnchorLinkMenuProps) => react_jsx_runtime.JSX.Element;
 
-type BackdropProps = BackdropProps$1;
+interface BackdropProps extends BackdropProps$1 {
+    /** Controls whether the backdrop is mounted and visible. */
+    open: boolean;
+    /** Removes the dimmed overlay while preserving the backdrop interaction layer. */
+    invisible?: boolean;
+}
 
 declare const Backdrop: ({ sx, ...props }: BackdropProps) => react_jsx_runtime.JSX.Element;
 
-interface AvatarProps {
+interface AvatarProps extends Omit<AvatarProps$1, "children"> {
     /** Controls the avatar diameter. Large is 40px and medium is 32px. */
     size?: "L" | "M";
     /** Image source used when the avatar should represent a person or entity photo. */
@@ -545,16 +550,16 @@ interface AvatarProps {
     /** Icon displayed when no image is provided. */
     icon?: ReactNode;
 }
-interface AvatarGroupProps {
+interface AvatarGroupProps extends Omit<AvatarGroupProps$1, "children"> {
     /** Controls the size applied to every avatar in the group. */
     size?: "L" | "M";
     /** Avatar children to stack with the configured group overlap. */
     children: ReactNode;
 }
 
-declare const Avatar: ({ size, src, alt, initials, icon, }: AvatarProps) => react_jsx_runtime.JSX.Element;
+declare const Avatar: ({ size, src, alt, initials, icon, ...props }: AvatarProps) => react_jsx_runtime.JSX.Element;
 
-declare const AvatarGroup: ({ size, children }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
+declare const AvatarGroup: ({ size, children, ...props }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
 
 interface ActionsDialogProps {
     /** Controls whether the dialog is visible. */
@@ -591,6 +596,8 @@ interface BannerProps extends Omit<AlertProps, "variant" | "severity" | "childre
     status?: StatusBanner;
     /** Banner message content. */
     text: ReactNode;
+    /** Optional icon shown before the message. Defaults to a status icon. */
+    icon?: ReactNode;
     /** Shows the dismiss button and wires `onClose` when enabled. */
     showCloseButton?: boolean;
 }
@@ -601,13 +608,13 @@ type BadgeType = "default" | "excellent" | "neutral" | "error" | "warning" | "in
 interface BadgeProps {
     /** Visual status color family for the badge. */
     type?: BadgeType;
-    /** Optional notification value rendered inside the badge bubble. */
+    /** Optional value rendered in the small bubble when the badge wraps another element. */
     notificationContent?: ReactNode;
-    /** Main badge label or wrapped child content. */
+    /** Badge label, or the wrapped child when `notificationContent` is provided. */
     content: ReactNode;
-    /** Style overrides for the MUI badge root. */
+    /** Style overrides for the badge root. Use sparingly to preserve badge sizing. */
     styleBadge?: BadgeProps$1["sx"];
-    /** Style overrides for the badge label typography. */
+    /** Style overrides for the visible badge text. */
     styleContent?: TypographyProps["sx"];
 }
 
@@ -707,7 +714,7 @@ interface BreadcrumbsProps extends BreadcrumbsProps$1 {
     type?: LinkType;
     /** Link size used for breadcrumb labels. */
     size?: GeneralSize;
-    /** Maximum number of visible breadcrumbs before MUI collapses the middle items. */
+    /** Maximum number of visible breadcrumbs before middle items move into the collapsed menu. */
     maximumNumberOfVisibleBreadcrumbs?: number;
 }
 
@@ -727,8 +734,10 @@ interface ButtonProps extends ButtonProps$1 {
 /** Open UI Kit button wrapper with tokenized variants, sizes, icon spacing, and states. */
 declare const Button: ({ children, className, disableRipple, endIcon, startIcon, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
-/** Flexible surface used to group related information and actions. */
-type CardProps = CardProps$1;
+interface CardProps extends CardProps$1 {
+    /** Applies the disabled card treatment and marks the grouped content unavailable. */
+    disabled?: boolean;
+}
 /** Clickable wrapper for interactive cards. */
 type CardActionAreaProps = CardActionAreaProps$1;
 /** Header area for primary and secondary card text. */
@@ -752,11 +761,11 @@ declare const CardDescription: ({ children, ...props }: CardDescriptionProps) =>
 declare const CardSubheader: ({ children, ...props }: CardSubheaderProps) => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=card-subheader.d.ts.map
 
-declare const Card: (props: CardProps) => react_jsx_runtime.JSX.Element;
-declare const CardActionArea: (props: CardActionAreaProps) => react_jsx_runtime.JSX.Element;
-declare const CardHeader: (props: CardHeaderProps) => react_jsx_runtime.JSX.Element;
-declare const CardContent: (props: CardContentProps) => react_jsx_runtime.JSX.Element;
-declare const CardActions: (props: CardActionsProps) => react_jsx_runtime.JSX.Element;
+declare const Card: ({ disabled, sx, ...props }: CardProps) => react_jsx_runtime.JSX.Element;
+declare const CardActionArea: ({ sx, ...props }: CardActionAreaProps) => react_jsx_runtime.JSX.Element;
+declare const CardHeader: ({ sx, ...props }: CardHeaderProps) => react_jsx_runtime.JSX.Element;
+declare const CardContent: ({ sx, ...props }: CardContentProps) => react_jsx_runtime.JSX.Element;
+declare const CardActions: ({ sx, ...props }: CardActionsProps) => react_jsx_runtime.JSX.Element;
 
 /** Checkbox input for unchecked, checked, mixed, and disabled selection states. */
 type CheckboxProps = CheckboxProps$1;
@@ -767,10 +776,11 @@ declare enum TooltipSize {
     Medium = "medium",
     Large = "large"
 }
-
 interface TooltipProps extends TooltipProps$1 {
+    /** Tooltip size from the design system: compact medium or roomier large. */
     size?: TooltipSize;
 }
+
 declare const Tooltip: ({ size, children, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element;
 
 /** Absolute placement option when the copy action is positioned inside a relative container. */
@@ -788,7 +798,7 @@ interface CopyButtonStylesProps {
     left?: string;
     /** Right offset used when `position="right"`. Defaults to `16px`. */
     right?: string;
-    /** Removes the default outer margin used when the button sits inside code blocks. */
+    /** Keeps the button flush with surrounding code-block layout; retained for compatibility. */
     disableMargin?: boolean;
 }
 interface CopyButtonProps extends IconButtonProps, CopyButtonStylesProps {
@@ -796,6 +806,8 @@ interface CopyButtonProps extends IconButtonProps, CopyButtonStylesProps {
     text: string;
     /** Callback fired after the text is copied. */
     onCopy?: () => void;
+    /** Controls the copied visual state. Leave unset to use the built-in temporary success state after click. */
+    copied?: boolean;
     /** Tooltip placement around the icon button. Defaults to `top`. */
     tooltipPlacement?: TooltipProps["placement"];
     /** Tooltip label before a successful copy. Defaults to `Copy`. */
@@ -804,7 +816,7 @@ interface CopyButtonProps extends IconButtonProps, CopyButtonStylesProps {
     copiedLabel?: string;
 }
 
-declare const CopyButton: ({ text, position, size, top, left, right, disableMargin, onCopy, tooltipPlacement, copyLabel, copiedLabel, onClick, ...props }: CopyButtonProps) => react_jsx_runtime.JSX.Element;
+declare const CopyButton: ({ text, position, size, top, left, right, disableMargin, onCopy, copied, tooltipPlacement, copyLabel, copiedLabel, onClick, ...props }: CopyButtonProps) => react_jsx_runtime.JSX.Element;
 
 /** Supported density options for the code block container, header, and line numbers. */
 type CodeBlockSize = "small" | "medium";
@@ -924,49 +936,84 @@ declare const StaticDatePicker: (props: StaticDatePickerProps) => react_jsx_runt
 
 declare const DateRangePicker: ({ startDate, endDate, setStartDate, setEndDate, getPopoverVisibility, popoverProps, inputFieldProps, }: DateRangePickerProps) => react_jsx_runtime.JSX.Element;
 
-/** Props for the divider line used to separate content areas. */
-type DividerProps = DividerProps$1;
+/** Visual weight of the divider line. */
+type DividerVariant = DividerProps$1["variant"] | "bold";
+interface DividerProps extends Omit<DividerProps$1, "variant"> {
+    /** Direction of the divider line. Horizontal is the default. */
+    orientation?: DividerProps$1["orientation"];
+    /** Visual weight of the divider. Use `bold` for the 2px design-system line. */
+    variant?: DividerVariant;
+}
 
 declare const Divider: (props: DividerProps) => react_jsx_runtime.JSX.Element;
 
+interface SideDrawerFooterProps {
+    /** Footer page name used in the "Go to" action label. */
+    pageName?: string;
+    /** Hides the footer navigation action. */
+    hideGotoPage?: boolean;
+    /** Called when the footer navigation action is selected. */
+    onGotoPage?: () => void;
+}
 interface SideDrawerHeaderProps {
+    /** Main title text rendered in the drawer header. */
     titleText?: string;
-    titleNode?: React.ReactNode;
-    titleAction?: JSX.Element;
+    /** Custom title node for complex header titles. */
+    titleNode?: ReactNode;
+    /** Optional custom action rendered next to the title. */
+    titleAction?: ReactNode;
+    /** Optional severity level rendered as a compact status bar before the title. */
     severity?: Severity;
+    /** URL copied by the header copy action. */
     copyURL: string;
+    /** Optional style overrides for the header divider. */
     customDividerStyle?: CSSProperties;
+    /** Whether the favorite action is currently selected. */
     isFavorite?: boolean;
-    actionButtons?: Array<JSX.Element>;
+    /** Action buttons rendered in the secondary header row. */
+    actionButtons?: ReactNode[];
+    /** Disables the previous navigation button. */
     disablePrev?: boolean;
+    /** Disables the next navigation button. */
     disableNext?: boolean;
+    /** Hides the previous navigation button. */
     hidePrev?: boolean;
+    /** Hides the next navigation button. */
     hideNext?: boolean;
+    /** Hides the title action. */
     hideTitleAction?: boolean;
+    /** Hides the favorite action button. */
     hideFavorite?: boolean;
+    /** Hides the copy action button. */
     hideCopyBtn?: boolean;
+    /** Hides the secondary header action row. */
     hideActionButtons?: boolean;
+    /** Called when the previous navigation button is selected. */
     onPrev?: () => void;
+    /** Called when the next navigation button is selected. */
     onNext?: () => void;
-    onClose?: (event?: React.MouseEvent<HTMLElement>) => void;
+    /** Called when the drawer close action is selected. */
+    onClose?: (event?: MouseEvent<HTMLElement>) => void;
+    /** Called when the favorite action is selected. */
     onFavorite?: () => void;
+    /** Called when the title action is selected. */
     onTitleAction?: () => void;
+    /** Called after the copy action succeeds. */
     onCopyLink?: (link: string) => void;
 }
-
-interface SideDrawerFooterProps {
-    pageName?: string;
-    hideGotoPage?: boolean;
-    onGotoPage?: () => void;
-}
-
 interface SideDrawerProps extends Omit<DrawerProps, "onClose">, SideDrawerHeaderProps, SideDrawerFooterProps {
+    /** Deprecated alias retained for compatibility; use `titleText`. */
     title?: string;
+    /** Centers a loading spinner inside the drawer. */
     isLoading?: boolean;
+    /** Shows the loading error state inside the drawer. */
     isError?: boolean;
+    /** Hides the footer region entirely. */
     hideFooter?: boolean;
-    paperProps?: SxProps;
+    /** Additional sx applied to the Drawer paper after internal styles. */
+    paperProps?: SxProps<Theme>;
 }
+
 declare const SideDrawer: ({ children, titleText, titleNode, open, isLoading, isError, isFavorite, severity, titleAction, copyURL, actionButtons, pageName, disablePrev, disableNext, hidePrev, hideNext, hideTitleAction, hideFooter, hideGotoPage, hideFavorite, hideCopyBtn, hideActionButtons, customDividerStyle, onPrev, onNext, onClose, onFavorite, onGotoPage, onTitleAction, onCopyLink, paperProps, ...props }: SideDrawerProps) => react_jsx_runtime.JSX.Element;
 
 interface NestedMenuListboxProps {
@@ -1193,10 +1240,24 @@ interface SelectNodeProps {
 }
 declare const SelectNode: ({ isExpanded, isIconAllowed, isLeaf, isParentNode, isSelectAllNode, isSelectable, isSelected, nestLevel, nodeIcon, nodeLabel, onCheckboxClick, onExpand, parentSelectOnly, selectableLeavesCount, selectedLeavesCount, }: SelectNodeProps) => react_jsx_runtime.JSX.Element;
 
+declare const List$1: ({ disablePadding, ...props }: ListProps$1) => react_jsx_runtime.JSX.Element;
+declare const ListItem: ({ sx, ...props }: ListItemProps$1) => react_jsx_runtime.JSX.Element;
+declare const ListItemButton: ({ sx, ...props }: ListItemButtonProps$1) => react_jsx_runtime.JSX.Element;
+declare const ListItemIcon: ({ sx, ...props }: ListItemIconProps$1) => react_jsx_runtime.JSX.Element;
+declare const ListSubheader: ({ sx, ...props }: ListSubheaderProps$1) => react_jsx_runtime.JSX.Element;
+declare const ListItemText: ({ sx, ...props }: ListItemTextProps$1) => react_jsx_runtime.JSX.Element;
+
+type ListProps = ListProps$1;
+type ListItemProps = ListItemProps$1;
+type ListItemButtonProps = ListItemButtonProps$1;
+type ListItemTextProps = ListItemTextProps$1;
+type ListItemIconProps = ListItemIconProps$1;
+type ListSubheaderProps = ListSubheaderProps$1;
+
 interface SelectNodeListItemProps {
     isLeaf: boolean;
     isSelectable?: boolean;
-    listItemProps?: ListItemProps$1;
+    listItemProps?: ListItemProps;
     onClick: () => void;
     onExpand?: () => void;
     selectNodeElement: ReactElement<ComponentProps<typeof SelectNode>>;
@@ -1215,6 +1276,8 @@ interface EmptyStateProps {
     direction?: EmptyStateDirection;
     /** Controls illustration, typography, spacing, and action button size. */
     size?: GeneralSize;
+    /** Hides the illustration for compact text-only empty states. */
+    hideIllustration?: boolean;
     /** Main heading. Hidden automatically for the small size. */
     title?: string;
     /** Supporting message shown below the title or beside the small illustration. */
@@ -1235,7 +1298,7 @@ interface EmptyStateProps {
     containerProps?: StackProps;
 }
 
-declare const EmptyState: ({ variant, direction, size, title, description, actionCallback, actionTitle, actionButtonProps, secondaryActionCallback, secondaryActionTitle, secondaryActionButtonProps, containerProps, }: EmptyStateProps) => react_jsx_runtime.JSX.Element;
+declare const EmptyState: ({ variant, direction, size, hideIllustration, title, description, actionCallback, actionTitle, actionButtonProps, secondaryActionCallback, secondaryActionTitle, secondaryActionButtonProps, containerProps, }: EmptyStateProps) => react_jsx_runtime.JSX.Element;
 
 type FloatingButtonVariant = "primary" | "secondary";
 type FloatingButtonSize = "medium" | "small";
@@ -1494,20 +1557,6 @@ interface IndicatorBadgeProps extends Pick<IndicatorBadgeValueProps, "color"> {
 
 declare const IndicatorBadge: ({ color, value, }: IndicatorBadgeProps) => JSX.Element;
 
-declare const List$1: ({ disablePadding, ...props }: ListProps$1) => react_jsx_runtime.JSX.Element;
-declare const ListItem: ({ sx, ...props }: ListItemProps$1) => react_jsx_runtime.JSX.Element;
-declare const ListItemButton: ({ sx, ...props }: ListItemButtonProps$1) => react_jsx_runtime.JSX.Element;
-declare const ListItemIcon: ({ sx, ...props }: ListItemIconProps$1) => react_jsx_runtime.JSX.Element;
-declare const ListSubheader: ({ sx, ...props }: ListSubheaderProps$1) => react_jsx_runtime.JSX.Element;
-declare const ListItemText: ({ sx, ...props }: ListItemTextProps$1) => react_jsx_runtime.JSX.Element;
-
-type ListProps = ListProps$1;
-type ListItemProps = ListItemProps$1;
-type ListItemButtonProps = ListItemButtonProps$1;
-type ListItemTextProps = ListItemTextProps$1;
-type ListItemIconProps = ListItemIconProps$1;
-type ListSubheaderProps = ListSubheaderProps$1;
-
 type KeyValuePairsLayout = "inline" | "stacked";
 interface KeyValuePairItem {
     /** Key or label shown before or above the value. */
@@ -1807,6 +1856,8 @@ interface PickerItemProps extends Omit<ButtonBaseProps, "children"> {
 
 declare const PickerItem: ({ icon, label, size, display, selected, disabled, sx, ...props }: PickerItemProps) => react_jsx_runtime.JSX.Element;
 
+/** Popover content width. Use `large` for wider confirmation/content panels. */
+type PopoverSize = "medium" | "large";
 /**
  * Where the directional arrow tip is rendered relative to the popover panel.
  * Use together with `anchorOrigin` / `transformOrigin` to align the arrow
@@ -1820,8 +1871,14 @@ interface PopoverProps extends Omit<PopoverProps$1, "title"> {
     body?: ReactNode;
     /** Action elements (e.g. Buttons) rendered at the bottom-right of the popover. */
     actions?: ReactNode;
+    /** Optional icon rendered before the title/body column. */
+    icon?: ReactNode;
     /** When true, shows a close (×) button in the top-right corner. */
     showCloseButton?: boolean;
+    /** Adds the active feature-highlight border and arrow styling. */
+    featureHighlight?: boolean;
+    /** Content width. Defaults to the compact `medium` popover. */
+    size?: PopoverSize;
     /**
      * Renders a directional arrow on the popover panel pointing toward the anchor.
      * Omit for a plain panel with no arrow.
@@ -1831,7 +1888,7 @@ interface PopoverProps extends Omit<PopoverProps$1, "title"> {
     paperSx?: SxProps<Theme>;
 }
 
-declare const Popover: ({ title, body, actions, showCloseButton, arrowPosition, paperSx, onClose, children, ...props }: PopoverProps) => react_jsx_runtime.JSX.Element;
+declare const Popover: ({ title, body, actions, icon, showCloseButton, featureHighlight, size, arrowPosition, paperSx, onClose, children, ...props }: PopoverProps) => react_jsx_runtime.JSX.Element;
 
 interface RadioButtonProps extends RadioProps {
     /** Optional content displayed beside the radio control via FormControlLabel. */
@@ -2204,33 +2261,36 @@ declare const RemainingTags: ({ tags, }: {
 }) => react_jsx_runtime.JSX.Element;
 
 type ToastType = "default" | "info" | "success" | "warning" | "error";
-
+interface ToastAction {
+    /** Text shown in the optional toast action button. */
+    label: string;
+    /** Callback fired when the toast action button is clicked. */
+    onClick: () => void;
+}
 interface ToastProps extends Omit<AlertProps, "variant" | "severity" | "children" | "iconMapping" | "action" | "id" | "icon"> {
-    /** Unique id used when dismissing via sonner. */
+    /** Unique id used when dismissing via Sonner. */
     id: string;
-    /** Visual type — controls icon and left border color. */
+    /** Visual type that controls the status icon and left border color. */
     type?: ToastType;
-    /** Bold title line. */
+    /** Optional bold title line rendered above the message. */
     title?: string;
-    /** Body description text. */
+    /** Optional body message shown in the toast content area. */
     description?: string;
-    /** Whether to show the close (X) button. */
+    /** Shows the close button when true. */
     showCloseButton?: boolean;
-    /** When true, close button hides the toast via React state. When false, dismisses via sonner. */
+    /** Uses local React state for closing when true, or dismisses through Sonner when false. */
     useNativeClose?: boolean;
-    /** Optional action button below the description. */
-    action?: {
-        label: string;
-        onClick: () => void;
-    };
-    /** Slot for custom action content when `action` is not used. */
+    /** Optional single action rendered below the message. */
+    action?: ToastAction;
+    /** Custom action content rendered below the message when `action` is not provided. */
     customActions?: React__default.ReactNode;
 }
+type ToasterProps = React__default.ComponentProps<typeof Toaster$1>;
+
 declare const Toast: ({ type, showCloseButton, useNativeClose, title, description, action, id, customActions, ...props }: ToastProps) => react_jsx_runtime.JSX.Element | null;
 declare const toast: ({ ...props }: Omit<ToastProps, "id">) => string | number;
 
-type ToasterProps = React.ComponentProps<typeof Toaster$1>;
-declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+declare const Toaster: ({ toastOptions, ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Props for the Toggle component. Extends MUI Switch props for controlled,
@@ -7445,18 +7505,28 @@ declare const lightVars: VarsType;
 
 declare const darkVars: VarsType;
 
+declare enum ThemeMode {
+    Light = "light",
+    Dark = "dark"
+}
 interface ThemeModeContextValue {
-    isDarkMode: boolean;
-    setIsDarkMode: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    mode: ThemeMode;
+    setMode: React__default.Dispatch<React__default.SetStateAction<ThemeMode>>;
     toggleTheme: () => void;
 }
 declare function useThemeMode(): ThemeModeContextValue;
 interface ThemeProviderProps {
     children: React__default.ReactNode;
-    /** Initial value for the internal dark-mode flag. */
-    defaultDarkMode?: boolean;
+    defaultMode?: ThemeMode;
+    /**
+     * A fully custom MUI Theme. Must include palette.vars (VarsType) to be
+     * compatible with open-ui-kit components. When provided, takes precedence
+     * over defaultMode for theme selection.
+     * Reference: src/theme/light/light-theme.tsx
+     */
+    customTheme?: Theme;
 }
-declare const ThemeProvider: ({ children, defaultDarkMode, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
+declare const ThemeProvider: ({ children, defaultMode, customTheme, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
 
-export { Accordion, StyledAccordionSummary as AccordionSummary, ActionsDialog, ActivityTimeline, ActivityTimelineStepStatus, AddDomain, AddRepos, AnchorLinkMenu, AttackPathAnalysis, AttackPathAnalysisWalkThrough, Avatar, AvatarGroup, Backdrop, Badge, Banner, BarChart$1 as BarChart, BarGraph, BasePage, Breadcrumbs, Button, Card, CardActionArea, CardActions, CardContent, CardDescription, CardHeader, CardSubheader, Celebration, ChartType, ChartTypeComponents, ChartWidget, Checkbox$1 as Checkbox, CiCd, Cloud, CloudSimple, CodeBlock, CopyButton, CreateTableInstance, Dashboard, Data, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogActions, DialogContent, DialogContentText, DialogSubtitle, DialogTitle, Divider, DonutChart, EMPTY_FUNCTION, EmptyData, EmptyState, FiltersBar, FiltersDrawer, FloatingButton, Footer, GaugeChart, GeneralSize, Git, GitSimple, GlobalSearchInput, Header, HorizontalBarChart, Icon, IconPosition, index_d as Icons, IndicatorBadge, Info, InputField, KeyValuePairs, Kubernetes, LabelAndChildrenTooltipContent, Layout$1 as Layout, LineChart, Link$1 as Link, LinkColorEnum, LinkType, List$1 as List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, LoadingErrorState, LoadingStates, Menu$1 as Menu, MenuItem, StyledMenuSubheader as MenuSubheader, Message, Navigation, NavigationDrawer, NavigationSubNavigation, Negative, NestedMenu, NestedMenuListbox, NoData, OS_LIGHT_COLORS, OverflowTooltip, PageTitle, Pagination, PathDisplay, PickerItem, Popover, Positive, RadioButton, RadioGroup, Recon, RemainingTags, SEVERITY_VALUE, ScrollArea, SearchInput, Select, SelectNode, SelectNodeListItem, Sent, Severity, SeverityBadge, SeverityBadgeLabel, SeverityBar$1 as SeverityBar, Shield, SideDrawer, Skeleton, Slider, SpiderChart, Spinner, StaticDatePicker, StaticDateTimePicker, StepperPanel, Success, Tab, Table$1 as Table, Tabs, Tag, TagAvatarSize, TagBackgroundColorVariants, TagStatus, Tags, ThemeProvider, TimePicker, Toast, Toaster, Toggle, Tooltip, TooltipSize, Upload$1 as Upload, ViewSwitcher, Warning, agentcyBlue, agentcyDarkBlue, agentcyYellow, augmentTreeData, barShadow, blue100, blue200, blue300, blue400, blue50, blue500, blue600, blue700, blue800, blue900, blueAlpha10, blueAlpha40, blueFocusRingStrong, blueFocusRingWeak, bluePalette, boxStyle, brandColors, capitalize, darkModeCardFloating, darkModeCardLifted, darkModeCardRaised, darkModeCardSubtle, darkModeFooterBottom, darkModeSideDrawerLeft, darkModeSideDrawerRight, darkVars, deepCopyTree, flattenSelectTree, flattenSelectTreeWithSearch, flattenSelectTreeWithoutSearch, formatNodeValue, gaugeLabel, gaugeWrapper, getAllSelectedLeaves, getAllSelectedParents, getChildrenOfTopLevelNode, getColorBySeverity, getLeafCounts, getTagStyle, gradientStopColors, gradientsPalette, green10, green100, green200, green300, green40, green400, green50, green500, green600, green700, green800, green900, greenPalette, grey0, grey100, grey200, grey300, grey400, grey50, grey500, grey600, grey700, grey800, grey900, greyAlpha10, greyAlpha40, greyPalette, illustrationGradientEnd, illustrationGradientStart, illustrationInfoGradientEnd, illustrationInfoGradientMiddle, illustrationInfoGradientStart, illustrationNegativeGradientStart, illustrationPositiveGradientEnd, illustrationPositiveGradientMiddle, illustrationPositiveGradientStart, illustrationRing, illustrationShell, illustrationStroke, illustrationSurface, illustrationSurfaceSubtle, illustrationWarningGradientEnd, illustrationWarningGradientStart, isLeaf, lavender10, lavender100, lavender200, lavender300, lavender400, lavender50, lavender500, lavender600, lavender700, lavender800, lavender900, lavenderPalette, lightAlphaOrange10, lightAlphaOrange40, lightBlue100, lightBlue200, lightBlue300, lightBlue400, lightBlue50, lightBlue500, lightBlue600, lightBlue700, lightBlue800, lightBlue900, lightBlueAlpha10, lightBlueAlpha40, lightBluePalette, lightModeCardFloating, lightModeCardLifted, lightModeCardRaised, lightModeCardSubtle, lightModeFooterBottom, lightModeSideDrawer, lightModeSideDrawerLeft, lightModeSideDrawerRight, lightOrange100, lightOrange200, lightOrange300, lightOrange400, lightOrange50, lightOrange500, lightOrange600, lightOrange700, lightOrange800, lightOrange900, lightOrangePalette, lightVars, lime10, lime100, lime200, lime300, lime400, lime50, lime500, lime600, lime700, lime800, lime900, limePalette, mergeNodeChildrenValueToText, night10, night100, night200, night300, night400, night50, night500, night600, night700, night800, night900, nightPalette, normalizeSeverity, orange100, orange200, orange300, orange400, orange50, orange500, orange600, orange700, orange800, orange900, orangeAlpha10, orangeAlpha40, orangePalette, outshiftBlue, outshiftLogoDark, outshiftLogoGreen, outshiftLogoLightBlue, outshiftLogoLightOrange, outshiftLogoOrange, outshiftLogoWhite, outshiftMidnightBlue, outshiftOrange, pink10, pink100, pink200, pink300, pink400, pink50, pink500, pink600, pink700, pink800, pink900, pinkPalette, purple100, purple200, purple300, purple400, purple50, purple500, purple600, purple700, purple800, purple900, purpleAlpha10, purpleAlpha40, purplePalette, red100, red200, red300, red400, red50, red500, red600, red700, red800, red900, redAlpha10, redAlpha40, redPalette, selectTagStyle, setSelectedMainSkillCategories, sortBySeverity, sunset10, sunset100, sunset200, sunset300, sunset400, sunset50, sunset500, sunset600, sunset700, sunset800, sunset900, sunsetPalette, surfaceDark100, surfaceDark200, surfaceDark300, surfaceDark400, surfaceDark50, surfaceDark500, surfaceDark600, surfaceDark700, surfaceDark800, surfaceDark800Alpha40, surfaceDark900, surfaceDark900Alpha10, surfaceDark900Alpha40, surfaceDarkPalette, surfaceLight100, surfaceLight200, surfaceLight300, surfaceLight400, surfaceLight50, surfaceLight500, surfaceLight50Alpha40, surfaceLight600, surfaceLight700, surfaceLight800, surfaceLight800Alpha40, surfaceLight900, surfaceLight900Alpha10, surfaceLight900Alpha40, surfaceLightPalette, teal10, teal100, teal200, teal300, teal400, teal50, teal500, teal600, teal700, teal800, teal900, tealPalette, toast, upwardsPush, useNestedMenu, useThemeMode, yellow100, yellow200, yellow300, yellow400, yellow50, yellow500, yellow600, yellow700, yellow800, yellow900, yellowAlpha10, yellowAlpha40, yellowPalette };
-export type { AccordionProps, ActionsDialogProps, ActivityTimelineProps, ActivityTimelineStep, AnchorLinkMenuItem, AnchorLinkMenuProps, AssetsData, AtomicTypes, AugmentedSelectNodeType, AvatarGroupProps, AvatarProps, BackdropProps, BadgeProps, BadgeType, BannerProps, BarChartProps, BarGraphItem, BarGraphProps, BarProps, BasePageProps, BreadcrumbItem, BreadcrumbsProps, ButtonProps, CardActionAreaProps, CardActionsProps, CardContentProps, CardDescriptionProps, CardHeaderProps, CardProps, CardSubheaderProps, ChartCategory, ChartCategoryItem, ChartDataItem, ChartProps, CheckboxProps, CodeBlockHeaderButton, CodeBlockProps, CodeBlockSize, ConditionalPropsByType, CopyButtonPosition, CopyButtonProps, CopyButtonSize, CopyButtonStylesProps, DatePickerProps, DateRangePickerProps, DateTimePickerProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogProps, DialogSubtitleProps, DialogTitleProps, DividerProps, DonutProps, EmptyStateDirection, EmptyStateProps, EmptyStateVariant, ExportProps, ExtendedChartProps, ExtendedDataPoint, FilterData, FilterOptionData, FiltersBarActionsProps, FiltersBarProps, FiltersDrawerProps, FlattenSelectTreeArgs, FlattenedSelectTreeData, FloatingButtonProps, FloatingButtonSize, FloatingButtonVariant, FooterProps, GaugeChartProps, GlobalSearchGroup, GlobalSearchItem, GlobalSearchProps, Gradient, GradientsPalette, HeaderAction, HeaderProps, HeaderTooltipMeta, IChartWidgetProps, IconProps, IndicatorBadgeProps, IndicatorBadgeValue, InputFieldProps, KeyValuePairItem, KeyValuePairsLayout, KeyValuePairsProps, LayoutProps, LineChartProps, LinkColorStatus, LinkProps, LinkState, ListItemButtonProps, ListItemIconProps, ListItemProps, ListItemTextProps, ListProps, ListSubheaderProps, LoadingErrorStateProps, LoadingStatesProps, LoadingStatesSkeletonState, MenuItemProps, MenuItemSize, MenuProps, MessageProps, MessageType, NavigationDrawerProps, NavigationItemData, NavigationItemState, NavigationProps, NavigationSectionData, NavigationSubNavigationProps, NestedMenuProps, OverflowTooltipProps, PageTitleProps, PaginationProps, PathDisplayProps, PickerDisplay, PickerItemProps, PickerSize, PopoverArrowPosition, PopoverProps, RadioButtonProps, RadioGroupProps, ScrollAreaProps, SearchInputProps, SelectNodeType, SelectProps, SeverityBadgeLabelProps, SeverityBadgeProps, SeverityBadgeScoreSystemItem, SeverityBarProps, SideDrawerFooterProps, SideDrawerHeaderProps, SideDrawerProps, SkeletonProps, SliderProps, SpiderChartProps, SpinnerProps, StaticDatePickerProps, StaticDateTimePickerProps, StaticTimePickerProps, StatusBanner, StepperPanelProps, StepperStep, TabProps, TableChartDataItem, TableProps, TableRow, TableTitle, TabsProps, TabsType, TagProps, TagStatusStyle, ThemeModeContextValue, ThemeProviderProps, TimePickerProps, ToastProps, ToastType, ToasterProps, ToggleProps, TooltipProps, TopToolbarProps, UploadFile, UploadFileStatus, UploadProps, VarsType, ViewSwitcherOption, ViewSwitcherOptionObject, ViewSwitcherOptionProperties, ViewSwitcherProps, ViewSwitcherSize };
+export { Accordion, StyledAccordionSummary as AccordionSummary, ActionsDialog, ActivityTimeline, ActivityTimelineStepStatus, AddDomain, AddRepos, AnchorLinkMenu, AttackPathAnalysis, AttackPathAnalysisWalkThrough, Avatar, AvatarGroup, Backdrop, Badge, Banner, BarChart$1 as BarChart, BarGraph, BasePage, Breadcrumbs, Button, Card, CardActionArea, CardActions, CardContent, CardDescription, CardHeader, CardSubheader, Celebration, ChartType, ChartTypeComponents, ChartWidget, Checkbox$1 as Checkbox, CiCd, Cloud, CloudSimple, CodeBlock, CopyButton, CreateTableInstance, Dashboard, Data, DatePicker, DateRangePicker, DateTimePicker, Dialog, DialogActions, DialogContent, DialogContentText, DialogSubtitle, DialogTitle, Divider, DonutChart, EMPTY_FUNCTION, EmptyData, EmptyState, FiltersBar, FiltersDrawer, FloatingButton, Footer, GaugeChart, GeneralSize, Git, GitSimple, GlobalSearchInput, Header, HorizontalBarChart, Icon, IconPosition, index_d as Icons, IndicatorBadge, Info, InputField, KeyValuePairs, Kubernetes, LabelAndChildrenTooltipContent, Layout$1 as Layout, LineChart, Link$1 as Link, LinkColorEnum, LinkType, List$1 as List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, LoadingErrorState, LoadingStates, Menu$1 as Menu, MenuItem, StyledMenuSubheader as MenuSubheader, Message, Navigation, NavigationDrawer, NavigationSubNavigation, Negative, NestedMenu, NestedMenuListbox, NoData, OS_LIGHT_COLORS, OverflowTooltip, PageTitle, Pagination, PathDisplay, PickerItem, Popover, Positive, RadioButton, RadioGroup, Recon, RemainingTags, SEVERITY_VALUE, ScrollArea, SearchInput, Select, SelectNode, SelectNodeListItem, Sent, Severity, SeverityBadge, SeverityBadgeLabel, SeverityBar$1 as SeverityBar, Shield, SideDrawer, Skeleton, Slider, SpiderChart, Spinner, StaticDatePicker, StaticDateTimePicker, StepperPanel, Success, Tab, Table$1 as Table, Tabs, Tag, TagAvatarSize, TagBackgroundColorVariants, TagStatus, Tags, ThemeMode, ThemeProvider, TimePicker, Toast, Toaster, Toggle, Tooltip, TooltipSize, Upload$1 as Upload, ViewSwitcher, Warning, agentcyBlue, agentcyDarkBlue, agentcyYellow, augmentTreeData, barShadow, blue100, blue200, blue300, blue400, blue50, blue500, blue600, blue700, blue800, blue900, blueAlpha10, blueAlpha40, blueFocusRingStrong, blueFocusRingWeak, bluePalette, boxStyle, brandColors, capitalize, darkModeCardFloating, darkModeCardLifted, darkModeCardRaised, darkModeCardSubtle, darkModeFooterBottom, darkModeSideDrawerLeft, darkModeSideDrawerRight, darkVars, deepCopyTree, flattenSelectTree, flattenSelectTreeWithSearch, flattenSelectTreeWithoutSearch, formatNodeValue, gaugeLabel, gaugeWrapper, getAllSelectedLeaves, getAllSelectedParents, getChildrenOfTopLevelNode, getColorBySeverity, getLeafCounts, getTagStyle, gradientStopColors, gradientsPalette, green10, green100, green200, green300, green40, green400, green50, green500, green600, green700, green800, green900, greenPalette, grey0, grey100, grey200, grey300, grey400, grey50, grey500, grey600, grey700, grey800, grey900, greyAlpha10, greyAlpha40, greyPalette, illustrationGradientEnd, illustrationGradientStart, illustrationInfoGradientEnd, illustrationInfoGradientMiddle, illustrationInfoGradientStart, illustrationNegativeGradientStart, illustrationPositiveGradientEnd, illustrationPositiveGradientMiddle, illustrationPositiveGradientStart, illustrationRing, illustrationShell, illustrationStroke, illustrationSurface, illustrationSurfaceSubtle, illustrationWarningGradientEnd, illustrationWarningGradientStart, isLeaf, lavender10, lavender100, lavender200, lavender300, lavender400, lavender50, lavender500, lavender600, lavender700, lavender800, lavender900, lavenderPalette, lightAlphaOrange10, lightAlphaOrange40, lightBlue100, lightBlue200, lightBlue300, lightBlue400, lightBlue50, lightBlue500, lightBlue600, lightBlue700, lightBlue800, lightBlue900, lightBlueAlpha10, lightBlueAlpha40, lightBluePalette, lightModeCardFloating, lightModeCardLifted, lightModeCardRaised, lightModeCardSubtle, lightModeFooterBottom, lightModeSideDrawer, lightModeSideDrawerLeft, lightModeSideDrawerRight, lightOrange100, lightOrange200, lightOrange300, lightOrange400, lightOrange50, lightOrange500, lightOrange600, lightOrange700, lightOrange800, lightOrange900, lightOrangePalette, lightVars, lime10, lime100, lime200, lime300, lime400, lime50, lime500, lime600, lime700, lime800, lime900, limePalette, mergeNodeChildrenValueToText, night10, night100, night200, night300, night400, night50, night500, night600, night700, night800, night900, nightPalette, normalizeSeverity, orange100, orange200, orange300, orange400, orange50, orange500, orange600, orange700, orange800, orange900, orangeAlpha10, orangeAlpha40, orangePalette, outshiftBlue, outshiftLogoDark, outshiftLogoGreen, outshiftLogoLightBlue, outshiftLogoLightOrange, outshiftLogoOrange, outshiftLogoWhite, outshiftMidnightBlue, outshiftOrange, pink10, pink100, pink200, pink300, pink400, pink50, pink500, pink600, pink700, pink800, pink900, pinkPalette, purple100, purple200, purple300, purple400, purple50, purple500, purple600, purple700, purple800, purple900, purpleAlpha10, purpleAlpha40, purplePalette, red100, red200, red300, red400, red50, red500, red600, red700, red800, red900, redAlpha10, redAlpha40, redPalette, selectTagStyle, setSelectedMainSkillCategories, sortBySeverity, sunset10, sunset100, sunset200, sunset300, sunset400, sunset50, sunset500, sunset600, sunset700, sunset800, sunset900, sunsetPalette, surfaceDark100, surfaceDark200, surfaceDark300, surfaceDark400, surfaceDark50, surfaceDark500, surfaceDark600, surfaceDark700, surfaceDark800, surfaceDark800Alpha40, surfaceDark900, surfaceDark900Alpha10, surfaceDark900Alpha40, surfaceDarkPalette, surfaceLight100, surfaceLight200, surfaceLight300, surfaceLight400, surfaceLight50, surfaceLight500, surfaceLight50Alpha40, surfaceLight600, surfaceLight700, surfaceLight800, surfaceLight800Alpha40, surfaceLight900, surfaceLight900Alpha10, surfaceLight900Alpha40, surfaceLightPalette, teal10, teal100, teal200, teal300, teal400, teal50, teal500, teal600, teal700, teal800, teal900, tealPalette, toast, upwardsPush, useNestedMenu, useThemeMode, yellow100, yellow200, yellow300, yellow400, yellow50, yellow500, yellow600, yellow700, yellow800, yellow900, yellowAlpha10, yellowAlpha40, yellowPalette };
+export type { AccordionProps, ActionsDialogProps, ActivityTimelineProps, ActivityTimelineStep, AnchorLinkMenuItem, AnchorLinkMenuProps, AssetsData, AtomicTypes, AugmentedSelectNodeType, AvatarGroupProps, AvatarProps, BackdropProps, BadgeProps, BadgeType, BannerProps, BarChartProps, BarGraphItem, BarGraphProps, BarProps, BasePageProps, BreadcrumbItem, BreadcrumbsProps, ButtonProps, CardActionAreaProps, CardActionsProps, CardContentProps, CardDescriptionProps, CardHeaderProps, CardProps, CardSubheaderProps, ChartCategory, ChartCategoryItem, ChartDataItem, ChartProps, CheckboxProps, CodeBlockHeaderButton, CodeBlockProps, CodeBlockSize, ConditionalPropsByType, CopyButtonPosition, CopyButtonProps, CopyButtonSize, CopyButtonStylesProps, DatePickerProps, DateRangePickerProps, DateTimePickerProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogProps, DialogSubtitleProps, DialogTitleProps, DividerProps, DividerVariant, DonutProps, EmptyStateDirection, EmptyStateProps, EmptyStateVariant, ExportProps, ExtendedChartProps, ExtendedDataPoint, FilterData, FilterOptionData, FiltersBarActionsProps, FiltersBarProps, FiltersDrawerProps, FlattenSelectTreeArgs, FlattenedSelectTreeData, FloatingButtonProps, FloatingButtonSize, FloatingButtonVariant, FooterProps, GaugeChartProps, GlobalSearchGroup, GlobalSearchItem, GlobalSearchProps, Gradient, GradientsPalette, HeaderAction, HeaderProps, HeaderTooltipMeta, IChartWidgetProps, IconProps, IndicatorBadgeProps, IndicatorBadgeValue, InputFieldProps, KeyValuePairItem, KeyValuePairsLayout, KeyValuePairsProps, LayoutProps, LineChartProps, LinkColorStatus, LinkProps, LinkState, ListItemButtonProps, ListItemIconProps, ListItemProps, ListItemTextProps, ListProps, ListSubheaderProps, LoadingErrorStateProps, LoadingStatesProps, LoadingStatesSkeletonState, MenuItemProps, MenuItemSize, MenuProps, MessageProps, MessageType, NavigationDrawerProps, NavigationItemData, NavigationItemState, NavigationProps, NavigationSectionData, NavigationSubNavigationProps, NestedMenuProps, OverflowTooltipProps, PageTitleProps, PaginationProps, PathDisplayProps, PickerDisplay, PickerItemProps, PickerSize, PopoverArrowPosition, PopoverProps, PopoverSize, RadioButtonProps, RadioGroupProps, ScrollAreaProps, SearchInputProps, SelectNodeType, SelectProps, SeverityBadgeLabelProps, SeverityBadgeProps, SeverityBadgeScoreSystemItem, SeverityBarProps, SideDrawerFooterProps, SideDrawerHeaderProps, SideDrawerProps, SkeletonProps, SliderProps, SpiderChartProps, SpinnerProps, StaticDatePickerProps, StaticDateTimePickerProps, StaticTimePickerProps, StatusBanner, StepperPanelProps, StepperStep, TabProps, TableChartDataItem, TableProps, TableRow, TableTitle, TabsProps, TabsType, TagProps, TagStatusStyle, ThemeModeContextValue, ThemeProviderProps, TimePickerProps, ToastAction, ToastProps, ToastType, ToasterProps, ToggleProps, TooltipProps, TopToolbarProps, UploadFile, UploadFileStatus, UploadProps, VarsType, ViewSwitcherOption, ViewSwitcherOptionObject, ViewSwitcherOptionProperties, ViewSwitcherProps, ViewSwitcherSize };