@open-ui-kit/core 2.2.3 → 2.4.0

package/index.d.ts

@@ -2,8 +2,8 @@ import { Color, Theme as Theme$1, TypographyVariant, SxProps as SxProps$1 } from
 import * as react from 'react';
 import react__default, { ReactNode, ComponentType, CSSProperties, MouseEvent, ReactElement, ComponentProps, HTMLAttributes, SyntheticEvent, ElementType } from 'react';
 import * as _mui_material from '@mui/material';
-import { AccordionProps as AccordionProps$1, AccordionSummaryProps, BoxProps, BackdropProps as BackdropProps$1, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$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, CardActionsProps as CardActionsProps$1, CardContentProps as CardContentProps$1, CardHeaderProps as CardHeaderProps$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, ListItemIconProps as ListItemIconProps$1, ListItemTextProps as ListItemTextProps$1, ListSubheaderProps as ListSubheaderProps$1, InputProps, IconProps as IconProps$1, CircularProgressProps, DialogProps as DialogProps$1, DialogActionsProps as DialogActionsProps$1, DialogContentProps as DialogContentProps$1, DialogContentTextProps as DialogContentTextProps$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 { AccordionProps as AccordionProps$1, AccordionSummaryProps, BoxProps, BackdropProps as BackdropProps$1, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$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, CardActionsProps as CardActionsProps$1, StackProps, CardContentProps as CardContentProps$1, CardHeaderProps as CardHeaderProps$1, CheckboxProps as CheckboxProps$1, TooltipProps as TooltipProps$1, IconButtonProps, TextFieldProps, Popper, PopoverProps as PopoverProps$1, DividerProps as DividerProps$1, DrawerProps, ListProps as ListProps$1, ListItemProps as ListItemProps$1, ListItemButtonProps as ListItemButtonProps$1, ListItemIconProps as ListItemIconProps$1, ListItemTextProps as ListItemTextProps$1, ListSubheaderProps as ListSubheaderProps$1, InputProps, IconProps as IconProps$1, CircularProgressProps, DialogProps as DialogProps$1, DialogActionsProps as DialogActionsProps$1, DialogContentProps as DialogContentProps$1, DialogContentTextProps as DialogContentTextProps$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, Typography } from '@mui/material';
+export { Box, ButtonGroup, Container, Grid, IconButton, ListItemAvatar, Paper, PopoverOrigin, SelectChangeEvent, Stack, useTheme } from '@mui/material';
 import { TimelineProps } from '@mui/lab';
 import { LinkProps as LinkProps$1, To } from 'react-router-dom';
 import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
@@ -348,18 +348,94 @@ interface VarsType {
     accentJWeak: string;
 }
 
+/**
+ * Theme-aware gradient tokens.
+ *
+ * Mirrors `VarsType`: a single flat contract that every theme must implement,
+ * mounted on the MUI palette as `palette.gradients`. Components read
+ * `theme.palette.gradients.gradientDataVizCyanBlue` with no theme branching —
+ * swapping the theme swaps the value, exactly like `palette.vars`.
+ *
+ * Token names come from the `gradient-token` labels in Figma "OXP"
+ * (wvTxiCkZBmP2jH24hzydHR), frame 274405:38026 "Components with Gradients",
+ * camelCased from the Figma path: `Gradient/Data-Viz-Cyan-Blue` ->
+ * `gradientDataVizCyanBlue`.
+ */
+interface GradientVarsType {
+    gradientGaugeArcAmber: string;
+    gradientGaugeArcTeal: string;
+    gradientIconSubtractBlue: string;
+    gradientDataVizCyanTeal: string;
+    gradientDataVizCyanBlue: string;
+    gradientDataVizPinkMagenta: string;
+    /** Renamed: Figma labels this `Data-Viz-Pink-Magenta` but the stops are orange. */
+    gradientDataVizOrangeAmber: string;
+    /** Renamed: Figma labels this `Data-Viz-Pink-Magenta`; single stop, renders flat. */
+    gradientDataVizPinkFlat: string;
+    gradientDataVizPinkPurple: string;
+    gradientDataVizOrangeGold: string;
+    gradientDataVizBlueDark: string;
+    gradientProgressBarTeal: string;
+    gradientGraphFlow: string;
+    gradientGraphFlowPink: string;
+    gradientGraphFlowTeal: string;
+    /** Renamed: Figma reuses `Graph-Flow` for this distinct maroon ramp. */
+    gradientGraphFlowMaroon: string;
+    gradientGlobalButtonPrimaryFill: string;
+    /** Gradient text fill (`background-clip: text`). Figma: `Gradient/Text-White-Blue`. */
+    gradientTextWhiteBlue: string;
+    gradientGlobalDividerFade: string;
+    gradientOverlayBlackFadeIn: string;
+    gradientWelcomeCardBgDark: string;
+    gradientAlertLineRed: string;
+    gradientDashboardGraphNodeFill: string;
+    gradientGraphConnectorFill: string;
+    /** `Graph-Connector-Glow`: radial lift from the bottom edge of the card. */
+    gradientGraphConnectorGlow: string;
+    gradientIconButtonBlue: string;
+    gradientCardGlassBg: string;
+    /** Renamed: same stops as `gradientCardGlassBg` at 70% layer opacity. */
+    gradientCardGlassBgSubtle: string;
+    /** `Card-Glass-BORDER`: white hairline that fades out toward the bottom. */
+    gradientCardGlassBorder: string;
+    /** `Dashboard-Card/Fill/Cyan-Purple`: cyan-to-periwinkle flair behind the glass blur. */
+    gradientDashboardCardFillCyanPurple: string;
+    /** `Card-Glass-CTA-Glow`: mint-blue-pink-gold glow behind the glass CTA. */
+    gradientCardGlassCtaGlow: string;
+    gradientGlobalBorderFade: string;
+    /** `Input-Border-Blue`: white-to-blue ramp around the prompt input field. */
+    gradientInputBorderBlue: string;
+    /** Renamed: Figma reuses `Global-Border/Fade` for this distinct rainbow ramp. */
+    gradientGlobalBorderRainbow: string;
+    gradientGlobalButtonPrimaryBorderGlow: string;
+    gradientDashboardGraphNodeBorder: string;
+    gradientGraphConnectorStroke: string;
+    gradientIconButtonBlueGlow: string;
+    /** Named `Card-Highlight-Radial` in Figma, but the swatch fill is linear. */
+    gradientCardHighlightRadial: string;
+    gradientGlowOrange: string;
+    gradientGlowGreen: string;
+    gradientGlowRed: string;
+    gradientGlowPinkShadow: string;
+    gradientBackgroundGlowBlue: string;
+    gradientPanelExecBorder: string;
+    gradientPanelBorderBlueCyanDark: string;
+}
+
 declare module "@mui/material/styles" {
     interface Palette {
         tertiary: Palette["primary"];
         negative: Palette["primary"];
         orange: Palette["primary"];
         vars: VarsType;
+        gradients: GradientVarsType;
     }
     interface PaletteOptions {
         tertiary?: PaletteOptions["primary"];
         negative?: PaletteOptions["primary"];
         orange?: PaletteOptions["primary"];
         vars?: VarsType;
+        gradients?: GradientVarsType;
     }
     interface PaletteColor extends Partial<Color> {
     }
@@ -394,7 +470,11 @@ declare module "@mui/material/Button" {
         contained: false;
         primary: true;
         secondary: true;
+        /** Gradient background fill. Figma: `Gradient/Global-Button-Primary/Fill`. */
+        gradient: true;
         outlined: true;
+        /** Gradient border ring. Figma: `Gradient/Global-Button-Primary/Border-Glow`. */
+        gradientOutlined: true;
         tertariary: true;
     }
     interface ButtonPropsColorOverrides {
@@ -428,6 +508,13 @@ declare module "@mui/material/Typography" {
         body2Semibold: true;
         headingSubSection: true;
     }
+    interface TypographyOwnProps {
+        /**
+         * Fill the text with a gradient (`background-clip: text`) instead of a
+         * flat color. Composes with any `variant`. Figma: `Gradient/Text-White-Blue`.
+         */
+        gradient?: boolean;
+    }
 }
 
 interface AccordionProps extends AccordionProps$1 {
@@ -459,13 +546,15 @@ interface AccordionProps extends AccordionProps$1 {
     endSlot?: ReactNode;
     /** Overrides the default summary divider visibility. Medium uncontained accordions show it by default. */
     showDivider?: boolean;
+    /** Overrides the default top border visibility. Medium uncontained accordions show it by default. */
+    showBorder?: boolean;
     /** Props forwarded to the internal MUI AccordionSummary. */
     accordionSummaryProps?: AccordionSummaryProps;
     /** Props forwarded to the details content wrapper. */
     detailsContentBoxProps?: BoxProps;
 }
 
-declare const Accordion: ({ contained, size, arrowPosition, title, subTitle, titleStartIcon, titleEndIcon, titleSlot, subTitleStartIcon, subTitleEndIcon, subTitleSlot, action, endSlot, showDivider, accordionSummaryProps, detailsContentBoxProps, children, ...props }: AccordionProps) => react.JSX.Element;
+declare const Accordion: ({ contained, size, arrowPosition, title, subTitle, titleStartIcon, titleEndIcon, titleSlot, subTitleStartIcon, subTitleEndIcon, subTitleSlot, action, endSlot, showDivider, showBorder, accordionSummaryProps, detailsContentBoxProps, children, ...props }: AccordionProps) => react.JSX.Element;
 
 declare const StyledAccordionSummary: ComponentType<AccordionSummaryProps & {
     contained?: boolean;
@@ -493,17 +582,25 @@ interface ActivityTimelineStep {
     content?: ReactNode;
     /** Expands accordion content by default when content is provided. */
     defaultExpanded?: boolean;
+    /** Time label shown to the right of the line. Gradient variant only. */
+    time?: string;
 }
 interface ActivityTimelineProps extends Omit<TimelineProps, "children" | "ref"> {
     /** When true, step dots and connector colors are calculated from each step position. */
     automaticProgress?: boolean;
     /** Controls the timeline title typography and vertical spacing. */
     size?: "large" | "medium";
-    /** Ordered steps rendered in the activity timeline. */
+    /**
+     * `gradient` renders the "Key Events" style: glowing status dots on a single
+     * line that fades down the list, with each step's `time` beside it. Steps run
+     * newest first, and the oldest two dim to 50% and 30%.
+     */
+    variant?: "default" | "gradient";
+    /** Ordered steps rendered in the activity timeline, newest first. */
     steps: ActivityTimelineStep[];
 }
 
-declare const ActivityTimeline: ({ automaticProgress, size, steps, ...props }: ActivityTimelineProps) => react.JSX.Element;
+declare const ActivityTimeline: ({ automaticProgress, size, variant, steps, ...props }: ActivityTimelineProps) => react.JSX.Element;
 
 interface AnchorLinkMenuItem {
     /** Stable id passed to `selectedId` and `onSelect`. */
@@ -722,7 +819,7 @@ declare const Breadcrumbs: ({ iconPosition, items, size, sx, color, type, maximu
 interface ButtonProps extends Omit<ButtonProps$1, "ref"> {
     /** Button label, icon, or composed content rendered inside the control. */
     children?: ButtonProps$1["children"];
-    /** Visual style for the action: primary, secondary, outlined, or tertariary. */
+    /** Visual style for the action: primary, secondary, gradient, outlined, gradientOutlined, or tertariary. */
     variant?: ButtonProps$1["variant"];
     /** Button scale. Large min height is 40px, medium is 32px, and small is 24px. Width grows with label text until constrained, then height grows. */
     size?: ButtonProps$1["size"];
@@ -733,9 +830,49 @@ interface ButtonProps extends Omit<ButtonProps$1, "ref"> {
 /** Open UI Kit button wrapper with tokenized variants, sizes, icon spacing, and states. */
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * Severity levels the alert card is designed for.
+ *
+ * Deliberately not the `Severity` enum from `@/common`: that has no `WARNING`
+ * member, and its other four levels have no design in `Alerts Card`
+ * (274421:47415).
+ */
+type CardAlertSeverity = "warning" | "critical";
 interface CardProps extends CardProps$1 {
+    /**
+     * Applies the alert treatment: a translucent surface at the larger alert
+     * radius and padding. `critical` additionally draws the rainbow gradient
+     * border; `warning` has no border.
+     *
+     * Pair with `CardAlertHeader`, which picks up the matching accent colour.
+     */
+    alert?: CardAlertSeverity | undefined;
     /** Applies the disabled card treatment and marks the grouped content unavailable. */
     disabled?: boolean;
+    /**
+     * Applies the graph-connector treatment: the `Graph-Connector` fill and glow
+     * gradients over a backdrop blur, edged with the matching 1px gradient
+     * stroke. A tighter 6px radius than the other treatments.
+     */
+    connector?: boolean;
+    /** Applies the gradient border and blue glow treatment. */
+    glow?: boolean;
+    /**
+     * Applies the frosted-glass treatment: the `Gradient/Card-Glass-BG` fill over
+     * a backdrop blur, with a white hairline and a soft drop shadow.
+     *
+     * The fill is translucent, so the card picks up whatever is behind it.
+     */
+    glass?: boolean;
+    /**
+     * Background image URL. Applies the image treatment: the photo is layered
+     * over `Gradient/Welcome-Card-BG-Dark` and under a
+     * `Gradient/Overlay-Black-Fade-In` scrim, and the card switches to the
+     * larger radius and padding the design uses for these surfaces.
+     *
+     * Mutually exclusive with `glow`.
+     */
+    image?: string | undefined;
 }
 /** Clickable wrapper for interactive cards. */
 type CardActionAreaProps = CardActionAreaProps$1;
@@ -753,12 +890,28 @@ interface CardSubheaderProps extends TypographyProps {
     /** Small supporting label, metadata, or date text. */
     children: ReactNode;
 }
+interface CardAlertHeaderProps extends StackProps {
+    /** Severity label, rendered in the parent card's accent colour. */
+    children: ReactNode;
+    /** Right-aligned relative time, e.g. `4m ago`. */
+    timestamp?: ReactNode;
+}
+
+/**
+ * Meta row for an alert card: severity label on the left, timestamp on the
+ * right. Figma: `Alerts Card` (274421:47415).
+ *
+ * The label colour comes from the `--card-alert-accent` custom property that
+ * `cardAlertStyles` sets on the parent card, so the severity is declared once
+ * on `<Card alert>` rather than threaded through here as a second prop.
+ */
+declare const CardAlertHeader: ({ children, timestamp, ...props }: CardAlertHeaderProps) => react.JSX.Element;
 
 declare const CardDescription: ({ children, ...props }: CardDescriptionProps) => react.JSX.Element;
 
 declare const CardSubheader: ({ children, ...props }: CardSubheaderProps) => react.JSX.Element;
 
-declare const Card: ({ disabled, sx, ...props }: CardProps) => react.JSX.Element;
+declare const Card: ({ alert, disabled, image, sx, ...props }: CardProps) => react.JSX.Element;
 declare const CardActionArea: ({ sx, ...props }: CardActionAreaProps) => react.JSX.Element;
 declare const CardHeader: ({ sx, ...props }: CardHeaderProps) => react.JSX.Element;
 declare const CardContent: ({ sx, ...props }: CardContentProps) => react.JSX.Element;
@@ -846,6 +999,7 @@ declare const InputField: react__default.ForwardRefExoticComponent<(Omit<_mui_ma
     helperText?: _mui_material.TextFieldProps["helperText"];
     error?: _mui_material.TextFieldProps["error"];
     slotProps?: _mui_material.TextFieldProps["slotProps"];
+    glow?: boolean;
 }, "ref"> | Omit<_mui_material.OutlinedTextFieldProps & {
     variant?: _mui_material.TextFieldProps["variant"];
     size?: _mui_material.TextFieldProps["size"];
@@ -853,6 +1007,7 @@ declare const InputField: react__default.ForwardRefExoticComponent<(Omit<_mui_ma
     helperText?: _mui_material.TextFieldProps["helperText"];
     error?: _mui_material.TextFieldProps["error"];
     slotProps?: _mui_material.TextFieldProps["slotProps"];
+    glow?: boolean;
 }, "ref"> | Omit<_mui_material.StandardTextFieldProps & {
     variant?: _mui_material.TextFieldProps["variant"];
     size?: _mui_material.TextFieldProps["size"];
@@ -860,6 +1015,7 @@ declare const InputField: react__default.ForwardRefExoticComponent<(Omit<_mui_ma
     helperText?: _mui_material.TextFieldProps["helperText"];
     error?: _mui_material.TextFieldProps["error"];
     slotProps?: _mui_material.TextFieldProps["slotProps"];
+    glow?: boolean;
 }, "ref">) & react__default.RefAttributes<HTMLDivElement>>;
 
 type InputFieldProps = TextFieldProps & {
@@ -875,6 +1031,11 @@ type InputFieldProps = TextFieldProps & {
     error?: TextFieldProps["error"];
     /** Custom MUI slot props, merged with the internal shrunk label behavior. */
     slotProps?: TextFieldProps["slotProps"];
+    /**
+     * Applies the glow treatment: a pill-shaped field edged with the
+     * `Input-Border-Blue` ramp, for prompt-style inputs.
+     */
+    glow?: boolean;
 };
 
 interface DateTimePickerProps extends DateTimePickerProps$1<Dayjs> {
@@ -2385,6 +2546,12 @@ interface ToastProps extends Omit<AlertProps, "variant" | "severity" | "children
     type?: ToastType;
     /** Optional bold title line rendered above the message. */
     title?: string;
+    /**
+     * Applies the glow treatment: a `Global-Border/Fade` gradient border and a
+     * blue glow cast from behind the toast. The glow is stronger when the toast
+     * also has a `title`.
+     */
+    glow?: boolean;
     /** Optional body message shown in the toast content area. */
     description?: string;
     /** Shows the close button when true. */
@@ -2398,7 +2565,7 @@ interface ToastProps extends Omit<AlertProps, "variant" | "severity" | "children
 }
 type ToasterProps = react__default.ComponentProps<typeof Toaster$1>;
 
-declare const Toast: ({ type, showCloseButton, useNativeClose, title, description, action, id, customActions, ...props }: ToastProps) => react__default.JSX.Element | null;
+declare const Toast: ({ type, showCloseButton, useNativeClose, title, description, action, id, customActions, glow, ...props }: ToastProps) => react__default.JSX.Element | null;
 declare const toast: ({ ...props }: Omit<ToastProps, "id">) => string | number;
 
 declare const Toaster: ({ toastOptions, ...props }: ToasterProps) => react.JSX.Element;
@@ -2542,6 +2709,26 @@ interface IWidgetProps {
 
 declare const Widget: ({ sx, label, headerChildren, headerLeftChildren, labelTooltip, titleTooltip, bodyElement, isLoading, isHorizontal, isEmpty, legendCustomComponent, tooltipProps, onLabelClick, dataRoseyUrn, }: IWidgetProps) => react.JSX.Element;
 
+/**
+ * Typography with an optional gradient text fill.
+ *
+ * When the `gradient` prop is set, the glyphs are filled with a gradient via
+ * `background-clip: text` instead of a flat color. It is a prop, not a
+ * `variant`, so it composes with any `variant` (h1, subtitle, body, ...).
+ *
+ * `shouldForwardProp` keeps `gradient` off the DOM node so React does not warn
+ * about a non-boolean attribute. The cast back to `typeof MuiTypography`
+ * preserves the polymorphic `component` prop and every MUI variant, which a
+ * plain `styled()` call would otherwise drop. Figma: `Gradient/Text-White-Blue`.
+ *
+ * The ramp spans the element's box and nothing rescales it, so how far a string
+ * gets along it depends on how much of the line it fills — a short line stays
+ * white, a full one reaches `#3f7def`. Do not add `width: fit-content` or
+ * `background-size`: sizing the ramp to the text pins every string to the same
+ * colour whatever its length.
+ */
+declare const StyledTypography: typeof Typography;
+
 interface DonutProps extends ChartProps {
     /** Called with the selected slice data when a donut segment is clicked. */
     handleClick?: (sliceData: ChartDataItem) => void;
@@ -2551,9 +2738,44 @@ interface DonutProps extends ChartProps {
  */
 declare const DonutChart: ({ data, showTooltip, customTooltip, handleClick, }: DonutProps) => JSX.Element;
 
-interface GaugeChartProps extends ChartProps {
+/**
+ * Design-approved gauge ramps for the gradient treatment.
+ *
+ * Each key is the `gradient-token` swatch label on the matching widget in
+ * Figma `Gauge Chart` (274417:44466), and the paired `Solid` swatch is the
+ * ambient glow behind the value:
+ *
+ * | Key     | Figma token                  | Arc stops                          | Glow             |
+ * | ------- | ---------------------------- | ---------------------------------- | ---------------- |
+ * | `amber` | `Gradient/Gauge-Arc-Amber`   | FFAE4C 100% → FFAE4C 78%           | `lightOrange500` |
+ * | `teal`  | `Gradient/Gauge-Arc-Teal`    | 29FCC4 → 00AF2F                    | `green500`       |
+ * | `blue`  | `Gradient/Icon-Subtract-Blue`| 5096FF → `blue500`                 | `blue300`        |
+ */
+type GaugeChartGradient = "amber" | "teal" | "blue";
+
+/**
+ * A gauge's single metric. Unlike the shared `ChartDataItem`, `color` is
+ * optional — omit it and the default gauge derives the arc color from the
+ * value through `getGaugeStatusColor`.
+ */
+interface GaugeChartDataItem extends Omit<ChartDataItem, "color"> {
+    color?: string;
+}
+interface GaugeChartProps extends Omit<ChartProps, "data"> {
+    /**
+     * Single metric to plot. Widened rather than narrowed to
+     * `GaugeChartDataItem[]` because `ExtendedChartProps` intersects these props
+     * with the other charts', where the shared union still has to be accepted.
+     */
+    data: ChartProps["data"] | GaugeChartDataItem[];
     /** Highest target value used to calculate how much of the gauge arc is filled. */
     maxValue?: number;
+    /**
+     * Applies the gradient treatment: a 270° ring with the named ramp filling
+     * the value arc, an ambient glow behind the value, and a muted `%` suffix.
+     * Replaces the default arc, dividers, and the data item's `color`.
+     */
+    variant?: GaugeChartGradient;
     /** Optional content shown below the numeric value inside the gauge. */
     customLabelComponent?: ReactNode;
     /** Optional dimensional overrides for compact or expanded gauge layouts. */
@@ -2566,7 +2788,7 @@ interface GaugeChartProps extends ChartProps {
         textTop?: string;
     };
 }
-declare const GaugeChart: ({ data, maxValue, customLabelComponent, styleProps, }: GaugeChartProps) => react.JSX.Element;
+declare const GaugeChart: ({ data, maxValue, variant, customLabelComponent, styleProps, }: GaugeChartProps) => react.JSX.Element;
 
 interface BarProps {
     /** Data key to read from each item's `barData` object. */
@@ -2694,6 +2916,21 @@ type ExtendedDataPoint = {
     /** Numeric value rendered by the default `variableA` radar series. */
     variableA?: number;
 } & DataPoint;
+/**
+ * Design-approved data-viz ramps for a radar series.
+ *
+ * Each key is the `gradient-token` label on the matching widget in Figma
+ * `Spider Chart` (274417:44533), camelCased the same way `GradientVarsType`
+ * camelCases the Figma path:
+ *
+ * | Key          | Figma token                     | Theme token                  |
+ * | ------------ | ------------------------------- | ---------------------------- |
+ * | `pinkPurple` | `Gradient/Data-Viz-Pink-Purple` | `gradientDataVizPinkPurple`  |
+ * | `cyanBlue`   | `Gradient/Data-Viz-Cyan-Blue`   | `gradientDataVizCyanBlue`    |
+ * | `orangeGold` | `Gradient/Data-Viz-Orange-Gold` | `gradientDataVizOrangeGold`  |
+ * | `blueDark`   | `Gradient/Data-Viz-Blue-Dark`   | `gradientDataVizBlueDark`    |
+ */
+type SpiderChartGradient = "pinkPurple" | "cyanBlue" | "orangeGold" | "blueDark";
 type RadarType = {
     /** Legend and tooltip name for the radar series. */
     name: string;
@@ -2703,6 +2940,20 @@ type RadarType = {
     fill?: string;
     /** CSS gradient or tokenized background used by the custom radar shape. */
     background?: string;
+    /**
+     * Applies the gradient treatment: the named data-viz ramp fills the radar
+     * area, the ramp's paired accent draws the outline, and each data vertex
+     * gets a ring in the same accent over a translucent fill. Sets
+     * `background`, `stroke` and `dot` unless those are given explicitly.
+     */
+    gradient?: SpiderChartGradient;
+    /**
+     * Outline color for the radar polygon. Defaults to the accent paired with
+     * `gradient`; without either, the polygon has no outline.
+     */
+    stroke?: string;
+    /** Renders a ring at each data vertex, stroked in the outline color. */
+    dot?: boolean;
     /** Optional Recharts shape override for the radar polygon. */
     shape?: ReactElement;
 };
@@ -4777,6 +5028,7 @@ declare const OracleLogoColored: (props: SvgIconProps) => react.JSX.Element;
 declare function OrgSwitcherWeak(props: SvgIconProps): react.JSX.Element;
 declare function OrgSwitcherMedium(props: SvgIconProps): react.JSX.Element;
 declare function OrgSwitcherDefault(props: SvgIconProps): react.JSX.Element;
+declare function OrgSwitcher(props: SvgIconProps): react.JSX.Element;
 
 declare const index_d_A2a: typeof A2a;
 declare const index_d_API: typeof API;
@@ -5557,6 +5809,7 @@ declare const index_d_OracleServicesSecurityLists: typeof OracleServicesSecurity
 declare const index_d_OracleServicesSubnet: typeof OracleServicesSubnet;
 declare const index_d_OracleServicesUser: typeof OracleServicesUser;
 declare const index_d_OracleServicesVirtualNetwork: typeof OracleServicesVirtualNetwork;
+declare const index_d_OrgSwitcher: typeof OrgSwitcher;
 declare const index_d_OrgSwitcherDefault: typeof OrgSwitcherDefault;
 declare const index_d_OrgSwitcherMedium: typeof OrgSwitcherMedium;
 declare const index_d_OrgSwitcherWeak: typeof OrgSwitcherWeak;
@@ -6587,6 +6840,7 @@ declare namespace index_d {
     index_d_OracleServicesSubnet as OracleServicesSubnet,
     index_d_OracleServicesUser as OracleServicesUser,
     index_d_OracleServicesVirtualNetwork as OracleServicesVirtualNetwork,
+    index_d_OrgSwitcher as OrgSwitcher,
     index_d_OrgSwitcherDefault as OrgSwitcherDefault,
     index_d_OrgSwitcherMedium as OrgSwitcherMedium,
     index_d_OrgSwitcherWeak as OrgSwitcherWeak,
@@ -7156,6 +7410,16 @@ declare const gradientStopColors: {
     readonly secondaryBlueStrong: "#021d60";
     readonly secondaryBlueHoverWeak: "#b3cbe7";
 };
+declare const cardInsightGlow = "0px 4px 17px rgba(10, 96, 255, 0.4)";
+declare const cardGlassShadow = "0px 12px 48px rgba(0, 0, 0, 0.25)";
+declare const cardGlassBlur = "40px";
+declare const cardConnectorShadow = "6px 0px 4px rgba(13, 22, 34, 0.25)";
+declare const cardConnectorBlur = "30px";
+declare const alertCriticalText = "#eb4651";
+declare const alertWarningText = "#ffae4c";
+declare const cardAlertShadow = "0px 4px 4px rgba(0, 0, 0, 0.1)";
+declare const toastGlow = "0px -1px 34px rgba(10, 96, 255, 0.2)";
+declare const toastGlowStrong = "0px -1px 34px rgba(10, 96, 255, 0.4)";
 declare const lightModeCardLifted = "0px 4px 4px rgba(200, 213, 245, 0.33)";
 declare const lightModeCardSubtle = "0px 2px 5px rgba(200, 213, 245, 0.4)";
 declare const lightModeCardRaised = "0px 4px 12px rgba(200, 213, 245, 0.5)";
@@ -7646,6 +7910,91 @@ declare const OS_LIGHT_COLORS: {
         outshiftLogoDark: string;
     };
 };
+declare const darkNavy100 = "#1e293b";
+declare const darkNavy200 = "#0a141f";
+declare const darkNavy300 = "#0f1623";
+declare const darkNavy400 = "#060a0f";
+declare const darkNavyPalette: {
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+};
+declare const electricBlue300 = "#0ab6ff";
+declare const electricBlue500 = "#558bff";
+declare const electricBlue700 = "#1469cc";
+declare const electricBlueAlpha40 = "#558bff66";
+declare const electricBlueAlpha10 = "#558bff19";
+declare const electricBluePalette: {
+    300: string;
+    500: string;
+    700: string;
+    alpha40: string;
+    alpha10: string;
+};
+declare const midnightGradientStops: {
+    readonly graphFlowGray: "#c6c6c6";
+    readonly graphFlowTeal: "#017580";
+    readonly graphFlowMaroon: "#892727";
+    readonly dataVizPink: "#f634a2";
+    readonly dataVizMagenta: "#901f5f";
+    readonly dataVizPurple: "#8118dc";
+    readonly dataVizCyan: "#02c8ff";
+    readonly dataVizTeal: "#197690";
+    readonly dataVizOrange: "#ff9000";
+    readonly dataVizAmber: "#995600";
+    readonly dataVizGold: "#dcae18";
+    readonly dataVizBlue: "#3b82f6";
+    readonly dataVizMint: "#77e7cd";
+    readonly dataVizFadeGray: "#d9d9d9";
+    readonly gaugeArcCyan: "#29b0fc";
+    readonly gaugeArcTealStart: "#29fcc4";
+    readonly gaugeArcTealEnd: "#00af2f";
+    readonly gaugeArcAmber: "#ffae4c";
+    readonly buttonPrimaryFillStart: "#0745b8";
+    readonly buttonPrimaryFillEnd: "#2e6ee5";
+    readonly buttonPrimaryGlowBlue: "#3b76ea";
+    readonly buttonPrimaryGlowCyan: "#00bceb";
+    readonly buttonPrimaryGlowTeal: "#63fff7";
+    readonly iconSubtractBlue: "#5096ff";
+    readonly iconButtonBlueStart: "#043abc";
+    readonly iconButtonBlueMid: "#113ca1";
+    readonly iconButtonBlueEnd: "#011d62";
+    readonly iconButtonGlowBlue: "#3974ff";
+    readonly textWhiteBlueStart: "#ffffff";
+    readonly textWhiteBlueMid: "#9dbcf7";
+    readonly textWhiteBlueEnd: "#3f7def";
+    readonly panelExecBorderBlue: "#0a60ff";
+    readonly panelBorderCyanDark: "#16bdeb";
+    readonly globalBorderSlate: "#3d5066";
+    readonly globalBorderSlateWeak: "#4d6380";
+    readonly globalDividerPink: "#ff007f";
+    readonly graphConnectorBlue: "#c7d3ea";
+    readonly graphNodeFillBlue: "#2972ff";
+    readonly graphNodeFillDark: "#01060d";
+    readonly welcomeCardStart: "#060b26";
+    readonly welcomeCardEnd: "#1a1f37";
+    readonly overlayBlack: "#000000";
+    readonly overlayGray: "#666666";
+    readonly glassWhite: "#ffffff";
+    readonly glassWhiteWeak: "#f1f1f1";
+    readonly glassGlowCyan: "#00bbff";
+    readonly glassGlowPeriwinkle: "#a1a6fe";
+    readonly glassCtaMint: "#74ffc7";
+    readonly glassCtaBlue: "#03b3ff";
+    readonly glassCtaGold: "#ffe070";
+    readonly glassGray: "#999999";
+    readonly glowOrangeStart: "#ff9d00";
+    readonly glowOrangeEnd: "#ffd48e";
+    readonly glowGreenStart: "#11ffc8";
+    readonly glowGreenEnd: "#b3ff81";
+    readonly glowRedStart: "#ff0329";
+    readonly glowRedEnd: "#ff5746";
+    readonly glowBlueStart: "#4a6ac8";
+    readonly glowBlueMid: "#6abfff";
+    readonly glowBlueDeep: "#3b69bc";
+    readonly glowBlueEnd: "#1b4288";
+};
 
 type Gradient = string;
 interface GradientsPalette {
@@ -7687,10 +8036,17 @@ declare const darkVars: VarsType;
 
 declare const iocVars: VarsType;
 
+declare const midnightVars: VarsType;
+
+declare const baseGradientVars: GradientVarsType;
+
+declare const midnightGradientVars: GradientVarsType;
+
 declare enum ThemeMode {
     Light = "light",
     Dark = "dark",
-    IoC = "ioc"
+    IoC = "ioc",
+    Midnight = "midnight"
 }
 interface ThemeModeContextValue {
     mode: ThemeMode;
@@ -7711,5 +8067,5 @@ interface ThemeProviderProps {
 }
 declare const ThemeProvider: ({ children, defaultMode, customTheme, }: ThemeProviderProps) => react__default.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, POPOVER_PLACEMENTS, PageTitle, Pagination, PathDisplay, PickerItem, Popover, PopoverPlacement, PopoverPlacementAlign, PopoverPlacementSide, 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, Widget, 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, iocVars, 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, IWidgetProps, 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, 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 };
+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, CardAlertHeader, 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, POPOVER_PLACEMENTS, PageTitle, Pagination, PathDisplay, PickerItem, Popover, PopoverPlacement, PopoverPlacementAlign, PopoverPlacementSide, 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, StyledTypography as Typography, Upload$1 as Upload, ViewSwitcher, Warning, Widget, agentcyBlue, agentcyDarkBlue, agentcyYellow, alertCriticalText, alertWarningText, augmentTreeData, baseGradientVars, blue100, blue200, blue300, blue400, blue50, blue500, blue600, blue700, blue800, blue900, blueAlpha10, blueAlpha40, blueFocusRingStrong, blueFocusRingWeak, bluePalette, brandColors, capitalize, cardAlertShadow, cardConnectorBlur, cardConnectorShadow, cardGlassBlur, cardGlassShadow, cardInsightGlow, darkModeCardFloating, darkModeCardLifted, darkModeCardRaised, darkModeCardSubtle, darkModeFooterBottom, darkModeSideDrawerLeft, darkModeSideDrawerRight, darkNavy100, darkNavy200, darkNavy300, darkNavy400, darkNavyPalette, darkVars, deepCopyTree, electricBlue300, electricBlue500, electricBlue700, electricBlueAlpha10, electricBlueAlpha40, electricBluePalette, 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, iocVars, 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, midnightGradientStops, midnightGradientVars, midnightVars, 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, toastGlow, toastGlowStrong, 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, CardAlertHeaderProps, CardAlertSeverity, 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, GaugeChartDataItem, GaugeChartGradient, GaugeChartProps, GlobalSearchGroup, GlobalSearchItem, GlobalSearchProps, Gradient, GradientVarsType, GradientsPalette, HeaderAction, HeaderProps, HeaderTooltipMeta, HorizontalBarChartProps, IChartWidgetProps, IWidgetProps, 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, PopoverProps, PopoverSize, RadarType, RadioButtonProps, RadioGroupProps, ScrollAreaProps, SearchInputProps, SelectNodeType, SelectProps, SeverityBadgeLabelProps, SeverityBadgeProps, SeverityBadgeScoreSystemItem, SeverityBarProps, SideDrawerFooterProps, SideDrawerHeaderProps, SideDrawerProps, SkeletonProps, SliderProps, SpiderChartGradient, 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 };