czifui/dist/index.esm.d.ts

2021 Create-a-thon Science Initiative Component Library

/// <reference types="react" />
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<Pick<AccordionProps, "className" | "style" | "classes" | "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" | "disabled" | "sx" | "key" | "variant" | "theme" | "elevation" | "square" | "expanded" | "useDivider" | "togglePosition" | "defaultExpanded" | "disableGutters" | "TransitionComponent" | "TransitionProps"> & React.RefAttributes<HTMLDivElement>>;
/**
 * @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<IconName extends keyof IconNameToSizes> 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<IconName extends keyof IconNameToSizes> = IconExtraProps<IconName> & SdsIconWithColor$0;
/**
 * @see https://mui.com/material-ui/icons/#icons
 */
declare const Icon: React.ForwardRefExoticComponent<IconExtraProps<keyof IconNameToSizes> & SdsIconWithColor$0 & React.RefAttributes<HTMLDivElement | null>>;
interface ButtonIconSizeToTypes {
    small: "primary" | "secondary" | "tertiary";
    medium: "tertiary";
    large: "primary" | "secondary" | "tertiary";
}
interface ButtonIconExtraProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extends CommonThemeProps {
    on?: boolean;
    disabled?: boolean;
    sdsSize?: ButtonIconSize;
    sdsType?: ButtonIconSizeToTypes[ButtonIconSize];
}
interface ButtonIconInternalProps<IconName extends keyof IconNameToSizes> {
    sdsIcon: IconName;
    sdsIconProps?: Partial<IconProps<IconName>>;
}
type ButtonIconProps<IconName extends keyof IconNameToSizes, ButtonIconSize extends keyof ButtonIconSizeToTypes> = ButtonIconExtraProps<ButtonIconSize> & RawButtonIconProps & ButtonIconInternalProps<IconName>;
/**
 * @see https://mui.com/material-ui/react-button/#icon-buttons
 */
declare const ButtonIcon: React.ForwardRefExoticComponent<Pick<ButtonIconExtraProps<keyof ButtonIconSizeToTypes> & {
    children?: React.ReactNode;
    classes?: Partial<import("@mui/material").IconButtonClasses> | 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<import("@mui/material").Theme> | undefined;
} & Omit<{
    action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
    centerRipple?: boolean | undefined;
    children?: React.ReactNode;
    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
    disabled?: boolean | undefined;
    disableRipple?: boolean | undefined;
    disableTouchRipple?: boolean | undefined;
    focusRipple?: boolean | undefined;
    focusVisibleClassName?: string | undefined;
    LinkComponent?: React.ElementType<any> | undefined;
    onFocusVisible?: React.FocusEventHandler<any> | undefined;
    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
    tabIndex?: number | undefined;
    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
    touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | 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 IconNameToSizes>, 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 ButtonIconSizeToTypes> | keyof ButtonIconInternalProps<keyof IconNameToSizes>> & React.RefAttributes<HTMLButtonElement | null>>;
interface BannerExtraProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extends CommonThemeProps {
    sdsType: ButtonIconSizeToTypes[ButtonIconSize];
}
interface BannerProps<ButtonIconSize extends keyof ButtonIconSizeToTypes> extends BannerExtraProps<ButtonIconSize> {
    children: React.ReactNode;
    dismissed?: boolean;
    dismissible?: boolean;
    onClose?: (e: React.MouseEvent) => void;
}
declare const Banner: React.ForwardRefExoticComponent<BannerProps<keyof ButtonIconSizeToTypes> & React.RefAttributes<HTMLDivElement | null>>;
interface SdsProps {
    isAllCaps?: boolean;
    isRounded?: boolean;
    sdsStyle?: "minimal" | "rounded" | "square";
    sdsType?: "primary" | "secondary";
}
// (thuang): Support `component` prop
// https://stackoverflow.com/a/66123108
type ButtonProps<C extends React.ElementType = "button"> = RawButtonProps<C, {
    component?: C;
}> & SdsProps;
/**
 * @see https://mui.com/material-ui/react-button/
 */
declare const Button: React.ForwardRefExoticComponent<Pick<{
    component?: React.ElementType<any> | undefined;
} & {
    children?: React.ReactNode;
    classes?: Partial<import("@mui/material").ButtonClasses> | 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<import("@mui/material").Theme> | undefined;
    variant?: "text" | "outlined" | "contained" | undefined;
} & Omit<{
    action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
    centerRipple?: boolean | undefined;
    children?: React.ReactNode;
    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
    disabled?: boolean | undefined;
    disableRipple?: boolean | undefined;
    disableTouchRipple?: boolean | undefined;
    focusRipple?: boolean | undefined;
    focusVisibleClassName?: string | undefined;
    LinkComponent?: React.ElementType<any> | undefined;
    onFocusVisible?: React.FocusEventHandler<any> | undefined;
    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
    tabIndex?: number | undefined;
    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
    touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<any, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "href" | "variant" | "component" | "size" | "disableFocusRipple" | "disableElevation" | "endIcon" | "fullWidth" | "startIcon"> & SdsProps, string | number | symbol> & React.RefAttributes<HTMLButtonElement>>;
interface SdsProps$0 {
    icon?: JSX.Element;
    isRounded?: boolean;
    sdsStyle?: "rounded" | "square";
    sdsType?: "primary" | "secondary";
}
type ButtonDropdownProps<C extends React.ElementType = "button"> = RawButtonProps<C, {
    component?: C;
}> & SdsProps$0;
/**
 * @see https://mui.com/material-ui/react-button/
 */
declare const ButtonDropdown: React.ForwardRefExoticComponent<Pick<{
    component?: React.ElementType<any> | undefined;
} & {
    children?: React.ReactNode;
    classes?: Partial<import("@mui/material").ButtonClasses> | 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<import("@mui/material").Theme> | undefined;
    variant?: "text" | "outlined" | "contained" | undefined;
} & Omit<{
    action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
    centerRipple?: boolean | undefined;
    children?: React.ReactNode;
    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
    disabled?: boolean | undefined;
    disableRipple?: boolean | undefined;
    disableTouchRipple?: boolean | undefined;
    focusRipple?: boolean | undefined;
    focusVisibleClassName?: string | undefined;
    LinkComponent?: React.ElementType<any> | undefined;
    onFocusVisible?: React.FocusEventHandler<any> | undefined;
    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
    tabIndex?: number | undefined;
    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
    touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<any, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "href" | "variant" | "component" | "size" | "disableFocusRipple" | "disableElevation" | "endIcon" | "fullWidth" | "startIcon"> & SdsProps$0, string | number | symbol> & React.RefAttributes<HTMLButtonElement>>;
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 `<span>` tag.
 * https://mui.com/components/tooltips/#disabled-elements
 */
declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipExtraProps & RawTooltipProps, "components" | "className" | "style" | "classes" | "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" | "width" | "theme" | "open" | "subtitle" | "TransitionComponent" | "TransitionProps" | "onClose" | "sdsStyle" | "arrowOffset" | "followCursor" | "inverted" | "placement" | "arrow" | "componentsProps" | "describeChild" | "disableFocusListener" | "disableHoverListener" | "disableInteractive" | "disableTouchListener" | "enterDelay" | "enterNextDelay" | "enterTouchDelay" | "leaveDelay" | "leaveTouchDelay" | "onOpen" | "PopperComponent" | "PopperProps"> & React.RefAttributes<unknown>>;
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<React.HTMLProps<HTMLTableCellElement>, "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<TooltipProps>;
}
type CellBasicProps = CellBasicRawProps & CellBasicExtraProps & CellBasicContentProps;
declare const CellBasic: React.ForwardRefExoticComponent<Pick<CellBasicProps, "shape" | "className" | "style" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "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" | "disabled" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "list" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "width" | "height" | "content" | "verticalAlign" | "step" | "theme" | "selected" | "default" | "open" | "max" | "method" | "min" | "crossOrigin" | "wrap" | "start" | "size" | "icon" | "multiple" | "classID" | "useMap" | "wmode" | "nonce" | "scoped" | "alt" | "coords" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "dateTime" | "acceptCharset" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "sizes" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "required" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "integrity" | "charSet" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "defer" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "kind" | "srcLang" | "poster" | "horizontalAlign" | "iconVerticalAlign" | "shouldTextWrap" | "primaryTextWrapLineCount" | "secondaryTextWrapLineCount" | "tertiaryTextWrapLineCount" | "primaryText" | "secondaryText" | "tertiaryText" | "shouldShowTooltipOnHover" | "tooltipProps"> & React.RefAttributes<HTMLTableCellElement>>;
interface CellComponentExtraProps extends CommonThemeProps {
    horizontalAlign?: "left" | "center" | "right";
    verticalAlign?: "top" | "center" | "bottom";
}
interface CellComponentContentProps extends Omit<React.HTMLProps<HTMLTableCellElement>, "as"> {
    children?: ReactNode;
}
type CellComponentProps = CellComponentContentProps & CellComponentExtraProps;
declare const CellComponent: React.ForwardRefExoticComponent<Pick<CellComponentContentProps & CellComponentExtraProps, "shape" | "className" | "style" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "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" | "onAnimationIterationC