@open-ui-kit/core 1.4.2 → 1.6.0

package/index.d.ts

@@ -1,16 +1,13 @@
+import { Color, TypographyVariant } from '@mui/material/styles';
 import * as React$1 from 'react';
-import React__default, { ReactNode, CSSProperties, ReactElement, ComponentProps, JSX as JSX$1, ComponentType } from 'react';
-import { ColorPartial } from '@mui/material/styles/createPalette';
+import React__default, { ComponentType, CSSProperties, ReactNode, ReactElement, ComponentProps, JSX as JSX$1, ElementType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { BreadcrumbsProps as BreadcrumbsProps$1, TabsProps as TabsProps$1, HeaderProps as HeaderProps$1, LinkProps as LinkProps$1, LinkColorEnum as LinkColorEnum$1, LinkType as LinkType$1, CopyButtonProps as CopyButtonProps$1, TooltipProps as TooltipProps$1, SearchFieldProps as SearchFieldProps$1, IndicatorBadgeProps as IndicatorBadgeProps$1, EmptyStateProps as EmptyStateProps$1, ILegendProps as ILegendProps$1, IWidgetProps as IWidgetProps$1 } from '@/components';
 import * as _mui_material from '@mui/material';
-import { BoxProps, TabProps, AccordionProps as AccordionProps$1, AccordionSummaryProps, SxProps, AlertProps, BadgeProps as BadgeProps$1, TypographyProps, BreadcrumbsProps as BreadcrumbsProps$2, StackOwnProps, Theme, IconButtonProps, Popper, TextFieldProps, PopoverProps, DrawerProps, ButtonProps, MenuProps, SvgIconProps, ListItemProps, StackProps, AppBarProps, CSSProperties as CSSProperties$1, DialogTitleProps, MenuItemProps as MenuItemProps$1, InputProps, CircularProgressProps, TabsProps as TabsProps$2, ChipProps, SwitchProps, TooltipProps as TooltipProps$3, PaginationProps as PaginationProps$1 } from '@mui/material';
-export { Avatar, Backdrop, Box, Button, ButtonGroup, Card, CardActionArea, CardActions, CardContent, CardHeader, Checkbox, Container, Dialog, Divider, Drawer, Fab, Grid, Icon, IconButton, List, ListItem, ListItemButton, Menu, MenuProps, Dialog as Modal, DialogActions as ModalActions, DialogContent as ModalContent, DialogContentText as ModalContentText, DialogProps as ModalProps, Paper, Radio, RadioGroup, Select, Skeleton, Slider, SpeedDial, Stack, Stepper, Typography, debounce } from '@mui/material';
-import * as _emotion_styled from '@emotion/styled';
-import * as _mui_system from '@mui/system';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import { AccordionProps as AccordionProps$1, AccordionSummaryProps, BoxProps, SxProps, AlertProps, BadgeProps as BadgeProps$1, TypographyProps, Theme, SvgIconProps, CSSProperties as CSSProperties$1, BreadcrumbsProps as BreadcrumbsProps$1, IconButtonProps, StackOwnProps, Popper, TextFieldProps, PopoverProps, DrawerProps, TooltipProps as TooltipProps$1, ButtonProps, MenuProps, ListItemProps, StackProps, InputProps, AppBarProps, DialogTitleProps, MenuItemProps as MenuItemProps$1, CircularProgressProps, TabsProps as TabsProps$1, TabProps, ChipProps, SwitchProps, Box, PaginationProps as PaginationProps$1 } from '@mui/material';
+export { Avatar, Backdrop, Box, Button, ButtonGroup, Card, CardActionArea, CardActions, CardContent, CardHeader, Checkbox, Container, Dialog, Divider, Drawer, Fab, Grid, Icon, IconButton, List, ListItem, ListItemButton, Menu, MenuProps, Dialog as Modal, DialogActions as ModalActions, DialogContent as ModalContent, DialogContentText as ModalContentText, DialogProps as ModalProps, Paper, Radio, RadioGroup, Select, Skeleton, Slider, SpeedDial, Stack, Stepper, Typography, debounce, useTheme } from '@mui/material';
+import { LinkProps as LinkProps$1, To } from 'react-router-dom';
+import { TextFieldProps as TextFieldProps$1 } from '@mui/material/TextField';
 import { TimelineProps } from '@mui/lab';
-import { IconPosition as IconPosition$1, GeneralSize as GeneralSize$1, Severity as Severity$1, FlattenedSelectTreeData as FlattenedSelectTreeData$1 } from '@/common';
 import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
 import { DateTimePickerProps as DateTimePickerProps$1 } from '@mui/x-date-pickers/DateTimePicker';
 import { DatePickerProps as DatePickerProps$1 } from '@mui/x-date-pickers/DatePicker';
@@ -22,19 +19,12 @@ import { StaticDateTimePickerProps } from '@mui/x-date-pickers/StaticDateTimePic
 export { StaticDateTimePickerProps } from '@mui/x-date-pickers/StaticDateTimePicker';
 import { StaticDatePickerProps } from '@mui/x-date-pickers/StaticDatePicker';
 export { StaticDatePickerProps } from '@mui/x-date-pickers/StaticDatePicker';
-import { AugmentedSelectNodeType as AugmentedSelectNodeType$1, SelectNodeType as SelectNodeType$1, FlattenSelectTreeArgs as FlattenSelectTreeArgs$1 } from '@/types';
-import { ButtonProps as ButtonProps$1 } from '@mui/material/Button/Button';
-import { LinkProps as LinkProps$2, To } from 'react-router-dom';
-import { TooltipProps as TooltipProps$2 } from '@/components/tooltip/components/tooltip';
-import { TextFieldProps as TextFieldProps$1 } from '@mui/material/TextField';
 import { MRT_RowData, MRT_TableOptions, MRT_Cell, MRT_TableInstance } from 'material-react-table';
-import { TypographyVariant } from '@mui/material/styles/createTypography';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import { Toaster as Toaster$1 } from 'sonner';
-import { ChartProps as ChartProps$1, ChartDataItem as ChartDataItem$1, ExtendedChartProps as ExtendedChartProps$1, ConditionalPropsByType as ConditionalPropsByType$1 } from '@/charts';
-import { CategoricalChartFunc } from 'recharts/types/chart/generateCategoricalChart';
-import { TooltipProps as TooltipProps$4, XAxisProps, YAxisProps, LineProps, CartesianGridProps } from 'recharts';
 import { ContentType } from 'recharts/types/component/Tooltip';
-import { GradientsPalette as GradientsPalette$1 } from '@/types/palette';
+import { CategoricalChartFunc } from 'recharts/types/chart/generateCategoricalChart';
+import { TooltipProps as TooltipProps$2, XAxisProps, YAxisProps, LineProps, CartesianGridProps } from 'recharts';
 export { StaticTimePickerProps } from '@mui/x-date-pickers/StaticTimePicker';
 
 interface VarsType {
@@ -369,7 +359,7 @@ declare module "@mui/material/styles" {
         orange?: PaletteOptions["primary"];
         vars?: VarsType;
     }
-    interface PaletteColor extends ColorPartial {
+    interface PaletteColor extends Partial<Color> {
     }
     interface BreakpointOverrides {
         xs: true;
@@ -439,31 +429,6 @@ declare module "@mui/material/Typography" {
 }
 //# sourceMappingURL=theme.d.ts.map
 
-type SubNavItem = TabProps & {
-    href?: string;
-    selected?: boolean;
-};
-interface BasePageProps {
-    children: ReactNode;
-    containerProps?: BoxProps;
-    breadcrumbs?: BreadcrumbsProps$1["items"];
-    title: ReactNode;
-    description?: ReactNode;
-    rightSideItems?: ReactNode;
-    tabsProps?: TabsProps$1;
-    subNav?: SubNavItem[];
-    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;
-    showHeader?: boolean;
-    headerProps?: HeaderProps$1;
-    showSideNav?: boolean;
-}
-declare const Layout: ({ showHeader, showSideNav, headerProps, content, }: LayoutProps) => react_jsx_runtime.JSX.Element;
-
 interface AccordionProps extends AccordionProps$1 {
     contained?: boolean;
     size?: "medium" | "large";
@@ -476,13 +441,11 @@ interface AccordionProps extends AccordionProps$1 {
 }
 declare const Accordion: ({ contained, size, arrowPosition, useDotsStyle, title, subTitle, accordionSummaryProps, detailsContentBoxProps, children, ...props }: AccordionProps) => react_jsx_runtime.JSX.Element;
 
-declare const StyledAccordionSummary: _emotion_styled.StyledComponent<_mui_material.AccordionSummaryOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React$1.RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "disabled" | "slots" | "slotProps" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
+declare const StyledAccordionSummary: ComponentType<AccordionSummaryProps & {
     contained?: boolean;
     arrowPosition?: "left" | "right";
     mediumSize?: boolean;
-}, {}, {}>;
+}>;
 
 declare enum ActivityTimelineStepStatus {
     InProgress = "in-progress",
@@ -542,18 +505,257 @@ interface BadgeProps {
 }
 declare const Badge: ({ type, content, styleBadge, notificationContent, styleContent, }: BadgeProps) => react_jsx_runtime.JSX.Element;
 
+declare enum Severity {
+    LOW = "LOW",
+    MEDIUM = "MEDIUM",
+    HIGH = "HIGH",
+    CRITICAL = "CRITICAL",
+    INFORMATION = "INFORMATION"
+}
+type TrendStatus = "good" | "bad" | "neutral";
+type TrendDirection = "up" | "down" | "neutral";
+
+declare const SEVERITY_VALUE: Record<Severity, number>;
+declare enum GeneralSize {
+    Large = "large",
+    Medium = "medium",
+    Small = "small"
+}
+declare enum IconPosition {
+    NoIcon = "no-icon",
+    LeftIcon = "left-icon",
+    RightIcon = "right-icon"
+}
+
+declare const EMPTY_FUNCTION: () => void;
+declare const capitalize: (str: string) => string;
+declare const getColorBySeverity: (severity: Severity, theme: Theme) => string;
+declare const normalizeSeverity: (severity: unknown) => Severity;
+declare const sortBySeverity: (a?: Severity, b?: Severity) => 0 | 1 | -1;
+
+declare const useDebouncedValue: (value: any, delay: number) => any;
+//# sourceMappingURL=timing.d.ts.map
+
+type Gradient = string;
+interface GradientsPalette {
+    illustrations: {
+        blue: Gradient;
+        rainbow: Gradient;
+        purple: Gradient;
+        green: Gradient;
+        lightBlue: Gradient;
+        pink: Gradient;
+    };
+    primary: {
+        default: Gradient;
+        pressed: Gradient;
+        hover: Gradient;
+    };
+    secondary: {
+        default: Gradient;
+        pressed: Gradient;
+        hover: Gradient;
+    };
+    red: {
+        default: Gradient;
+        pressed: Gradient;
+        hover: Gradient;
+    };
+    background: {
+        light: Gradient;
+        dark: Gradient;
+    };
+}
+
+interface FlattenSelectTreeArgs {
+    rootNode: AugmentedSelectNodeType[];
+    nestLevel?: number;
+    searchText?: string;
+}
+interface SelectNodeType<T = unknown> {
+    value: string | number;
+    childNodes?: Array<SelectNodeType<T>>;
+    valueFormatter?: (value: string | number) => string;
+    isSelectable: boolean;
+    icon?: React.ElementType<SvgIconProps> | null;
+    isSelected?: boolean;
+    /**
+     * An optional key that uniquely identifies the node within the tree, in case `value` is not a unique identifier.
+     * Only used as a key for the ListItem component, and not for any other purpose.
+     */
+    nodeKey?: string;
+    /**
+     * An optional field for any data you want to associate with the node.
+     * This can be of any type and is typically used for storing custom additional data relevant to the node.
+     */
+    linkedData?: T;
+}
+interface AugmentedSelectNodeType<T = unknown> extends SelectNodeType<T> {
+    childNodes?: Array<AugmentedSelectNodeType<T>>;
+    /**
+     * A flag indicating whether the node is expanded (shows its children).
+     */
+    isExpanded?: boolean;
+    /**
+     * The nesting level of the node in the tree, used internally for rendering purposes.
+     */
+    nestLevel?: number;
+    /**
+     * A reference to the parent node, used internally for tree traversal.
+     */
+    parentNode?: AugmentedSelectNodeType<T> | null;
+    /**
+     * The count of selected leaf nodes within this node's subtree.
+     */
+    selectedLeavesCount?: number;
+    /**
+     * The count of selectable leaf nodes within this node's subtree.
+     */
+    selectableLeavesCount?: number;
+    /**
+     * The total number of leaf nodes within this node's subtree.
+     */
+    leavesCount?: number;
+}
+
+declare const flattenSelectTreeWithoutSearch: (rootNode: AugmentedSelectNodeType[], nestLevel?: number) => Array<AugmentedSelectNodeType>;
+/**
+ * Builds a string representation of the node's value using its formatter function, if available.
+ *
+ * @param selectNode - The node to build the value for.
+ * @returns A string representation of the node's value.
+ */
+declare const formatNodeValue: (selectNode: AugmentedSelectNodeType) => string;
+/**
+ * Collects nodes from a given node up to the first node already included in the flattened list
+ * and pushes them in reverse order.
+ *
+ * @param pushNode - The starting node to begin pushing.
+ * @param flattenedTree - The list to push nodes into.
+ * @param flattenedSet - A set of already included nodes.
+ */
+declare const upwardsPush: (pushNode: AugmentedSelectNodeType | null, flattenedTree: AugmentedSelectNodeType[], flattenedSet: Set<AugmentedSelectNodeType>) => void;
+/**
+ * Flattens a tree structure into a list of nodes while filtering nodes based on the search text.
+ * Ensures that parent nodes of matching nodes are also included if they are expanded.
+ *
+ * @param rootNode - The root node(s) of the tree to flatten.
+ * @param nestLevel - The starting nesting level for the nodes (default is 0).
+ * @param searchText - Text to filter nodes by.
+ * @returns A flattened list of nodes that match the search text.
+ */
+declare const flattenSelectTreeWithSearch: ({ rootNode, nestLevel, searchText, }: FlattenSelectTreeArgs) => Array<AugmentedSelectNodeType>;
+/**
+ * Flattens a tree structure into a list of nodes.
+ * If `searchText` is provided, filters nodes based on the search text.
+ *
+ * @param rootNode - The root node(s) of the tree to flatten.
+ * @param nestLevel - The starting nesting level for the nodes (default is 0).
+ * @param searchText - Text to filter nodes by (default is an empty string).
+ * @returns A flattened list of nodes.
+ */
+interface FlattenedSelectTreeData {
+    flattenedSelectTreeWithSearch: Array<AugmentedSelectNodeType>;
+    flattenedSelectTreeWithoutSearch: Array<AugmentedSelectNodeType>;
+}
+declare const flattenSelectTree: ({ rootNode, nestLevel, searchText, }: FlattenSelectTreeArgs) => FlattenedSelectTreeData;
+declare const augmentTreeData: (rootNode: AugmentedSelectNodeType | AugmentedSelectNodeType[]) => void;
+/**
+ * Determines if a given node is a leaf node.
+ * A leaf node has no child nodes.
+ *
+ * @param selectNode - The node to check.
+ * @returns `true` if the node is a leaf, `false` otherwise.
+ */
+declare const isLeaf: (selectNode: AugmentedSelectNodeType) => boolean;
+/**
+ * Calculates the total number of leaves and selected leaves across the tree.
+ *
+ * @param selectTree - The list of nodes to calculate.
+ * @returns An object containing `totalSelectedLeavesCount` and `totalLeavesCount`, with -1, and 0 respectively if invalid.
+ */
+declare const getLeafCounts: (selectTree: AugmentedSelectNodeType[]) => {
+    totalSelectedLeavesCount: number;
+    totalSelectableLeavesCount: number;
+    totalLeavesCount: number;
+};
+/**
+ * Finds and returns all selected leaf nodes from a given tree.
+ *
+ * @param rootNode - The root node(s) of the tree to search.
+ * @returns A list of selected leaf nodes.
+ */
+declare const getAllSelectedLeaves: (rootNode: AugmentedSelectNodeType | AugmentedSelectNodeType[]) => Array<AugmentedSelectNodeType>;
+/**
+ * Finds and returns all selected parent nodes from a given tree.
+ *
+ * @param selectTree - The list of nodes to filter.
+ * @returns A list of selected parent nodes.
+ */
+declare const getAllSelectedParents: (selectTree: AugmentedSelectNodeType[]) => Array<AugmentedSelectNodeType>;
+declare const setSelectedMainSkillCategories: (fullflattenedTreeOptions: AugmentedSelectNodeType[]) => AugmentedSelectNodeType[];
+declare const deepCopyTree: (rootNode?: AugmentedSelectNodeType[]) => AugmentedSelectNodeType[];
+declare const getChildrenOfTopLevelNode: (topLevelNode: AugmentedSelectNodeType) => AugmentedSelectNodeType[];
+declare const mergeNodeChildrenValueToText: (children: AugmentedSelectNodeType[]) => string;
+
+declare const ellipsisStyle: CSSProperties;
+declare const checkboxStyle: {
+    padding: number;
+    marginLeft: number;
+    borderRadius: number;
+    "& + *": {
+        marginLeft: number;
+    };
+};
+
+declare const selectTreeExample: Array<AugmentedSelectNodeType>;
+declare const baseSelectTree: Array<AugmentedSelectNodeType>;
+declare const singleSelectTree: AugmentedSelectNodeType[];
+
+type LinkVariants = "body1" | "body2" | "caption";
+interface LinkColorStatus {
+    disabled: boolean;
+    pressed: boolean;
+    hovered: boolean;
+}
+declare enum LinkType {
+    UnderlineRegular = "underlineRegular",
+    StandaloneRegular = "standaloneRegular",
+    StandaloneBold = "standaloneBold"
+}
+declare enum LinkColorEnum {
+    Primary = "primary",
+    Secondary = "secondary"
+}
+interface LinkProps extends Omit<LinkProps$1, "to"> {
+    Icon?: React.ElementType<SvgIconProps>;
+    color?: LinkColorEnum;
+    customizeColor?: ({ disabled, pressed, hovered }: LinkColorStatus) => string;
+    disabled?: boolean;
+    ellipsis?: boolean;
+    fontStyle?: CSSProperties$1;
+    href?: To;
+    iconPosition?: IconPosition;
+    linkType?: LinkType;
+    openInNewTab?: boolean;
+    size?: GeneralSize;
+    sx?: CSSProperties$1;
+}
+
+declare const Link$1: ({ Icon, children, color, customizeColor, disabled, ellipsis, fontStyle, href, iconPosition, linkType, openInNewTab, size, style, ...props }: LinkProps) => react_jsx_runtime.JSX.Element;
+
 interface BreadcrumbItem {
-    Icon?: LinkProps$1["Icon"];
+    Icon?: LinkProps["Icon"];
     text: string;
     link?: string;
-    iconPosition?: IconPosition$1;
+    iconPosition?: IconPosition;
 }
-interface BreadcrumbsProps extends BreadcrumbsProps$2 {
-    iconPosition?: IconPosition$1;
+interface BreadcrumbsProps extends BreadcrumbsProps$1 {
+    iconPosition?: IconPosition;
     items: BreadcrumbItem[];
-    color?: LinkColorEnum$1;
-    type?: LinkType$1;
-    size?: GeneralSize$1;
+    color?: LinkColorEnum;
+    type?: LinkType;
+    size?: GeneralSize;
     maximumNumberOfVisibleBreadcrumbs?: number;
 }
 declare const Breadcrumbs: ({ iconPosition, items, size, sx, color, type, maximumNumberOfVisibleBreadcrumbs, }: BreadcrumbsProps) => react_jsx_runtime.JSX.Element;
@@ -570,13 +772,6 @@ interface CardSubheaderProps extends TypographyProps {
 declare const CardSubheader: ({ children, ...props }: CardSubheaderProps) => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=card-subheader.d.ts.map
 
-interface CodeBlockProps extends Omit<SyntaxHighlighterProps, "children"> {
-    containerProps?: StackOwnProps;
-    text: string;
-    copyButtonProps?: Omit<CopyButtonProps$1, "text">;
-}
-declare const CodeBlock: (props: CodeBlockProps) => react_jsx_runtime.JSX.Element;
-
 interface CopyButtonStylesProps {
     position?: CopyButtonPosition;
     theme?: Theme;
@@ -593,6 +788,13 @@ interface CopyButtonProps extends IconButtonProps, CopyButtonStylesProps {
 }
 declare const CopyButton: ({ text, position, top, bottom, left, right, onCopy, ...props }: CopyButtonProps) => react_jsx_runtime.JSX.Element;
 
+interface CodeBlockProps extends Omit<SyntaxHighlighterProps, "children"> {
+    containerProps?: StackOwnProps;
+    text: string;
+    copyButtonProps?: Omit<CopyButtonProps, "text">;
+}
+declare const CodeBlock: (props: CodeBlockProps) => react_jsx_runtime.JSX.Element;
+
 interface DateTimePickerProps extends DateTimePickerProps$1<Dayjs> {
     label?: string;
     textFieldStyles?: SxProps;
@@ -634,7 +836,7 @@ interface DrawerShellHeaderProps {
     titleText?: string;
     titleNode?: React.ReactNode;
     titleAction?: JSX.Element;
-    severity?: Severity$1;
+    severity?: Severity;
     copyURL: string;
     customDividerStyle?: CSSProperties;
     isFavorite?: boolean;
@@ -670,13 +872,23 @@ interface DrawerShellProps extends Omit<DrawerProps, "onClose">, DrawerShellHead
 }
 declare const DrawerShell: ({ children, titleText, titleNode, open, isLoading, isError, isFavorite, severity, titleAction, copyURL, actionButtons, pageName, disablePrev, disableNext, hidePrev, hideNext, hideTitleAction, hideFooter, hideGotoPage, hideFavorite, hideCopyBtn, hideActionButtons, customDividerStyle, onPrev, onNext, onClose, onFavorite, onGotoPage, onTitleAction, onCopyLink, paperProps, ...props }: DrawerShellProps) => react_jsx_runtime.JSX.Element;
 
+declare enum TooltipSize {
+    Medium = "medium",
+    Large = "large"
+}
+
+interface TooltipProps extends TooltipProps$1 {
+    size?: TooltipSize;
+}
+declare const Tooltip: ({ size, children, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
 type ValueType = string | number;
 interface DropdownOption<T extends ValueType> {
     label: string;
     value: T;
     icon?: JSX.Element;
     customElement?: JSX.Element;
-    menuItemTooltipProps?: Partial<TooltipProps$1>;
+    menuItemTooltipProps?: Partial<TooltipProps>;
 }
 interface DropdownProps<T extends ValueType> {
     onChange: (selected: DropdownOption<T>) => void;
@@ -690,7 +902,7 @@ interface DropdownProps<T extends ValueType> {
     endIcon?: JSX.Element;
     showSelectedOption?: boolean;
     fixedWidth?: boolean;
-    buttonTooltipProps?: Partial<TooltipProps$1>;
+    buttonTooltipProps?: Partial<TooltipProps>;
 }
 declare const Dropdown: <T extends ValueType>({ onChange, options, selected, buttonProps, isActive, label, menuProps, startIcon, endIcon, showSelectedOption, fixedWidth, buttonTooltipProps, }: DropdownProps<T>) => JSX.Element;
 
@@ -701,7 +913,7 @@ interface DropdownAutocompleteTreeListboxProps {
     onSelectAllChange?: (isSelected: boolean) => void;
     searchPlaceholder?: string;
     searchText?: string;
-    selectAllNode: AugmentedSelectNodeType$1;
+    selectAllNode: AugmentedSelectNodeType;
     setSearchText?: (text: string) => void;
     virtualizationOverscanPx?: number;
 }
@@ -710,29 +922,29 @@ declare const DropdownAutocompleteTreeListbox: ({ children, isIconAllowed, isSea
 interface UseDropdownAutocompleteTreeProps {
     parentSelectOnly?: boolean;
     selectAllIcon?: React.ElementType<SvgIconProps> | null;
-    treeData: SelectNodeType$1[];
+    treeData: SelectNodeType[];
 }
 declare const useDropdownAutocompleteTree: ({ parentSelectOnly, selectAllIcon: SelectAllIcon, treeData, }: UseDropdownAutocompleteTreeProps) => {
-    flattenedTreeOptions: FlattenedSelectTreeData$1;
+    flattenedTreeOptions: FlattenedSelectTreeData;
     onSelectAllChange: (isSelected: boolean) => void;
     searchText: string;
     searchTextDebounced: any;
-    selectAllNode: AugmentedSelectNodeType$1<unknown>;
-    selectedValues: SelectNodeType$1<unknown>[];
+    selectAllNode: AugmentedSelectNodeType<unknown>;
+    selectedValues: SelectNodeType<unknown>[];
     setSearchText: React$1.Dispatch<React$1.SetStateAction<string>>;
-    setSelectedValues: React$1.Dispatch<React$1.SetStateAction<SelectNodeType$1<unknown>[]>>;
+    setSelectedValues: React$1.Dispatch<React$1.SetStateAction<SelectNodeType<unknown>[]>>;
     toggleExpand: ({ selectNode, isExpanded, isRecursive, }: {
-        selectNode: AugmentedSelectNodeType$1 | AugmentedSelectNodeType$1[];
+        selectNode: AugmentedSelectNodeType | AugmentedSelectNodeType[];
         isExpanded?: boolean | null;
         isRecursive?: boolean;
     }) => void;
-    updateCheckbox: (selectNode: AugmentedSelectNodeType$1 | AugmentedSelectNodeType$1[], isSelected: boolean) => void;
+    updateCheckbox: (selectNode: AugmentedSelectNodeType | AugmentedSelectNodeType[], isSelected: boolean) => void;
 };
 
 interface DropdownAutocompleteTreeProps {
     buttonContent: ReactNode;
     buttonSize?: "medium" | "large";
-    flattenedTreeOptions: AugmentedSelectNodeType$1[];
+    flattenedTreeOptions: AugmentedSelectNodeType[];
     id?: string;
     isIconAllowed?: boolean;
     isSearchFieldEnabled?: boolean;
@@ -740,12 +952,12 @@ interface DropdownAutocompleteTreeProps {
     parentSelectOnly?: boolean;
     searchText: string;
     selectAllIcon?: React.ElementType<SvgIconProps>;
-    selectAllNode: AugmentedSelectNodeType$1;
+    selectAllNode: AugmentedSelectNodeType;
     setSearchText: (text: string) => void;
     toggleExpand: (args: {
-        selectNode: AugmentedSelectNodeType$1;
+        selectNode: AugmentedSelectNodeType;
     }) => void;
-    updateCheckbox: (selectNode: AugmentedSelectNodeType$1, isSelected: boolean) => void;
+    updateCheckbox: (selectNode: AugmentedSelectNodeType, isSelected: boolean) => void;
     popOverPaperSx?: SxProps;
     buttonProps?: ButtonProps;
 }
@@ -788,7 +1000,7 @@ type Direction = "row" | "column";
 interface EmptyStateProps {
     variant?: Variant;
     direction?: Direction;
-    size?: GeneralSize$1;
+    size?: GeneralSize;
     title?: string;
     description?: string;
     actionCallback?: () => void;
@@ -801,8 +1013,8 @@ declare const EmptyState: ({ variant, direction, size, title, description, actio
 type FavoriteButtonProps = {
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     isChecked?: boolean;
-    tooltipProps?: Partial<TooltipProps$1>;
-    buttonProps?: ButtonProps$1;
+    tooltipProps?: Partial<TooltipProps>;
+    buttonProps?: ButtonProps;
     withBackground?: boolean;
 };
 declare const FavoriteButton: ({ onClick, isChecked, tooltipProps, buttonProps, withBackground, }: FavoriteButtonProps) => react_jsx_runtime.JSX.Element;
@@ -811,10 +1023,18 @@ interface FooterProps {
     productNode?: React__default.ReactNode;
     productName: string;
     productLink?: string;
-    links?: LinkProps$1[];
+    links?: LinkProps[];
 }
 declare const Footer: React__default.FC<FooterProps>;
 
+interface SearchFieldProps extends Omit<TextFieldProps$1, "inputProps"> {
+    inputProps?: InputProps;
+    onChangeCallback?: (value: string) => void;
+    onClear?: () => void;
+    extendEndAdornment?: React__default.JSX.Element;
+}
+declare const SearchField: ({ inputProps, slotProps, onChangeCallback, extendEndAdornment, onClear, ...props }: SearchFieldProps) => react_jsx_runtime.JSX.Element;
+
 interface HeaderAction {
     id: string;
     tooltip?: string;
@@ -838,7 +1058,7 @@ interface HeaderProps {
      * Configuration object for the search field.
      * If undefined, the search field will not be rendered.
      */
-    searchProps?: SearchFieldProps$1;
+    searchProps?: SearchFieldProps;
     /**
      * A custom search field component to override the default search field.
      * If provided, this will be used instead of the default searchProps.
@@ -898,42 +1118,10 @@ interface TRow<T extends string> {
         [K in T]: string | number | JSX$1.Element;
     };
     tooltip?: React.ReactNode;
-    tooltipProps?: Partial<TooltipProps$1>;
+    tooltipProps?: Partial<TooltipProps>;
 }
 declare const Legend$1: <T extends string>({ headers, rows, isHorizontal, }: ILegendProps<T>) => react_jsx_runtime.JSX.Element;
 
-type LinkVariants = "body1" | "body2" | "caption";
-interface LinkColorStatus {
-    disabled: boolean;
-    pressed: boolean;
-    hovered: boolean;
-}
-declare enum LinkType {
-    UnderlineRegular = "underlineRegular",
-    StandaloneRegular = "standaloneRegular",
-    StandaloneBold = "standaloneBold"
-}
-declare enum LinkColorEnum {
-    Primary = "primary",
-    Secondary = "secondary"
-}
-interface LinkProps extends Omit<LinkProps$2, "to"> {
-    Icon?: React.ElementType<SvgIconProps>;
-    color?: LinkColorEnum;
-    customizeColor?: ({ disabled, pressed, hovered }: LinkColorStatus) => string;
-    disabled?: boolean;
-    ellipsis?: boolean;
-    fontStyle?: CSSProperties$1;
-    href?: To;
-    iconPosition?: IconPosition$1;
-    linkType?: LinkType;
-    openInNewTab?: boolean;
-    size?: GeneralSize$1;
-    sx?: CSSProperties$1;
-}
-
-declare const Link$1: ({ Icon, children, color, customizeColor, disabled, ellipsis, fontStyle, href, iconPosition, linkType, openInNewTab, size, style, ...props }: LinkProps) => react_jsx_runtime.JSX.Element;
-
 declare const LoadingErrorState: () => JSX.Element;
 
 declare const ModalTitle: ({ children, ...props }: DialogTitleProps) => react_jsx_runtime.JSX.Element;
@@ -941,15 +1129,15 @@ declare const ModalTitle: ({ children, ...props }: DialogTitleProps) => react_js
 declare const ModalSubtitle: ({ children, ...props }: DialogTitleProps) => react_jsx_runtime.JSX.Element;
 
 interface MenuItemProps extends MenuItemProps$1 {
-    href?: LinkProps$1["href"];
+    href?: LinkProps["href"];
     openInNewTab?: boolean;
     ellipsis?: boolean;
-    iconPosition?: LinkProps$1["iconPosition"];
-    Icon?: LinkProps$1["Icon"];
+    iconPosition?: LinkProps["iconPosition"];
+    Icon?: LinkProps["Icon"];
 }
 declare const MenuItem: ({ children, disabled, ellipsis, href, Icon, iconPosition, openInNewTab, ...props }: MenuItemProps) => react_jsx_runtime.JSX.Element;
 
-interface OverflowTooltipProps extends Omit<TooltipProps$1, "title" | "children"> {
+interface OverflowTooltipProps extends Omit<TooltipProps, "title" | "children"> {
     value: React.ReactNode;
     someLongText: React.ReactNode;
     ellipsisDirection?: "start" | "end";
@@ -960,24 +1148,16 @@ declare const OverflowTooltip: ({ value, someLongText, ellipsisDirection, styleT
 type PathDisplayProps = {
     path: string;
     numberOfLevels?: number;
-    tooltipProps?: TooltipProps$2;
+    tooltipProps?: TooltipProps;
     TypographyProps?: TypographyProps;
 };
 declare const PathDisplay: ({ path, numberOfLevels, tooltipProps, TypographyProps, }: PathDisplayProps) => react_jsx_runtime.JSX.Element | null;
 
-interface SearchFieldProps extends Omit<TextFieldProps$1, "inputProps"> {
-    inputProps?: InputProps;
-    onChangeCallback?: (value: string) => void;
-    onClear?: () => void;
-    extendEndAdornment?: React__default.JSX.Element;
-}
-declare const SearchField: ({ inputProps, slotProps, onChangeCallback, extendEndAdornment, onClear, ...props }: SearchFieldProps) => react_jsx_runtime.JSX.Element;
-
 interface SeverityBarProps {
     /**
      * Severity of the bar
      */
-    severity: Severity$1;
+    severity: Severity;
     /**
      * Styling for the bar
      */
@@ -989,7 +1169,7 @@ interface SeverityBadgeProps {
     /**
      * Set a type if you want to display the badge in severity colors.
      */
-    severity?: Severity$1;
+    severity?: Severity;
     /**
      * Set a value if you want to display the badge in score system colors.
      * `severity` param overrides this behaviour.
@@ -1000,7 +1180,7 @@ interface SeverityBadgeProps {
      */
     scoreSystem?: SeverityBadgeScoreSystemItem[];
 }
-interface SeverityBadgeConfiguration extends IndicatorBadgeProps$1 {
+interface SeverityBadgeConfiguration extends IndicatorBadgeProps {
     label?: string;
 }
 interface SeverityBadgeScoreSystemItem {
@@ -1021,6 +1201,44 @@ interface SeverityBadgeLabelProps extends SeverityBadgeProps {
 
 declare const SeverityBadgeLabel: ({ label, scoreSystem, severity, containerStackProps, labelTypographyProps, value, }: SeverityBadgeLabelProps) => JSX.Element;
 
+interface SidebarItem {
+    id: string;
+    "aria-label": string;
+    tooltip?: string;
+    icon?: React.ReactElement;
+    onClick?: () => void;
+    href?: string;
+    target?: string;
+    iconOnly?: boolean;
+}
+interface SidebarProps {
+    /**
+     * An array of action objects to render quick action icon buttons.
+     */
+    navigationItems?: Array<SidebarItem | React.ReactElement>;
+    /**
+     * Allows for custom styling overrides.
+     */
+    sx?: SxProps<Theme>;
+    /**
+     * can side nav be colapsed
+     * @default true
+     */
+    collapsible?: boolean;
+    /**
+     * The width of the drawer when it is open.
+     * @default '16.5rem'
+     */
+    drawerWidth?: string;
+    /**
+     * If `true`, the sidebar is open by default.
+     * @default true
+     */
+    initialOpen?: boolean;
+}
+
+declare const Sidebar: ({ navigationItems, drawerWidth, initialOpen, }: SidebarProps) => react_jsx_runtime.JSX.Element;
+
 interface SpinnerProps extends CircularProgressProps {
     boxProps?: BoxProps;
 }
@@ -1069,7 +1287,7 @@ interface TableProps<TData extends MRT_RowData> extends MRT_TableOptions<TData>
     initialPageIndex?: number;
     initialPageSize?: number;
     rowsPerPageOptions?: number[];
-    emptyStateProps?: EmptyStateProps$1;
+    emptyStateProps?: EmptyStateProps;
     onRowLinkClick?: (rowData: RowData<TData>) => unknown;
 }
 type AtomicTypes = string | number | boolean | null | undefined;
@@ -1104,7 +1322,7 @@ declare const CreateTableInstance: <TData extends MRT_RowData>({ columns, data,
 declare const Table$1: <TData extends MRT_RowData>({ columns, data, initialState, isLoading, manualPagination, manualSorting, densityCompact, enableExpandAll, enableExpanding, titleExtension, ...props }: TableProps<TData>) => react_jsx_runtime.JSX.Element;
 
 type TabsType = "main" | "subTab" | "toggleTab";
-interface TabsProps extends TabsProps$2 {
+interface TabsProps extends TabsProps$1 {
     type?: TabsType;
     boxProps?: BoxProps;
 }
@@ -1154,7 +1372,7 @@ declare enum TagStatus {
 interface TagProps extends Omit<ChipProps, "size" | "children" | "label" | "color"> {
     color?: TagBackgroundColorVariants;
     children: React.ReactNode;
-    size?: GeneralSize$1;
+    size?: GeneralSize;
     status?: TagStatus;
 }
 /**
@@ -1260,29 +1478,29 @@ declare const getTagStyle: ({ theme, size, statusStyle, clickable, color, hasAva
     color: TagBackgroundColorVariants;
     hasAvatar: boolean;
     theme: Theme;
-    size?: GeneralSize$1;
+    size?: GeneralSize;
     statusStyle?: TagStatusStyle;
 }) => SxProps<Theme>;
 
 interface SkillTagsProps {
-    customizeLabel?: (node: AugmentedSelectNodeType$1 | SelectNodeType$1) => string;
-    customizeTooltip?: (node: AugmentedSelectNodeType$1 | SelectNodeType$1) => React.ReactNode;
-    handleDelete?: (event: React.MouseEvent<HTMLElement>, node: AugmentedSelectNodeType$1 | SelectNodeType$1, idx: number) => void;
-    items: AugmentedSelectNodeType$1[] | SelectNodeType$1[];
+    customizeLabel?: (node: AugmentedSelectNodeType | SelectNodeType) => string;
+    customizeTooltip?: (node: AugmentedSelectNodeType | SelectNodeType) => React.ReactNode;
+    handleDelete?: (event: React.MouseEvent<HTMLElement>, node: AugmentedSelectNodeType | SelectNodeType, idx: number) => void;
+    items: AugmentedSelectNodeType[] | SelectNodeType[];
     maxTooltipTags?: number;
     shouldTruncate?: boolean;
     showOnlyFirst?: boolean;
-    size?: GeneralSize$1;
+    size?: GeneralSize;
 }
 declare const Tags: ({ customizeLabel, customizeTooltip, handleDelete, items, maxTooltipTags, shouldTruncate, showOnlyFirst, size, }: SkillTagsProps) => react_jsx_runtime.JSX.Element | null;
 
 declare const LabelAndChildrenTooltipContent: ({ node }: {
-    node: SelectNodeType$1;
+    node: SelectNodeType;
 }) => react_jsx_runtime.JSX.Element;
 //# sourceMappingURL=label-and-children-tooltip-content.d.ts.map
 
 declare const RemainingTags: ({ tags, }: {
-    tags: AugmentedSelectNodeType$1[];
+    tags: AugmentedSelectNodeType[];
 }) => react_jsx_runtime.JSX.Element;
 
 type ToastType = "default" | "info" | "success" | "warning" | "error";
@@ -1310,16 +1528,6 @@ interface ToggleProps extends SwitchProps {
 }
 declare const Toggle: (props: ToggleProps) => react_jsx_runtime.JSX.Element;
 
-declare enum TooltipSize {
-    Medium = "medium",
-    Large = "large"
-}
-
-interface TooltipProps extends TooltipProps$3 {
-    size?: TooltipSize;
-}
-declare const Tooltip: ({ size, children, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element;
-
 type ViewSwitcherOptionObject = {
     size?: ViewSwitcherSize | undefined;
     disabled?: boolean | undefined;
@@ -1359,60 +1567,59 @@ interface IWidgetProps<T extends string> {
     labelTooltip?: React.ReactNode;
     titleTooltip?: React.ReactNode;
     isLoading?: boolean;
-    legend?: ILegendProps$1<T>;
+    legend?: ILegendProps<T>;
     isHorizontal?: boolean;
     chartCustomComponent?: React.ReactNode;
     stackStyle?: Record<string, string | number>;
     legendCustomComponent?: React.ReactNode;
-    tooltipProps?: Partial<TooltipProps$1>;
+    tooltipProps?: Partial<TooltipProps>;
     isEmpty?: boolean;
     onLabelClick?: () => void;
     dataRoseyUrn?: string;
 }
 declare const Widget: <T extends string>({ sx, label, headerChildren, headerLeftChildren, labelTooltip, titleTooltip, bodyElement, isLoading, legend, isHorizontal, isEmpty, legendCustomComponent, tooltipProps, onLabelClick, dataRoseyUrn, }: IWidgetProps<T>) => react_jsx_runtime.JSX.Element;
 
-declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React$1.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_system.BoxOwnProps<_mui_material.Theme>>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScrollArea: React$1.ForwardRefExoticComponent<React$1.ComponentProps<typeof Box> & React$1.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=scroll-area.d.ts.map
 
 interface PaginationProps extends PaginationProps$1 {
 }
 declare const Pagination: (props: PaginationProps) => react_jsx_runtime.JSX.Element;
 
-interface BarChartProps extends ChartProps$1 {
-    handleClick?: (item: ChartDataItem$1) => void;
+type SubNavItem = TabProps & {
+    href?: string;
+    selected?: boolean;
+};
+interface BasePageProps {
+    children: ReactNode;
+    containerProps?: BoxProps;
+    breadcrumbs?: BreadcrumbsProps["items"];
+    title: ReactNode;
+    description?: ReactNode;
+    rightSideItems?: ReactNode;
+    tabsProps?: TabsProps;
+    subNav?: SubNavItem[];
+    useBreadcrumbs?: boolean;
 }
-declare const BarChart: ({ data, handleClick, showTooltip, customTooltip, }: BarChartProps) => react_jsx_runtime.JSX.Element;
+declare const BasePage: ({ children, containerProps, breadcrumbs, title, description, rightSideItems, subNav, tabsProps, useBreadcrumbs, }: BasePageProps) => react_jsx_runtime.JSX.Element;
 
-interface BarProps {
-    key: string;
-    color: string;
-}
-interface BarGraphProps extends ChartProps$1 {
-    headers?: string[];
-    bars?: BarProps[];
-    showLegend?: boolean;
-    handleClick?: CategoricalChartFunc;
+interface LayoutProps {
+    content?: React.ReactNode;
+    showHeader?: boolean;
+    headerProps?: HeaderProps;
+    showSideNav?: boolean;
 }
-declare const BarGraph: ({ data, showLegend, showTooltip, bars, headers, customTooltip, handleClick, }: BarGraphProps) => react_jsx_runtime.JSX.Element;
-
-type IChartWidgetProps<T extends string> = ExtendedChartProps$1 & Omit<IWidgetProps$1<T>, "bodyElement"> & ConditionalPropsByType$1 & {
-    sx?: SxProps;
-    generalWidgetStyle?: SxProps;
-    label: string;
-};
-declare const ChartWidget: <T extends string>({ data, type, label, labelTooltip, showTooltip, categories, isLoading, legend, isEmpty, isHorizontal, customTooltip, titleTooltip, sx, chartCustomComponent, stackStyle, legendCustomComponent, tooltipProps, generalWidgetStyle, headerChildren, headerLeftChildren, onLabelClick, dataRoseyUrn, ...rest }: IChartWidgetProps<T>) => react_jsx_runtime.JSX.Element;
+declare const Layout: ({ showHeader, showSideNav, headerProps, content, }: LayoutProps) => react_jsx_runtime.JSX.Element;
 
-interface DonutProps extends ChartProps$1 {
-    handleClick?: (sliceData: ChartDataItem$1) => void;
+interface DonutProps extends ChartProps {
+    handleClick?: (sliceData: ChartDataItem) => void;
 }
 /**
  * A donut chart typically shows the proportions of categorical data where the size of each piece of the donut communicates the proportion of each category.
  */
 declare const DonutChart: ({ data, showTooltip, customTooltip, handleClick, }: DonutProps) => JSX.Element;
 
-interface GaugeChartProps extends ChartProps$1 {
+interface GaugeChartProps extends ChartProps {
     maxValue?: number;
     customLabelComponent?: React.ReactNode;
     styleProps?: {
@@ -1444,18 +1651,99 @@ declare const boxStyle: {
     transform: string;
 };
 
-interface HorizontalBarChartProps extends ChartProps$1 {
-    handleClick?: (item: ChartDataItem$1) => void;
+interface BarProps {
+    key: string;
+    color: string;
+}
+interface BarGraphProps extends ChartProps {
+    headers?: string[];
+    bars?: BarProps[];
+    showLegend?: boolean;
+    handleClick?: CategoricalChartFunc;
+}
+declare const BarGraph: ({ data, showLegend, showTooltip, bars, headers, customTooltip, handleClick, }: BarGraphProps) => react_jsx_runtime.JSX.Element;
+
+interface ChartDataItem {
+    name: string;
+    value: number;
+    color: string;
+    icon?: ElementType;
+}
+interface TableChartDataItem {
+    name: string;
+    value: number;
+    color: string;
+}
+interface ChartCategory {
+    name: string;
+    color?: string;
+}
+interface ChartCategoryItem {
+    date: string;
+    [key: string]: number | string;
+}
+interface BarGraphItem {
+    value: ReactNode;
+    barData: {
+        [barKey: string]: string | number;
+    };
+}
+interface ChartProps {
+    data: ChartDataItem[] | ChartCategoryItem[] | BarGraphItem[] | TableChartDataItem[];
+    showTooltip?: boolean;
+    categories?: ChartCategory[];
+    customTooltip?: ContentType<number, string>;
+}
+declare enum ChartType {
+    VERTICAL_BAR = "vertical_bar",
+    HORIZONTAL_BAR = "horizontal_bar",
+    DONUT = "donut",
+    GAUGE = "gauge",
+    LINE = "line",
+    BAR_GRAPH = "bar_graph"
+}
+type ConditionalPropsByType = {
+    type: ChartType.BAR_GRAPH;
+    handleClick?: CategoricalChartFunc;
+} | {
+    type: ChartType.DONUT;
+    handleClick?: (sliceData: ChartDataItem) => void;
+} | {
+    type: ChartType.HORIZONTAL_BAR;
+    handleClick?: (sliceData: ChartDataItem) => void;
+} | {
+    type: ChartType.VERTICAL_BAR;
+    handleClick?: (sliceData: ChartDataItem) => void;
+} | {
+    type: ChartType;
+    handleClick?: never;
+};
+type ExtendedChartProps = GaugeChartProps & Omit<DonutProps, "handleClick"> & Omit<BarGraphProps, "handleClick">;
+
+interface BarChartProps extends ChartProps {
+    handleClick?: (item: ChartDataItem) => void;
+}
+declare const BarChart: ({ data, handleClick, showTooltip, customTooltip, }: BarChartProps) => react_jsx_runtime.JSX.Element;
+
+type IChartWidgetProps<T extends string> = ExtendedChartProps & Omit<IWidgetProps<T>, "bodyElement"> & ConditionalPropsByType & {
+    sx?: SxProps;
+    generalWidgetStyle?: SxProps;
+    label: string;
+};
+declare const ChartWidget: <T extends string>({ data, type, label, labelTooltip, showTooltip, categories, isLoading, legend, isEmpty, isHorizontal, customTooltip, titleTooltip, sx, chartCustomComponent, stackStyle, legendCustomComponent, tooltipProps, generalWidgetStyle, headerChildren, headerLeftChildren, onLabelClick, dataRoseyUrn, ...rest }: IChartWidgetProps<T>) => react_jsx_runtime.JSX.Element;
+
+interface HorizontalBarChartProps extends ChartProps {
+    handleClick?: (item: ChartDataItem) => void;
 }
 declare const HorizontalBarChart: ({ data, categories, handleClick, }: HorizontalBarChartProps) => react_jsx_runtime.JSX.Element;
 
-interface LineChartTooltipProps extends TooltipProps$4<number, string> {
+interface LineChartTooltipProps extends TooltipProps$2<number, string> {
     subject?: string;
     valueFormatter?: (value?: number) => string;
 }
 
 type SafeLineProps = Omit<LineProps, "ref">;
-interface LineChartProps extends ChartProps$1, Pick<LineChartTooltipProps, "valueFormatter"> {
+interface LineChartProps extends ChartProps, Pick<LineChartTooltipProps, "valueFormatter"> {
     subject?: string;
     xAxisProps?: XAxisProps;
     yAxisProps?: YAxisProps;
@@ -1502,65 +1790,9 @@ type SpiderChartProps = {
  */
 declare const SpiderChart: ({ data, radars, tickBand, scale, outerRadius, labelOffsets, showTooltip, onTooltipClick, tooltipContent, customTooltip, }: SpiderChartProps) => react_jsx_runtime.JSX.Element;
 
-interface ChartDataItem {
-    name: string;
-    value: number;
-    color: string;
-    icon?: React.ElementType;
-}
-interface TableChartDataItem {
-    name: string;
-    value: number;
-    color: string;
-}
-interface ChartCategory {
-    name: string;
-    color?: string;
-}
-interface ChartCategoryItem {
-    date: string;
-    [key: string]: number | string;
-}
-interface BarGraphItem {
-    value: ReactNode;
-    barData: {
-        [barKey: string]: string | number;
-    };
-}
-interface ChartProps {
-    data: ChartDataItem[] | ChartCategoryItem[] | BarGraphItem[] | TableChartDataItem[];
-    showTooltip?: boolean;
-    categories?: ChartCategory[];
-    customTooltip?: ContentType<number, string>;
-}
-declare enum ChartType {
-    VERTICAL_BAR = "vertical_bar",
-    HORIZONTAL_BAR = "horizontal_bar",
-    DONUT = "donut",
-    GAUGE = "gauge",
-    LINE = "line",
-    BAR_GRAPH = "bar_graph"
-}
 declare const ChartTypeComponents: {
-    [key: string]: React.ComponentType<ChartProps>;
-};
-type ConditionalPropsByType = {
-    type: ChartType.BAR_GRAPH;
-    handleClick?: CategoricalChartFunc;
-} | {
-    type: ChartType.DONUT;
-    handleClick?: (sliceData: ChartDataItem) => void;
-} | {
-    type: ChartType.HORIZONTAL_BAR;
-    handleClick?: (sliceData: ChartDataItem) => void;
-} | {
-    type: ChartType.VERTICAL_BAR;
-    handleClick?: (sliceData: ChartDataItem) => void;
-} | {
-    type: ChartType;
-    handleClick?: never;
+    [key: string]: ComponentType<ChartProps>;
 };
-type ExtendedChartProps = GaugeChartProps & Omit<DonutProps, "handleClick"> & Omit<BarGraphProps, "handleClick">;
 
 declare const ApiSecuritySelected: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 declare const ApiSecurityUnSelected: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
@@ -4297,131 +4529,6 @@ declare const AddRepos: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
 declare const Warning: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
-declare enum Severity {
-    LOW = "LOW",
-    MEDIUM = "MEDIUM",
-    HIGH = "HIGH",
-    CRITICAL = "CRITICAL",
-    INFORMATION = "INFORMATION"
-}
-type TrendStatus = "good" | "bad" | "neutral";
-type TrendDirection = "up" | "down" | "neutral";
-
-declare const SEVERITY_VALUE: Record<Severity, number>;
-declare enum GeneralSize {
-    Large = "large",
-    Medium = "medium",
-    Small = "small"
-}
-declare enum IconPosition {
-    NoIcon = "no-icon",
-    LeftIcon = "left-icon",
-    RightIcon = "right-icon"
-}
-
-declare const EMPTY_FUNCTION: () => void;
-declare const capitalize: (str: string) => string;
-declare const getColorBySeverity: (severity: Severity, theme: Theme) => string;
-declare const normalizeSeverity: (severity: unknown) => Severity;
-declare const sortBySeverity: (a?: Severity, b?: Severity) => 0 | 1 | -1;
-
-declare const useDebouncedValue: (value: any, delay: number) => any;
-//# sourceMappingURL=timing.d.ts.map
-
-declare const flattenSelectTreeWithoutSearch: (rootNode: AugmentedSelectNodeType$1[], nestLevel?: number) => Array<AugmentedSelectNodeType$1>;
-/**
- * Builds a string representation of the node's value using its formatter function, if available.
- *
- * @param selectNode - The node to build the value for.
- * @returns A string representation of the node's value.
- */
-declare const formatNodeValue: (selectNode: AugmentedSelectNodeType$1) => string;
-/**
- * Collects nodes from a given node up to the first node already included in the flattened list
- * and pushes them in reverse order.
- *
- * @param pushNode - The starting node to begin pushing.
- * @param flattenedTree - The list to push nodes into.
- * @param flattenedSet - A set of already included nodes.
- */
-declare const upwardsPush: (pushNode: AugmentedSelectNodeType$1 | null, flattenedTree: AugmentedSelectNodeType$1[], flattenedSet: Set<AugmentedSelectNodeType$1>) => void;
-/**
- * Flattens a tree structure into a list of nodes while filtering nodes based on the search text.
- * Ensures that parent nodes of matching nodes are also included if they are expanded.
- *
- * @param rootNode - The root node(s) of the tree to flatten.
- * @param nestLevel - The starting nesting level for the nodes (default is 0).
- * @param searchText - Text to filter nodes by.
- * @returns A flattened list of nodes that match the search text.
- */
-declare const flattenSelectTreeWithSearch: ({ rootNode, nestLevel, searchText, }: FlattenSelectTreeArgs$1) => Array<AugmentedSelectNodeType$1>;
-/**
- * Flattens a tree structure into a list of nodes.
- * If `searchText` is provided, filters nodes based on the search text.
- *
- * @param rootNode - The root node(s) of the tree to flatten.
- * @param nestLevel - The starting nesting level for the nodes (default is 0).
- * @param searchText - Text to filter nodes by (default is an empty string).
- * @returns A flattened list of nodes.
- */
-interface FlattenedSelectTreeData {
-    flattenedSelectTreeWithSearch: Array<AugmentedSelectNodeType$1>;
-    flattenedSelectTreeWithoutSearch: Array<AugmentedSelectNodeType$1>;
-}
-declare const flattenSelectTree: ({ rootNode, nestLevel, searchText, }: FlattenSelectTreeArgs$1) => FlattenedSelectTreeData;
-declare const augmentTreeData: (rootNode: AugmentedSelectNodeType$1 | AugmentedSelectNodeType$1[]) => void;
-/**
- * Determines if a given node is a leaf node.
- * A leaf node has no child nodes.
- *
- * @param selectNode - The node to check.
- * @returns `true` if the node is a leaf, `false` otherwise.
- */
-declare const isLeaf: (selectNode: AugmentedSelectNodeType$1) => boolean;
-/**
- * Calculates the total number of leaves and selected leaves across the tree.
- *
- * @param selectTree - The list of nodes to calculate.
- * @returns An object containing `totalSelectedLeavesCount` and `totalLeavesCount`, with -1, and 0 respectively if invalid.
- */
-declare const getLeafCounts: (selectTree: AugmentedSelectNodeType$1[]) => {
-    totalSelectedLeavesCount: number;
-    totalSelectableLeavesCount: number;
-    totalLeavesCount: number;
-};
-/**
- * Finds and returns all selected leaf nodes from a given tree.
- *
- * @param rootNode - The root node(s) of the tree to search.
- * @returns A list of selected leaf nodes.
- */
-declare const getAllSelectedLeaves: (rootNode: AugmentedSelectNodeType$1 | AugmentedSelectNodeType$1[]) => Array<AugmentedSelectNodeType$1>;
-/**
- * Finds and returns all selected parent nodes from a given tree.
- *
- * @param selectTree - The list of nodes to filter.
- * @returns A list of selected parent nodes.
- */
-declare const getAllSelectedParents: (selectTree: AugmentedSelectNodeType$1[]) => Array<AugmentedSelectNodeType$1>;
-declare const setSelectedMainSkillCategories: (fullflattenedTreeOptions: AugmentedSelectNodeType$1[]) => AugmentedSelectNodeType$1[];
-declare const deepCopyTree: (rootNode?: AugmentedSelectNodeType$1[]) => AugmentedSelectNodeType$1[];
-declare const getChildrenOfTopLevelNode: (topLevelNode: AugmentedSelectNodeType$1) => AugmentedSelectNodeType$1[];
-declare const mergeNodeChildrenValueToText: (children: AugmentedSelectNodeType$1[]) => string;
-
-declare const ellipsisStyle: CSSProperties;
-declare const checkboxStyle: {
-    padding: number;
-    marginLeft: number;
-    borderRadius: number;
-    "& + *": {
-        marginLeft: number;
-    };
-};
-
-declare const selectTreeExample: Array<AugmentedSelectNodeType$1>;
-declare const baseSelectTree: Array<AugmentedSelectNodeType$1>;
-declare const singleSelectTree: AugmentedSelectNodeType$1[];
-
 declare const OS_LIGHT_COLORS: {
     surfaceLight: {
         50: string;
@@ -4668,95 +4775,20 @@ declare const OS_LIGHT_COLORS: {
     };
 };
 
-declare const gradientsPalette: GradientsPalette$1;
+declare const gradientsPalette: GradientsPalette;
 
+interface ThemeModeContextValue {
+    isDarkMode: boolean;
+    setIsDarkMode: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    toggleTheme: () => void;
+}
+declare function useThemeMode(): ThemeModeContextValue;
 interface ThemeProviderProps {
     children: React__default.ReactNode;
-    isDarkMode?: boolean;
-}
-declare const ThemeProvider: ({ children, isDarkMode, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
-
-type Gradient = string;
-interface GradientsPalette {
-    illustrations: {
-        blue: Gradient;
-        rainbow: Gradient;
-        purple: Gradient;
-        green: Gradient;
-        lightBlue: Gradient;
-        pink: Gradient;
-    };
-    primary: {
-        default: Gradient;
-        pressed: Gradient;
-        hover: Gradient;
-    };
-    secondary: {
-        default: Gradient;
-        pressed: Gradient;
-        hover: Gradient;
-    };
-    red: {
-        default: Gradient;
-        pressed: Gradient;
-        hover: Gradient;
-    };
-    background: {
-        light: Gradient;
-        dark: Gradient;
-    };
-}
-
-interface FlattenSelectTreeArgs {
-    rootNode: AugmentedSelectNodeType[];
-    nestLevel?: number;
-    searchText?: string;
-}
-interface SelectNodeType<T = unknown> {
-    value: string | number;
-    childNodes?: Array<SelectNodeType<T>>;
-    valueFormatter?: (value: string | number) => string;
-    isSelectable: boolean;
-    icon?: React.ElementType<SvgIconProps> | null;
-    isSelected?: boolean;
-    /**
-     * An optional key that uniquely identifies the node within the tree, in case `value` is not a unique identifier.
-     * Only used as a key for the ListItem component, and not for any other purpose.
-     */
-    nodeKey?: string;
-    /**
-     * An optional field for any data you want to associate with the node.
-     * This can be of any type and is typically used for storing custom additional data relevant to the node.
-     */
-    linkedData?: T;
-}
-interface AugmentedSelectNodeType<T = unknown> extends SelectNodeType<T> {
-    childNodes?: Array<AugmentedSelectNodeType<T>>;
-    /**
-     * A flag indicating whether the node is expanded (shows its children).
-     */
-    isExpanded?: boolean;
-    /**
-     * The nesting level of the node in the tree, used internally for rendering purposes.
-     */
-    nestLevel?: number;
-    /**
-     * A reference to the parent node, used internally for tree traversal.
-     */
-    parentNode?: AugmentedSelectNodeType<T> | null;
-    /**
-     * The count of selected leaf nodes within this node's subtree.
-     */
-    selectedLeavesCount?: number;
-    /**
-     * The count of selectable leaf nodes within this node's subtree.
-     */
-    selectableLeavesCount?: number;
-    /**
-     * The total number of leaf nodes within this node's subtree.
-     */
-    leavesCount?: number;
+    /** Initial value for the internal dark-mode flag. */
+    defaultDarkMode?: boolean;
 }
+declare const ThemeProvider: ({ children, defaultDarkMode, }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
 
-export { Accordion, StyledAccordionSummary as AccordionSummary, ActionsModal, ActivityTimeline, ActivityTimelineStepStatus, AddDomain, AddRepos, AttackPathAnalysis, AttackPathAnalysisWalkThrough, Badge, Banner, BarChart, BarGraph, BasePage, Breadcrumbs, CardDescription, CardSubheader, Celebration, ChartType, ChartTypeComponents, ChartWidget, CiCd, Cloud, CloudSimple, CodeBlock, CopyButton, CreateTableInstance, Dashboard, Data, DatePicker, DateRangePicker, DateTimePicker, DonutChart, DrawerShell, Dropdown, DropdownAutocompleteTree, DropdownAutocompleteTreeListbox, EMPTY_FUNCTION, EmptyData, EmptyState, FavoriteButton, Footer, GaugeChart, GeneralSize, Git, GitSimple, Header, HorizontalBarChart, IconPosition, index_d as Icons, IndicatorBadge, Info, Kubernetes, LabelAndChildrenTooltipContent, Layout, Legend$1 as Legend, LineChart, Link$1 as Link, LinkColorEnum, LinkType, LoadingErrorState, MenuItem, ModalSubtitle, ModalTitle, Negative, NoData, OS_LIGHT_COLORS, OverflowTooltip, Pagination, PathDisplay, Positive, Recon, RemainingTags, SEVERITY_VALUE, ScrollArea, SearchField, SelectNode, SelectNodeListItem, Sent, Severity, SeverityBadge, SeverityBadgeLabel, SeverityBar$1 as SeverityBar, Shield, SpiderChart, Spinner, StaticDatePicker, StaticDateTimePicker, Success, Tab, Table$1 as Table, Tabs, Tag, TagAvatarSize, TagBackgroundColorVariants, TagStatus, Tags, ThemeProvider, TimePicker, Toast, Toaster, Toggle, Tooltip, TooltipSize, ViewSwitcher, Warning, Widget, augmentTreeData, barShadow, baseSelectTree, boxStyle, capitalize, checkboxStyle, deepCopyTree, ellipsisStyle, flattenSelectTree, flattenSelectTreeWithSearch, flattenSelectTreeWithoutSearch, formatNodeValue, gaugeLabel, gaugeWrapper, getAllSelectedLeaves, getAllSelectedParents, getChildrenOfTopLevelNode, getColorBySeverity, getLeafCounts, getTagStyle, gradientsPalette, isLeaf, mergeNodeChildrenValueToText, normalizeSeverity, selectTagStyle, selectTreeExample, setSelectedMainSkillCategories, singleSelectTree, sortBySeverity, toast, upwardsPush, useDebouncedValue, useDropdownAutocompleteTree };
-export type { AccordionProps, ActionsModalProps, ActivityTimelineProps, ActivityTimelineStep, AtomicTypes, AugmentedSelectNodeType, BadgeProps, BadgeType, BannerProps, BarChartProps, BarGraphItem, BarGraphProps, BarProps, BasePageProps, BreadcrumbsProps, ChartCategory, ChartCategoryItem, ChartDataItem, ChartProps, CodeBlockProps, ConditionalPropsByType, CopyButtonPosition, CopyButtonProps, DatePickerProps, DateTimePickerProps, DonutProps, DrawerShellProps, DropdownAutocompleteTreeProps, DropdownOption, DropdownProps, EmptyStateProps, ExportProps, ExtendedChartProps, ExtendedDataPoint, FavoriteButtonProps, FlattenSelectTreeArgs, FlattenedSelectTreeData, FooterProps, GaugeChartProps, Gradient, GradientsPalette, HeaderAction, HeaderProps, IChartWidgetProps, ILegendProps, IWidgetProps, IndicatorBadgeProps, LayoutProps, LineChartProps, LinkColorStatus, LinkProps, LinkVariants, MenuItemProps, OverflowTooltipProps, PaginationProps, PathDisplayProps, SearchFieldProps, SelectNodeType, SeverityBadgeLabelProps, SeverityBadgeProps, SeverityBadgeScoreSystemItem, SeverityBarProps, SpiderChartProps, SpinnerProps, StatusBanner, TableChartDataItem, TableProps, TableRow, TableTitle, TabsProps, TabsType, TagProps, TagStatusStyle, ThemeProviderProps, TimePickerProps, ToastProps, ToastType, ToasterProps, ToggleProps, TooltipProps, TopToolbarProps, TrendDirection, TrendStatus, ViewSwitcherOption, ViewSwitcherOptionObject, ViewSwitcherOptionProperties, ViewSwitcherSize };
+export { Accordion, StyledAccordionSummary as AccordionSummary, ActionsModal, ActivityTimeline, ActivityTimelineStepStatus, AddDomain, AddRepos, AttackPathAnalysis, AttackPathAnalysisWalkThrough, Badge, Banner, BarChart, BarGraph, BasePage, Breadcrumbs, CardDescription, CardSubheader, Celebration, ChartType, ChartTypeComponents, ChartWidget, CiCd, Cloud, CloudSimple, CodeBlock, CopyButton, CreateTableInstance, Dashboard, Data, DatePicker, DateRangePicker, DateTimePicker, DonutChart, DrawerShell, Dropdown, DropdownAutocompleteTree, DropdownAutocompleteTreeListbox, EMPTY_FUNCTION, EmptyData, EmptyState, FavoriteButton, Footer, GaugeChart, GeneralSize, Git, GitSimple, Header, HorizontalBarChart, IconPosition, index_d as Icons, IndicatorBadge, Info, Kubernetes, LabelAndChildrenTooltipContent, Layout, Legend$1 as Legend, LineChart, Link$1 as Link, LinkColorEnum, LinkType, LoadingErrorState, MenuItem, ModalSubtitle, ModalTitle, Negative, NoData, OS_LIGHT_COLORS, OverflowTooltip, Pagination, PathDisplay, Positive, Recon, RemainingTags, SEVERITY_VALUE, ScrollArea, SearchField, SelectNode, SelectNodeListItem, Sent, Severity, SeverityBadge, SeverityBadgeLabel, SeverityBar$1 as SeverityBar, Shield, Sidebar, SpiderChart, Spinner, StaticDatePicker, StaticDateTimePicker, Success, Tab, Table$1 as Table, Tabs, Tag, TagAvatarSize, TagBackgroundColorVariants, TagStatus, Tags, ThemeProvider, TimePicker, Toast, Toaster, Toggle, Tooltip, TooltipSize, ViewSwitcher, Warning, Widget, augmentTreeData, barShadow, baseSelectTree, boxStyle, capitalize, checkboxStyle, deepCopyTree, ellipsisStyle, flattenSelectTree, flattenSelectTreeWithSearch, flattenSelectTreeWithoutSearch, formatNodeValue, gaugeLabel, gaugeWrapper, getAllSelectedLeaves, getAllSelectedParents, getChildrenOfTopLevelNode, getColorBySeverity, getLeafCounts, getTagStyle, gradientsPalette, isLeaf, mergeNodeChildrenValueToText, normalizeSeverity, selectTagStyle, selectTreeExample, setSelectedMainSkillCategories, singleSelectTree, sortBySeverity, toast, upwardsPush, useDebouncedValue, useDropdownAutocompleteTree, useThemeMode };
+export type { AccordionProps, ActionsModalProps, ActivityTimelineProps, ActivityTimelineStep, AtomicTypes, AugmentedSelectNodeType, BadgeProps, BadgeType, BannerProps, BarChartProps, BarGraphItem, BarGraphProps, BarProps, BasePageProps, BreadcrumbsProps, ChartCategory, ChartCategoryItem, ChartDataItem, ChartProps, CodeBlockProps, ConditionalPropsByType, CopyButtonPosition, CopyButtonProps, DatePickerProps, DateTimePickerProps, DonutProps, DrawerShellProps, DropdownAutocompleteTreeProps, DropdownOption, DropdownProps, EmptyStateProps, ExportProps, ExtendedChartProps, ExtendedDataPoint, FavoriteButtonProps, FlattenSelectTreeArgs, FlattenedSelectTreeData, FooterProps, GaugeChartProps, Gradient, GradientsPalette, HeaderAction, HeaderProps, IChartWidgetProps, ILegendProps, IWidgetProps, IndicatorBadgeProps, LayoutProps, LineChartProps, LinkColorStatus, LinkProps, LinkVariants, MenuItemProps, OverflowTooltipProps, PaginationProps, PathDisplayProps, SearchFieldProps, SelectNodeType, SeverityBadgeLabelProps, SeverityBadgeProps, SeverityBadgeScoreSystemItem, SeverityBarProps, SidebarItem, SidebarProps, SpiderChartProps, SpinnerProps, StatusBanner, TableChartDataItem, TableProps, TableRow, TableTitle, TabsProps, TabsType, TagProps, TagStatusStyle, ThemeModeContextValue, ThemeProviderProps, TimePickerProps, ToastProps, ToastType, ToasterProps, ToggleProps, TooltipProps, TopToolbarProps, TrendDirection, TrendStatus, ViewSwitcherOption, ViewSwitcherOptionObject, ViewSwitcherOptionProperties, ViewSwitcherSize };