/// import { AccordionDetailsProps, AutocompleteInputChangeReason, AutocompleteProps, AutocompleteRenderInputParams, PopperProps, PaperProps, DialogContentProps, SliderProps, SwitchProps, ListSubheaderProps, MenuProps } from "@mui/material"; import { AccordionProps as RawAccordionProps } from "@mui/material"; import { AccordionSummaryProps as RawAccordionSummaryProps } from "@mui/material"; import { IconButtonProps as RawButtonIconProps } from "@mui/material"; import { ButtonProps as RawButtonProps } from "@mui/material"; import { TooltipProps as RawTooltipProps } from "@mui/material"; import { ChipProps as RawChipProps } from "@mui/material"; import { ClickAwayListenerProps as MUIClickAwayListenerProps } from "@mui/material"; import { TextFieldProps as RawTextFieldSearchProps } from "@mui/material"; import { MenuItemProps as RawMenuItemProps } from "@mui/material"; import { DialogProps as RawDialogProps } from "@mui/material"; import { DialogActionsProps as RawDialogActionsProps } from "@mui/material"; import { DialogTitleProps as RawDialogTitleProps } from "@mui/material"; import { CheckboxProps as MUICheckboxProps } from "@mui/material"; import { RadioProps as MUIRadioProps } from "@mui/material"; import { TextFieldProps as RawTextFieldProps } from "@mui/material"; import { LinkProps as RawLinkProps } from "@mui/material"; import { ListProps as RawListProps } from "@mui/material"; import { ListItemProps as RawListItemProps } from "@mui/material"; import { TabProps as RawTabProps } from "@mui/material"; import { TabsProps as RawTabsProps } from "@mui/material"; import { ChipProps as ChipProps$0 } from "@mui/material"; import React from "react"; import { ReactNode, SyntheticEvent, ReactElement, ComponentType } from "react"; import { Theme, ThemeOptions, TypographyStyle, PaletteOptions } from "@mui/material/styles"; import { SerializedStyles } from "@emotion/react"; import { AlertProps } from "@mui/lab"; import { AlertTitleProps } from "@mui/material/AlertTitle"; import { AutocompleteValue } from "@mui/material/useAutocomplete"; import { AutocompleteProps as AutocompleteProps$0 } from "@mui/material/Autocomplete"; import { AutocompleteRenderInputParams as AutocompleteRenderInputParams$0 } from "@mui/material/Autocomplete"; import { ToggleButtonGroupProps } from "@mui/material/ToggleButtonGroup"; declare const AccordionDetails: (props: AccordionDetailsProps) => JSX.Element; interface SdsAccordionHeaderProps { subtitle?: string; } type AccordionHeaderProps = RawAccordionSummaryProps & SdsAccordionHeaderProps; declare const AccordionHeader: (props: AccordionHeaderProps) => JSX.Element; declare const defaultAppTheme: AppTheme; declare function makeThemeOptions(appTheme: AppTheme): SDSThemeOptions; interface SDSTheme extends Theme { app?: AppTheme; } interface SDSThemeOptions extends ThemeOptions { app?: AppTheme; } interface AppTheme { borders?: Borders; colors: Colors; corners: Corners; fontWeights: FontWeights; iconSizes: IconSizes; shadows: Shadows; spacing: Spacings; typography: Typography; } interface Shadows { none: "none"; s: string; m: string; l: string; } interface Typography { fontFamily: React.CSSProperties["fontFamily"]; styles: { header: { xxl: TypographyStyle; xl: TypographyStyle; l: TypographyStyle; m: TypographyStyle; s: TypographyStyle; xs: TypographyStyle; xxs: TypographyStyle; xxxs: TypographyStyle; }; body: { button: TypographyStyle; l: TypographyStyle; m: TypographyStyle; s: TypographyStyle; xs: TypographyStyle; xxs: TypographyStyle; xxxs: TypographyStyle; }; caps: { xxs: TypographyStyle; xxxs: TypographyStyle; xxxxs: TypographyStyle; }; }; } interface FontWeights { bold: number; light: number; medium: number; regular: number; semibold: number; } interface Corners { none: number; s: number; m: number; l: number; } interface Spaces { default: number; xxxs: number; xxs: number; xs: number; s: number; m: number; l: number; xl: number; xxl: number; } type Spacings = Spaces; interface Color { 600?: string; 500?: string; 400: string; 300?: string; 200?: string; 100?: string; } interface Colors { beta: Color; primary: Color; secondary: Color; gray: Color; info: Color; success: Color; warning: Color; error: Color; } interface IconSize { height: number; width: number; } interface IconSizes { xs: IconSize; s: IconSize; l: IconSize; xl: IconSize; input: IconSize; } interface Border { 600?: string; 500?: string; 400?: string; 300?: string; 200?: string; 100?: string; dashed?: string; solid?: string; } interface Borders { error: Border; gray: Border; link: Border; primary: Border; success: Border; warning: Border; } declare const defaultTheme: Theme; // (thuang): Somehow this namespace needs to be globally unique to prevent // namespace collisions. // Might be related to using `rollup-plugin-ts`, which does code splitting? interface CommonThemeProps { theme?: SDSTheme; } declare const getSpaces: ({ theme }: CommonThemeProps) => Spaces | null; declare const getSpacings: ({ theme }: CommonThemeProps) => Spacings | null; declare const getTypography: ({ theme }: CommonThemeProps) => Typography | null; declare const getPalette: ({ theme }: CommonThemeProps) => PaletteOptions; declare const getColors: ({ theme }: CommonThemeProps) => Colors | null; declare const getShadows: ({ theme }: CommonThemeProps) => Shadows | null; declare const getCorners: ({ theme }: CommonThemeProps) => Corners | null; declare const getFontWeights: ({ theme }: CommonThemeProps) => FontWeights | null; declare const getIconSizes: ({ theme }: CommonThemeProps) => IconSizes | null; declare const getBorders: ({ theme }: CommonThemeProps) => Borders | null; type FontBodySize = keyof Typography["styles"]["body"]; declare const fontBody: (fontSize: FontBodySize) => (props: CommonThemeProps) => SerializedStyles | null; declare const fontBodyL: (props: CommonThemeProps) => SerializedStyles | null; declare const fontBodyM: (props: CommonThemeProps) => SerializedStyles | null; declare const fontBodyS: (props: CommonThemeProps) => SerializedStyles | null; declare const fontBodyXs: (props: CommonThemeProps) => SerializedStyles | null; declare const fontBodyXxs: (props: CommonThemeProps) => SerializedStyles | null; declare const fontBodyXxxs: (props: CommonThemeProps) => SerializedStyles | null; type FontCapsSize = keyof Typography["styles"]["caps"]; declare const fontCaps: (fontSize: FontCapsSize) => (props: CommonThemeProps) => SerializedStyles | null; declare const fontCapsXxs: (props: CommonThemeProps) => SerializedStyles | null; declare const fontCapsXxxs: (props: CommonThemeProps) => SerializedStyles | null; declare const fontCapsXxxxs: (props: CommonThemeProps) => SerializedStyles | null; type FontHeaderSize = keyof Typography["styles"]["header"]; declare const fontHeader: (fontSize: FontHeaderSize) => (props: CommonThemeProps) => SerializedStyles | null; declare const fontHeaderXxl: (props: CommonThemeProps) => SerializedStyles | null; declare const fontHeaderXl: (props: CommonThemeProps) => SerializedStyles | null; declare const fontHeaderL: (props: CommonThemeProps) => SerializedStyles | null; declare const fontHeaderM: (props: CommonThemeProps) => SerializedStyles | null; 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; interface AccordionExtraProps extends CommonThemeProps { useDivider?: boolean; togglePosition?: "right" | "left"; id: string; } type AccordionProps = RawAccordionProps & AccordionExtraProps; /** * @see https://mui.com/material-ui/react-accordion/ */ declare const Accordion: React.ForwardRefExoticComponent & React.RefAttributes>; /** * @see https://mui.com/material-ui/react-alert/ */ declare const Alert: (props: AlertProps) => JSX.Element; interface IconNameToSizes { bacteria: "xs" | "s" | "l" | "xl"; barChartHorizontal3: "xs" | "s"; barChartVertical3: "xs" | "s"; barChartVertical4: "xs" | "s"; book: "l" | "xl"; check: "xs" | "s"; checkCircle: "xs" | "s" | "l" | "xl"; chevronDown: "xs" | "s" | "l" | "xl"; chevronLeft: "xs" | "s" | "l" | "xl"; chevronRight: "xs" | "s" | "l" | "xl"; chevronUp: "xs" | "s" | "l" | "xl"; circlesOverlap: "xs" | "s" | "l" | "xl"; compass: "l" | "xl"; copy: "xs" | "s" | "l" | "xl"; dna: "l" | "xl"; document: "xs" | "s"; dotsHorizontal: "xs" | "s" | "l" | "xl"; download: "xs" | "s" | "l" | "xl"; edit: "xs" | "s" | "l" | "xl"; exclamationMarkCircle: "xs" | "s" | "l" | "xl"; exclamationMarkSpeechBubble: "l" | "xl"; eyeClosed: "xs" | "s"; eyeOpen: "xs" | "s"; filter: "xs" | "s"; flagCheck: "xs" | "s"; flagOutline: "xs" | "s"; flagQuestionmark: "xs" | "s"; flagXmark: "xs" | "s"; flask: "l" | "xl"; flaskPrivate: "l" | "xl"; flaskPublic: "l" | "xl"; gear: "xs" | "s"; globe: "xs" | "s"; globeBasic: "l" | "xl"; grid: "l" | "xl"; gridPrivate: "l" | "xl"; gridPublic: "l" | "xl"; house: "xs" | "s"; infoCircle: "xs" | "s" | "l" | "xl"; infoSpeechBubble: "l" | "xl"; lifeRing: "xs" | "s"; lightBulb: "xs" | "s" | "l" | "xl"; linesDashed3Solid1: "xs" | "s"; linesHorizontal: "xs" | "s" | "l" | "xl"; link: "xs" | "s"; list: "xs" | "s"; loading: "xs" | "s" | "l" | "xl"; lock: "xs" | "s" | "l" | "xl"; lockCircle: "xs" | "s"; minus: "xs" | "s"; open: "xs" | "s"; people: "xs" | "s" | "l" | "xl"; percentage: "xs" | "s"; person: "xs" | "s" | "l" | "xl"; pin: "xs" | "s"; pinLocation: "xs" | "s"; play: "l" | "xl"; plus: "xs" | "s"; plusCircle: "xs" | "s"; projectPrivate: "l" | "xl"; projectPublic: "l" | "xl"; puzzlePiece: "xs" | "s"; questionMark: "l" | "xl"; refresh: "xs" | "s" | "l" | "xl"; save: "l" | "xl"; search: "xs" | "s" | "l" | "xl"; searchLinesHorizontal: "xs" | "s" | "l" | "xl"; share: "l" | "xl"; slidersHorizontal: "l" | "xl"; speechBubbles: "l" | "xl"; squareOnDashedSquare: "l" | "xl"; starburst: "xs" | "s"; star: "l" | "xl"; table: "xs" | "s"; trashCan: "xs" | "s" | "l" | "xl"; treeDendogram: "l" | "xl"; treeHorizontal: "xs" | "s" | "l" | "xl"; treeHorizontalPrivate: "l" | "xl"; treeHorizontalPublic: "l" | "xl"; treeHorizontalTopRightFilled: "l" | "xl"; treeVertical: "xs" | "s"; triangleDown: "xs" | "s"; triangleLeft: "xs" | "s"; triangleRight: "xs" | "s"; triangleUp: "xs" | "s"; upload: "l" | "xl"; virus: "l" | "xl"; xMark: "xs" | "s" | "l" | "xl"; xMarkCircle: "xs" | "s"; } interface IconExtraProps extends CommonThemeProps { className?: string; sdsIcon: IconName; sdsSize: IconNameToSizes[IconName]; sdsType: "iconButton" | "interactive" | "static" | "button"; } type SdsIconColorType = "beta" | "gray" | "primary" | "secondary" | "info" | "success" | "warning" | "error"; interface SdsIconWithColor$0 { color?: SdsIconColorType; shade?: 100 | 200 | 300 | 400 | 500 | 600; } type IconProps = IconExtraProps & SdsIconWithColor$0; /** * @see https://mui.com/material-ui/icons/#icons */ declare const Icon: React.ForwardRefExoticComponent & SdsIconWithColor$0 & React.RefAttributes>; interface ButtonIconSizeToTypes { small: "primary" | "secondary" | "tertiary"; medium: "tertiary"; large: "primary" | "secondary" | "tertiary"; } interface ButtonIconExtraProps extends CommonThemeProps { on?: boolean; disabled?: boolean; sdsSize?: ButtonIconSize; sdsType?: ButtonIconSizeToTypes[ButtonIconSize]; } interface ButtonIconInternalProps { sdsIcon: IconName; sdsIconProps?: Partial>; } type ButtonIconProps = ButtonIconExtraProps & RawButtonIconProps & ButtonIconInternalProps; /** * @see https://mui.com/material-ui/react-button/#icon-buttons */ declare const ButtonIcon: React.ForwardRefExoticComponent & { children?: React.ReactNode; classes?: Partial | undefined; color?: "inherit" | "primary" | "secondary" | "default" | "info" | "success" | "warning" | "error" | undefined; disabled?: boolean | undefined; disableFocusRipple?: boolean | undefined; edge?: false | "end" | "start" | undefined; size?: "large" | "medium" | "small" | undefined; sx?: import("@mui/material").SxProps | undefined; } & Omit<{ action?: React.Ref | undefined; centerRipple?: boolean | undefined; children?: React.ReactNode; classes?: Partial | undefined; disabled?: boolean | undefined; disableRipple?: boolean | undefined; disableTouchRipple?: boolean | undefined; focusRipple?: boolean | undefined; focusVisibleClassName?: string | undefined; LinkComponent?: React.ElementType | undefined; onFocusVisible?: React.FocusEventHandler | undefined; sx?: import("@mui/material").SxProps | undefined; tabIndex?: number | undefined; TouchRippleProps?: Partial | undefined; touchRippleRef?: React.Ref | undefined; }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes> & { ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject | null | undefined; }, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "size" | "disableFocusRipple" | "edge"> & ButtonIconInternalProps, keyof import("@mui/material/OverridableComponent").CommonProps | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "size" | "disableFocusRipple" | "edge" | keyof ButtonIconExtraProps | keyof ButtonIconInternalProps> & React.RefAttributes>; interface BannerExtraProps extends CommonThemeProps { sdsType: ButtonIconSizeToTypes[ButtonIconSize]; } interface BannerProps extends BannerExtraProps { children: React.ReactNode; dismissed?: boolean; dismissible?: boolean; onClose?: (e: React.MouseEvent) => void; } declare const Banner: React.ForwardRefExoticComponent & React.RefAttributes>; interface SdsProps { isAllCaps?: boolean; isRounded?: boolean; sdsStyle?: "minimal" | "rounded" | "square"; sdsType?: "primary" | "secondary"; } // (thuang): Support `component` prop // https://stackoverflow.com/a/66123108 type ButtonProps = RawButtonProps & SdsProps; /** * @see https://mui.com/material-ui/react-button/ */ declare const Button: React.ForwardRefExoticComponent | undefined; } & { children?: React.ReactNode; classes?: Partial | undefined; color?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "error" | undefined; disabled?: boolean | undefined; disableElevation?: boolean | undefined; disableFocusRipple?: boolean | undefined; endIcon?: React.ReactNode; fullWidth?: boolean | undefined; href?: string | undefined; size?: "large" | "medium" | "small" | undefined; startIcon?: React.ReactNode; sx?: import("@mui/material").SxProps | undefined; variant?: "text" | "outlined" | "contained" | undefined; } & Omit<{ action?: React.Ref | undefined; centerRipple?: boolean | undefined; children?: React.ReactNode; classes?: Partial | undefined; disabled?: boolean | undefined; disableRipple?: boolean | undefined; disableTouchRipple?: boolean | undefined; focusRipple?: boolean | undefined; focusVisibleClassName?: string | undefined; LinkComponent?: React.ElementType | undefined; onFocusVisible?: React.FocusEventHandler | undefined; sx?: import("@mui/material").SxProps | undefined; tabIndex?: number | undefined; TouchRippleProps?: Partial | undefined; touchRippleRef?: React.Ref | undefined; }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit & SdsProps, string | number | symbol> & React.RefAttributes>; interface SdsProps$0 { icon?: JSX.Element; isRounded?: boolean; sdsStyle?: "rounded" | "square"; sdsType?: "primary" | "secondary"; } type ButtonDropdownProps = RawButtonProps & SdsProps$0; /** * @see https://mui.com/material-ui/react-button/ */ declare const ButtonDropdown: React.ForwardRefExoticComponent | undefined; } & { children?: React.ReactNode; classes?: Partial | undefined; color?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "error" | undefined; disabled?: boolean | undefined; disableElevation?: boolean | undefined; disableFocusRipple?: boolean | undefined; endIcon?: React.ReactNode; fullWidth?: boolean | undefined; href?: string | undefined; size?: "large" | "medium" | "small" | undefined; startIcon?: React.ReactNode; sx?: import("@mui/material").SxProps | undefined; variant?: "text" | "outlined" | "contained" | undefined; } & Omit<{ action?: React.Ref | undefined; centerRipple?: boolean | undefined; children?: React.ReactNode; classes?: Partial | undefined; disabled?: boolean | undefined; disableRipple?: boolean | undefined; disableTouchRipple?: boolean | undefined; focusRipple?: boolean | undefined; focusVisibleClassName?: string | undefined; LinkComponent?: React.ElementType | undefined; onFocusVisible?: React.FocusEventHandler | undefined; sx?: import("@mui/material").SxProps | undefined; tabIndex?: number | undefined; TouchRippleProps?: Partial | undefined; touchRippleRef?: React.Ref | undefined; }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit & SdsProps$0, string | number | symbol> & React.RefAttributes>; declare const SDS_STAGE_OPEN = "open"; declare const SDS_STAGE_CLOSED = "closed"; interface CalloutProps { autoDismiss?: boolean | number; dismissed?: boolean; expandable?: boolean; icon?: React.ReactNode; intent: "info" | "error" | "success" | "warning"; sdsStage?: typeof SDS_STAGE_CLOSED | typeof SDS_STAGE_OPEN; } type ExposedCalloutProps = AlertProps & CalloutProps; /** * @see https://mui.com/material-ui/react-alert/ */ declare const Callout: ({ autoDismiss, children, dismissed, expandable, onClose, icon, intent, sdsStage, ...rest }: ExposedCalloutProps) => JSX.Element; declare const CalloutTitle: ({ children }: AlertTitleProps) => JSX.Element; interface TooltipExtraProps extends CommonThemeProps { // TODO(185930): remove custom `followCursor` prop when we upgrade to MUIv5 arrowOffset?: number; followCursor?: boolean; inverted?: boolean; sdsStyle?: "dark" | "light"; subtitle?: string; width?: "default" | "wide"; } type TooltipProps = TooltipExtraProps & RawTooltipProps; /** * @see https://mui.com/material-ui/react-tooltip/ * * @warning If the tooltip wraps a disabled component, please make sure to * wrap the children in a `` tag. * https://mui.com/components/tooltips/#disabled-elements */ declare const Tooltip: React.ForwardRefExoticComponent & React.RefAttributes>; interface CellBasicExtraProps extends CommonThemeProps { horizontalAlign?: "left" | "center" | "right"; verticalAlign?: "top" | "center" | "bottom"; iconVerticalAlign?: "top" | "center" | "bottom"; shouldTextWrap?: boolean; primaryTextWrapLineCount?: number; secondaryTextWrapLineCount?: number; tertiaryTextWrapLineCount?: number; } interface CellBasicContentProps extends Omit, "as"> { primaryText: string; primaryTextWrapLineCount?: number; secondaryText?: string; secondaryTextWrapLineCount?: number; tertiaryText?: string; tertiaryTextWrapLineCount?: number; shouldTextWrap?: boolean; icon?: JSX.Element; iconVerticalAlign?: "top" | "center" | "bottom"; } interface CellBasicRawProps { shouldShowTooltipOnHover?: boolean; tooltipProps?: Partial; } type CellBasicProps = CellBasicRawProps & CellBasicExtraProps & CellBasicContentProps; declare const CellBasic: React.ForwardRefExoticComponent & React.RefAttributes>; interface CellComponentExtraProps extends CommonThemeProps { horizontalAlign?: "left" | "center" | "right"; verticalAlign?: "top" | "center" | "bottom"; } interface CellComponentContentProps extends Omit, "as"> { children?: ReactNode; } type CellComponentProps = CellComponentContentProps & CellComponentExtraProps; declare const CellComponent: React.ForwardRefExoticComponent & React.RefAttributes>; interface CellHeaderExtraProps extends CommonThemeProps { active?: boolean; horizontalAlign?: "left" | "center" | "right"; } type CellHeaderDirection = "asc" | "desc"; interface CellHeaderContentProps { active?: boolean; direction?: CellHeaderDirection; hideSortIcon?: boolean; horizontalAlign?: "left" | "center" | "right"; children: React.ReactNode; } interface CellHeaderRawProps extends Omit, "as"> { tooltipText?: string; tooltipSubtitle?: string; shouldShowTooltipOnHover?: boolean; tooltipProps?: Partial; } type CellHeaderProps = CellHeaderRawProps & CellHeaderExtraProps & CellHeaderContentProps; declare const CellHeader: React.ForwardRefExoticComponent & React.RefAttributes>; interface ChipExtraProps extends CommonThemeProps { size?: "small" | "medium"; status?: "success" | "error" | "warning" | "info" | "pending" | "beta"; isRounded?: boolean; } type ChipProps = ChipExtraProps & RawChipProps; /** * @see https://mui.com/material-ui/react-chip/ */ declare const Chip: (props: ChipProps) => JSX.Element; interface InputSearchExtraProps extends CommonThemeProps { disabled?: boolean; intent?: "default" | "error" | "warning"; sdsStyle?: "rounded" | "square"; sdsStage?: "default" | "userInput"; } interface AccessibleInputSearchProps { label: string; placeholder?: string; id: string; handleSubmit?: (value: string) => void; onChange?: (event: React.ChangeEvent) => void; } type InputSearchProps = RawTextFieldSearchProps & AccessibleInputSearchProps & InputSearchExtraProps; /** * @see https://mui.com/material-ui/react-text-field/ */ declare const InputSearch: React.ForwardRefExoticComponent<(Pick | Pick | Pick) & React.RefAttributes>; /* The final goal is to create a typescript interface which only accepts the icons with "xs" or "s" size. At first we create a new TypeScript interface that modifies the IconNameToSizes interface to change the values of icons with 'xs' | 's' | 'l' | 'xl' sizes to 'xs' | 's', allowing for easy filtering of items with 'l' | 'xl' sizes only later on */ type ModifiedIconNameToSizes = { [K in keyof IconNameToSizes]: IconNameToSizes[K] extends "xs" | "s" | "l" | "xl" ? IconNameToSizes[K] extends "l" | "xl" ? "l" | "xl" : "xs" | "s" : IconNameToSizes[K]; }; /* In the second step we create a TypeScript interface that is a subset of the IconNameToSizes interface, containing only those icons that can be "xs" or "s" in size. As a result, the MenuItem component accepts a bacteria icon with a size value of "xs" | "s" | "l" | "xl" or a check icon with a size value of "xs" | "s", but not a book icon since it has a size value of "l" | "xl". */ type IconNameToSmallSizes = { [K in keyof ModifiedIconNameToSizes as ModifiedIconNameToSizes[K] extends "xs" | "s" ? K : never]: IconNameToSizes[K]; }; interface MenuItemExtraProps { column?: React.ReactNode; isMultiSelect?: boolean; sdsIcon?: IconName; sdsIconProps?: Partial>; } type MenuItemProps = MenuItemExtraProps & RawMenuItemProps; /** * @see https://mui.com/material-ui/react-menu/ */ declare const MenuItem: React.ForwardRefExoticComponent & { autoFocus?: boolean | undefined; classes?: Partial | undefined; dense?: boolean | undefined; disabled?: boolean | undefined; disableGutters?: boolean | undefined; divider?: boolean | undefined; selected?: boolean | undefined; sx?: import("@mui/material").SxProps | undefined; } & Omit<{ action?: React.Ref | undefined; centerRipple?: boolean | undefined; children?: React.ReactNode; classes?: Partial | undefined; disabled?: boolean | undefined; disableRipple?: boolean | undefined; disableTouchRipple?: boolean | undefined; focusRipple?: boolean | undefined; focusVisibleClassName?: string | undefined; LinkComponent?: React.ElementType | undefined; onFocusVisible?: React.FocusEventHandler | undefined; sx?: import("@mui/material").SxProps | undefined; tabIndex?: number | undefined; TouchRippleProps?: Partial | undefined; touchRippleRef?: React.Ref | undefined; }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit, HTMLLIElement>, "key" | keyof React.LiHTMLAttributes> & { ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject | null | undefined; }, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "selected" | "dense" | "disableGutters" | "divider">, keyof import("@mui/material/OverridableComponent").CommonProps | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "key" | "autoFocus" | "value" | "selected" | "dense" | "disableGutters" | "divider" | keyof MenuItemExtraProps<"link" | "table" | "filter" | "document" | "list" | "search" | "download" | "copy" | "bacteria" | "barChartHorizontal3" | "barChartVertical3" | "barChartVertical4" | "check" | "checkCircle" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circlesOverlap" | "dotsHorizontal" | "edit" | "exclamationMarkCircle" | "eyeClosed" | "eyeOpen" | "flagCheck" | "flagOutline" | "flagQuestionmark" | "flagXmark" | "gear" | "globe" | "house" | "infoCircle" | "lifeRing" | "lightBulb" | "linesDashed3Solid1" | "linesHorizontal" | "loading" | "lock" | "lockCircle" | "minus" | "open" | "people" | "percentage" | "person" | "pin" | "pinLocation" | "plus" | "plusCircle" | "puzzlePiece" | "refresh" | "searchLinesHorizontal" | "starburst" | "trashCan" | "treeHorizontal" | "treeVertical" | "triangleDown" | "triangleLeft" | "triangleRight" | "triangleUp" | "xMark" | "xMarkCircle">> & React.RefAttributes>; interface StyleProps extends CommonThemeProps { count?: number; hasSections?: boolean; icon?: ReactElement; search?: boolean; title?: string; } declare const StyledPopper$0: import("@emotion/styled").StyledComponent & { sx?: import("@mui/material").SxProps | undefined; }, "className" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "transition" | "open" | "anchorEl" | "container" | "disablePortal" | "keepMounted" | "modifiers" | "placement" | "popperOptions" | "popperRef"> & import("react").RefAttributes & import("@mui/system").MUIStyledCommonProps, {}, {}>; declare const StyledPaper: import("@emotion/styled").StyledComponent<{ children?: import("react").ReactNode; classes?: Partial | undefined; elevation?: number | undefined; square?: boolean | undefined; sx?: import("@mui/material").SxProps | undefined; variant?: "elevation" | "outlined" | undefined; } & import("@mui/material/OverridableComponent").CommonProps & Omit, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes> & { ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject | null | undefined; }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "elevation" | "square"> & import("@mui/system").MUIStyledCommonProps, {}, {}>; // (thuang): This requires option to have a `name` property. interface DropdownMenuOptionGeneral { name: string; section?: string; } interface DropdownMenuOptionBasic extends DropdownMenuOptionGeneral { count?: number; details?: string; sdsIcon?: keyof IconNameToSmallSizes; sdsIconProps?: Partial>; } interface DropdownMenuOptionComponent extends DropdownMenuOptionGeneral { component?: ReactNode; } type Exclusive = T & { [K in Exclude]?: undefined; }; type DefaultDropdownMenuOption = Exclusive | Exclusive; // eslint-disable-next-line @typescript-eslint/no-explicit-any type RenderFunctionType = (props: any) => JSX.Element; interface ExtraDropdownMenuProps extends StyleProps { keepSearchOnSelect?: boolean; renderInput?: (params: AutocompleteRenderInputParams) => React.ReactNode; onInputChange?: (event: SyntheticEvent, value: string, reason: AutocompleteInputChangeReason) => void; InputBaseProps?: Partial; PopperBaseProps?: Partial; title?: string; anchorEl: HTMLElement | null; PopperComponent?: typeof StyledPopper$0 | RenderFunctionType; PaperComponent?: typeof StyledPaper | RenderFunctionType; children?: JSX.Element | null; onClickAway: (event: MouseEvent | TouchEvent) => void; ClickAwayListenerProps?: Partial; } type CustomAutocompleteProps = Omit, "renderInput">; type DropdownMenuProps = CustomAutocompleteProps & ExtraDropdownMenuProps; declare const DropdownMenu: (props: DropdownMenuProps) => JSX.Element; type SdsDropdownMenuProps = DropdownMenuProps; interface InputDropdownProps extends CommonThemeProps { disabled?: boolean; intent?: "default" | "error" | "warning"; label: ReactNode; onClick: (event: React.MouseEvent) => void; open?: boolean; sdsStage: "default" | "userInput"; sdsStyle?: "minimal" | "square" | "rounded"; sdsType?: "singleSelect" | "multiSelect"; details?: string; counter?: string; shouldTruncateMinimalDetails?: boolean; shouldPutAColonAfterLabel?: boolean; } /** * @see https://mui.com/material-ui/react-button/ */ declare const InputDropdown: (props: InputDropdownProps) => JSX.Element; type InputDropdownPropsType = InputDropdownProps; // (thuang): Value's type is based on generic type placeholder (T) and Multiple // type. If Multiple is true, Value's type is T[] | null. // Otherwise, Value's type is T | null. // Conditional Type // https://www.typescriptlang.org/docs/handbook/2/conditional-types.html type Value = Multiple extends undefined | false ? T | null : Array | null; type MUIValue = AutocompleteValue; // eslint-disable-next-line @typescript-eslint/no-explicit-any type RenderFunctionType$0 = (props: any) => JSX.Element; interface DropdownProps { buttonPosition?: "left" | "right"; buttons?: boolean; closeOnBlur?: boolean; disabled?: boolean; label: ReactNode; options: DefaultDropdownMenuOption[]; onChange: (options: Value) => void; onClose?: () => void; multiple?: Multiple; search?: boolean; DropdownMenuProps?: Partial>; InputDropdownProps?: Partial; value?: Value; style?: React.CSSProperties; className?: string; PopperComponent?: typeof StyledPopper$0 | RenderFunctionType$0; InputDropdownComponent?: typeof InputDropdown; isTriggerChangeOnOptionClick?: boolean; } // eslint-disable-next-line sonarjs/cognitive-complexity declare const Dropdown: ({ options, label, multiple, search, buttonPosition, buttons, // By default, most dropdowns will close when the user clicks outside the dropdown. // The exception is the multiple select variant with Apply/Cancel buttons, // which by default will not close on blur. If closeOnBlur is enabled, clicking out // is equivalent to clicking the Cancel button, closing the dropdown and losing // unapplied changes. closeOnBlur, onChange, onClose, DropdownMenuProps, InputDropdownProps, value: propValue, PopperComponent, InputDropdownComponent, isTriggerChangeOnOptionClick, disabled, ...rest }: DropdownProps) => JSX.Element; type InputDropdownPropsType$0 = InputDropdownProps; interface ComplexFilterProps { label: string; options: DefaultDropdownMenuOption[]; multiple?: Multiple; search?: boolean; onChange: (options: Value) => void; DropdownMenuProps?: Partial; InputDropdownProps?: Partial; value?: Value; style?: React.CSSProperties; className?: string; PopperComponent?: typeof StyledPopper$0; InputDropdownComponent?: typeof InputDropdown; isTriggerChangeOnOptionClick?: boolean; } // eslint-disable-next-line sonarjs/cognitive-complexity declare const ComplexFilter: ({ options, label, multiple, search, onChange, DropdownMenuProps, InputDropdownProps, value: propValue, PopperComponent, InputDropdownComponent, isTriggerChangeOnOptionClick, ...rest }: ComplexFilterProps) => JSX.Element; /** * @see https://mui.com/material-ui/react-paper/ */ declare const DialogPaper: React.ForwardRefExoticComponent, keyof import("@mui/material/OverridableComponent").CommonProps | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "sx" | "key" | "variant" | "elevation" | "square"> & React.RefAttributes>; 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; DialogComponent?: ComponentType; } type DialogProps = RawDialogProps & DialogExtraProps; /** * @see https://mui.com/material-ui/react-dialog/ */ declare const Dialog: React.ForwardRefExoticComponent & React.RefAttributes>; interface DialogActionsExtraProps extends CommonThemeProps { buttonPosition?: "left" | "right"; } type DialogActionsProps = DialogActionsExtraProps & RawDialogActionsProps; /** * @see https://mui.com/material-ui/react-dialog/ */ declare const DialogActions: React.ForwardRefExoticComponent & React.RefAttributes>; declare const _default: React.ForwardRefExoticComponent & React.RefAttributes>; type DialogTitleExtraProps = CommonThemeProps; declare const Title: import("@emotion/styled").StyledComponent & { align?: "inherit" | "right" | "left" | "center" | "justify" | undefined; children?: import("react").ReactNode; classes?: Partial | undefined; gutterBottom?: boolean | undefined; noWrap?: boolean | undefined; paragraph?: boolean | undefined; sx?: import("@mui/material").SxProps | undefined; variant?: "inherit" | "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined; variantMapping?: Partial> | undefined; } & import("@mui/material/OverridableComponent").CommonProps & Omit, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes> & { ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject | null | undefined; }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | ("fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "zIndex" | "typography" | "p" | "color" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "fontStyle" | "textAlign") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps & DialogTitleExtraProps, {}, {}>; declare const Subtitle$0: import("@emotion/styled").StyledComponent & { align?: "inherit" | "right" | "left" | "center" | "justify" | undefined; children?: import("react").ReactNode; classes?: Partial | undefined; gutterBottom?: boolean | undefined; noWrap?: boolean | undefined; paragraph?: boolean | undefined; sx?: import("@mui/material").SxProps | undefined; variant?: "inherit" | "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined; variantMapping?: Partial> | undefined; } & import("@mui/material/OverridableComponent").CommonProps & Omit, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes> & { ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject | null | undefined; }, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | ("fontFamily" | "fontSize" | "fontWeight" | "letterSpacing" | "lineHeight" | "textTransform" | "zIndex" | "typography" | "p" | "color" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "fontStyle" | "textAlign") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps & DialogTitleExtraProps, {}, {}>; interface DialogTitleProps extends DialogTitleExtraProps, RawDialogTitleProps { title?: string; subtitle?: string; onClose?: () => void; } /** * @see https://mui.com/material-ui/react-dialog/ */ declare const DialogTitle: React.ForwardRefExoticComponent & React.RefAttributes>; interface CheckboxExtraProps extends CommonThemeProps { caption?: string; } interface CheckboxContentProps extends Omit { checkboxProps?: Partial; label?: string; stage?: "checked" | "unchecked" | "indeterminate"; } type CheckboxProps = CheckboxContentProps & CheckboxExtraProps; /** * @see https://mui.com/material-ui/react-checkbox/ */ declare const InputCheckbox: (props: CheckboxProps) => JSX.Element; interface RadioExtraProps extends CommonThemeProps { caption?: string; } interface RadioContentProps extends Omit { label?: string; radioProps?: Partial; stage?: "checked" | "unchecked"; value?: string; } type RadioProps = RadioContentProps & RadioExtraProps; /** * @see https://mui.com/material-ui/react-radio-button/ */ declare const InputRadio: (props: RadioProps) => JSX.Element; interface InputSliderExtraProps extends SliderProps, CommonThemeProps { } type InputSliderProps = InputSliderExtraProps; /** * @see https://mui.com/material-ui/react-slider/ */ declare const InputSlider: React.ForwardRefExoticComponent & React.RefAttributes>; interface InputTextExtraProps extends CommonThemeProps { disabled?: boolean; intent?: "default" | "error" | "warning"; sdsType?: "textField" | "textArea"; sdsStage?: "default" | "userInput"; hideLabel?: boolean; } interface AccessibleInputTextProps { label: string; placeholder?: string; id: string; } type InputTextProps = RawTextFieldProps & InputTextExtraProps & AccessibleInputTextProps; /** * @see https://mui.com/material-ui/react-text-field/ */ declare const InputText: React.ForwardRefExoticComponent<(Pick | Pick | Pick) & React.RefAttributes>; interface InputToggleExtraProps extends SwitchProps, CommonThemeProps { offLabel?: string; onChange?(e: React.ChangeEvent): void; onLabel?: string; } /** * @see https://mui.com/material-ui/react-switch/ */ declare const InputToggle: (props: InputToggleExtraProps) => JSX.Element; type StyleProps$0 = CommonThemeProps; // (thuang): Support `component` prop // https://stackoverflow.com/a/66123108 type LinkProps = RawLinkProps & StyleProps$0 & { sdsStyle?: "default" | "dashed"; }; /** * @see https://mui.com/material-ui/react-link/ */ declare const Link: React.ForwardRefExoticComponent | undefined; } & Omit & { children?: React.ReactNode; classes?: Partial | undefined; color?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue); sx?: import("@mui/system").SxProps | undefined; TypographyClasses?: (Partial & Partial>) | undefined; underline?: "none" | "hover" | "always" | undefined; variant?: "inherit" | "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "overline" | undefined; } & import("@mui/material/OverridableComponent").CommonProps & Omit & CommonThemeProps & { sdsStyle?: "default" | "dashed" | undefined; }, string | number | symbol> & React.RefAttributes>; interface ListExtraProps extends CommonThemeProps { component?: unknown; marginBottom?: "xxxs" | "xxs" | "xs" | "s" | "m" | "l"; ordered?: boolean; } type ListProps = ListExtraProps & RawListProps; /** * @see https://mui.com/material-ui/react-list/ */ declare const List: (props: ListProps) => JSX.Element; interface ListItemExtraProps extends CommonThemeProps { marginBottom?: "s" | "xs" | "xxs"; fontSize?: "xxxs" | "xxs" | "xs" | "s" | "m" | "l"; ordered?: boolean; } declare const ListItemLabel: import("@emotion/styled").StyledComponent, import("react").DetailedHTMLProps, HTMLSpanElement>, {}>; type ListItemProps = RawListItemProps & ListItemExtraProps; /** * @see https://mui.com/material-ui/react-list/ */ declare const ListItem: (props: ListItemProps) => JSX.Element; /** * @see https://mui.com/material-ui/react-list/ */ declare const ListSubheader: (props: ListSubheaderProps) => JSX.Element; interface LoadingIndicatorProps extends CommonThemeProps { sdsStyle: "minimal" | "tag"; } declare const LoadingIndicator: ({ sdsStyle }: LoadingIndicatorProps) => JSX.Element; /** * @see https://mui.com/material-ui/react-menu/ */ declare const Menu: (props: MenuProps) => JSX.Element; interface StyleProps$1 extends CommonThemeProps { search?: boolean; } // (thuang): This requires option to have a `name` property. interface DefaultMenuSelectOption { name: string; } interface MenuSelectExtraProps extends StyleProps$1 { keepSearchOnSelect?: boolean; renderInput?: (params: AutocompleteRenderInputParams$0) => React.ReactNode; InputBaseProps?: Partial; } type CustomAutocompleteProps$0 = Omit, "renderInput">; type MenuSelectProps = CustomAutocompleteProps$0 & MenuSelectExtraProps; /** * @see https://mui.com/material-ui/react-autocomplete/ */ declare const MenuSelect: (props: MenuSelectProps) => JSX.Element; interface NotificationProps { autoDismiss?: boolean | number; buttonOnClick?: (event: React.SyntheticEvent) => void; buttonText?: string; dismissed?: boolean; slideDirection: "left" | "right"; extraContent?: boolean; intent: "info" | "error" | "success" | "warning"; } type ExposedNotificationProps = AlertProps & NotificationProps; /** * @see https://mui.com/material-ui/react-alert/ */ declare const Notification: ({ autoDismiss, children, dismissed, slideDirection, intent, onClose, buttonOnClick, buttonText, ...rest }: ExposedNotificationProps) => JSX.Element; interface PaginationExtraProps extends CommonThemeProps { sdsStyle?: "round" | "square"; disabled?: boolean; selected?: boolean; truncateDropdown?: boolean; } interface PaginationInternalProps { onPageChange: (page: number) => void; onNextPage: () => void; onPreviousPage: () => void; totalCount: number; siblingCount?: number; currentPage: number; pageSize: number; truncateDropdown?: boolean; } type PaginationProps = PaginationExtraProps & PaginationInternalProps; declare const Pagination: React.ForwardRefExoticComponent>; // one prop is array of objects: with icon name and tooltip text. They need to make // first item in array first button, etc interface SingleButtonDefinition { iconName: string; tooltipText: string; } interface SegmentedControlExtraProps extends Omit { buttonDefinition: SingleButtonDefinition[]; color?: "primary" | "secondary" | "standard" | "success" | "error" | "info" | "warning" | undefined; } /** * @see https://mui.com/material-ui/react-toggle-button/ */ type SegmentedControlProps = SegmentedControlExtraProps & ToggleButtonGroupProps; declare const SegmentedControl: (props: SegmentedControlProps) => JSX.Element; interface TableProps { children: React.ReactNode; } declare const Table: React.ForwardRefExoticComponent>; interface TableHeaderProps { children: React.ReactNode; } declare const TableHeader: React.ForwardRefExoticComponent>; interface RowExtraProps extends CommonThemeProps, Omit, "as"> { rowHeight?: number; useDivider?: boolean; selected?: boolean; disabled?: boolean; hover?: boolean; } interface RowRawProps { children: React.ReactNode; tooltipText?: string; tooltipSubtitle?: string; shouldShowTooltipOnHover?: boolean; tooltipProps?: Partial; } type TableRowProps = RowRawProps & RowExtraProps; declare const TableRow: React.ForwardRefExoticComponent & React.RefAttributes>; type TabsProps = RawTabsProps & { underlined?: boolean; sdsSize?: "small" | "large"; }; declare const Tabs: React.ForwardRefExoticComponent & React.RefAttributes>; interface TabProps$0 extends RawTabProps { count?: ReactNode; } /** * @see https://mui.com/material-ui/react-tabs/ */ declare const Tab: React.ForwardRefExoticComponent & React.RefAttributes>; type SdsTagColorType = "primary" | "info" | "success" | "warning" | "error" | "gray" | "beta" | [ string, string ] | [ string, string, string ]; interface ExtraTagProps extends CommonThemeProps { hover?: boolean; sdsType?: "primary" | "secondary"; sdsStyle?: "square" | "rounded"; tagColor?: SdsTagColorType; icon?: JSX.Element; } interface SdsTagProps extends Omit { 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; interface SdsTagFilterProps extends Omit { label: string; onDelete: React.EventHandler; } type TagFilterProps = SdsTagFilterProps; /** * @see https://mui.com/material-ui/react-chip/ */ declare const TagFilter: (props: SdsTagFilterProps) => JSX.Element; interface TooltipCondensedExtraProps extends CommonThemeProps { indicator?: boolean; indicatorColor?: string; } type TooltipCondensedProps = TooltipProps & TooltipCondensedExtraProps; /** * @see https://mui.com/material-ui/react-tooltip/ * * @warning If the tooltip wraps a disabled component, please make sure to * wrap the children in a `` tag. * https://mui.com/components/tooltips/#disabled-elements */ declare const TooltipCondensed: React.ForwardRefExoticComponent & React.RefAttributes>; interface TooltipTableExtraProps extends CommonThemeProps { data?: Array<{ label?: string; dataRows: { label: string; value: string | number; }[]; disabled?: boolean; }>; contentAlert?: string | JSX.Element; itemAlign?: "left" | "right"; } type TooltipTableContentProps = TooltipTableExtraProps; /** * @see https://mui.com/material-ui/react-table/ */ declare const TooltipTableContent: (props: TooltipTableContentProps) => JSX.Element; export { AccordionHeader, AccordionDetails, AccordionProps, Accordion, Alert, BannerProps, Banner, SdsProps, ButtonProps, Button, ButtonDropdownProps, ButtonDropdown, ButtonIconInternalProps, ButtonIcon, CalloutProps, ExposedCalloutProps, Callout, CalloutTitle, CellBasicRawProps, CellBasicProps, CellBasic, CellComponentProps, CellComponent, CellHeaderDirection, CellHeaderProps, CellHeader, Chip, StyledPopper$0 as ComplexFilterPopper, StyledPopper$0 as DropdownPopper, InputDropdown as ComplexFilterInputDropdown, InputDropdown as DropdownInputDropdown, InputDropdown, ComplexFilterProps, ComplexFilter, DialogContext, DialogProps, Dialog, DialogActionsProps, DialogActions, _default, _default as DialogContent, DialogPaper, Subtitle$0 as DialogTitleSubtitle, Title as DialogTitleTitle, DialogTitleProps, DialogTitle, StyledPaper as DropdownPaper, Value, MUIValue, DropdownProps, Dropdown, DropdownMenuOptionBasic, DropdownMenuOptionComponent, DefaultDropdownMenuOption, DropdownMenuProps, DropdownMenu, SdsIconWithColor$0 as SdsIconWithColor, IconProps, Icon, CheckboxProps, InputCheckbox, RadioContentProps, RadioProps, InputRadio, AccessibleInputSearchProps, InputSearchProps, InputSearch, InputSliderProps, InputSlider, InputTextProps, InputText, InputToggle, Link, ListProps, List, ListItemLabel, ListItemProps, ListItem, ListSubheader, LoadingIndicator, Menu, IconNameToSmallSizes, MenuItemExtraProps, MenuItemProps, MenuItem, DefaultMenuSelectOption, MenuSelectProps, MenuSelect, NotificationProps, ExposedNotificationProps, Notification, PaginationInternalProps, PaginationProps, Pagination, SegmentedControlProps, SegmentedControl, defaultAppTheme, makeThemeOptions, SDSTheme, SDSThemeOptions, Shadows, Typography, FontWeights, Corners, Spaces, Spacings, Color, Colors, IconSizes, Border, Borders, defaultTheme, fontBody, fontBodyL, fontBodyM, fontBodyS, fontBodyXs, fontBodyXxs, fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderXxl, fontHeaderXl, fontHeaderL, fontHeaderM, fontHeaderS, fontHeaderXs, fontHeaderXxs, fontHeaderXxxs, CommonThemeProps, getSpaces, getSpacings, getTypography, getPalette, getColors, getShadows, getCorners, getFontWeights, getIconSizes, getBorders, 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 }; export type { AlertProps, ButtonIconSizeToTypes, ButtonIconProps, ChipProps, DialogContentProps, PaperProps as DialogPaperProps, IconNameToSizes, InputDropdownProps, InputToggleExtraProps as InputToggleProps, LinkProps, ListSubheaderProps, LoadingIndicatorProps, MenuProps, TabsProps, SdsTagColorType, TooltipProps, TooltipTableContentProps };