@czi-sds/components 20.0.1 → 20.1.1

package/dist/index.cjs.d.ts

@@ -4,15 +4,17 @@ import { AccordionProps as RawAccordionProps } 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";
+import { AutocompleteCloseReason as AutocompleteCloseReason$0 } from "@mui/material";
 import { AutocompleteValue as AutocompleteValue$0 } from "@mui/material";
 import { AutocompleteProps as MuiAutocompleteProps } from "@mui/material";
 import { TextFieldProps as RawTextFieldSearchProps } from "@mui/material";
 import { MenuItemProps as RawMenuItemProps } from "@mui/material";
 import { ClickAwayListenerProps as MUIClickAwayListenerProps } from "@mui/material";
-import { IconButtonProps as RawButtonIconProps } from "@mui/material";
 import { ButtonProps as RawButtonProps } from "@mui/material";
+import { IconButtonProps as RawButtonIconProps } from "@mui/material";
 import { TooltipProps as RawTooltipProps } from "@mui/material";
 import { ChipProps as RawChipProps } from "@mui/material";
+import { ButtonProps as ButtonProps$0 } from "@mui/material";
 import { DialogProps as RawDialogProps } from "@mui/material";
 import { DialogActionsProps as RawDialogActionsProps } from "@mui/material";
 import { DialogContentProps as RawDialogContentProps } from "@mui/material";
@@ -34,7 +36,7 @@ import { CSSProperties, ReactElement, ReactNode, SyntheticEvent, ComponentType }
 import { Theme, ThemeOptions, TypographyStyle, PaletteOptions } from "@mui/material/styles";
 import { SerializedStyles } from "@emotion/react";
 import { AlertProps } from "@mui/lab";
-import { AutocompleteChangeDetails, AutocompleteChangeReason, AutocompleteValue } from "@mui/base";
+import { AutocompleteChangeDetails, AutocompleteChangeReason, AutocompleteCloseReason, AutocompleteValue } from "@mui/base";
 import { AlertTitleProps } from "@mui/material/AlertTitle";
 import { AutocompleteValue as AutocompleteValue$1 } from "@mui/material/useAutocomplete";
 declare const AccordionDetails: (props: AccordionDetailsProps) => import("react/jsx-runtime").JSX.Element;
@@ -160,6 +162,7 @@ interface SDSTextPalette {
     beta: string;
     info: string;
     negative: string;
+    neutral: string;
     notice: string;
     positive: string;
 }
@@ -472,12 +475,21 @@ interface Borders {
     info: Border;
     link: Border;
     negative: Border;
+    neutral: Border;
     none: string;
     notice: Border;
     positive: Border;
 }
 declare const defaultTheme: import("@mui/material/styles").Theme;
+/**
+ * (masoudmanson): This is to keep the old defaultAppTheme export for backward compatibility.
+ */
+declare const defaultAppTheme: import("@mui/material/styles").Theme;
 declare const SDSAppTheme: AppTheme;
+/**
+ * This function creates the theme options for the MUI theme provider
+ */
+declare function makeThemeOptions(appTheme: AppTheme): SDSThemeOptions;
 declare function focusVisibleA11yStyle(): string;
 // (thuang): Somehow this namespace needs to be globally unique to prevent
 // namespace collisions.
@@ -557,6 +569,10 @@ type AccordionProps = RawAccordionProps & AccordionExtraProps;
 declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * @see https://mui.com/material-ui/react-alert/
+ *
+ * @deprecated
+ * This component is deprecated and will be removed in the next major version.
+ * Please use `Callout` or `Notification` instead.
  */
 declare const Alert: (props: AlertProps) => JSX.Element;
 interface IconNameToSizes {
@@ -776,6 +792,8 @@ interface ExtraAutocompleteProps<T, Multiple, DisableClearable, FreeSolo> extend
     onChange?: (event: React.SyntheticEvent, value: AutocompleteValue$0<T, Multiple, DisableClearable, FreeSolo>, reason: AutocompleteChangeReason$0, details?: AutocompleteChangeDetails$0<T>) => void;
     InputBaseProps?: Partial<InputSearchProps>;
     label?: string;
+    onClickAway?: (event?: MouseEvent | TouchEvent, reason?: AutocompleteCloseReason$0) => void;
+    onClick?: (event?: TouchEvent | MouseEvent) => void;
 }
 type CustomAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<MuiAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput" | "nonce" | "rev" | "rel" | "autoFocus" | "content">;
 type AutocompleteBaseProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = CustomAutocompleteProps<T, Multiple, DisableClearable, FreeSolo> & ExtraAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>;
@@ -809,7 +827,8 @@ interface ExtraAutocompleteMultiColumnProps<T, Multiple extends boolean | undefi
     PopperComponent?: React.JSXElementConstructor<PopperProps>;
     PopperPlacement?: "bottom-start" | "top-start" | "bottom-end" | "top-end";
     children?: JSX.Element | null;
-    onClickAway?: (event: MouseEvent | TouchEvent) => void;
+    onClickAway?: (event?: MouseEvent | TouchEvent, reason?: AutocompleteCloseReason$0) => void;
+    onClick?: (event?: TouchEvent | MouseEvent) => void;
     ClickAwayListenerProps?: Partial<MUIClickAwayListenerProps>;
     options: AutocompleteMultiColumnOption<T, Multiple, DisableClearable, FreeSolo>[];
     value?: AutocompleteMultiColumnValue<T, Multiple, DisableClearable, FreeSolo>;
@@ -836,7 +855,8 @@ interface ExtraAutocompleteProps$0<T, Multiple extends boolean | undefined, Disa
     options: SDSAutocompleteOptions<T, Multiple, DisableClearable, FreeSolo>;
     PopperBaseProps?: Partial<PopperProps>;
     value?: SDSAutocompleteValue<T, Multiple, DisableClearable, FreeSolo>;
-    onClickAway?: (event: MouseEvent | TouchEvent) => void;
+    onClickAway?: (event?: MouseEvent | TouchEvent, reason?: AutocompleteCloseReason) => void;
+    onClick?: (event?: TouchEvent | MouseEvent) => void;
     onChange?: SDSAutocompleteOnChange<T, Multiple, DisableClearable, FreeSolo>;
     count?: number;
     icon?: ReactElement;
@@ -844,36 +864,65 @@ interface ExtraAutocompleteProps$0<T, Multiple extends boolean | undefined, Disa
 }
 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;
-interface ButtonIconSizeToTypes {
-    small: "primary" | "secondary" | "tertiary";
-    medium: "tertiary";
-    large: "primary" | "secondary" | "tertiary";
-}
-interface ButtonIconExtraProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extends CommonThemeProps {
-    on?: boolean;
-    disabled?: boolean;
-    sdsSize?: ButtonIconSize;
-    sdsType?: ButtonIconSizeToTypes[ButtonIconSize];
-}
-interface ButtonIconInternalProps<IconName extends keyof IconNameToSizes> {
-    icon: IconName | React.ReactElement<CustomSVGProps>;
-    /**
-     * @deprecated
-     * (masoudmanson): This prop is deprecated and will be removed in the next major version.
-     * Please use `icon` instead.
-     */
-    sdsIcon?: IconName | React.ReactElement<CustomSVGProps>;
-    sdsIconProps?: Partial<IconProps<IconName>>;
-}
-type ButtonIconProps<IconName extends keyof IconNameToSizes, ButtonIconSize extends keyof ButtonIconSizeToTypes> = ButtonIconExtraProps<ButtonIconSize> & RawButtonIconProps & ButtonIconInternalProps<IconName>;
+type ButtonSize = "small" | "medium" | "large";
+type SdsProps = {
+    sdsStyle?: "icon";
+    sdsType?: "primary" | "secondary" | "tertiary";
+    isAllCaps?: boolean;
+    isRounded?: boolean;
+    sdsSize?: ButtonSize;
+    icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
+    sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
+} | {
+    sdsStyle?: "minimal";
+    sdsType?: "primary" | "secondary";
+    isAllCaps?: boolean;
+    isRounded?: boolean;
+} | {
+    sdsStyle?: "rounded" | "square";
+    sdsType?: "primary" | "secondary" | "destructive";
+    isAllCaps?: boolean;
+    isRounded?: boolean;
+};
+type ButtonProps = RawButtonProps & SdsProps;
 /**
- * @see https://mui.com/material-ui/react-button/#icon-buttons
+ * @see https://mui.com/material-ui/react-button/
  */
-declare const ButtonIcon: import("react").ForwardRefExoticComponent<Omit<ButtonIconProps<keyof IconNameToSizes, keyof ButtonIconSizeToTypes>, "ref"> & import("react").RefAttributes<HTMLButtonElement | null>>;
-interface BannerExtraProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extends CommonThemeProps {
-    sdsType: ButtonIconSizeToTypes[ButtonIconSize];
-}
-interface BannerProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extends BannerExtraProps<ButtonIconSize> {
+declare const Button: React.ForwardRefExoticComponent<(Omit<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "variant" | "href" | "disableFocusRipple" | "disableElevation" | "endIcon" | "fullWidth" | "size" | "startIcon"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & {
+    sdsStyle?: "icon" | undefined;
+    sdsType?: "primary" | "secondary" | "tertiary" | undefined;
+    isAllCaps?: boolean | undefined;
+    isRounded?: boolean | undefined;
+    sdsSize?: ButtonSize | undefined;
+    icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps, string | React.JSXElementConstructor<any>> | undefined;
+    sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>> | undefined;
+}, "ref"> | Omit<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "variant" | "href" | "disableFocusRipple" | "disableElevation" | "endIcon" | "fullWidth" | "size" | "startIcon"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & {
+    sdsStyle?: "minimal" | undefined;
+    sdsType?: "primary" | "secondary" | undefined;
+    isAllCaps?: boolean | undefined;
+    isRounded?: boolean | undefined;
+}, "ref"> | Omit<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "variant" | "href" | "disableFocusRipple" | "disableElevation" | "endIcon" | "fullWidth" | "size" | "startIcon"> & {
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & {
+    sdsStyle?: "square" | "rounded" | undefined;
+    sdsType?: "primary" | "secondary" | "destructive" | undefined;
+    isAllCaps?: boolean | undefined;
+    isRounded?: boolean | undefined;
+}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
+interface BannerExtraProps extends CommonThemeProps {
+    sdsType: "primary" | "secondary" | "tertiary";
+}
+interface BannerProps extends BannerExtraProps {
     children: React.ReactNode;
     icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
     sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
@@ -881,27 +930,14 @@ interface BannerProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extend
     dismissible?: boolean;
     onClose?: (e: React.MouseEvent) => void;
 }
-declare const Banner: React.ForwardRefExoticComponent<BannerProps<keyof ButtonIconSizeToTypes> & React.RefAttributes<HTMLDivElement | null>>;
-interface SdsProps {
-    isAllCaps?: boolean;
-    isRounded?: boolean;
-    sdsStyle?: "minimal" | "rounded" | "square";
-    sdsType?: "primary" | "secondary";
-}
-// (thuang): Support `component` prop
-// https://stackoverflow.com/a/66123108
-type ButtonProps<C extends React.ElementType = "button"> = RawButtonProps<C, {
-    component?: C;
-}> & SdsProps;
-/**
- * @see https://mui.com/material-ui/react-button/
- */
-declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-interface SdsProps$0 {
-    icon?: JSX.Element;
-    sdsStyle?: "rounded" | "square";
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement | null>>;
+type SdsProps$0 = {
+    icon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
+    sdsStyle?: "rounded" | "square" | "icon";
     sdsType?: "primary" | "secondary";
-}
+    sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
+    sdsSize?: "small" | "medium" | "large";
+};
 type ButtonDropdownProps<C extends React.ElementType = "button"> = RawButtonProps<C, {
     component?: C;
 }> & SdsProps$0;
@@ -909,6 +945,30 @@ type ButtonDropdownProps<C extends React.ElementType = "button"> = RawButtonProp
  * @see https://mui.com/material-ui/react-button/
  */
 declare const ButtonDropdown: React.ForwardRefExoticComponent<Omit<ButtonDropdownProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+interface ButtonIconExtraProps extends CommonThemeProps {
+    disabled?: boolean;
+    sdsSize?: "small" | "medium" | "large";
+    sdsType?: "primary" | "secondary" | "tertiary";
+}
+interface ButtonIconInternalProps {
+    icon: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
+    /**
+     * @deprecated
+     * (masoudmanson): This prop is deprecated and will be removed in the next major version.
+     * Please use `icon` instead.
+     */
+    sdsIcon?: keyof IconNameToSizes | React.ReactElement<CustomSVGProps>;
+    sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>>;
+}
+type ButtonIconProps = ButtonIconExtraProps & RawButtonIconProps & ButtonIconInternalProps;
+/**
+ * @see https://mui.com/material-ui/react-button/#icon-buttons
+ *
+ * @deprecated
+ * This component is deprecated and will be removed in the next major version.
+ * Please use `Button` or `ButtonDropdown` with `sdsStyle: icon` instead.
+ */
+declare const ButtonIcon: import("react").ForwardRefExoticComponent<Omit<ButtonIconProps, "ref"> & import("react").RefAttributes<HTMLButtonElement | null>>;
 declare const SDS_STAGE_OPEN = "open";
 declare const SDS_STAGE_CLOSED = "closed";
 type CalloutIntentType = "info" | "negative" | "notice" | "positive";
@@ -1014,6 +1074,10 @@ interface ChipExtraProps extends CommonThemeProps {
 type ChipProps = ChipExtraProps & RawChipProps;
 /**
  * @see https://mui.com/material-ui/react-chip/
+ *
+ * @deprecated
+ * This component is deprecated and will be removed in the next major version.
+ * Please use `Tag` or `TagFilter` instead.
  */
 declare const Chip: (props: ChipProps) => JSX.Element;
 interface StyleProps$1 extends CommonThemeProps {
@@ -1066,7 +1130,8 @@ interface ExtraDropdownMenuProps extends StyleProps$1 {
 type CustomAutocompleteProps$1<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> = Omit<AutocompleteProps<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;
-interface InputDropdownProps extends CommonThemeProps {
+declare const doNotForwardProps: string[];
+interface InputDropdownProps extends CommonThemeProps, Omit<ButtonProps$0, (typeof doNotForwardProps)[number]> {
     disabled?: boolean;
     intent?: "default" | "error" | "warning";
     label: ReactNode;
@@ -1081,9 +1146,14 @@ interface InputDropdownProps extends CommonThemeProps {
     value?: ReactNode;
     shouldTruncateMinimalDetails?: boolean;
     shouldPutAColonAfterLabel?: boolean;
+    // (masoudmanson): This is a temporary fix for the issue where the style prop
+    // is not correctly passed to the underlying Button component when asserting as
+    // a React.ComponentType<InputDropdownProps>. This is a workaround until a more
+    // permanent solution is implemented.
+    style?: React.CSSProperties;
 }
 type SdsInputDropdownProps = InputDropdownProps;
-type InputDropdownProps$0 = SdsInputDropdownProps & React.HTMLAttributes<HTMLButtonElement>;
+type InputDropdownProps$0 = SdsInputDropdownProps;
 /**
  * @see https://mui.com/material-ui/react-button/
  */
@@ -1318,6 +1388,10 @@ type CustomAutocompleteProps$3<T, Multiple extends boolean | undefined = undefin
 type MenuSelectProps<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> = CustomAutocompleteProps$3<T, Multiple, DisableClearable, FreeSolo> & MenuSelectExtraProps;
 /**
  * @see https://mui.com/material-ui/react-autocomplete/
+ *
+ * @deprecated
+ * This component is deprecated and will be removed in the next major version.
+ * Please use `Autocomplete` or `Dropdown` instead.
  */
 declare const MenuSelect: <T extends DefaultMenuSelectOption, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>(props: MenuSelectProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
 interface NavigationJumpToExtraProps extends Omit<TabsProps, "indicatorColor" | "onChange">, CommonThemeProps {
@@ -1499,5 +1573,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, SdsProps, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIcon, CalloutIntentType, 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, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle$0 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, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, 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, SDSComponentPalette, SDSTextPalette, SDSTheme, SDSThemeOptions, AppTheme, Shadows, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, AccentColor, BaseColor, BetaColor, InfoColor, NegativeColor, NeutralColor, NoticeColor, PositiveColor, SemanticComponentColors, SemanticTextColors, IconSize, IconSizes, Border, Borders, defaultTheme, SDSAppTheme, 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, getPalette, getColors, getSemanticComponentColors, getSemanticTextColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders };
-export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ButtonIconProps, ButtonIconSizeToTypes, ChipProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };
+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, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIconProps, ButtonIcon, CalloutIntentType, 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, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, DialogContentProps, _default, _default as DialogContent, DialogPaperProps, DialogPaper, Subtitle$0 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, NavigationJumpToProps, NavigationJumpTo, NotificationIntentType, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, 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, SDSComponentPalette, SDSTextPalette, SDSTheme, SDSThemeOptions, AppTheme, Shadows, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, AccentColor, BaseColor, BetaColor, InfoColor, NegativeColor, NeutralColor, NoticeColor, PositiveColor, SemanticComponentColors, SemanticTextColors, IconSize, IconSizes, Border, Borders, defaultTheme, defaultAppTheme, SDSAppTheme, 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, getPalette, getColors, getSemanticComponentColors, getSemanticTextColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders };
+export type { AutocompleteBaseProps, AutocompleteMultiColumnProps, AutocompleteOptionBasic, AutocompleteOptionComponent, DefaultAutocompleteOption, ChipProps, IconNameToSizes, InputToggleExtraProps as InputToggleProps, TabsProps$0 as TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };