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

package/index.d.ts

@@ -1,9 +1,9 @@
-import { Color, Theme as Theme$1, TypographyVariant } from '@mui/material/styles';
+import { Color, Theme as Theme$1, TypographyVariant, SxProps as SxProps$1 } 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, ListItemProps as ListItemProps$1, ListProps as ListProps$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';
@@ -22,6 +22,7 @@ import * as _mui_material_OverridableComponent from '@mui/material/OverridableCo
 import { Toaster as Toaster$1 } from 'sonner';
 import { ContentType } from 'recharts/types/component/Tooltip';
 import { CategoricalChartFunc } from 'recharts/types/chart/generateCategoricalChart';
+import { StackProps as StackProps$1 } from '@mui/material/Stack';
 import { TooltipProps as TooltipProps$2, XAxisProps, YAxisProps, LineProps, CartesianGridProps } from 'recharts';
 
 interface VarsType {
@@ -529,11 +530,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 +551,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 +597,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 +609,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 +715,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 +735,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 +762,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 +777,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 +799,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 +807,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 +817,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 +937,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 +1241,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;
 
+type ListProps = ListProps$1;
+type ListItemProps = ListItemProps$1;
+type ListItemButtonProps = ListItemButtonProps$1;
+type ListItemTextProps = ListItemTextProps$1;
+type ListItemIconProps = ListItemIconProps$1;
+type ListSubheaderProps = ListSubheaderProps$1;
+
+declare const List$1: ({ disablePadding, ...props }: ListProps) => react_jsx_runtime.JSX.Element;
+declare const ListItem: ({ sx, ...props }: ListItemProps) => react_jsx_runtime.JSX.Element;
+declare const ListItemButton: ({ sx, ...props }: ListItemButtonProps) => react_jsx_runtime.JSX.Element;
+declare const ListItemIcon: ({ sx, ...props }: ListItemIconProps) => react_jsx_runtime.JSX.Element;
+declare const ListSubheader: ({ sx, ...props }: ListSubheaderProps) => react_jsx_runtime.JSX.Element;
+declare const ListItemText: ({ sx, ...props }: ListItemTextProps) => react_jsx_runtime.JSX.Element;
+
 interface SelectNodeListItemProps {
     isLeaf: boolean;
     isSelectable?: boolean;
-    listItemProps?: ListItemProps$1;
+    listItemProps?: ListItemProps;
     onClick: () => void;
     onExpand?: () => void;
     selectNodeElement: ReactElement<ComponentProps<typeof SelectNode>>;
@@ -1215,6 +1277,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 +1299,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";
@@ -1298,7 +1362,7 @@ interface FiltersBarActionsProps {
     onFiltersButtonClick?: () => void;
     /** Number of selected filter options displayed in the Filters button. */
     activeFiltersCount?: number;
-    /** Called when the search field is submitted. */
+    /** Called whenever the search field value changes, and when Enter submits the current value. */
     onSearch?: (search: string) => void;
     /** Placeholder for the search field. */
     searchPlaceHolder?: string;
@@ -1312,7 +1376,7 @@ interface FiltersBarActionsProps {
     searchValue?: string;
     /** Extra props/adornments forwarded to the search field input. */
     inputProps?: {
-        props: SearchInputProps["InputProps"];
+        props: SearchInputProps["inputProps"];
         extendEndAdornment?: JSX.Element;
     };
     /** Optional action area rendered at the far right of the filter bar. */
@@ -1494,20 +1558,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. */
@@ -1553,9 +1603,17 @@ interface LoadingStatesProps extends Omit<BoxProps, "children"> {
 declare const LoadingStates: ({ spinnerSizes, showSpinner, showSkeleton, skeletonStates, sx, ...props }: LoadingStatesProps) => react_jsx_runtime.JSX.Element;
 
 interface SpinnerProps extends CircularProgressProps {
+    /** Diameter of the spinner in pixels. Defaults to 40. */
+    size?: CircularProgressProps["size"];
+    /** Spinner color variant. Primary and secondary are tokenized by the component. */
+    color?: CircularProgressProps["color"];
+    /** MUI sx overrides applied to both progress layers after internal styles. */
+    sx?: SxProps<Theme>;
     /** Props forwarded to the wrapping Box element. */
     boxProps?: BoxProps;
 }
+
+/** Tokenized two-layer circular loading indicator. */
 declare const Spinner: ({ boxProps, size, sx, ...props }: SpinnerProps) => react_jsx_runtime.JSX.Element;
 
 /** Controls which loading indicator is rendered. */
@@ -1681,7 +1739,7 @@ interface MessageProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
 
 declare const Message: ({ actionLabel, children, hideClose, onActionClick, onClose, sx, title, type, ...props }: MessageProps) => react_jsx_runtime.JSX.Element;
 
-type NavigationItemState = "default" | "selected" | "disabled";
+type NavigationItemState = "default" | "selected" | "disabled" | "open";
 interface NavigationItemData {
     /** Stable item id used for selection and callbacks. */
     id: string;
@@ -1689,7 +1747,7 @@ interface NavigationItemData {
     label: ReactNode;
     /** Optional secondary label shown in drawer/sub-navigation layouts. */
     subtext?: ReactNode;
-    /** Visual state for the item. */
+    /** Visual state for the item. Use `open` when a nested panel is expanded. */
     state?: NavigationItemState;
     /** Disables item interaction and applies disabled styling. */
     disabled?: boolean;
@@ -1780,8 +1838,8 @@ interface PathDisplayProps {
      * Defaults to 3 — paths with 3 or more segments show "first / ... / last".
      */
     numberOfLevels?: number;
-    /** Props forwarded to the wrapping Tooltip. */
-    tooltipProps?: TooltipProps;
+    /** Optional props forwarded to the wrapping Tooltip; PathDisplay supplies the title and child. */
+    tooltipProps?: Partial<Omit<TooltipProps, "children" | "title">>;
     /** Props forwarded to the inner Typography element. */
     typographyProps?: TypographyProps;
 }
@@ -1807,6 +1865,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 +1880,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 +1897,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. */
@@ -1854,42 +1920,60 @@ type SelectProps<T = unknown> = SelectProps$1<T> & {
 
 declare const Select: <T = unknown>({ clearable, defaultValue, disabled, endAdornment, IconComponent, MenuProps, multiple, onChange, onClear, variant, sx, value: valueProp, ...props }: SelectProps<T>) => react_jsx_runtime.JSX.Element;
 
-type SkeletonProps = SkeletonProps$1;
+interface SkeletonProps extends SkeletonProps$1 {
+    /** Placeholder shape. Use text, circular, rectangular, or rounded to match the content being loaded. */
+    variant?: SkeletonProps$1["variant"];
+    /** Loading animation. Defaults to wave; set false for a static placeholder. */
+    animation?: SkeletonProps$1["animation"];
+    /** Width of the placeholder. */
+    width?: SkeletonProps$1["width"];
+    /** Height of the placeholder. */
+    height?: SkeletonProps$1["height"];
+    /** MUI sx overrides merged after internal token styles so consumers can override safely. */
+    sx?: SkeletonProps$1["sx"];
+}
 
+/** Open UI Kit skeleton placeholder with tokenized loading colors and animation defaults. */
 declare const Skeleton: ({ animation, sx, ...props }: SkeletonProps) => react_jsx_runtime.JSX.Element;
 
 interface SeverityBarProps {
     /**
-     * Severity of the bar
+     * Severity level used to resolve the bar color token.
      */
     severity: Severity;
     /**
-     * Styling for the bar
+     * Additional styles merged after the internal 4x32px bar sizing.
      */
     sx?: SxProps<Theme>;
 }
+
 declare const SeverityBar$1: ({ severity, sx, }: SeverityBarProps) => JSX.Element;
 
 interface SeverityBadgeProps {
     /**
-     * Set a type if you want to display the badge in severity colors.
+     * Severity enum value used to display one of the standard severity colors.
+     * When provided, it takes precedence over `value`.
      */
     severity?: Severity;
     /**
-     * Set a value if you want to display the badge in score system colors.
-     * `severity` param overrides this behaviour.
+     * Numeric score used to pick a color from the configured score system.
+     * Ignored when `severity` is provided.
      */
     value?: number;
     /**
-     * Customizable colors / thresholds.
+     * Ordered score thresholds and badge configuration for numeric values.
+     * Omit this to use the default token-backed severity scale.
      */
     scoreSystem?: SeverityBadgeScoreSystemItem[];
 }
 interface SeverityBadgeConfiguration extends IndicatorBadgeProps {
+    /** Optional human-readable label for paired label components. */
     label?: string;
 }
 interface SeverityBadgeScoreSystemItem {
+    /** Badge color, value, and optional label used when the threshold matches. */
     configuration: SeverityBadgeConfiguration;
+    /** Inclusive upper bound for the score bucket. */
     threshold: number;
 }
 
@@ -1897,10 +1981,18 @@ declare const SeverityBadge: ({ severity, scoreSystem, value, }: SeverityBadgePr
 
 interface SeverityBadgeLabelProps extends SeverityBadgeProps {
     /**
-     * Provide a custom label to override the default ones
+     * Custom text shown instead of the default severity or score label.
      */
     label?: string;
+    /**
+     * Props forwarded to the horizontal label container. Values override the
+     * component defaults such as spacing and alignment.
+     */
     containerStackProps?: StackProps;
+    /**
+     * Props forwarded to the text label. Values override the default body2
+     * typography variant.
+     */
     labelTypographyProps?: TypographyProps;
 }
 
@@ -1910,9 +2002,14 @@ type SliderProps = SliderProps$1;
 
 declare const Slider: ({ sx, ...props }: SliderProps) => react_jsx_runtime.JSX.Element;
 
+type StepperStepState = "completed" | "current" | "disabled" | "idle";
 interface StepperStep {
     /** Step label shown in the sidebar. */
     label: string;
+    /** Optional helper text shown below the sidebar label. */
+    subtitle?: string;
+    /** Explicit visual state. When omitted, state is inferred from activeStep. */
+    state?: StepperStepState;
 }
 interface StepperPanelProps {
     /** Array of step definitions. */
@@ -1921,6 +2018,16 @@ interface StepperPanelProps {
     activeStep: number;
     /** Called when the user clicks a step in the panel. */
     onStepClick?: (index: number, event: SyntheticEvent) => void;
+    /** Controls whether the sidebar renders in its compact icon-only state. */
+    collapsed?: boolean;
+    /** Initial collapsed state for uncontrolled usage. */
+    defaultCollapsed?: boolean;
+    /** Called when the sidebar collapse control is clicked. */
+    onCollapseClick?: (event: SyntheticEvent) => void;
+    /** Called after the sidebar collapsed state changes. */
+    onCollapsedChange?: (collapsed: boolean, event: SyntheticEvent) => void;
+    /** Accessible label for the sidebar collapse control. Defaults to collapse/expand text. */
+    collapseButtonAriaLabel?: string;
     /** Content rendered in the main area. */
     children?: ReactNode;
     /** Footer content (e.g. Back/Next buttons, status text). */
@@ -1928,8 +2035,36 @@ interface StepperPanelProps {
     /** MUI sx overrides for the root container. */
     sx?: SxProps<Theme>;
 }
+interface StepperModalStep {
+    /** Step label shown below the modal step indicator. */
+    label: string;
+    /** Explicit visual state. When omitted, state is inferred from activeStep. */
+    state?: StepperStepState;
+}
+interface StepperModalProps extends Omit<DialogProps, "children" | "PaperProps" | "sx" | "title"> {
+    /** Modal title. */
+    title: string;
+    /** Optional descriptor rendered below the title. */
+    subtitle?: ReactNode;
+    /** Array of step definitions rendered in the horizontal modal series. */
+    steps: StepperModalStep[];
+    /** Zero-based index of the current modal step. */
+    activeStep: number;
+    /** Body copy rendered between the step series and custom content. */
+    description?: ReactNode;
+    /** Content slot rendered in the modal body. */
+    children?: ReactNode;
+    /** Footer actions rendered in the bottom bar. */
+    footer?: ReactNode;
+    /** Props forwarded to the underlying dialog paper. */
+    paperProps?: DialogProps["PaperProps"];
+    /** MUI sx overrides for the modal dialog paper. */
+    sx?: SxProps<Theme>;
+}
+
+declare const StepperPanel: ({ steps, activeStep, onStepClick, collapsed, defaultCollapsed, onCollapseClick, onCollapsedChange, collapseButtonAriaLabel, children, footer, sx, }: StepperPanelProps) => react_jsx_runtime.JSX.Element;
 
-declare const StepperPanel: ({ steps, activeStep, onStepClick, children, footer, sx, }: StepperPanelProps) => react_jsx_runtime.JSX.Element;
+declare const StepperModal: ({ title, subtitle, steps, activeStep, description, children, footer, paperProps, sx, ...dialogProps }: StepperModalProps) => react_jsx_runtime.JSX.Element;
 
 interface ExportProps {
     enableExport?: boolean;
@@ -2068,20 +2203,23 @@ declare enum TagStatus {
     "Allow" = "Allow",
     "Deny" = "Deny"
 }
-
-interface TagProps extends Omit<ChipProps, "size" | "children" | "label" | "color"> {
+interface TagProps extends Omit<ChipProps, "size" | "children" | "label" | "color" | "sx"> {
+    /** Background color token variant used for non-status tags. */
     color?: TagBackgroundColorVariants;
-    children: React.ReactNode;
+    /** Tag label content. */
+    children: ReactNode;
+    /** Tag scale. Small is 20px tall, medium is 24px, and large is 32px. */
     size?: GeneralSize;
+    /** Semantic status treatment. When set, it overrides the color variant. */
     status?: TagStatus;
+    /** Root style overrides. Consumer styles are applied after internal styles. */
+    sx?: SxProps<Theme>;
 }
+
 /**
- *
- * @param status - If status is provided, the tag will be styled according to the status, indepenently of the icon settings
- * @param avatar - When avatar is provided, icon is ignored and the size of the tag is bigger.
- * @returns
+ * Tag labels categorized content with optional icon, avatar, status, and deletion affordances.
  */
-declare const Tag: ({ avatar, children, color, status, icon, onClick, size, ...props }: TagProps) => react_jsx_runtime.JSX.Element;
+declare const Tag: ({ avatar, children, color, status, icon, onClick, size, sx, ...props }: TagProps) => react_jsx_runtime.JSX.Element;
 
 declare const selectTagStyle: (theme: Theme) => {
     Excellent: {
@@ -2182,17 +2320,26 @@ declare const getTagStyle: ({ theme, size, statusStyle, clickable, color, hasAva
     statusStyle?: TagStatusStyle;
 }) => SxProps<Theme>;
 
-interface SkillTagsProps {
+interface TagsProps {
+    /** Customizes the visible label for each rendered tag. */
     customizeLabel?: (node: AugmentedSelectNodeType | SelectNodeType) => string;
-    customizeTooltip?: (node: AugmentedSelectNodeType | SelectNodeType) => React.ReactNode;
-    handleDelete?: (event: React.MouseEvent<HTMLElement>, node: AugmentedSelectNodeType | SelectNodeType, idx: number) => void;
+    /** Customizes the tooltip content shown for truncated tag labels. */
+    customizeTooltip?: (node: AugmentedSelectNodeType | SelectNodeType) => ReactNode;
+    /** Called when a tag delete control is clicked. */
+    handleDelete?: (event: MouseEvent<HTMLElement>, node: AugmentedSelectNodeType | SelectNodeType, idx: number) => void;
+    /** Items rendered as tags. Empty arrays render nothing. */
     items: AugmentedSelectNodeType[] | SelectNodeType[];
+    /** Maximum number of tags shown before the remainder is collapsed. */
     maxTooltipTags?: number;
+    /** Truncates long tag labels and shows the full value in a tooltip. */
     shouldTruncate?: boolean;
+    /** Shows the first tag plus a count tag for the remaining items. */
     showOnlyFirst?: boolean;
+    /** Size passed through to each Tag. */
     size?: GeneralSize;
 }
-declare const Tags: ({ customizeLabel, customizeTooltip, handleDelete, items, maxTooltipTags, shouldTruncate, showOnlyFirst, size, }: SkillTagsProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const Tags: ({ customizeLabel, customizeTooltip, handleDelete, items, maxTooltipTags, shouldTruncate, showOnlyFirst, size, }: TagsProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const LabelAndChildrenTooltipContent: ({ node }: {
     node: SelectNodeType;
@@ -2204,33 +2351,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,
@@ -2246,6 +2396,8 @@ interface UploadFile {
     id: string;
     /** Display name of the file. */
     name: string;
+    /** Optional thumbnail URL shown in image-oriented file rows. */
+    thumbnailSrc?: string;
     /** Upload progress 0–100, shown when status is "uploading". */
     progress?: number;
     /** Current status of the file. */
@@ -2256,7 +2408,7 @@ interface UploadFile {
 interface UploadProps {
     /** Trigger variant: drag-and-drop zone or a button. */
     variant?: "drag" | "button";
-    /** Size of the drag zone: "md" (default, padding 48px 24px) or "sm" (padding 36px 24px). Only applies to drag variant. */
+    /** Size of the drag zone and file list rows. */
     size?: "md" | "sm";
     /** Primary label inside the drag zone or button label. */
     label?: string;
@@ -2323,7 +2475,7 @@ declare const ViewSwitcher: ({ disabled, fullWidth, onChange, options, size, val
 
 interface ScrollAreaProps extends BoxProps {
     /** Content to render inside the scrollable viewport. */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 
 declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -2334,6 +2486,7 @@ type PaginationProps = PaginationProps$1;
 declare const Pagination: (props: PaginationProps) => react_jsx_runtime.JSX.Element;
 
 interface DonutProps extends ChartProps {
+    /** Called with the selected slice data when a donut segment is clicked. */
     handleClick?: (sliceData: ChartDataItem) => void;
 }
 /**
@@ -2342,45 +2495,36 @@ interface DonutProps extends ChartProps {
 declare const DonutChart: ({ data, showTooltip, customTooltip, handleClick, }: DonutProps) => JSX.Element;
 
 interface GaugeChartProps extends ChartProps {
+    /** Highest target value used to calculate how much of the gauge arc is filled. */
     maxValue?: number;
-    customLabelComponent?: React.ReactNode;
+    /** Optional content shown below the numeric value inside the gauge. */
+    customLabelComponent?: ReactNode;
+    /** Optional dimensional overrides for compact or expanded gauge layouts. */
     styleProps?: {
+        /** Custom gauge width in pixels. */
         customWidth?: number;
+        /** Custom gauge height in pixels. */
         customHeight?: number;
+        /** CSS top value for the central numeric label. */
         textTop?: string;
     };
 }
 declare const GaugeChart: ({ data, maxValue, customLabelComponent, styleProps, }: GaugeChartProps) => react_jsx_runtime.JSX.Element;
-declare const gaugeWrapper: ({ height, width, }: {
-    height: number;
-    width: number;
-}) => {
-    readonly display: "inline-block";
-    readonly width: `${number}px`;
-    readonly height: `${number}px`;
-    readonly position: "relative";
-};
-declare const barShadow: (barFill: string) => {
-    filter: string;
-};
-declare const gaugeLabel: {
-    transform: string;
-};
-declare const boxStyle: {
-    position: string;
-    top: string;
-    left: string;
-    transform: string;
-};
 
 interface BarProps {
+    /** Data key to read from each item's `barData` object. */
     key: string;
+    /** Fill color for the stacked bar segment. Use a theme palette token. */
     color: string;
 }
 interface BarGraphProps extends ChartProps {
+    /** Column header labels rendered above the item labels and stacked bars. */
     headers?: string[];
+    /** Stacked bar segment definitions. Each key must exist in every item's `barData`. */
     bars?: BarProps[];
+    /** Shows the category legend below the graph. */
     showLegend?: boolean;
+    /** Called when the Recharts graph receives a click event. */
     handleClick?: CategoricalChartFunc;
 }
 declare const BarGraph: ({ data, showLegend, showTooltip, bars, headers, customTooltip, handleClick, }: BarGraphProps) => react_jsx_runtime.JSX.Element;
@@ -2443,37 +2587,58 @@ type ConditionalPropsByType = {
 type ExtendedChartProps = GaugeChartProps & Omit<DonutProps, "handleClick"> & Omit<BarGraphProps, "handleClick">;
 
 interface BarChartProps extends ChartProps {
+    /** Called when a data bar is selected. Use it for drill-down interactions. */
     handleClick?: (item: ChartDataItem) => void;
 }
 declare const BarChart$1: ({ data, handleClick, showTooltip, customTooltip, }: BarChartProps) => react_jsx_runtime.JSX.Element;
 
 interface IWidgetProps {
-    bodyElement: JSX.Element;
-    sx?: SxProps;
-    label?: string | JSX.Element;
-    headerChildren?: JSX.Element;
-    headerLeftChildren?: JSX.Element;
-    labelTooltip?: React.ReactNode;
-    titleTooltip?: React.ReactNode;
+    /** Main content rendered inside the widget body. */
+    bodyElement: ReactElement;
+    /** Style overrides for the outer widget card. Consumer values are applied last. */
+    sx?: SxProps$1<Theme$1>;
+    /** Headline label rendered in the widget header. Omit it for a body-only widget. */
+    label?: string | ReactElement;
+    /** Optional content rendered to the right of the headline area. */
+    headerChildren?: ReactElement;
+    /** Optional content rendered before the headline label. */
+    headerLeftChildren?: ReactElement;
+    /** Tooltip content displayed next to the headline label. */
+    labelTooltip?: ReactNode;
+    /** Tooltip content attached to the headline label itself. */
+    titleTooltip?: ReactNode;
+    /** Shows the loading skeleton instead of the body content. */
     isLoading?: boolean;
+    /** Uses the horizontal widget body layout for chart and legend compositions. */
     isHorizontal?: boolean;
-    chartCustomComponent?: React.ReactNode;
-    stackStyle?: Record<string, string | number>;
-    legendCustomComponent?: React.ReactNode;
+    /** Optional chart-specific content rendered by chart wrappers. */
+    chartCustomComponent?: ReactNode;
+    /** Props forwarded to the body stack when composing chart wrappers. */
+    stackStyle?: StackProps$1;
+    /** Optional legend content rendered next to or below the body content. */
+    legendCustomComponent?: ReactNode;
+    /** Props forwarded to widget tooltips. */
     tooltipProps?: Partial<TooltipProps>;
+    /** Shows the empty state instead of the body content. */
     isEmpty?: boolean;
+    /** Called when the headline label is interactive. */
     onLabelClick?: () => void;
+    /** Optional Rosey analytics identifier applied to the outer card. */
     dataRoseyUrn?: string;
 }
 
 type IChartWidgetProps = ExtendedChartProps & Omit<IWidgetProps, "bodyElement"> & ConditionalPropsByType & {
-    sx?: SxProps;
-    generalWidgetStyle?: SxProps;
+    /** Style overrides for the outer widget card. Consumer values are applied after chart-widget defaults. */
+    sx?: SxProps$1<Theme$1>;
+    /** Shared style overrides for the outer widget card when composing several chart widgets. */
+    generalWidgetStyle?: SxProps$1<Theme$1>;
+    /** Headline text rendered in the widget header. */
     label: string;
 };
 declare const ChartWidget: ({ data, type, label, labelTooltip, showTooltip, categories, isLoading, isEmpty, isHorizontal, customTooltip, titleTooltip, sx, chartCustomComponent, stackStyle, legendCustomComponent, tooltipProps, generalWidgetStyle, headerChildren, headerLeftChildren, onLabelClick, dataRoseyUrn, ...rest }: IChartWidgetProps) => react_jsx_runtime.JSX.Element;
 
 interface HorizontalBarChartProps extends ChartProps {
+    /** Called with the selected item when a horizontal bar row is clicked or activated by keyboard. */
     handleClick?: (item: ChartDataItem) => void;
 }
 declare const HorizontalBarChart: ({ data, categories, handleClick, }: HorizontalBarChartProps) => react_jsx_runtime.JSX.Element;
@@ -2485,42 +2650,68 @@ interface LineChartTooltipProps extends TooltipProps$2<number, string> {
 
 type SafeLineProps = Omit<LineProps, "ref">;
 interface LineChartProps extends ChartProps, Pick<LineChartTooltipProps, "valueFormatter"> {
+    /** Optional title shown in the default tooltip before the category values. */
     subject?: string;
+    /** Props forwarded to the Recharts X axis for domain, tick, and formatter overrides. */
     xAxisProps?: XAxisProps;
+    /** Props forwarded to the Recharts Y axis for domain, tick, and formatter overrides. */
     yAxisProps?: YAxisProps;
+    /** Props forwarded to every line series. Use for dots, active dots, and stroke overrides. */
     lineProps?: Partial<SafeLineProps>;
+    /** Props forwarded to the Cartesian grid for dash and stroke overrides. */
     gridProps?: CartesianGridProps;
 }
 declare const LineChart: ({ data, categories, showTooltip, subject, xAxisProps, yAxisProps, customTooltip, valueFormatter, lineProps, gridProps, }: LineChartProps) => react_jsx_runtime.JSX.Element;
 
 type DataPoint = {
+    /** Label rendered around the radar axis and in the default tooltip. */
     subject: string;
 };
 type ExtendedDataPoint = {
+    [key: string]: string | number | undefined;
+    /** Numeric value rendered by the default `variableA` radar series. */
     variableA?: number;
 } & DataPoint;
 type RadarType = {
+    /** Legend and tooltip name for the radar series. */
     name: string;
+    /** Data key read from each item in `data`. */
     dataKey: string;
+    /** Solid fill token used under the custom conic gradient shape. */
     fill?: string;
+    /** CSS gradient or tokenized background used by the custom radar shape. */
     background?: string;
-    shape?: React.ReactElement;
+    /** Optional Recharts shape override for the radar polygon. */
+    shape?: ReactElement;
 };
 type Offset = {
+    /** Horizontal label offset in pixels. */
     cx: number;
+    /** Vertical label offset in pixels. */
     cy: number;
 };
 type SpiderChartProps = {
+    /** Radar data points. `subject` labels each axis and numeric keys feed radar series. */
     data: ExtendedDataPoint[];
+    /** Radar series definitions. Each `dataKey` must exist on the data points. */
     radars: RadarType[];
+    /** Distance from the center to the outer radar ring. */
     outerRadius?: number;
+    /** Reserved spacing hook for downstream chart compositions. */
     padData?: number;
+    /** Called with the active subject when the tooltip area is clicked. */
     onTooltipClick?: (subject: string) => void;
-    tooltipContent?: (dataPoint: ExtendedDataPoint) => React.ReactNode;
+    /** Custom renderer for the default tooltip body. */
+    tooltipContent?: (dataPoint: ExtendedDataPoint) => ReactNode;
+    /** Shows the default or custom tooltip. */
     showTooltip?: boolean;
+    /** Fully custom Recharts tooltip content. */
     customTooltip?: ContentType<number, string>;
+    /** Per-label pixel offsets for fine alignment around the chart. */
     labelOffsets?: Offset[];
+    /** Distance multiplier between the radar and outer labels. */
     tickBand?: number;
+    /** Scales the custom grid and radar line rendering. */
     scale?: number;
 };
 
@@ -2535,41 +2726,70 @@ declare const ChartTypeComponents: {
     [key: string]: ComponentType<ChartProps>;
 };
 
-type SubNavItem = TabProps$1 & {
+type BasePageContainerProps = BoxProps & {
+    [key: `data-${string}`]: string | number | undefined;
+};
+type SubNavItem = Omit<TabProps$1, "value"> & {
+    /** Router destination used by the sub-navigation tab. */
     href?: string;
+    /** Marks this item as the current page when URL matching is not enough. */
     selected?: boolean;
 };
 interface BasePageProps {
+    /** Page content rendered below the header and optional sub-navigation. */
     children: ReactNode;
-    containerProps?: BoxProps;
+    /** Props applied to the outer page container. Consumer `sx` is merged after internal spacing. */
+    containerProps?: BasePageContainerProps;
+    /** Breadcrumb items rendered above the page title when breadcrumbs are enabled. */
     breadcrumbs?: BreadcrumbsProps["items"];
+    /** Main page title rendered as the heading. */
     title: ReactNode;
+    /** Optional supporting text below the title. */
     description?: ReactNode;
+    /** Actions or controls rendered on the right side of the header. */
     rightSideItems?: ReactNode;
+    /** Props applied to the sub-navigation Tabs component. */
     tabsProps?: TabsProps;
+    /** Optional tabbed page navigation rendered below the title area. */
     subNav?: SubNavItem[];
+    /** Controls whether breadcrumbs render when breadcrumb items are supplied. */
     useBreadcrumbs?: boolean;
 }
+
 declare const BasePage: ({ children, containerProps, breadcrumbs, title, description, rightSideItems, subNav, tabsProps, useBreadcrumbs, }: BasePageProps) => react_jsx_runtime.JSX.Element;
 
 interface LayoutProps {
-    content?: React.ReactNode;
+    /** Main page content rendered beside the optional side navigation. */
+    content?: ReactNode;
+    /** Controls whether the fixed application header is rendered. */
     showHeader?: boolean;
+    /** Props forwarded to the Header component. */
     headerProps?: HeaderProps;
+    /** Controls whether the side navigation drawer is rendered on desktop. */
     showSideNav?: boolean;
-    sideNav?: React.ReactNode;
+    /** Content rendered inside the desktop side navigation drawer. */
+    sideNav?: ReactNode;
 }
+
 declare const Layout$1: ({ showHeader, showSideNav, headerProps, content, sideNav, }: LayoutProps) => react_jsx_runtime.JSX.Element;
 
 interface PageTitleProps {
+    /** Main page heading rendered as the h1. */
     title: ReactNode;
+    /** Supporting text rendered below the title row. */
     subtitle?: ReactNode;
+    /** Optional image displayed before the title block. */
     image?: ReactNode;
+    /** Optional icon displayed before the title block when no image is supplied. */
     icon?: ReactNode;
+    /** Optional status tag or badge rendered beside the title. */
     tag?: ReactNode;
+    /** Breadcrumb items rendered above the title block. */
     breadcrumbs?: BreadcrumbsProps["items"];
+    /** Action controls rendered at the end of the title block. */
     actions?: ReactNode;
-    sx?: SxProps<Theme>;
+    /** Style overrides for the outer title container. Consumer values are applied last. */
+    sx?: SxProps$1<Theme$1>;
 }
 
 declare const PageTitle: ({ title, subtitle, image, icon, tag, breadcrumbs, actions, sx, }: PageTitleProps) => react_jsx_runtime.JSX.Element;
@@ -7445,18 +7665,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, StepperModal, 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, blue100, blue200, blue300, blue400, blue50, blue500, blue600, blue700, blue800, blue900, blueAlpha10, blueAlpha40, blueFocusRingStrong, blueFocusRingWeak, bluePalette, brandColors, capitalize, darkModeCardFloating, darkModeCardLifted, darkModeCardRaised, darkModeCardSubtle, darkModeFooterBottom, darkModeSideDrawerLeft, darkModeSideDrawerRight, darkVars, deepCopyTree, flattenSelectTree, flattenSelectTreeWithSearch, flattenSelectTreeWithoutSearch, formatNodeValue, 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, HorizontalBarChartProps, 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, StepperModalProps, StepperModalStep, StepperPanelProps, StepperStep, SubNavItem, TabProps, TableChartDataItem, TableProps, TableRow, TableTitle, TabsProps, TabsType, TagProps, TagStatusStyle, TagsProps, ThemeModeContextValue, ThemeProviderProps, TimePickerProps, ToastAction, ToastProps, ToastType, ToasterProps, ToggleProps, TooltipProps, TopToolbarProps, UploadFile, UploadFileStatus, UploadProps, VarsType, ViewSwitcherOption, ViewSwitcherOptionObject, ViewSwitcherOptionProperties, ViewSwitcherProps, ViewSwitcherSize };