@czi-sds/components 22.10.0 → 22.11.0

package/dist/index.cjs.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { AccordionDetailsProps, PaletteMode, PopperProps, AutocompleteInputChangeReason, AutocompleteRenderInputParams, PaperProps, CardMedia, CardMediaProps, CardProps, SliderProps, SwitchProps, AppBarProps, TabsProps, DrawerProps, ToggleButtonGroupProps } from "@mui/material";
+import { PaletteMode, PopperProps, AutocompleteInputChangeReason, AutocompleteRenderInputParams, AutocompleteProps, PaperProps, CardMedia, CardMediaProps, CardProps, SliderProps, SwitchProps, AppBarProps, TabsProps, DrawerProps, ToggleButtonGroupProps } from "@mui/material";
 import { AccordionProps as RawAccordionProps } from "@mui/material";
+import { AccordionDetailsProps as RawAccordionDetailsProps } from "@mui/material";
 import { AccordionSummaryProps as RawAccordionSummaryProps } from "@mui/material";
 import { AutocompleteChangeDetails as AutocompleteChangeDetails$0 } from "@mui/material";
 import { AutocompleteChangeReason as AutocompleteChangeReason$0 } from "@mui/material";
@@ -19,7 +20,6 @@ import { DialogProps as RawDialogProps } from "@mui/material";
 import { DialogActionsProps as RawDialogActionsProps } from "@mui/material";
 import { DialogContentProps as RawDialogContentProps } from "@mui/material";
 import { DialogTitleProps as RawDialogTitleProps } from "@mui/material";
-import { AutocompleteProps as AutocompleteProps$0 } from "@mui/material";
 import { CheckboxProps as MUICheckboxProps } from "@mui/material";
 import { RadioProps as MUIRadioProps } from "@mui/material";
 import { TextFieldProps as RawTextFieldProps } from "@mui/material";
@@ -40,9 +40,14 @@ import { AlertProps } from "@mui/lab";
 import { AutocompleteChangeDetails, AutocompleteChangeReason, AutocompleteCloseReason, AutocompleteValue } from "@mui/base";
 import { AlertTitleProps } from "@mui/material/AlertTitle";
 import { AutocompleteValue as AutocompleteValue$1 } from "@mui/material/useAutocomplete";
