@open-ui-kit/core 1.5.0 → 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, ElementType } from 'react';
+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_material_OverridableComponent from '@mui/material/OverridableComponent';
-import * as _mui_system from '@mui/system';
+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,16 +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 { 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 * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import { Toaster as Toaster$1 } from 'sonner';
 import { ContentType } from 'recharts/types/component/Tooltip';
 import { CategoricalChartFunc } from 'recharts/types/chart/generateCategoricalChart';
-import { TooltipProps as TooltipProps$4, XAxisProps, YAxisProps, LineProps, CartesianGridProps } from 'recharts';
-import { GradientsPalette as GradientsPalette$1 } from '@/types/palette';
+import { TooltipProps as TooltipProps$2, XAxisProps, YAxisProps, LineProps, CartesianGridProps } from 'recharts';
 export { StaticTimePickerProps } from '@mui/x-date-pickers/StaticTimePicker';
 
 interface VarsType {
@@ -436,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";
@@ -473,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",
@@ -539,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;
@@ -567,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;
@@ -590,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;
@@ -631,7 +836,7 @@ interface DrawerShellHeaderProps {
     titleText?: string;
     titleNode?: React.ReactNode;
     titleAction?: JSX.Element;
-    severity?: Severity$1;
+    severity?: Severity;
     copyURL: string;
     customDividerStyle?: CSSProperties;
     isFavorite?: boolean;
@@ -667,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;
@@ -687,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;
 
@@ -698,7 +913,7 @@ interface DropdownAutocompleteTreeListboxProps {
     onSelectAllChange?: (isSelected: boolean) => void;
     searchPlaceholder?: string;
     searchText?: string;
-    selectAllNode: AugmentedSelectNodeType$1;
+    selectAllNode: AugmentedSelectNodeType;
     setSearchText?: (text: string) => void;
     virtualizationOverscanPx?: number;
 }
@@ -707,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;
@@ -737,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;
 }
@@ -785,7 +1000,7 @@ type Direction = "row" | "column";
 interface EmptyStateProps {
     variant?: Variant;
     direction?: Direction;
-    size?: GeneralSize$1;
+    size?: GeneralSize;
     title?: string;
     description?: string;
     actionCallback?: () => void;
@@ -798,7 +1013,7 @@ declare const EmptyState: ({ variant, direction, size, title, description, actio
 type FavoriteButtonProps = {
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
     isChecked?: boolean;
-    tooltipProps?: Partial<TooltipProps$1>;
+    tooltipProps?: Partial<TooltipProps>;
     buttonProps?: ButtonProps;
     withBackground?: boolean;
 };
@@ -808,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;
@@ -835,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.
@@ -870,66 +1093,34 @@ interface HeaderProps {
     useDivider?: boolean;
 }
 
-declare const Header: ({ logo, title, searchProps, actions, userSection, position, elevation, useDivider, customSearchNode, sx, }: HeaderProps) => react_jsx_runtime.JSX.Element;
-
-interface IndicatorBadgeValueProps {
-    color: string;
-    isActive?: boolean;
-}
-
-interface IndicatorBadgeProps extends Pick<IndicatorBadgeValueProps, "color"> {
-    value: 0 | 1 | 2 | 3 | 4;
-}
-declare const IndicatorBadge: ({ color, value, }: IndicatorBadgeProps) => JSX.Element;
-
-interface ILegendProps<T extends string> {
-    headers: T[];
-    rows: TRow<T>[];
-    isHorizontal?: boolean;
-}
-interface TRow<T extends string> {
-    color?: string | number;
-    icon?: React.ReactNode;
-    onClick?: ({ color, icon, values }: TRow<T>) => void;
-    values: {
-        [K in T]: string | number | JSX$1.Element;
-    };
-    tooltip?: React.ReactNode;
-    tooltipProps?: Partial<TooltipProps$1>;
-}
-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 Header: ({ logo, title, searchProps, actions, userSection, position, elevation, useDivider, customSearchNode, sx, }: HeaderProps) => react_jsx_runtime.JSX.Element;
+
+interface IndicatorBadgeValueProps {
+    color: string;
+    isActive?: boolean;
+}
+
+interface IndicatorBadgeProps extends Pick<IndicatorBadgeValueProps, "color"> {
+    value: 0 | 1 | 2 | 3 | 4;
+}
+declare const IndicatorBadge: ({ color, value, }: IndicatorBadgeProps) => JSX.Element;
+
+interface ILegendProps<T extends string> {
+    headers: T[];
+    rows: TRow<T>[];
+    isHorizontal?: boolean;
+}
+interface TRow<T extends string> {
+    color?: string | number;
+    icon?: React.ReactNode;
+    onClick?: ({ color, icon, values }: TRow<T>) => void;
+    values: {
+        [K in T]: string | number | JSX$1.Element;
+    };
+    tooltip?: React.ReactNode;
+    tooltipProps?: Partial<TooltipProps>;
+}
+declare const Legend$1: <T extends string>({ headers, rows, isHorizontal, }: ILegendProps<T>) => react_jsx_runtime.JSX.Element;
 
 declare const LoadingErrorState: () => JSX.Element;
 
@@ -938,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";
@@ -957,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
      */
@@ -986,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.
@@ -997,7 +1180,7 @@ interface SeverityBadgeProps {
      */
     scoreSystem?: SeverityBadgeScoreSystemItem[];
 }
-interface SeverityBadgeConfiguration extends IndicatorBadgeProps$1 {
+interface SeverityBadgeConfiguration extends IndicatorBadgeProps {
     label?: string;
 }
 interface SeverityBadgeScoreSystemItem {
@@ -1104,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;
@@ -1139,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;
 }
@@ -1189,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;
 }
 /**
@@ -1295,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";
@@ -1345,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;
@@ -1394,27 +1567,50 @@ 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;
 
+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 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;
+    showSideNav?: boolean;
+}
+declare const Layout: ({ showHeader, showSideNav, headerProps, content, }: LayoutProps) => react_jsx_runtime.JSX.Element;
+
 interface DonutProps extends ChartProps {
     handleClick?: (sliceData: ChartDataItem) => void;
 }
@@ -1529,7 +1725,7 @@ interface BarChartProps extends ChartProps {
 }
 declare const BarChart: ({ data, handleClick, showTooltip, customTooltip, }: BarChartProps) => react_jsx_runtime.JSX.Element;
 
-type IChartWidgetProps<T extends string> = ExtendedChartProps & Omit<IWidgetProps$1<T>, "bodyElement"> & ConditionalPropsByType & {
+type IChartWidgetProps<T extends string> = ExtendedChartProps & Omit<IWidgetProps<T>, "bodyElement"> & ConditionalPropsByType & {
     sx?: SxProps;
     generalWidgetStyle?: SxProps;
     label: string;
@@ -1541,7 +1737,7 @@ interface HorizontalBarChartProps extends ChartProps {
 }
 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;
 }
@@ -4333,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;
@@ -4704,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, 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 };
-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, 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 };