@open-ui-kit/core 2.0.0-beta.2 → 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, 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, 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';
+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 {
@@ -1240,13 +1241,6 @@ 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;
@@ -1254,6 +1248,13 @@ 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;
@@ -1361,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;
@@ -1375,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. */
@@ -1602,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. */
@@ -1730,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;
@@ -1738,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;
@@ -1829,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;
 }
@@ -1911,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;
 }
 
@@ -1954,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;
 }
 
@@ -1967,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. */
@@ -1978,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). */
@@ -1985,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;
@@ -2125,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: {
@@ -2239,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;
@@ -2306,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. */
@@ -2316,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;
@@ -2383,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>>;
@@ -2394,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;
 }
 /**
@@ -2402,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;
@@ -2503,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;
@@ -2545,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;
 };
 
@@ -2595,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;
@@ -7528,5 +7688,5 @@ interface ThemeProviderProps {
 }
 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, 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 };
+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 };