+interface SdsAccordionDetailsProps {
+    id?: string;
+}
+type AccordionDetailsProps = RawAccordionDetailsProps & SdsAccordionDetailsProps;
 declare const AccordionDetails: (props: AccordionDetailsProps) => import("react/jsx-runtime").JSX.Element;
 interface SdsAccordionHeaderProps {
     subtitle?: string;
+    chevronSize?: "xs" | "s";
 }
 type AccordionHeaderProps = RawAccordionSummaryProps & SdsAccordionHeaderProps;
 declare const AccordionHeader: (props: AccordionHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -86,9 +91,12 @@ interface BaseColor {
     textDisabledInverse: string;
     textOnFill: string;
     fillHover: string;
+    fillHoverInverse: string;
     fillPressed: string;
+    fillPressedInverse: string;
     fillPrimary: string;
     fillOpen: string;
+    fillOpenInverse: string;
     fillSelected: string;
     fillDisabled: string;
     divider: string;
@@ -111,7 +119,9 @@ interface BaseColor {
     ornamentSecondary: string;
     ornamentSecondaryInverse: string;
     ornamentSecondaryHover: string;
+    ornamentSecondaryHoverInverse: string;
     ornamentSecondaryPressed: string;
+    ornamentSecondaryPressedInverse: string;
 }
 interface IntentColor {
     surfacePrimary: string;
@@ -189,7 +199,14 @@ interface Shadows {
 interface TypographyStyles {
     body: {
         regular: {
-            button: TypographyStyle;
+            l: TypographyStyle;
+            m: TypographyStyle;
+            s: TypographyStyle;
+            xs: TypographyStyle;
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
+        };
+        medium: {
             l: TypographyStyle;
             m: TypographyStyle;
             s: TypographyStyle;
@@ -198,7 +215,6 @@ interface TypographyStyles {
             xxxs: TypographyStyle;
         };
         semibold: {
-            button: TypographyStyle;
             l: TypographyStyle;
             m: TypographyStyle;
             s: TypographyStyle;
@@ -219,6 +235,10 @@ interface TypographyStyles {
             s: TypographyStyle;
             xs: TypographyStyle;
         };
+        medium: {
+            s: TypographyStyle;
+            xs: TypographyStyle;
+        };
         semibold: {
             s: TypographyStyle;
             xs: TypographyStyle;
@@ -236,14 +256,57 @@ interface TypographyStyles {
             xxxs: TypographyStyle;
         };
     };
+    link: {
+        regular: {
+            l: TypographyStyle;
+            m: TypographyStyle;
+            s: TypographyStyle;
+            xs: TypographyStyle;
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
+        };
+        medium: {
+            l: TypographyStyle;
+            m: TypographyStyle;
+            s: TypographyStyle;
+            xs: TypographyStyle;
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
+        };
+        semibold: {
+            l: TypographyStyle;
+            m: TypographyStyle;
+            s: TypographyStyle;
+            xs: TypographyStyle;
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
+        };
+    };
     tabular: {
         regular: {
             s: TypographyStyle;
             xs: TypographyStyle;
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
+        };
+        medium: {
+            s: TypographyStyle;
+            xs: TypographyStyle;
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
         };
         semibold: {
             s: TypographyStyle;
             xs: TypographyStyle;
+            xxs: TypographyStyle;
+            xxxs: TypographyStyle;
+        };
+    };
+    title: {
+        bold: {
+            s: TypographyStyle;
+            m: TypographyStyle;
+            l: TypographyStyle;
         };
     };
 }
@@ -253,7 +316,9 @@ interface Typography {
         caps?: CSSProperties["fontFamily"];
         code?: CSSProperties["fontFamily"];
         header?: CSSProperties["fontFamily"];
+        link?: CSSProperties["fontFamily"];
         tabular?: CSSProperties["fontFamily"];
+        title?: CSSProperties["fontFamily"];
     };
     wideStyles: TypographyStyles;
     narrowStyles: TypographyStyles;
@@ -270,6 +335,8 @@ interface Corners {
     s: number;
     m: number;
     l: number;
+    xl: number;
+    rounded: number;
 }
 interface Spaces {
     default: number;
@@ -364,61 +431,8 @@ declare const Theme$0: (t: PaletteMode) => import("@mui/material").Theme;
  * Use the `theme` export to get a flexible light/dark mode theme function
  */
 declare const defaultTheme: import("@mui/material").Theme;
-declare const createAppThemeBorders: (colors: Colors, isDarkMode: boolean) => {
-    accent: {
-        default: string;
-        focused: string;
-        hover: string;
-        open: string;
-        pressed: string;
-        selected: string;
-    };
-    base: {
-        default: string;
-        disabled: string;
-        divider: string;
-        dividerInverse: string;
-        hover: string;
-        inverse: string;
-        pressed: string;
-        table: string;
-    };
-    beta: {
-        default: string;
-        extraThick: string;
-        thick: string;
-    };
-    info: {
-        default: string;
-        extraThick: string;
-        thick: string;
-    };
-    link: {
-        dashed: string;
-        solid: string;
-    };
-    negative: {
-        default: string;
-        extraThick: string;
-        thick: string;
-    };
-    neutral: {
-        default: string;
-        extraThick: string;
-        thick: string;
-    };
-    none: string;
-    notice: {
-        default: string;
-        extraThick: string;
-        thick: string;
-    };
-    positive: {
-        default: string;
-        extraThick: string;
-        thick: string;
-    };
-};
+declare const SDSLightThemeColors: Colors;
+declare const SDSDarkThemeColors: Colors;
 /**
  * Create a SDS App Theme with custom colors that follows the SDS color model.
  */
@@ -469,30 +483,72 @@ declare const getIconSizes: ({ theme }: CommonThemeProps) => IconSizes | null;
 declare const getBorders: ({ theme }: CommonThemeProps) => Borders | null;
 declare const getBreakpoints: ({ theme }: CommonThemeProps) => Breakpoints | null;
 declare function focusVisibleA11yStyle(props: CommonThemeProps): string;
-type FontBodyWeight = keyof Typography["wideStyles"]["body"];
-type FontBodySize<T extends FontBodyWeight> = keyof Typography["wideStyles"]["body"][T];
-declare const fontBody: (fontSize: FontBodySize<FontBodyWeight>, fontWeight?: FontBodyWeight, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBody: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
+    regular: {
+        l: import("@mui/material/styles/createTypography").CSSProperties;
+        m: import("@mui/material/styles/createTypography").CSSProperties;
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+    medium: {
+        l: import("@mui/material/styles/createTypography").CSSProperties;
+        m: import("@mui/material/styles/createTypography").CSSProperties;
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+    semibold: {
+        l: import("@mui/material/styles/createTypography").CSSProperties;
+        m: import("@mui/material/styles/createTypography").CSSProperties;
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyL: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyM: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyS: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodyXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodyMediumL: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodyMediumM: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodyMediumS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodyMediumXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodyMediumXxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontBodyMediumXxxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodySemiboldL: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodySemiboldM: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodySemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodySemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodySemiboldXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontBodySemiboldXxxs: (props: CommonThemeProps) => SerializedStyles | null;
-// Font Caps
-type FontCapsSize = keyof Typography["wideStyles"]["caps"]["semibold"];
-declare const fontCaps: (fontSize: FontCapsSize, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontCaps: <W extends "semibold">(fontSize: keyof {
+    semibold: {
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCapsXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCapsXxxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCapsXxxxs: (props: CommonThemeProps) => SerializedStyles | null;
-// Font Header
-type FontHeaderSize = keyof Typography["wideStyles"]["header"]["semibold"];
-declare const fontHeader: (fontSize: FontHeaderSize, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontHeader: <W extends "semibold">(fontSize: keyof {
+    semibold: {
+        xxl: import("@mui/material/styles/createTypography").CSSProperties;
+        xl: import("@mui/material/styles/createTypography").CSSProperties;
+        l: import("@mui/material/styles/createTypography").CSSProperties;
+        m: import("@mui/material/styles/createTypography").CSSProperties;
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXxl: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXl: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderL: (props: CommonThemeProps) => SerializedStyles | null;
@@ -501,28 +557,120 @@ declare const fontHeaderS: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontHeaderXxxs: (props: CommonThemeProps) => SerializedStyles | null;
-// Font Code
-type FontCodeWeight = keyof Typography["wideStyles"]["code"];
-type FontCodeSize<T extends FontCodeWeight> = keyof Typography["wideStyles"]["code"][T];
-declare const fontCode: (fontSize: FontCodeSize<FontCodeWeight>, fontWeight?: FontCodeWeight, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontCode: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
+    regular: {
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+    medium: {
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+    semibold: {
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCodeXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCodeS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontCodeMediumXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontCodeMediumS: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCodeSemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCodeSemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
-// Font Tabular
-type FontTabularWeight = keyof Typography["wideStyles"]["tabular"];
-type FontTabularSize<T extends FontTabularWeight> = keyof Typography["wideStyles"]["tabular"][T];
-declare const fontTabular: (fontSize: FontTabularSize<FontTabularWeight>, fontWeight?: FontTabularWeight, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabular: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
+    regular: {
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+    medium: {
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+    semibold: {
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontTabularXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontTabularS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularMediumXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularMediumXxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularMediumXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularMediumS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularSemiboldXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTabularSemiboldXxs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontTabularSemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontTabularSemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTitle: <W extends "bold">(fontSize: keyof {
+    bold: {
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        m: import("@mui/material/styles/createTypography").CSSProperties;
+        l: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTitleBoldS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTitleBoldM: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontTitleBoldL: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLink: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
+    regular: {
+        l: import("@mui/material/styles/createTypography").CSSProperties;
+        m: import("@mui/material/styles/createTypography").CSSProperties;
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+    medium: {
+        l: import("@mui/material/styles/createTypography").CSSProperties;
+        m: import("@mui/material/styles/createTypography").CSSProperties;
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+    semibold: {
+        l: import("@mui/material/styles/createTypography").CSSProperties;
+        m: import("@mui/material/styles/createTypography").CSSProperties;
+        s: import("@mui/material/styles/createTypography").CSSProperties;
+        xs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxs: import("@mui/material/styles/createTypography").CSSProperties;
+        xxxs: import("@mui/material/styles/createTypography").CSSProperties;
+    };
+}[W], fontWeight?: W | undefined, isNarrow?: boolean) => (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkL: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkM: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkXxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkMediumL: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkMediumM: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkMediumS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkMediumXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkMediumXxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkMediumXxxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkSemiboldL: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkSemiboldM: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkSemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkSemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkSemiboldXxs: (props: CommonThemeProps) => SerializedStyles | null;
+declare const fontLinkSemiboldXxxs: (props: CommonThemeProps) => SerializedStyles | null;
 interface AccordionExtraProps extends CommonThemeProps {
     useDivider?: boolean;
     togglePosition?: "right" | "left";
-    id: string;
+    chevronSize?: "xs" | "s" | "l" | "xl";
 }
-type AccordionProps = RawAccordionProps & AccordionExtraProps;
+type AccordionProps = RawAccordionProps & AccordionExtraProps & {
+    id: string;
+};
 /**
  * @see https://mui.com/material-ui/react-accordion/
  */
@@ -719,6 +867,7 @@ interface MenuItemExtraProps<IconName extends keyof IconNameToSmallSizes> {
     sdsIcon?: IconName | React.ReactElement<CustomSVGProps>;
     sdsIconProps?: Partial<IconProps<IconName>>;
     sdsStyle?: "determinate" | "indeterminate";
+    sdsType?: "default" | "action";
 }
 type MenuItemProps<IconName extends keyof IconNameToSmallSizes> = MenuItemExtraProps<IconName> & RawMenuItemProps;
 /**
@@ -729,6 +878,7 @@ interface StyleProps extends CommonThemeProps {
     count?: number;
     icon?: ReactElement;
     search?: boolean;
+    groupBy?: AutocompleteProps<DefaultAutocompleteOption, boolean, boolean, boolean>["groupBy"];
 }
 // (thuang): This requires option to have a `name` property.
 // (masoudmanson): Represents a generic autocomplete option with common properties.
@@ -755,7 +905,7 @@ type Exclusive<T, U> = T & {
 type DefaultAutocompleteOption = Exclusive<AutocompleteOptionBasic, AutocompleteOptionComponent> // Represents a basic option with optional custom properties.
  | Exclusive<AutocompleteOptionComponent, AutocompleteOptionBasic>; // Represents an option with a custom component and optional basic properties.
 // Represents an option with a custom component and optional basic properties.
-interface ExtraAutocompleteProps<T, Multiple, DisableClearable, FreeSolo> extends StyleProps {
+interface ExtraAutocompleteProps<T, Multiple, DisableClearable, FreeSolo> extends Omit<StyleProps, "groupBy"> {
     keepSearchOnSelect?: boolean;
     renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
     onInputChange?: (event: SyntheticEvent<Element, Event>, value: string, reason: AutocompleteInputChangeReason) => void;
@@ -828,8 +978,8 @@ interface ExtraAutocompleteProps$0<T, Multiple extends boolean | undefined, Disa
     icon?: ReactElement;
     search?: boolean;
 }
-type AutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteBaseProps<T, Multiple, DisableClearable, FreeSolo>, "options" | "value" | "onChange"> & ExtraAutocompleteProps$0<T, Multiple, DisableClearable, FreeSolo>;
-declare const Autocomplete$0: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
+type AutocompleteProps$0<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteBaseProps<T, Multiple, DisableClearable, FreeSolo>, "options" | "value" | "onChange"> & ExtraAutocompleteProps$0<T, Multiple, DisableClearable, FreeSolo>;
+declare const Autocomplete$0: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: AutocompleteProps$0<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
 type ButtonTypeMap = {
     icon: "primary" | "secondary" | "tertiary";
     minimal: "primary" | "secondary";
@@ -868,10 +1018,12 @@ type ButtonProps = SdsProps;
 declare const Button: React.ForwardRefExoticComponent<(Omit<SdsIconButtonProps, "ref"> | Omit<SdsMinimalButtonProps, "ref"> | Omit<SdsButtonProps, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 interface BannerExtraProps extends CommonThemeProps {
     sdsType: "primary" | "secondary";
+    intent?: BannerIntentType;
 }
 type ButtonType$0 = ButtonProps & {
     bannerType: string;
 } & CommonThemeProps;
+type BannerIntentType = "info" | "negative" | "notice" | "positive";
 interface BannerProps extends BannerExtraProps {
     children: React.ReactNode;
     icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
@@ -879,6 +1031,7 @@ interface BannerProps extends BannerExtraProps {
     dismissed?: boolean;
     dismissible?: boolean;
     onClose?: (e: React.MouseEvent) => void;
+    intent?: BannerIntentType;
 }
 declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement | null>>;
 type SdsProps$0 = {
@@ -982,6 +1135,7 @@ interface TooltipExtraProps extends CommonThemeProps {
     // @deprecated Use `hasInvertedStyle` instead
     sdsStyle?: "dark" | "light";
     hasInvertedStyle?: boolean;
+    title?: React.ReactNode;
     subtitle?: React.ReactNode;
     width?: "default" | "wide";
     textAlign?: "left" | "center" | "right";
@@ -1080,7 +1234,7 @@ interface StyleProps$1 extends CommonThemeProps {
     icon?: ReactElement;
     search?: boolean;
     isSearchAutoFocus?: boolean;
-    title?: string;
+    title?: React.ReactNode;
     isMultiColumn?: boolean;
 }
 declare const StyledPopper$1: import("@emotion/styled").StyledComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement> & {
@@ -1107,7 +1261,7 @@ interface ExtraDropdownMenuProps extends StyleProps$1 {
     onInputChange?: (event: SyntheticEvent<Element, Event>, value: string, reason: AutocompleteInputChangeReason) => void;
     InputBaseProps?: Partial<InputSearchProps>;
     PopperBaseProps?: Partial<PopperProps>;
-    title?: string;
+    title?: React.ReactNode;
     headerComponentSlot?: JSX.Element;
     label?: string;
     anchorEl: HTMLElement | null;
@@ -1119,9 +1273,10 @@ interface ExtraDropdownMenuProps extends StyleProps$1 {
     ClickAwayListenerProps?: Partial<MUIClickAwayListenerProps>;
     width?: number | CSSProperties["width"];
 }
-type CustomAutocompleteProps$1<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
+type CustomAutocompleteProps$1<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps$0<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
 type DropdownMenuProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$1<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownMenuProps;
 declare const DropdownMenu: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: DropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
+type SdsDropdownMenuProps = DropdownMenuProps;
 declare const doNotForwardProps: string[];
 type IntentType$0 = "negative" | "notice" | "positive";
 interface InputDropdownProps extends CommonThemeProps, Omit<ButtonProps$0, (typeof doNotForwardProps)[number]> {
@@ -1154,23 +1309,34 @@ type InputDropdownProps$0 = SdsInputDropdownProps;
  */
 declare const InputDropdown: (props: InputDropdownProps$0) => JSX.Element;
 type InputDropdownPropsType = InputDropdownProps$0;
-interface ComplexFilterProps<T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> {
+interface ExtraDropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> {
+    buttonPosition?: "left" | "right";
+    buttons?: boolean;
+    closeOnBlur?: boolean;
+    disabled?: boolean;
     label: ReactNode;
-    options: T[];
-    multiple?: Multiple;
+    options: AutocompleteSingleColumnOption<T>[] | AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[];
     search?: boolean;
-    onChange: (options: AutocompleteValue$1<T, Multiple, DisableClearable, FreeSolo>) => void;
-    DropdownMenuProps?: Partial<typeof DropdownMenu>;
+    isSearchAutoFocus?: boolean;
+    title?: React.ReactNode;
+    DropdownMenuProps?: Partial<SdsDropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>>;
     InputDropdownProps?: Partial<InputDropdownPropsType>;
     value?: AutocompleteValue$1<T, Multiple, DisableClearable, FreeSolo>;
     style?: React.CSSProperties;
     className?: string;
-    PopperComponent?: typeof StyledPopper$1;
     InputDropdownComponent?: typeof InputDropdown;
     isTriggerChangeOnOptionClick?: boolean;
 }
-// eslint-disable-next-line sonarjs/cognitive-complexity
-declare const ComplexFilter: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ options, label, multiple, search, onChange, DropdownMenuProps, InputDropdownProps, value: propValue, PopperComponent, InputDropdownComponent, isTriggerChangeOnOptionClick, ...rest }: ComplexFilterProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
+type CustomAutocompleteProps$2<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
+type DropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$2<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownProps<T, Multiple, DisableClearable, FreeSolo>;
+declare const Dropdown: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: DropdownProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
+type InputDropdownPropsType$0 = InputDropdownProps$0;
+interface ComplexFilterProps<T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends Omit<DropdownProps<T, Multiple, DisableClearable, FreeSolo>, "onChange" | "label"> {
+    label: ReactNode;
+    onChange?: (options: AutocompleteValue$1<T, Multiple, DisableClearable, FreeSolo>) => void;
+    InputDropdownProps?: Partial<InputDropdownPropsType$0>;
+}
+declare const ComplexFilter: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ label, multiple, search, onChange: userOnChange, InputDropdownProps, value: propValue, options, ...rest }: ComplexFilterProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
 type CardExtraProps = Partial<ContentCardProps> & CommonThemeProps;
 declare const StyledContentCardBody: import("@emotion/styled").StyledComponent<import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
@@ -1277,33 +1443,36 @@ type DialogProps = RawDialogProps & DialogExtraProps;
  * @see https://mui.com/material-ui/react-dialog/
  */
 declare const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface DialogActionsExtraProps extends CommonThemeProps {
-    buttonPosition?: "left" | "right";
+interface DialogTitleExtraProps extends CommonThemeProps {
+    sdsSize: "xs" | "s" | "m" | "l";
 }
-type DialogActionsProps = DialogActionsExtraProps & RawDialogActionsProps;
-/**
- * @see https://mui.com/material-ui/react-dialog/
- */
-declare const DialogActions: import("react").ForwardRefExoticComponent<Omit<DialogActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-type DialogContentProps = RawDialogContentProps;
-declare const _default: import("react").ForwardRefExoticComponent<Omit<RawDialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-type DialogTitleExtraProps = CommonThemeProps;
 declare const Title: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "zIndex" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "className" | "style" | "classes" | "children" | "sx" | "border" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+}, "zIndex" | "typography" | "fontFamily" | "m" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "className" | "style" | "classes" | "children" | "sx" | "border" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & DialogTitleExtraProps, {}, {}>;
 declare const Subtitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "zIndex" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "className" | "style" | "classes" | "children" | "sx" | "border" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+}, "zIndex" | "typography" | "fontFamily" | "m" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "className" | "style" | "classes" | "children" | "sx" | "border" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & DialogTitleExtraProps, {}, {}>;
 declare const Overline: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "zIndex" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "className" | "style" | "classes" | "children" | "sx" | "border" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+}, "zIndex" | "typography" | "fontFamily" | "m" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "className" | "style" | "classes" | "children" | "sx" | "border" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & DialogTitleExtraProps, {}, {}>;
-interface DialogTitleProps extends DialogTitleExtraProps, RawDialogTitleProps {
+interface DialogActionsExtraProps extends CommonThemeProps {
+    buttonPosition?: "left" | "right";
+    sdsSize: DialogTitleExtraProps["sdsSize"];
+}
+type DialogActionsProps = Omit<DialogActionsExtraProps, "sdsSize"> & RawDialogActionsProps;
+/**
+ * @see https://mui.com/material-ui/react-dialog/
+ */
+declare const DialogActions: import("react").ForwardRefExoticComponent<Omit<DialogActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DialogContentProps = RawDialogContentProps;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<RawDialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface DialogTitleProps extends Omit<DialogTitleExtraProps, "sdsSize">, RawDialogTitleProps {
     title?: string;
     subtitle?: string;
     overline?: string;
@@ -1313,29 +1482,6 @@ interface DialogTitleProps extends DialogTitleExtraProps, RawDialogTitleProps {
  * @see https://mui.com/material-ui/react-dialog/
  */
 declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-type SdsDropdownMenuProps = DropdownMenuProps;
-type InputDropdownPropsType$0 = InputDropdownProps$0;
-interface ExtraDropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> {
-    buttonPosition?: "left" | "right";
-    buttons?: boolean;
-    closeOnBlur?: boolean;
-    disabled?: boolean;
-    label: ReactNode;
-    options: AutocompleteSingleColumnOption<T>[] | AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[];
-    search?: boolean;
-    isSearchAutoFocus?: boolean;
-    DropdownMenuProps?: Partial<SdsDropdownMenuProps<T, Multiple, DisableClearable, FreeSolo>>;
-    InputDropdownProps?: Partial<InputDropdownPropsType$0>;
-    value?: AutocompleteValue$1<T, Multiple, DisableClearable, FreeSolo>;
-    style?: React.CSSProperties;
-    className?: string;
-    InputDropdownComponent?: typeof InputDropdown;
-    isTriggerChangeOnOptionClick?: boolean;
-}
-type CustomAutocompleteProps$2<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps$0<T, Multiple, DisableClearable, FreeSolo>, "renderInput">;
-type DropdownProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps$2<T, Multiple, DisableClearable, FreeSolo> & ExtraDropdownProps<T, Multiple, DisableClearable, FreeSolo>;
-// eslint-disable-next-line sonarjs/cognitive-complexity
-declare const Dropdown: <T extends DefaultAutocompleteOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>(props: DropdownProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
 interface CheckboxExtraProps extends CommonThemeProps {
     intent?: "default" | "negative" | "notice" | "positive";
     disabled?: boolean;
@@ -1633,10 +1779,16 @@ type IconButtonProps = SdsIconButtonProps & {
 declare const NavigationHeader: React.ForwardRefExoticComponent<Omit<NavigationHeaderProps<string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface NavigationJumpToExtraProps extends Omit<TabsProps, "onChange">, CommonThemeProps {
     width?: CSSProperties["width"];
+    isSubItem?: boolean;
 }
+type SubItem = {
+    title: string;
+    elementRef: React.MutableRefObject<HTMLElement | null>;
+};
 type Item = {
     title: string;
     elementRef: React.MutableRefObject<HTMLElement | null>;
+    subItems?: SubItem[];
 };
 interface NavigationJumpToProps extends NavigationJumpToExtraProps {
     items: Array<Item>;
@@ -1753,6 +1905,7 @@ type TabsProps$0 = RawTabsProps & {
 declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps$0, "ref"> & React.RefAttributes<HTMLDivElement>>;
 interface TabProps$0 extends RawTabProps {
     count?: ReactNode;
+    selected?: boolean;
 }
 /**
  * @see https://mui.com/material-ui/react-tabs/
@@ -1799,5 +1952,5 @@ type TooltipTableContentProps = TooltipTableExtraProps;
  * @see https://mui.com/material-ui/react-table/
  */
 declare const TooltipTableContent: (props: TooltipTableContentProps) => JSX.Element;
-export { AccordionDetails, AccordionHeader, AccordionProps, Accordion, Alert, AutocompleteSingleColumnOption, AutocompleteMultiColumnOption, SDSAutocompleteOptions, AutocompleteMultiColumnValue, AutocompleteSingleColumnValue, SDSAutocompleteValue, AutocompleteSingleColumnOnChange, AutocompleteMultiColumnOnChange, SDSAutocompleteOnChange, AutocompleteProps, StyledPopper as AutocompleteMultiColumnStyledPopper, StyledPaper$0 as AutocompleteSingleColumnStyledPaper, Autocomplete$0 as Autocomplete, BannerProps, Banner, ButtonType$0 as ButtonType, ButtonTypeMap, ButtonSize, SdsIconButtonProps, SdsMinimalButtonProps, SdsButtonProps, SdsProps, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, ButtonToggleProps, ButtonToggle, CalloutIntentType, CalloutSdsStyleType, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPopper$1 as ComplexFilterPopper, StyledPopper$1 as DropdownPopper, ComplexFilterProps, ComplexFilter, ContentCardActions, StyledContentCardBody as ContentCardBody, CardMedia as ContentCardMedia, StyledTitleText as ContentCardTitle, StyledSubtitleText as ContentCardSubtitle, StyledMetadataText as ContentCardMetadata, StyledOverlineText as ContentCardOverline, ContentCard, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Overline as DialogTitleOverline, DialogTitleProps, DialogTitle, StyledPaper$1 as DropdownPaper, ExtraDropdownProps, DropdownProps, Dropdown, DefaultDropdownMenuOption, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, DropdownMenuProps, DropdownMenu, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, LinkProps$0 as LinkProps, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheaderProps, ListSubheader, LoadingIndicatorProps$0 as LoadingIndicatorProps, LoadingIndicator, MenuProps, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NavigationFooterNavItem, FooterImage, NavigationFooterProps, NavItemProps, FooterLinkProps, NavigationFooter, NavigationHeader, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, Panel, SingleButtonDefinition, SegmentedControlProps, SegmentedControl, SdsTableProps, TableProps, Table, TableHeaderProps, TableHeader, TableRowProps, TableRow, Tabs, TabProps$0 as TabProps, Tab, SdsTagProps, TagProps, Tag, SdsTagFilterProps, TagFilterProps, TagFilter, Tooltip, TooltipCondensedProps, TooltipCondensed, TooltipTableContent, TooltipTableContent as TooltipTable, AccentColor, BaseColor, IntentColor, SDSPalette, SDSTheme, SDSThemeOptions, AppTheme, Shadows, TypographyStyles, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSize, IconSizes, Border, Borders, Theme$0 as Theme, defaultTheme, createAppThemeBorders, makeSdsSemanticAppTheme, SDSLightAppTheme, SDSDarkAppTheme, SDSChooseTheme, defaultAppTheme, SDSPaletteLight, SDSPaletteDark, makeThemeOptions, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, fontCode, fontCodeXs, fontCodeS, fontCodeSemiboldXs, fontCodeSemiboldS, fontTabular, fontTabularXs, fontTabularS, fontTabularSemiboldXs, fontTabularSemiboldS, CommonThemeProps, getSpaces, getSpacings, getTypography, getMode, getPalette, getColors, getSemanticColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders, getBreakpoints };
+export { AccordionDetails, AccordionHeader, AccordionProps, Accordion, Alert, AutocompleteSingleColumnOption, AutocompleteMultiColumnOption, SDSAutocompleteOptions, AutocompleteMultiColumnValue, AutocompleteSingleColumnValue, SDSAutocompleteValue, AutocompleteSingleColumnOnChange, AutocompleteMultiColumnOnChange, SDSAutocompleteOnChange, AutocompleteProps$0 as AutocompleteProps, StyledPopper as AutocompleteMultiColumnStyledPopper, StyledPaper$0 as AutocompleteSingleColumnStyledPaper, Autocomplete$0 as Autocomplete, BannerIntentType, BannerProps, Banner, ButtonType$0 as ButtonType, ButtonTypeMap, ButtonSize, SdsIconButtonProps, SdsMinimalButtonProps, SdsButtonProps, SdsProps, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, ButtonToggleProps, ButtonToggle, CalloutIntentType, CalloutSdsStyleType, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, DropdownInputDropdown as ComplexFilterInputDropdown, DropdownPopper as ComplexFilterPopper, ComplexFilterProps, ComplexFilter, ContentCardActions, StyledContentCardBody as ContentCardBody, CardMedia as ContentCardMedia, StyledTitleText as ContentCardTitle, StyledSubtitleText as ContentCardSubtitle, StyledMetadataText as ContentCardMetadata, StyledOverlineText as ContentCardOverline, ContentCard, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Overline as DialogTitleOverline, DialogTitleProps, DialogTitle, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPaper$1 as DropdownPaper, StyledPopper$1 as DropdownPopper, ExtraDropdownProps, DropdownProps, Dropdown, DefaultDropdownMenuOption, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, DropdownMenuProps, DropdownMenu, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, LinkProps$0 as LinkProps, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheaderProps, ListSubheader, LoadingIndicatorProps$0 as LoadingIndicatorProps, LoadingIndicator, MenuProps, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NavigationFooterNavItem, FooterImage, NavigationFooterProps, NavItemProps, FooterLinkProps, NavigationFooter, NavigationHeader, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, Panel, SingleButtonDefinition, SegmentedControlProps, SegmentedControl, SdsTableProps, TableProps, Table, TableHeaderProps, TableHeader, TableRowProps, TableRow, Tabs, TabProps$0 as TabProps, Tab, SdsTagProps, TagProps, Tag, SdsTagFilterProps, TagFilterProps, TagFilter, Tooltip, TooltipCondensedProps, TooltipCondensed, TooltipTableContent, TooltipTableContent as TooltipTable, AccentColor, BaseColor, IntentColor, SDSPalette, SDSTheme, SDSThemeOptions, AppTheme, Shadows, TypographyStyles, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSize, IconSizes, Border, Borders, Theme$0 as Theme, defaultTheme, SDSDarkThemeColors, SDSLightThemeColors, makeSdsSemanticAppTheme, SDSLightAppTheme, SDSDarkAppTheme, SDSChooseTheme, defaultAppTheme, SDSPaletteLight, SDSPaletteDark, makeThemeOptions, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodyMediumL, fontBodyMediumM, fontBodyMediumS, fontBodyMediumXs, fontBodyMediumXxs, fontBodyMediumXxxs, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, fontCode, fontCodeXs, fontCodeS, fontCodeMediumXs, fontCodeMediumS, fontCodeSemiboldXs, fontCodeSemiboldS, fontTabular, fontTabularXxxs, fontTabularXxs, fontTabularXs, fontTabularS, fontTabularMediumXxxs, fontTabularMediumXxs, fontTabularMediumXs, fontTabularMediumS, fontTabularSemiboldXxxs, fontTabularSemiboldXxs, fontTabularSemiboldXs, fontTabularSemiboldS, fontTitle, fontTitleBoldS, fontTitleBoldM, fontTitleBoldL, fontLink, fontLinkL, fontLinkM, fontLinkS, fontLinkXs, fontLinkXxs, fontLinkXxxs, fontLinkMediumL, fontLinkMediumM, fontLinkMediumS, fontLinkMediumXs, fontLinkMediumXxs, fontLinkMediumXxxs, fontLinkSemiboldL, fontLinkSemiboldM, fontLinkSemiboldS, fontLinkSemiboldXs, fontLinkSemiboldXxs, fontLinkSemiboldXxxs, CommonThemeProps, getSpaces, getSpacings, getTypography, getMode, getPalette, getColors, getSemanticColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders, getBreakpoints };
 export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ChipProps, ContentCardProps, CardMediaProps as ContentCardMediaProps, ContentCardActionsProps, ContentCardTitleProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, NavigationHeaderProps, IconButtonProps, NavigationHeaderPrimaryNavItem, NavigationHeaderPrimaryNavProps, NavigationHeaderSecondaryNavItem, NavigationHeaderSecondaryNavProps, PanelProps, BasicPanelProps, OverlayPanelProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };