@czi-sds/components 22.13.3 → 22.15.0

package/dist/index.esm.d.ts

@@ -29,7 +29,7 @@ import { ListItemProps as RawListItemProps } from "@mui/material";
 import { ListSubheaderProps as RawListSubheaderProps } from "@mui/material";
 import { MenuProps as RawMenuProps } from "@mui/material";
 import { ChipProps as ChipProps$0 } from "@mui/material";
-import { LinkProps as LinkProps$1 } from "@mui/material";
+import { LinkProps as LinkProps$0 } from "@mui/material";
 import { MenuProps as MenuProps$0 } from "@mui/material";
 import { TabProps as RawTabProps } from "@mui/material";
 import { TabsProps as RawTabsProps } from "@mui/material";
@@ -77,52 +77,72 @@ interface AccentColor {
 }
 interface BaseColor {
     backgroundPrimary: string;
+    backgroundPrimaryDark: string;
     backgroundPrimaryInverse: string;
     backgroundSecondary: string;
+    backgroundSecondaryOnDark: string;
     backgroundSecondaryInverse: string;
     backgroundTertiary: string;
     surface: string;
+    surfaceOnDark: string;
     surfaceInverse: string;
     textPrimary: string;
+    textPrimaryOnDark: string;
     textPrimaryInverse: string;
     textSecondary: string;
+    textSecondaryOnDark: string;
     textSecondaryInverse: string;
     textTertiary: string;
+    textTertiaryOnDark: string;
     textTertiaryInverse: string;
     textDisabled: string;
+    textDisabledOnDark: string;
     textDisabledInverse: string;
     textOnFill: string;
     fillHover: string;
+    fillHoverOnDark: string;
     fillHoverInverse: string;
     fillPressed: string;
+    fillPressedOnDark: string;
     fillPressedInverse: string;
     fillPrimary: string;
     fillOpen: string;
+    fillOpenOnDark: string;
     fillOpenInverse: string;
     fillSelected: string;
     fillDisabled: string;
     divider: string;
+    dividerOnDark: string;
     dividerInverse: string;
     borderPrimary: string;
+    borderPrimaryOnDark: string;
     borderPrimaryInverse: string;
     borderSecondary: string;
     borderPrimaryHover: string;
+    borderPrimaryHoverOnDark: string;
     borderPrimaryHoverInverse: string;
     borderOnFill: string;
     borderPrimaryPressed: string;
+    borderPrimaryPressedOnDark: string;
     borderPrimaryPressedInverse: string;
     borderPrimaryDisabled: string;
+    borderPrimaryDisabledOnDark: string;
     borderPrimaryDisabledInverse: string;
     ornamentDisabled: string;
+    ornamentDisabledOnDark: string;
     ornamentDisabledInverse: string;
     ornamentOnFill: string;
     ornamentPrimary: string;
+    ornamentPrimaryOnDark: string;
     ornamentPrimaryInverse: string;
     ornamentSecondary: string;
+    ornamentSecondaryOnDark: string;
     ornamentSecondaryInverse: string;
     ornamentSecondaryHover: string;
+    ornamentSecondaryHoverOnDark: string;
     ornamentSecondaryHoverInverse: string;
     ornamentSecondaryPressed: string;
+    ornamentSecondaryPressedOnDark: string;
     ornamentSecondaryPressedInverse: string;
 }
 interface IntentColor {
@@ -374,6 +394,7 @@ interface Color {
 interface Colors {
     blue: Color;
     gray: Color;
+    indigo: Color;
     green: Color;
     purple: Color;
     red: Color;
@@ -688,7 +709,7 @@ declare const Alert: (props: AlertProps) => JSX.Element;
 interface IconNameToSizes {
     Bacteria: "xs" | "s" | "l" | "xl";
     BarChartHorizontal3: "xs" | "s";
-    BarChartVertical3: "xs" | "s";
+    BarChartVertical3: "xs" | "s" | "l" | "xl";
     BarChartVertical4: "xs" | "s";
     Book: "xs" | "s" | "l" | "xl";
     Check: "xs" | "s";
@@ -702,6 +723,7 @@ interface IconNameToSizes {
     ChevronUp: "xs" | "s" | "l" | "xl";
     ChevronUp2: "xs" | "s";
     CirclesOverlap2: "xs" | "s" | "l" | "xl";
+    Cli: "l" | "xl";
     Code: "xs" | "s" | "l" | "xl";
     Compass: "l" | "xl";
     Copy: "xs" | "s" | "l" | "xl";
@@ -747,6 +769,7 @@ interface IconNameToSizes {
     LockCircle: "xs" | "s";
     Minus: "xs" | "s";
     Open: "xs" | "s";
+    Package: "l" | "xl";
     Pause: "l" | "xl";
     People: "xs" | "s" | "l" | "xl";
     Percentage: "xs" | "s";
@@ -809,7 +832,7 @@ interface IconExtraProps<IconName extends keyof IconNameToSizes> extends CommonT
     sdsIcon: IconName;
     sdsSize: IconNameToSizes[IconName];
 }
-type SdsIconColorType = "blue" | "gray" | "green" | "purple" | "red" | "yellow";
+type SdsIconColorType = "blue" | "gray" | "green" | "purple" | "indigo" | "red" | "yellow";
 interface SdsIconWithColor$0 {
     color?: SdsIconColorType;
     shade?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
@@ -833,6 +856,15 @@ interface AccessibleInputSearchProps {
     handleSubmit?: (value: string) => void;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     customTheme?: "light" | "dark" | "auto";
+    classes?: {
+        root?: string;
+        label?: string;
+        input?: string;
+        endAdornment?: string;
+        startAdornment?: string;
+        clearButton?: string;
+        searchButton?: string;
+    };
 }
 type InputSearchProps = RawTextFieldSearchProps & AccessibleInputSearchProps & InputSearchExtraProps;
 /**
@@ -1310,7 +1342,19 @@ interface InputDropdownProps extends CommonThemeProps, Omit<ButtonProps$0, (type
     style?: React.CSSProperties;
 }
 type SdsInputDropdownProps = InputDropdownProps;
-type InputDropdownProps$0 = SdsInputDropdownProps;
+type InputDropdownProps$0 = SdsInputDropdownProps & {
+    classes?: {
+        root?: string;
+        label?: string;
+        labelDetailsWrapper?: string;
+        contentWrapper?: string;
+        details?: string;
+        counter?: string;
+        iconWrapper?: string;
+        chevronIcon?: string;
+        minimalDetails?: string;
+    };
+};
 /**
  * @see https://mui.com/material-ui/react-button/
  */
@@ -1431,29 +1475,50 @@ declare const StyledMetadataText: import("@emotion/styled").StyledComponent<impo
  * @see https://mui.com/material-ui/react-card/
  */
 declare const ContentCard: React.ForwardRefExoticComponent<(Omit<ImageContentCardProps, "ref"> | Omit<IconContentCardProps, "ref"> | Omit<NoneContentCardProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
-type DialogPaperProps = PaperProps;
+interface DialogPaperProps extends PaperProps {
+    sdsSize?: "xs" | "s" | "m" | "l";
+}
 /**
  * @see https://mui.com/material-ui/react-paper/
  */
 declare const DialogPaper: import("react").ForwardRefExoticComponent<Omit<DialogPaperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-type SdsSize = "xs" | "s" | "m" | "l";
-declare const DialogContext: import("react").Context<{
-    sdsSize: SdsSize;
-}>;
 interface DialogExtraProps {
     canClickOutsideClose?: boolean;
     onClose?: (event: object, reason: string) => void;
     sdsSize?: "xs" | "s" | "m" | "l";
     PaperComponent?: ComponentType<DialogPaperProps>;
     DialogComponent?: ComponentType<RawDialogProps>;
+    classes?: {
+        root?: string;
+        paper?: string;
+        title?: string;
+        actions?: string;
+    };
 }
 type DialogProps = RawDialogProps & DialogExtraProps;
 /**
  * @see https://mui.com/material-ui/react-dialog/
  */
 declare const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DialogActionsProps extends RawDialogActionsProps {
+    sdsSize?: DialogExtraProps["sdsSize"];
+    buttonPosition?: "left" | "right";
+    classes?: {
+        root?: string;
+    };
+}
+/**
+ * @see https://mui.com/material-ui/react-dialog/
+ */
+declare const DialogActions: import("react").ForwardRefExoticComponent<Omit<DialogActionsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DialogContentProps = RawDialogContentProps & {
+    classes?: {
+        root?: string;
+    };
+};
+declare const _default: import("react").ForwardRefExoticComponent<Omit<DialogContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 interface DialogTitleExtraProps extends CommonThemeProps {
-    sdsSize: "xs" | "s" | "m" | "l";
+    sdsSize?: DialogExtraProps["sdsSize"];
 }
 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;
@@ -1470,27 +1535,52 @@ declare const Overline: import("@emotion/styled").StyledComponent<import("@mui/m
 }, "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 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 {
+interface DialogTitleProps extends DialogTitleExtraProps, RawDialogTitleProps {
     title?: string;
     subtitle?: string;
     overline?: string;
     onClose?: () => void;
+    classes?: {
+        root?: string;
+        title?: string;
+        subtitle?: string;
+        overline?: string;
+        closeButton?: string;
+    };
 }
-/**
- * @see https://mui.com/material-ui/react-dialog/
- */
 declare const DialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+interface HeroProps {
+    className?: string;
+    heroHeight?: string;
+    children?: ReactNode;
+    overlayContainerMinMargin?: {
+        small: number;
+        medium: number;
+        large: number;
+    };
+    headerText?: string;
+    headerFontSize?: "s" | "m" | "l";
+    captionText?: string;
+    textAlignment?: "left" | "center" | "right";
+    hasInvertTextColor?: boolean;
+    overlayContentWidth?: string;
+    overlayContentPosition?: "top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right";
+    darkeningMask?: boolean;
+    darkeningMaskColor?: string;
+    darkeningMaskOpacity?: number;
+    darkeningVignette?: boolean;
+    overlayMedia?: ReactNode;
+    overlayMediaPosition?: "top-left" | "top" | "top-right" | "left" | "center" | "right" | "bottom-left" | "bottom" | "bottom-right";
+    overlayMediaMaxHeight?: string;
+    overlayMediaMaxWidth?: string;
+    overlayMediaMargin?: string | {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    backgroundFill?: string | ReactNode;
+}
+declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLElement>>;
 interface CheckboxExtraProps extends CommonThemeProps {
     intent?: "default" | "negative" | "notice" | "positive";
     disabled?: boolean;
@@ -1501,6 +1591,16 @@ interface CheckboxContentProps extends Omit<MUICheckboxProps, "color" | "default
     intent?: "default" | "negative" | "notice" | "positive";
     label?: React.ReactNode;
     stage?: "checked" | "unchecked" | "indeterminate";
+    classes?: {
+        root?: string;
+        labelCaptionContainer?: string;
+        label?: string;
+        caption?: string;
+        checkbox?: string;
+        checkboxCheckedIcon?: string;
+        checkboxDefaultIcon?: string;
+        checkboxIndeterminateIcon?: string;
+    };
 }
 type CheckboxProps = CheckboxContentProps & CheckboxExtraProps;
 /**
@@ -1552,6 +1652,11 @@ interface AccessibleInputTextProps {
     label: React.ReactNode;
     placeholder?: string;
     id: string;
+    classes?: {
+        root?: string;
+        label?: string;
+        input?: string;
+    };
 }
 type InputTextProps = RawTextFieldProps & InputTextExtraProps & AccessibleInputTextProps;
 /**
@@ -1568,25 +1673,15 @@ interface InputToggleExtraProps extends SwitchProps, CommonThemeProps {
  * @see https://mui.com/material-ui/react-switch/
  */
 declare const InputToggle: (props: InputToggleExtraProps) => import("react/jsx-runtime").JSX.Element;
-type StyleProps$2 = CommonThemeProps;
-// (thuang): Support `component` prop
-// https://stackoverflow.com/a/66123108
-type LinkProps<C extends React.ElementType = "a"> = RawLinkProps<C, {
-    component?: C;
-}> & StyleProps$2 & {
-    fontWeight?: "normal" | "bold";
-    sdsStyle?: "default" | "dashed";
-    sdsSize?: "xs" | "s";
-};
-type RawLinkProps$0 = LinkProps;
-type LinkProps$0<C extends React.ElementType = "a"> = RawLinkProps$0<C> & {
+type LinkProps<C extends React.ElementType = "a"> = RawLinkProps<C> & {
     fontWeight?: "normal" | "bold";
     sdsSize?: "xs" | "s";
+    sdsStyle?: "default" | "dashed";
 };
 /**
  * @see https://mui.com/material-ui/react-link/
  */
-declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps$0<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 interface ListExtraProps extends CommonThemeProps {
     component?: unknown;
     marginBottom?: "xxxs" | "xxs" | "xs" | "s" | "m" | "l";
@@ -1629,14 +1724,14 @@ type MenuProps = RawMenuProps;
  * @see https://mui.com/material-ui/react-menu/
  */
 declare const Menu: (props: MenuProps) => JSX.Element;
-interface StyleProps$3 extends CommonThemeProps {
+interface StyleProps$2 extends CommonThemeProps {
     search?: boolean;
 }
 // (thuang): This requires option to have a `name` property.
 interface DefaultMenuSelectOption {
     name: string;
 }
-interface MenuSelectExtraProps extends StyleProps$3 {
+interface MenuSelectExtraProps extends StyleProps$2 {
     keepSearchOnSelect?: boolean;
     renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode;
     InputBaseProps?: Partial<InputSearchProps>;
@@ -1702,7 +1797,7 @@ interface FooterImage {
     linkProps?: Record<string, unknown>;
 }
 interface NavigationFooterProps {
-    hasInvertedStyle?: boolean;
+    backgroundAppearance?: "matchBackground" | "dark";
     images?: FooterImage[];
     logo?: ReactNode;
     logoUrl?: string;
@@ -1724,7 +1819,7 @@ interface FooterLinkProps {
     showDivider: boolean;
     hasInvertedStyle?: boolean;
 }
-declare function NavigationFooter({ hasInvertedStyle, images, logo, logoUrl, logoComponent, logoLinkProps, navItems, navLinks, tag, tagColor, title, ...rest }: NavigationFooterProps): import("react/jsx-runtime").JSX.Element;
+declare function NavigationFooter({ backgroundAppearance, images, logo, logoUrl, logoComponent, logoLinkProps, navItems, navLinks, tag, tagColor, title, ...rest }: NavigationFooterProps): import("react/jsx-runtime").JSX.Element;
 interface BaseNavigationHeaderPrimaryNavItem<T extends string> extends Record<string, unknown> {
     key: T;
     label: ReactNode;
@@ -1737,6 +1832,8 @@ interface TextNavigationHeaderPrimaryNavItem<T extends string> extends BaseNavig
 }
 interface DropdownItem {
     label: ReactNode;
+    details?: string;
+    icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
     section?: string;
     onClick?: (event: React.MouseEvent) => void;
     component?: React.ElementType;
@@ -1744,9 +1841,26 @@ interface DropdownItem {
     rel?: string;
     target?: string;
 }
+interface ActionItem {
+    label: ReactNode;
+    onClick?: (event: React.MouseEvent) => void;
+    href?: string;
+    component?: React.ElementType;
+    target?: string;
+    rel?: string;
+}
+interface SectionProps {
+    actions?: ActionItem[];
+    colSpan?: number;
+}
 interface DropdownNavigationHeaderPrimaryNavItem<T extends string> extends BaseNavigationHeaderPrimaryNavItem<T> {
     itemType: "dropdown";
     items: DropdownItem[];
+    sectionProps?: Record<string, SectionProps>;
+    defaultUrl?: string;
+    component?: React.ElementType;
+    target?: string;
+    rel?: string;
 }
 type NavigationHeaderPrimaryNavItem<T extends string> = TextNavigationHeaderPrimaryNavItem<T> | DropdownNavigationHeaderPrimaryNavItem<T>;
 interface NavigationHeaderPrimaryNavProps<T extends string> {
@@ -1756,15 +1870,32 @@ interface NavigationHeaderPrimaryNavProps<T extends string> {
     items: NavigationHeaderPrimaryNavItem<T>[];
     onChange(value: T): void;
     value: T;
+    sdsStyle?: "dropdown" | "drawer";
+    expandedAccordion: string | null;
+    setExpandedAccordion: (value: string | null) => void;
+    accordionRefs: React.MutableRefObject<Map<string, HTMLDivElement>>;
+    scrollToAccordion?: (accordionId: string) => void;
+    onDrawerStateChange?: (isOpen: boolean) => void;
+    topOffset?: number;
+    onClose?: () => void;
 }
 interface TextHeaderSecondaryNavItem extends Partial<SdsMinimalButtonProps> {
     label: string;
     itemType: "text";
+    tag?: string;
+    tagColor?: SdsTagColorType;
 }
 interface DropdownHeaderSecondaryNavItem extends Partial<SdsMinimalButtonProps> {
     label: string;
     itemType: "dropdown";
     items: DropdownItem[];
+    sectionProps?: Record<string, SectionProps>;
+    tag?: string;
+    tagColor?: SdsTagColorType;
+    defaultUrl?: string;
+    component?: React.ElementType;
+    target?: string;
+    rel?: string;
 }
 type NavigationHeaderSecondaryNavItem = TextHeaderSecondaryNavItem | DropdownHeaderSecondaryNavItem;
 interface NavigationHeaderSecondaryNavProps {
@@ -1772,15 +1903,23 @@ interface NavigationHeaderSecondaryNavProps {
     items: NavigationHeaderSecondaryNavItem[];
     hasInvertedStyle?: boolean;
     isNarrow?: boolean;
+    sdsStyle?: "dropdown" | "drawer";
+    expandedAccordion: string | null;
+    setExpandedAccordion: (value: string | null) => void;
+    accordionRefs: React.MutableRefObject<Map<string, HTMLDivElement>>;
+    scrollToAccordion?: (accordionId: string) => void;
+    onDrawerStateChange?: (isOpen: boolean) => void;
+    topOffset?: number;
+    onClose?: () => void;
 }
-interface NavigationHeaderProps<T extends string = string> extends AppBarProps {
+interface NavigationHeaderProps<T extends string = string> extends Omit<AppBarProps, "position"> {
     activePrimaryNavKey?: string;
     buttons?: Partial<SdsProps$0 & ButtonProps$0>[] | React.ReactNode[];
-    hasInvertedStyle?: boolean;
+    backgroundAppearance?: "matchBackground" | "dark";
     logo?: ReactNode;
     logoUrl?: string;
     logoLinkComponent?: ElementType;
-    logoLinkProps?: LinkProps$1;
+    logoLinkProps?: LinkProps$0;
     scrollElevation?: boolean;
     primaryNavItems?: NavigationHeaderPrimaryNavItem<T>[];
     primaryNavPosition?: "left" | "right";
@@ -1794,6 +1933,9 @@ interface NavigationHeaderProps<T extends string = string> extends AppBarProps {
     drawerOpen?: boolean;
     setDrawerOpen?: (open: boolean) => void;
     menuProps?: Partial<MenuProps$0>;
+    sdsStyle?: "dropdown" | "drawer";
+    isSticky?: boolean;
+    topComponentSlot?: ReactNode;
 }
 type IconButtonProps = SdsIconButtonProps & {
     children?: string;
@@ -1974,5 +2116,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$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 };
+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, DialogExtraProps, 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, Hero, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, InputDropdownProps$0 as InputDropdownProps, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, 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, HeroProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, NavigationHeaderProps, IconButtonProps, NavigationHeaderPrimaryNavItem, NavigationHeaderPrimaryNavProps, NavigationHeaderSecondaryNavItem, NavigationHeaderSecondaryNavProps, PanelProps, BasicPanelProps, OverlayPanelProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };