@czi-sds/components 24.2.1 → 25.0.0

package/README.md

@@ -14,20 +14,27 @@ Peer dependencies:
 @emotion/styled
 @mui/icons-material
 @mui/material
+@phosphor-icons/react
 react
 react-dom
 ```
 
 ```bash
 # npm
-npm i @czi-sds/components @emotion/css @emotion/react @emotion/styled @mui/material @mui/icons-material react react-dom
+npm i @czi-sds/components @emotion/css @emotion/react @emotion/styled @mui/material @mui/icons-material @phosphor-icons/react react react-dom
 
 # yarn
-yarn add @czi-sds/components @emotion/css @emotion/react @emotion/styled @mui/material @mui/icons-material react react-dom
+yarn add @czi-sds/components @emotion/css @emotion/react @emotion/styled @mui/material @mui/icons-material @phosphor-icons/react react react-dom
 ```
 
 > **React 18 note:** Material UI ships `react-is@19`. If your app uses React 18, pin `react-is` to match (Yarn `resolutions` / npm `overrides`), e.g. `"react-is": "^18.3.1"`.
 
+## Migrating to SDS 25.0.0
+
+SDS `25.0.0` is a **breaking release** that reworks `Tag`, ships the reworked filter chip as `Chip` (replacing the long-deprecated old `Chip`), and adds `@phosphor-icons/react` as a peer dependency. The previous Tag ships as the deprecated `TagLegacy`, and `TagFilter` is deprecated but unchanged:
+
+→ [Migration guide](https://github.com/chanzuckerberg/sci-components/blob/main/migration-docs/migrate-to-25.0.0.md)
+
 ## Migrating to SDS 24.0.0
 
 SDS `24.0.0` is a **breaking release** that moves the Material UI peer dependency from v5 to v9. Follow the step-by-step guide to upgrade the SDS version:

package/dist/index.cjs.d.ts

@@ -544,7 +544,7 @@ declare const getBreakpoints: ({
 declare function focusVisibleA11yStyle(props: CommonThemeProps): string;
 //#endregion
 //#region src/core/styles/common/mixins/fonts.d.ts
-declare const fontBody: <W extends "medium" | "regular" | "semibold">(fontSize: keyof {
+declare const fontBody: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
   regular: {
     l: import("@mui/material").CSSProperties;
     m: import("@mui/material").CSSProperties;
@@ -624,7 +624,7 @@ 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;
-declare const fontCode: <W extends "medium" | "regular" | "semibold">(fontSize: keyof {
+declare const fontCode: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
   regular: {
     s: import("@mui/material").CSSProperties;
     xs: import("@mui/material").CSSProperties;
@@ -644,7 +644,7 @@ declare const fontCodeMediumXs: (props: CommonThemeProps) => SerializedStyles |
 declare const fontCodeMediumS: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCodeSemiboldXs: (props: CommonThemeProps) => SerializedStyles | null;
 declare const fontCodeSemiboldS: (props: CommonThemeProps) => SerializedStyles | null;
-declare const fontTabular: <W extends "medium" | "regular" | "semibold">(fontSize: keyof {
+declare const fontTabular: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
   regular: {
     s: import("@mui/material").CSSProperties;
     xs: import("@mui/material").CSSProperties;
@@ -692,7 +692,7 @@ declare const fontTitle: <W extends "bold">(fontSize: keyof {
 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 "medium" | "regular" | "semibold">(fontSize: keyof {
+declare const fontLink: <W extends "regular" | "medium" | "semibold">(fontSize: keyof {
   regular: {
     l: import("@mui/material").CSSProperties;
     m: import("@mui/material").CSSProperties;
@@ -972,7 +972,7 @@ type InputSearchProps = TextFieldProps & AccessibleInputSearchProps & InputSearc
 /**
  * @see https://mui.com/material-ui/react-text-field/
  */
-declare const InputSearch: React$1.ForwardRefExoticComponent<(Omit<import("@mui/material").FilledTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref"> | Omit<import("@mui/material").OutlinedTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref">) & React$1.RefAttributes<HTMLDivElement>>;
+declare const InputSearch: React$1.ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & AccessibleInputSearchProps & InputSearchExtraProps, "ref">) & React$1.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/core/MenuItem/index.d.ts
 type ModifiedIconNameToSizes = { [K in keyof IconNameToSizes]: IconNameToSizes[K] extends "xs" | "s" | "l" | "xl" ? IconNameToSizes[K] extends "l" | "xl" ? "l" | "xl" : "xs" | "s" : IconNameToSizes[K] };
@@ -1006,7 +1006,7 @@ interface StyleProps$3 extends CommonThemeProps {
 }
 declare const StyledPaper: import("@emotion/styled").StyledComponent<import("@mui/material").PaperOwnProps & 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;
-}, "classes" | "children" | "className" | "style" | "sx" | "elevation" | "square" | "variant"> & {
+}, "children" | "style" | "className" | "classes" | "sx" | "variant" | "elevation" | "square"> & {
   theme?: import("@emotion/react").Theme | undefined;
 } & CommonThemeProps, {}, {}>;
 //#endregion
@@ -1305,7 +1305,7 @@ declare const ButtonDropdownLegacy: React$1.ForwardRefExoticComponent<(Omit<SdsI
 }, "ref"> | Omit<SdsButtonLegacyProps & {
   sdsStyle: "rounded" | "square";
   sdsType?: "primary" | "secondary" | "destructive" | undefined;
-  icon?: keyof IconNameToSizes | React$1.ReactElement<CustomSVGProps, string | React$1.JSXElementConstructor<any>> | undefined;
+  icon?: React$1.ReactElement<CustomSVGProps, string | React$1.JSXElementConstructor<any>> | keyof IconNameToSizes | undefined;
   sdsIconProps?: Partial<IconProps<keyof IconNameToSizes>> | undefined;
   sdsSize?: ButtonLegacySize | undefined;
 }, "ref">) & React$1.RefAttributes<HTMLButtonElement>>;
@@ -1494,23 +1494,100 @@ interface CellHeaderRawProps extends Omit<React$1.HTMLProps<HTMLDivElement>, "as
 type CellHeaderProps = CellHeaderRawProps & CellHeaderExtraProps & CellHeaderContentProps;
 declare const CellHeader: React$1.ForwardRefExoticComponent<Omit<CellHeaderProps, "ref"> & React$1.RefAttributes<HTMLTableCellElement>>;
 //#endregion
-//#region src/core/Chip/style.d.ts
-interface ChipExtraProps extends CommonThemeProps {
-  size?: "small" | "medium";
-  status?: "success" | "error" | "warning" | "info" | "pending" | "beta";
-  isRounded?: boolean;
+//#region src/core/Tag/style.d.ts
+type SdsTagIntent = "accent" | "beta" | "info" | "negative" | "neutral" | "notice" | "positive";
+type SdsTagColorType = SdsTagIntent | [string, string] | [string, string, string];
+type SdsTagStyle = "solid" | "outline";
+type SdsTagSize = "small" | "medium";
+declare const TAG_LABEL_TEXT_CLASS = "SdsTag-labelText";
+declare const TAG_LINK_ICON_CLASS = "SdsTag-linkIcon";
+//#endregion
+//#region src/core/Tag/index.d.ts
+interface SdsTagProps extends Omit<ChipProps$1, "color" | "label" | "size" | "variant"> {
+  /**
+   * The tag's text, and its accessible name. It is cut off with an ellipsis
+   * rather than wrapped, so keep it to a word or two. An icon-only tag still
+   * needs it: the text is hidden from view but read by screen readers.
+   */
+  label: string;
+  /**
+   * `solid` fills the tag with the intent color. `outline` tints the fill and
+   * draws the label, the icons and a 1px border in the intent color.
+   */
+  sdsStyle?: SdsTagStyle;
+  /**
+   * `medium` is 24px tall with a 13px label and 12px icons, `small` is 20px
+   * tall with a 10px label and 10px icons.
+   */
+  size?: SdsTagSize;
+  /**
+   * One of the seven intents, or CSS colors for a tag the intents do not
+   * cover: `[label, background]` or `[label, background, icon]`. The icon
+   * takes the label color when the third value is left out.
+   */
+  color?: SdsTagColorType;
+  /**
+   * An icon on the leading edge, usually a Phosphor or `@czi-sds/icons` icon.
+   * The tag draws it at its own icon size and color.
+   */
+  icon?: ReactElement;
+  /**
+   * Draws only the icon, in a square tag. The label is hidden from view but
+   * stays the tag's accessible name. Has no effect without an icon.
+   */
+  iconOnly?: boolean;
+  /**
+   * Adds an arrow after the label to say the tag leads somewhere. Usually
+   * paired with `href`, though a tag can be a link without it.
+   */
+  showLinkIcon?: boolean;
+  /**
+   * Turns the tag into a link. It renders as an `<a>` unless `component`
+   * says otherwise, as with a router's link component.
+   */
+  href?: string;
+  /** Where the link opens. `_blank` also sets `rel="noopener noreferrer"`. */
+  target?: HTMLAttributeAnchorTarget;
+  /** The link's relationship to the current page. */
+  rel?: string;
+  /**
+   * Greys the tag out. On a clickable tag or a link it also takes the tag out
+   * of the tab order.
+   */
+  disabled?: boolean;
 }
+type TagProps = SdsTagProps;
+/**
+ * @see https://mui.com/material-ui/react-chip/
+ */
+declare const Tag: import("react").ForwardRefExoticComponent<Omit<SdsTagProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/core/Chip/index.d.ts
-type ChipProps = ChipExtraProps & ChipProps$1;
+interface SdsChipProps extends Omit<TagProps, "color" | "href" | "iconOnly" | "rel" | "showLinkIcon" | "size" | "target"> {
+  /** The filter's text. Cut off with an ellipsis when there is not room for it. */
+  label: string;
+  /**
+   * Runs when the chip is clicked or activated with Enter or Space, and when
+   * Backspace or Delete is pressed on it. Drop the filter from your state
+   * here; the component does not remove itself.
+   */
+  onDelete: React$1.EventHandler<any>;
+  /**
+   * `solid` fills the chip with the accent color. `outline` tints it and
+   * draws the label, the X and a 1px border in the accent color.
+   */
+  sdsStyle?: TagProps["sdsStyle"];
+  /**
+   * The chip's accessible name, "Remove" followed by the label unless set.
+   * Override it to word the removal differently.
+   */
+  "aria-label"?: string;
+}
+type ChipProps = SdsChipProps;
 /**
  * @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;
+declare const Chip: React$1.ForwardRefExoticComponent<Omit<SdsChipProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/core/DropdownMenu/style.d.ts
 interface StyleProps$1 extends CommonThemeProps {
@@ -1526,7 +1603,7 @@ declare const StyledPopper$1: import("@emotion/styled").StyledComponent<import("
 } & CommonThemeProps, {}, {}>;
 declare const StyledPaper$1: import("@emotion/styled").StyledComponent<import("@mui/material").PaperOwnProps & 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;
-}, "classes" | "children" | "className" | "style" | "sx" | "elevation" | "square" | "variant"> & {
+}, "children" | "style" | "className" | "classes" | "sx" | "variant" | "elevation" | "square"> & {
   theme?: import("@emotion/react").Theme | undefined;
 } & StyleProps$1, {}, {}>;
 //#endregion
@@ -1724,7 +1801,7 @@ type ContentCardProps = ImageContentCardProps | IconContentCardProps | NoneConte
 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;
-}, "classes" | "children" | "className" | "style" | "sx"> & {
+}, "children" | "style" | "className" | "classes" | "sx"> & {
   theme?: import("@emotion/react").Theme | undefined;
 } & CardExtraProps, {}, {}>;
 //#endregion
@@ -1822,17 +1899,17 @@ interface DialogTitleExtraProps extends 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;
-}, "classes" | "children" | "className" | "style" | "color" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+}, "children" | "style" | "className" | "color" | "classes" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "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;
-}, "classes" | "children" | "className" | "style" | "color" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+}, "children" | "style" | "className" | "color" | "classes" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "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;
-}, "classes" | "children" | "className" | "style" | "color" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
+}, "children" | "style" | "className" | "color" | "classes" | "sx" | "variant" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & {
   theme?: import("@emotion/react").Theme | undefined;
 } & DialogTitleExtraProps, {}, {}>;
 //#endregion
@@ -2000,7 +2077,7 @@ type InputTextProps = TextFieldProps & InputTextExtraProps & AccessibleInputText
 /**
  * @see https://mui.com/material-ui/react-text-field/
  */
-declare const InputText: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").FilledTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref"> | Omit<import("@mui/material").OutlinedTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
+declare const InputText: import("react").ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps & InputTextExtraProps & AccessibleInputTextProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/core/InputToggle/style.d.ts
 interface InputToggleExtraProps extends SwitchProps, CommonThemeProps {
@@ -2110,6 +2187,13 @@ interface LegendProps extends HTMLAttributes<HTMLDivElement> {
    * external highlight.
    */
   hoveredIndex?: number | null;
+  /**
+   * Items in popover that appears when last item is clicked. This can be used for
+   * displaying "remaining" items that are not rendered in main legend.
+   *
+   * Empty means no popover is created.
+   */
+  lastItemMenuItems?: LegendItemData[];
 }
 //#endregion
 //#region src/core/Legend/index.d.ts
@@ -2211,45 +2295,6 @@ type MenuSelectProps<T, Multiple extends boolean | undefined = undefined, Disabl
  */
 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;
 //#endregion
-//#region src/core/Tag/style.d.ts
-type SdsTagColorType = "info" | "positive" | "notice" | "negative" | "neutral" | "beta" | [string, string] | [string, string, string];
-interface ExtraSmallTagProps extends CommonThemeProps {
-  hover?: boolean;
-  sdsType?: "primary" | "secondary";
-  sdsStyle?: "square" | "rounded";
-  sdsSize?: "s";
-  tagColor?: SdsTagColorType;
-  icon?: JSX.Element;
-}
-interface ExtraLargeTagProps extends CommonThemeProps {
-  hover?: boolean;
-  sdsType?: "primary" | "secondary";
-  sdsStyle?: "square" | "rounded";
-  sdsSize?: "l";
-  tagColor?: SdsTagColorType;
-  icon: JSX.Element;
-}
-type ExtraTagProps = ExtraSmallTagProps | ExtraLargeTagProps;
-//#endregion
-//#region src/core/Tag/index.d.ts
-interface SdsTagProps extends Omit<ChipProps$1, "color"> {
-  /**
-   * The tag's text, and its accessible name. It is cut off with an ellipsis
-   * rather than wrapped, so keep it to a word or two.
-   */
-  label: string;
-  color?: SdsTagColorType;
-}
-type TagProps = SdsTagProps & ExtraTagProps;
-/**
- * @see https://mui.com/material-ui/react-chip/
- *
- * @props color: {string}                   - applies color for tag based on default theme color values
- *               [string, string]           - applies custom colors for [font, background]
- *               [string, string, string]   - applies custom colors for [font, background, icon]
- */
-declare const Tag: (props: TagProps) => JSX.Element;
-//#endregion
 //#region src/core/NavigationFooter/NavigationFooter.types.d.ts
 interface NavigationFooterNavItem {
   label: string;
@@ -2273,7 +2318,7 @@ interface NavigationFooterProps {
   navItems?: NavigationFooterNavItem[];
   navLinks?: NavigationFooterNavItem[];
   tag?: string;
-  tagColor?: TagProps["tagColor"];
+  tagColor?: SdsTagColorType;
   title?: string;
 }
 interface NavItemProps {
@@ -2701,9 +2746,52 @@ interface SdsTagFilterProps extends Omit<ChipProps$1, "color" | "variant"> {
 type TagFilterProps = SdsTagFilterProps;
 /**
  * @see https://mui.com/material-ui/react-chip/
+ *
+ * @deprecated Use Chip instead. TagFilter will be removed in a future release.
  */
 declare const TagFilter: (props: SdsTagFilterProps) => JSX.Element;
 //#endregion
+//#region src/core/TagLegacy/style.d.ts
+type SdsTagLegacyColorType = "info" | "positive" | "notice" | "negative" | "neutral" | "beta" | [string, string] | [string, string, string];
+interface ExtraSmallTagLegacyProps extends CommonThemeProps {
+  hover?: boolean;
+  sdsType?: "primary" | "secondary";
+  sdsStyle?: "square" | "rounded";
+  sdsSize?: "s";
+  tagColor?: SdsTagLegacyColorType;
+  icon?: JSX.Element;
+}
+interface ExtraLargeTagLegacyProps extends CommonThemeProps {
+  hover?: boolean;
+  sdsType?: "primary" | "secondary";
+  sdsStyle?: "square" | "rounded";
+  sdsSize?: "l";
+  tagColor?: SdsTagLegacyColorType;
+  icon: JSX.Element;
+}
+type ExtraTagLegacyProps = ExtraSmallTagLegacyProps | ExtraLargeTagLegacyProps;
+//#endregion
+//#region src/core/TagLegacy/index.d.ts
+interface SdsTagLegacyProps extends Omit<ChipProps$1, "color"> {
+  /**
+   * The tag's text, and its accessible name. It is cut off with an ellipsis
+   * rather than wrapped, so keep it to a word or two.
+   */
+  label: string;
+  color?: SdsTagLegacyColorType;
+}
+type TagLegacyProps = SdsTagLegacyProps & ExtraTagLegacyProps;
+/**
+ * @see https://mui.com/material-ui/react-chip/
+ *
+ * @deprecated Use Tag instead. TagLegacy will be removed in a future release.
+ *
+ * @props color: {string}                   - applies color for tag based on default theme color values
+ *               [string, string]           - applies custom colors for [font, background]
+ *               [string, string, string]   - applies custom colors for [font, background, icon]
+ */
+declare const TagLegacy: (props: TagLegacyProps) => JSX.Element;
+//#endregion
 //#region src/core/TooltipCondensed/style.d.ts
 interface TooltipCondensedExtraProps extends CommonThemeProps {
   indicator?: boolean;
@@ -2784,4 +2872,4 @@ interface DiscreteColorGeneratorOptions {
  */
 declare const generateDiscreteColors: (count: number, options?: DiscreteColorGeneratorOptions) => string[];
 //#endregion
-export { AccentColor, AccessibleInputSearchProps, Accordion, AccordionDetails, AccordionHeader, AccordionProps, Alert, AppTheme, Autocomplete, type AutocompleteBaseProps, AutocompleteMultiColumnOnChange, AutocompleteMultiColumnOption, type AutocompleteMultiColumnProps, StyledPopper as AutocompleteMultiColumnStyledPopper, AutocompleteMultiColumnValue, type AutocompleteOptionBasic, type AutocompleteOptionComponent, AutocompleteProps, AutocompleteSingleColumnOnChange, AutocompleteSingleColumnOption, StyledPaper as AutocompleteSingleColumnStyledPaper, AutocompleteSingleColumnValue, Banner, BannerIntentType, BannerProps, BaseColor, type BasicPanelProps, Border, Borders, Button, ButtonDropdown, ButtonDropdownLegacy, ButtonDropdownLegacyProps, type ButtonDropdownProps, ButtonGroup, type ButtonGroupProps, ButtonIcon, ButtonIconInternalProps, ButtonIconProps, ButtonLegacy, ButtonLegacyProps, ButtonLegacySize, ButtonLegacyType, ButtonLegacyTypeMap, type ButtonProps, ButtonToggle, ButtonToggleLegacy, ButtonToggleLegacyProps, type ButtonToggleProps, Callout, CalloutIntentType, CalloutProps, CalloutSdsStyleType, CalloutTitle, CellBasic, CellBasicProps, CellBasicRawProps, CellComponent, CellComponentProps, CellHeader, CellHeaderDirection, CellHeaderProps, CheckboxContentProps, CheckboxProps, Chip, type ChipProps, Color, Colors, CommonThemeProps, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPopper$1 as ComplexFilterPopper, StyledPopper$1 as DropdownPopper, ComplexFilterProps, ContentCard, ContentCardActions, type ContentCardActionsProps, StyledContentCardBody as ContentCardBody, CardMedia as ContentCardMedia, type CardMediaProps as ContentCardMediaProps, StyledMetadataText as ContentCardMetadata, StyledOverlineText as ContentCardOverline, type ContentCardProps, StyledSubtitleText as ContentCardSubtitle, StyledTitleText as ContentCardTitle, type ContentCardTitleProps, Corners, type DefaultAutocompleteOption, DefaultDropdownMenuOption, DefaultMenuSelectOption, Dialog, DialogActions, DialogActionsProps, _default as DialogContent, DialogContentProps, DialogExtraProps, DialogPaper, DialogPaperProps, DialogProps, DialogTitle, Overline as DialogTitleOverline, DialogTitleProps, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, DiscreteColorGeneratorOptions, Dropdown, DropdownMenu, DropdownMenuProps, StyledPaper$1 as DropdownPaper, DropdownProps, ExposedCalloutProps, ExposedNotificationProps, ExtraDropdownProps, FontWeights, FooterImage, FooterLinkProps, Hero, type HeroProps, Icon, type IconButtonProps, type IconNameToSizes, IconNameToSmallSizes, IconProps, IconSize, IconSizes, InputCheckbox, InputDropdownProps$1 as InputDropdownProps, InputRadio, InputSearch, InputSearchProps, InputSlider, InputSliderProps, InputText, InputTextProps, InputToggle, type InputToggleExtraProps as InputToggleProps, IntentColor, IntentMessage, type IntentMessageItem, type IntentMessageProps, Legend, type LegendItemData, type LegendProps, Link, LinkProps, List, ListItem, ListItemLabel, ListItemProps, ListProps, ListSubheader, ListSubheaderProps, LoadingIndicator, LoadingIndicatorProps, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuItemExtraProps, MenuItemProps, MenuProps, MenuSelect, MenuSelectProps, NavItemProps, NavigationFooter, NavigationFooterNavItem, NavigationFooterProps, NavigationHeader, type NavigationHeaderPrimaryNavItem, type NavigationHeaderPrimaryNavProps, type NavigationHeaderProps, type NavigationHeaderSecondaryNavItem, type NavigationHeaderSecondaryNavProps, NavigationJumpTo, NavigationJumpToProps, Notification, NotificationIntentType, NotificationProps, type OverlayPanelProps, Pagination, PaginationInternalProps, PaginationProps, Panel, type PanelProps, Popover, PopoverProps, PreComposedTable, PreComposedTableProps, PreComposedTableRef, RadioContentProps, RadioProps, RowHoverContext, SDSAutocompleteOnChange, SDSAutocompleteOptions, SDSAutocompleteValue, SDSChooseTheme, SDSDarkAppTheme, SDSDarkThemeColors, SDSLightAppTheme, SDSLightThemeColors, SDSPalette, SDSPaletteDark, SDSPaletteLight, SDSTheme, SDSThemeOptions, SdsButtonLegacyProps, SdsIconButtonLegacyProps, SdsIconWithColor, SdsLegacyProps, SdsMinimalButtonLegacyProps, SdsTableProps, type SdsTagColorType, SdsTagFilterProps, SdsTagProps, SegmentedControl, SegmentedControlProps, Shadows, SingleButtonDefinition, Spaces, Spacings, Tab, TabProps, Table, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, type TabsProps, Tag, TagFilter, TagFilterProps, TagProps, Theme, Tooltip, TooltipCondensed, TooltipCondensedProps, type TooltipProps, TooltipTableContent as TooltipTable, TooltipTableContent, type TooltipTableContentProps, Typography, TypographyStyles, defaultAppTheme, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyMediumL, fontBodyMediumM, fontBodyMediumS, fontBodyMediumXs, fontBodyMediumXxs, fontBodyMediumXxxs, fontBodyMediumXxxxs, fontBodyS, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontBodySemiboldXxxxs, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodyXxxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontCode, fontCodeMediumS, fontCodeMediumXs, fontCodeS, fontCodeSemiboldS, fontCodeSemiboldXs, fontCodeXs, fontHeader, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, fontLink, fontLinkL, fontLinkM, fontLinkMediumL, fontLinkMediumM, fontLinkMediumS, fontLinkMediumXs, fontLinkMediumXxs, fontLinkMediumXxxs, fontLinkMediumXxxxs, fontLinkS, fontLinkSemiboldL, fontLinkSemiboldM, fontLinkSemiboldS, fontLinkSemiboldXs, fontLinkSemiboldXxs, fontLinkSemiboldXxxs, fontLinkSemiboldXxxxs, fontLinkXs, fontLinkXxs, fontLinkXxxs, fontLinkXxxxs, fontTabular, fontTabularMediumS, fontTabularMediumXs, fontTabularMediumXxs, fontTabularMediumXxxs, fontTabularMediumXxxxs, fontTabularS, fontTabularSemiboldS, fontTabularSemiboldXs, fontTabularSemiboldXxs, fontTabularSemiboldXxxs, fontTabularSemiboldXxxxs, fontTabularXs, fontTabularXxs, fontTabularXxxs, fontTabularXxxxs, fontTitle, fontTitleBoldL, fontTitleBoldM, fontTitleBoldS, generateDiscreteColors, getBorders, getBreakpoints, getColors, getCorners, getFontWeights, getIconSizes, getMode, getPalette, getSemanticColors, getShadows, getSpaces, getSpacings, getTypography, isIconOnlyButton, makeSdsSemanticAppTheme, makeThemeOptions };
+export { AccentColor, AccessibleInputSearchProps, Accordion, AccordionDetails, AccordionHeader, AccordionProps, Alert, AppTheme, Autocomplete, type AutocompleteBaseProps, AutocompleteMultiColumnOnChange, AutocompleteMultiColumnOption, type AutocompleteMultiColumnProps, StyledPopper as AutocompleteMultiColumnStyledPopper, AutocompleteMultiColumnValue, type AutocompleteOptionBasic, type AutocompleteOptionComponent, AutocompleteProps, AutocompleteSingleColumnOnChange, AutocompleteSingleColumnOption, StyledPaper as AutocompleteSingleColumnStyledPaper, AutocompleteSingleColumnValue, Banner, BannerIntentType, BannerProps, BaseColor, type BasicPanelProps, Border, Borders, Button, ButtonDropdown, ButtonDropdownLegacy, ButtonDropdownLegacyProps, type ButtonDropdownProps, ButtonGroup, type ButtonGroupProps, ButtonIcon, ButtonIconInternalProps, ButtonIconProps, ButtonLegacy, ButtonLegacyProps, ButtonLegacySize, ButtonLegacyType, ButtonLegacyTypeMap, type ButtonProps, ButtonToggle, ButtonToggleLegacy, ButtonToggleLegacyProps, type ButtonToggleProps, Callout, CalloutIntentType, CalloutProps, CalloutSdsStyleType, CalloutTitle, CellBasic, CellBasicProps, CellBasicRawProps, CellComponent, CellComponentProps, CellHeader, CellHeaderDirection, CellHeaderProps, CheckboxContentProps, CheckboxProps, Chip, ChipProps, Color, Colors, CommonThemeProps, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, StyledPopper$1 as ComplexFilterPopper, StyledPopper$1 as DropdownPopper, ComplexFilterProps, ContentCard, ContentCardActions, type ContentCardActionsProps, StyledContentCardBody as ContentCardBody, CardMedia as ContentCardMedia, type CardMediaProps as ContentCardMediaProps, StyledMetadataText as ContentCardMetadata, StyledOverlineText as ContentCardOverline, type ContentCardProps, StyledSubtitleText as ContentCardSubtitle, StyledTitleText as ContentCardTitle, type ContentCardTitleProps, Corners, type DefaultAutocompleteOption, DefaultDropdownMenuOption, DefaultMenuSelectOption, Dialog, DialogActions, DialogActionsProps, _default as DialogContent, DialogContentProps, DialogExtraProps, DialogPaper, DialogPaperProps, DialogProps, DialogTitle, Overline as DialogTitleOverline, DialogTitleProps, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, DiscreteColorGeneratorOptions, Dropdown, DropdownMenu, DropdownMenuProps, StyledPaper$1 as DropdownPaper, DropdownProps, ExposedCalloutProps, ExposedNotificationProps, ExtraDropdownProps, FontWeights, FooterImage, FooterLinkProps, Hero, type HeroProps, Icon, type IconButtonProps, type IconNameToSizes, IconNameToSmallSizes, IconProps, IconSize, IconSizes, InputCheckbox, InputDropdownProps$1 as InputDropdownProps, InputRadio, InputSearch, InputSearchProps, InputSlider, InputSliderProps, InputText, InputTextProps, InputToggle, type InputToggleExtraProps as InputToggleProps, IntentColor, IntentMessage, type IntentMessageItem, type IntentMessageProps, Legend, type LegendItemData, type LegendProps, Link, LinkProps, List, ListItem, ListItemLabel, ListItemProps, ListProps, ListSubheader, ListSubheaderProps, LoadingIndicator, LoadingIndicatorProps, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuItemExtraProps, MenuItemProps, MenuProps, MenuSelect, MenuSelectProps, NavItemProps, NavigationFooter, NavigationFooterNavItem, NavigationFooterProps, NavigationHeader, type NavigationHeaderPrimaryNavItem, type NavigationHeaderPrimaryNavProps, type NavigationHeaderProps, type NavigationHeaderSecondaryNavItem, type NavigationHeaderSecondaryNavProps, NavigationJumpTo, NavigationJumpToProps, Notification, NotificationIntentType, NotificationProps, type OverlayPanelProps, Pagination, PaginationInternalProps, PaginationProps, Panel, type PanelProps, Popover, PopoverProps, PreComposedTable, PreComposedTableProps, PreComposedTableRef, RadioContentProps, RadioProps, RowHoverContext, SDSAutocompleteOnChange, SDSAutocompleteOptions, SDSAutocompleteValue, SDSChooseTheme, SDSDarkAppTheme, SDSDarkThemeColors, SDSLightAppTheme, SDSLightThemeColors, SDSPalette, SDSPaletteDark, SDSPaletteLight, SDSTheme, SDSThemeOptions, SdsButtonLegacyProps, SdsChipProps, SdsIconButtonLegacyProps, SdsIconWithColor, SdsLegacyProps, SdsMinimalButtonLegacyProps, SdsTableProps, type SdsTagColorType, SdsTagFilterProps, type SdsTagIntent, type SdsTagLegacyColorType, SdsTagLegacyProps, SdsTagProps, type SdsTagSize, type SdsTagStyle, SegmentedControl, SegmentedControlProps, Shadows, SingleButtonDefinition, Spaces, Spacings, TAG_LABEL_TEXT_CLASS, TAG_LINK_ICON_CLASS, Tab, TabProps, Table, TableHeader, TableHeaderProps, TableProps, TableRow, TableRowProps, Tabs, type TabsProps, Tag, TagFilter, TagFilterProps, TagLegacy, TagLegacyProps, TagProps, Theme, Tooltip, TooltipCondensed, TooltipCondensedProps, type TooltipProps, TooltipTableContent as TooltipTable, TooltipTableContent, type TooltipTableContentProps, Typography, TypographyStyles, defaultAppTheme, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL, fontBodyM, fontBodyMediumL, fontBodyMediumM, fontBodyMediumS, fontBodyMediumXs, fontBodyMediumXxs, fontBodyMediumXxxs, fontBodyMediumXxxxs, fontBodyS, fontBodySemiboldL, fontBodySemiboldM, fontBodySemiboldS, fontBodySemiboldXs, fontBodySemiboldXxs, fontBodySemiboldXxxs, fontBodySemiboldXxxxs, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontBodyXxxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontCode, fontCodeMediumS, fontCodeMediumXs, fontCodeS, fontCodeSemiboldS, fontCodeSemiboldXs, fontCodeXs, fontHeader, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, fontLink, fontLinkL, fontLinkM, fontLinkMediumL, fontLinkMediumM, fontLinkMediumS, fontLinkMediumXs, fontLinkMediumXxs, fontLinkMediumXxxs, fontLinkMediumXxxxs, fontLinkS, fontLinkSemiboldL, fontLinkSemiboldM, fontLinkSemiboldS, fontLinkSemiboldXs, fontLinkSemiboldXxs, fontLinkSemiboldXxxs, fontLinkSemiboldXxxxs, fontLinkXs, fontLinkXxs, fontLinkXxxs, fontLinkXxxxs, fontTabular, fontTabularMediumS, fontTabularMediumXs, fontTabularMediumXxs, fontTabularMediumXxxs, fontTabularMediumXxxxs, fontTabularS, fontTabularSemiboldS, fontTabularSemiboldXs, fontTabularSemiboldXxs, fontTabularSemiboldXxxs, fontTabularSemiboldXxxxs, fontTabularXs, fontTabularXxs, fontTabularXxxs, fontTabularXxxxs, fontTitle, fontTitleBoldL, fontTitleBoldM, fontTitleBoldS, generateDiscreteColors, getBorders, getBreakpoints, getColors, getCorners, getFontWeights, getIconSizes, getMode, getPalette, getSemanticColors, getShadows, getSpaces, getSpacings, getTypography, isIconOnlyButton, makeSdsSemanticAppTheme, makeThemeOptions };