• Parameters

    Returns {
        about?: string;
        accessKey?: string;
        alignContent?: ResponsiveStyleValue<(readonly string[] | AlignContent | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | AlignContent | undefined)>);
        alignItems?: ResponsiveStyleValue<(readonly string[] | AlignItems | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | AlignItems | undefined)>);
        alignSelf?: ResponsiveStyleValue<(readonly string[] | AlignSelf | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | AlignSelf | undefined)>);
        aria-activedescendant?: string;
        aria-atomic?: boolean | "true" | "false";
        aria-autocomplete?:
            | "none"
            | "inline"
            | "list"
            | "both";
        aria-braillelabel?: string;
        aria-brailleroledescription?: string;
        aria-busy?: boolean | "true" | "false";
        aria-checked?:
            | boolean
            | "true"
            | "false"
            | "mixed";
        aria-colcount?: number;
        aria-colindex?: number;
        aria-colindextext?: string;
        aria-colspan?: number;
        aria-controls?: string;
        aria-current?:
            | boolean
            | "page"
            | "time"
            | "true"
            | "false"
            | "step"
            | "location"
            | "date";
        aria-describedby?: string;
        aria-description?: string;
        aria-details?: string;
        aria-disabled?: boolean | "true" | "false";
        aria-dropeffect?:
            | "link"
            | "none"
            | "copy"
            | "execute"
            | "move"
            | "popup";
        aria-errormessage?: string;
        aria-expanded?: boolean | "true" | "false";
        aria-flowto?: string;
        aria-grabbed?: boolean | "true" | "false";
        aria-haspopup?:
            | boolean
            | "grid"
            | "dialog"
            | "menu"
            | "true"
            | "false"
            | "listbox"
            | "tree";
        aria-hidden?: boolean | "true" | "false";
        aria-invalid?:
            | boolean
            | "true"
            | "false"
            | "grammar"
            | "spelling";
        aria-keyshortcuts?: string;
        aria-label?: string;
        aria-labelledby?: string;
        aria-level?: number;
        aria-live?: "off" | "assertive" | "polite";
        aria-modal?: boolean | "true" | "false";
        aria-multiline?: boolean | "true" | "false";
        aria-multiselectable?: boolean | "true" | "false";
        aria-orientation?: "horizontal" | "vertical";
        aria-owns?: string;
        aria-placeholder?: string;
        aria-posinset?: number;
        aria-pressed?:
            | boolean
            | "true"
            | "false"
            | "mixed";
        aria-readonly?: boolean | "true" | "false";
        aria-relevant?:
            | "all"
            | "text"
            | "additions"
            | "additions removals"
            | "additions text"
            | "removals"
            | "removals additions"
            | "removals text"
            | "text additions"
            | "text removals";
        aria-required?: boolean | "true" | "false";
        aria-roledescription?: string;
        aria-rowcount?: number;
        aria-rowindex?: number;
        aria-rowindextext?: string;
        aria-rowspan?: number;
        aria-selected?: boolean | "true" | "false";
        aria-setsize?: number;
        aria-sort?:
            | "none"
            | "ascending"
            | "descending"
            | "other";
        aria-valuemax?: number;
        aria-valuemin?: number;
        aria-valuenow?: number;
        aria-valuetext?: string;
        autoCapitalize?:
            | string & {}
            | "none"
            | "off"
            | "on"
            | "sentences"
            | "words"
            | "characters";
        autoCorrect?: string;
        autoFocus?: boolean;
        autoSave?: string;
        background?: boolean;
        bgcolor?: ResponsiveStyleValue<(readonly string[] | BackgroundColor | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | BackgroundColor | undefined)>);
        border?: ResponsiveStyleValue<
            | undefined
            | number
            | string & {}
            | "inset"
            | "hidden"
            | "inherit"
            | "-moz-initial"
            | "initial"
            | "revert"
            | "revert-layer"
            | "unset"
            | "medium"
            | "thick"
            | "thin"
            | "dashed"
            | "dotted"
            | "double"
            | "groove"
            | "none"
            | "outset"
            | "ridge"
            | "solid"
            | "aliceblue"
            | "antiquewhite"
            | "aqua"
            | "aquamarine"
            | "azure"
            | "beige"
            | "bisque"
            | "black"
            | "blanchedalmond"
            | "blue"
            | "blueviolet"
            | "brown"
            | "burlywood"
            | "cadetblue"
            | "chartreuse"
            | "chocolate"
            | "coral"
            | "cornflowerblue"
            | "cornsilk"
            | "crimson"
            | "cyan"
            | "darkblue"
            | "darkcyan"
            | "darkgoldenrod"
            | "darkgray"
            | "darkgreen"
            | "darkgrey"
            | "darkkhaki"
            | "darkmagenta"
            | "darkolivegreen"
            | "darkorange"
            | "darkorchid"
            | "darkred"
            | "darksalmon"
            | "darkseagreen"
            | "darkslateblue"
            | "darkslategray"
            | "darkslategrey"
            | "darkturquoise"
            | "darkviolet"
            | "deeppink"
            | "deepskyblue"
            | "dimgray"
            | "dimgrey"
            | "dodgerblue"
            | "firebrick"
            | "floralwhite"
            | "forestgreen"
            | "fuchsia"
            | "gainsboro"
            | "ghostwhite"
            | "gold"
            | "goldenrod"
            | "gray"
            | "green"
            | "greenyellow"
            | "grey"
            | "honeydew"
            | "hotpink"
            | "indianred"
            | "indigo"
            | "ivory"
            | "khaki"
            | "lavender"
            | "lavenderblush"
            | "lawngreen"
            | "lemonchiffon"
            | "lightblue"
            | "lightcoral"
            | "lightcyan"
            | "lightgoldenrodyellow"
            | "lightgray"
            | "lightgreen"
            | "lightgrey"
            | "lightpink"
            | "lightsalmon"
            | "lightseagreen"
            | "lightskyblue"
            | "lightslategray"
            | "lightslategrey"
            | "lightsteelblue"
            | "lightyellow"
            | "lime"
            | "limegreen"
            | "linen"
            | "magenta"
            | "maroon"
            | "mediumaquamarine"
            | "mediumblue"
            | "mediumorchid"
            | "mediumpurple"
            | "mediumseagreen"
            | "mediumslateblue"
            | "mediumspringgreen"
            | "mediumturquoise"
            | "mediumvioletred"
            | "midnightblue"
            | "mintcream"
            | "mistyrose"
            | "moccasin"
            | "navajowhite"
            | "navy"
            | "oldlace"
            | "olive"
            | "olivedrab"
            | "orange"
            | "orangered"
            | "orchid"
            | "palegoldenrod"
            | "palegreen"
            | "paleturquoise"
            | "palevioletred"
            | "papayawhip"
            | "peachpuff"
            | "peru"
            | "pink"
            | "plum"
            | "powderblue"
            | "purple"
            | "rebeccapurple"
            | "red"
            | "rosybrown"
            | "royalblue"
            | "saddlebrown"
            | "salmon"
            | "sandybrown"
            | "seagreen"
            | "seashell"
            | "sienna"
            | "silver"
            | "skyblue"
            | "slateblue"
            | "slategray"
            | "slategrey"
            | "snow"
            | "springgreen"
            | "steelblue"
            | "tan"
            | "teal"
            | "thistle"
            | "tomato"
            | "transparent"
            | "turquoise"
            | "violet"
            | "wheat"
            | "white"
            | "whitesmoke"
            | "yellow"
            | "yellowgreen"
            | "ActiveBorder"
            | "ActiveCaption"
            | "AppWorkspace"
            | "Background"
            | "ButtonFace"
            | "ButtonHighlight"
            | "ButtonShadow"
            | "ButtonText"
            | "CaptionText"
            | "GrayText"
            | "Highlight"
            | "HighlightText"
            | "InactiveBorder"
            | "InactiveCaption"
            | "InactiveCaptionText"
            | "InfoBackground"
            | "InfoText"
            | "Menu"
            | "MenuText"
            | "Scrollbar"
            | "ThreeDDarkShadow"
            | "ThreeDFace"
            | "ThreeDHighlight"
            | "ThreeDLightShadow"
            | "ThreeDShadow"
            | "Window"
            | "WindowFrame"
            | "WindowText"
            | "currentcolor"> | ((theme: Theme) => ResponsiveStyleValue<
            | undefined
            | number
            | string & {}
            | "inset"
            | "hidden"
            | "inherit"
            | "-moz-initial"
            | "initial"
            | "revert"
            | "revert-layer"
            | "unset"
            | "medium"
            | "thick"
            | "thin"
            | "dashed"
            | "dotted"
            | "double"
            | "groove"
            | "none"
            | "outset"
            | "ridge"
            | "solid"
            | "aliceblue"
            | "antiquewhite"
            | "aqua"
            | "aquamarine"
            | "azure"
            | "beige"
            | "bisque"
            | "black"
            | "blanchedalmond"
            | "blue"
            | "blueviolet"
            | "brown"
            | "burlywood"
            | "cadetblue"
            | "chartreuse"
            | "chocolate"
            | "coral"
            | "cornflowerblue"
            | "cornsilk"
            | "crimson"
            | "cyan"
            | "darkblue"
            | "darkcyan"
            | "darkgoldenrod"
            | "darkgray"
            | "darkgreen"
            | "darkgrey"
            | "darkkhaki"
            | "darkmagenta"
            | "darkolivegreen"
            | "darkorange"
            | "darkorchid"
            | "darkred"
            | "darksalmon"
            | "darkseagreen"
            | "darkslateblue"
            | "darkslategray"
            | "darkslategrey"
            | "darkturquoise"
            | "darkviolet"
            | "deeppink"
            | "deepskyblue"
            | "dimgray"
            | "dimgrey"
            | "dodgerblue"
            | "firebrick"
            | "floralwhite"
            | "forestgreen"
            | "fuchsia"
            | "gainsboro"
            | "ghostwhite"
            | "gold"
            | "goldenrod"
            | "gray"
            | "green"
            | "greenyellow"
            | "grey"
            | "honeydew"
            | "hotpink"
            | "indianred"
            | "indigo"
            | "ivory"
            | "khaki"
            | "lavender"
            | "lavenderblush"
            | "lawngreen"
            | "lemonchiffon"
            | "lightblue"
            | "lightcoral"
            | "lightcyan"
            | "lightgoldenrodyellow"
            | "lightgray"
            | "lightgreen"
            | "lightgrey"
            | "lightpink"
            | "lightsalmon"
            | "lightseagreen"
            | "lightskyblue"
            | "lightslategray"
            | "lightslategrey"
            | "lightsteelblue"
            | "lightyellow"
            | "lime"
            | "limegreen"
            | "linen"
            | "magenta"
            | "maroon"
            | "mediumaquamarine"
            | "mediumblue"
            | "mediumorchid"
            | "mediumpurple"
            | "mediumseagreen"
            | "mediumslateblue"
            | "mediumspringgreen"
            | "mediumturquoise"
            | "mediumvioletred"
            | "midnightblue"
            | "mintcream"
            | "mistyrose"
            | "moccasin"
            | "navajowhite"
            | "navy"
            | "oldlace"
            | "olive"
            | "olivedrab"
            | "orange"
            | "orangered"
            | "orchid"
            | "palegoldenrod"
            | "palegreen"
            | "paleturquoise"
            | "palevioletred"
            | "papayawhip"
            | "peachpuff"
            | "peru"
            | "pink"
            | "plum"
            | "powderblue"
            | "purple"
            | "rebeccapurple"
            | "red"
            | "rosybrown"
            | "royalblue"
            | "saddlebrown"
            | "salmon"
            | "sandybrown"
            | "seagreen"
            | "seashell"
            | "sienna"
            | "silver"
            | "skyblue"
            | "slateblue"
            | "slategray"
            | "slategrey"
            | "snow"
            | "springgreen"
            | "steelblue"
            | "tan"
            | "teal"
            | "thistle"
            | "tomato"
            | "transparent"
            | "turquoise"
            | "violet"
            | "wheat"
            | "white"
            | "whitesmoke"
            | "yellow"
            | "yellowgreen"
            | "ActiveBorder"
            | "ActiveCaption"
            | "AppWorkspace"
            | "Background"
            | "ButtonFace"
            | "ButtonHighlight"
            | "ButtonShadow"
            | "ButtonText"
            | "CaptionText"
            | "GrayText"
            | "Highlight"
            | "HighlightText"
            | "InactiveBorder"
            | "InactiveCaption"
            | "InactiveCaptionText"
            | "InfoBackground"
            | "InfoText"
            | "Menu"
            | "MenuText"
            | "Scrollbar"
            | "ThreeDDarkShadow"
            | "ThreeDFace"
            | "ThreeDHighlight"
            | "ThreeDLightShadow"
            | "ThreeDShadow"
            | "Window"
            | "WindowFrame"
            | "WindowText"
            | "currentcolor">);
        borderBottom?: ResponsiveStyleValue<(BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number> | undefined>[] | undefined)>);
        borderColor?: ResponsiveStyleValue<(BorderColor | readonly string[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderColor | readonly string[] | undefined)>);
        borderLeft?: ResponsiveStyleValue<(BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number> | undefined>[] | undefined)>);
        borderRadius?: ResponsiveStyleValue<(BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number> | undefined>[] | undefined)>);
        borderRight?: ResponsiveStyleValue<(BorderRight<string | number> | readonly NonNullable<BorderRight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderRight<string | number> | readonly NonNullable<BorderRight<string | number> | undefined>[] | undefined)>);
        borderTop?: ResponsiveStyleValue<(BorderTop<string | number> | readonly NonNullable<BorderTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderTop<string | number> | readonly NonNullable<BorderTop<string | number> | undefined>[] | undefined)>);
        bottom?: ResponsiveStyleValue<(Bottom<string | number> | readonly NonNullable<Bottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Bottom<string | number> | readonly NonNullable<Bottom<string | number> | undefined>[] | undefined)>);
        boxShadow?: ResponsiveStyleValue<(number | BoxShadow | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(number | BoxShadow | undefined)>);
        boxSizing?: ResponsiveStyleValue<(BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined)>);
        busy?: boolean;
        busyCircularProps?: BusyCircularProgressProps;
        busyColor?: MaterialUIThemeColor;
        busyLinearProps?: BusyLinearProgressProps;
        busyMinimum?: number;
        busyOpacity?: string | number;
        busySize?: number;
        busyVariant?: BusyVariant;
        buttonText?: string;
        children?: ReactNode;
        className?: string;
        classes?: Partial<ClassNameMap<never>>;
        color?: ResponsiveStyleValue<(readonly string[] | Color | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | Color | undefined)>);
        columnGap?: ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number> | undefined>[] | undefined)>);
        content?: string;
        contentEditable?:
            | boolean
            | "inherit"
            | "true"
            | "false"
            | "plaintext-only";
        contextMenu?: string;
        dangerouslySetInnerHTML?: {
            __html: string | TrustedHTML;
        };
        datatype?: string;
        defaultChecked?: boolean;
        defaultValue?: string | number | readonly string[];
        defaultXnsName: undefined | string;
        dir?: string;
        display?: ResponsiveStyleValue<(readonly string[] | Display | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | Display | undefined)>);
        displayPrint?: ResponsiveStyleValue<(readonly string[] | Display | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | Display | undefined)>);
        draggable?: boolean | "true" | "false";
        enterKeyHint?:
            | "search"
            | "enter"
            | "done"
            | "go"
            | "next"
            | "previous"
            | "send";
        errorUi?: "alert" | "toast";
        flex?: ResponsiveStyleValue<(Flex<string | number> | readonly NonNullable<Flex<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Flex<string | number> | readonly NonNullable<Flex<string | number> | undefined>[] | undefined)>);
        flexBasis?: ResponsiveStyleValue<(FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number> | undefined>[] | undefined)>);
        flexDirection?: ResponsiveStyleValue<(FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined)>);
        flexGrow?: ResponsiveStyleValue<(FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined)>);
        flexShrink?: ResponsiveStyleValue<(FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined)>);
        flexWrap?: ResponsiveStyleValue<(FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined)>);
        fontFamily?: ResponsiveStyleValue<(readonly string[] | FontFamily | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | FontFamily | undefined)>);
        fontSize?: ResponsiveStyleValue<(FontSize<string | number> | readonly NonNullable<FontSize<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FontSize<string | number> | readonly NonNullable<FontSize<string | number> | undefined>[] | undefined)>);
        fontStyle?: ResponsiveStyleValue<(readonly string[] | FontStyle | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | FontStyle | undefined)>);
        fontWeight?: ResponsiveStyleValue<
            | undefined
            | string
            | string & {}
            | number & {}> | ((theme: Theme) => ResponsiveStyleValue<
            | undefined
            | string
            | string & {}
            | number & {}>);
        funnel?: string;
        gap?: ResponsiveStyleValue<(Gap<string | number> | readonly NonNullable<Gap<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Gap<string | number> | readonly NonNullable<Gap<string | number> | undefined>[] | undefined)>);
        gridArea?: ResponsiveStyleValue<(GridArea | readonly NonNullable<GridArea | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridArea | readonly NonNullable<GridArea | undefined>[] | undefined)>);
        gridAutoColumns?: ResponsiveStyleValue<(GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number> | undefined>[] | undefined)>);
        gridAutoFlow?: ResponsiveStyleValue<(readonly string[] | GridAutoFlow | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | GridAutoFlow | undefined)>);
        gridAutoRows?: ResponsiveStyleValue<(GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number> | undefined>[] | undefined)>);
        gridColumn?: ResponsiveStyleValue<(GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined)>);
        gridRow?: ResponsiveStyleValue<(GridRow | readonly NonNullable<GridRow | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridRow | readonly NonNullable<GridRow | undefined>[] | undefined)>);
        gridTemplateAreas?: ResponsiveStyleValue<(readonly string[] | GridTemplateAreas | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | GridTemplateAreas | undefined)>);
        gridTemplateColumns?: ResponsiveStyleValue<(GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number> | undefined>[] | undefined)>);
        gridTemplateRows?: ResponsiveStyleValue<(GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number> | undefined>[] | undefined)>);
        height?: ResponsiveStyleValue<(Height<string | number> | readonly NonNullable<Height<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Height<string | number> | readonly NonNullable<Height<string | number> | undefined>[] | undefined)>);
        hidden?: boolean;
        id?: string;
        inlist?: any;
        inputMode?:
            | "search"
            | "text"
            | "none"
            | "tel"
            | "url"
            | "email"
            | "numeric"
            | "decimal";
        intent?: string;
        is?: string;
        itemID?: string;
        itemProp?: string;
        itemRef?: string;
        itemScope?: boolean;
        itemType?: string;
        justifyContent?: ResponsiveStyleValue<(readonly string[] | JustifyContent | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | JustifyContent | undefined)>);
        justifyItems?: ResponsiveStyleValue<(readonly string[] | JustifyItems | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | JustifyItems | undefined)>);
        justifySelf?: ResponsiveStyleValue<(readonly string[] | JustifySelf | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | JustifySelf | undefined)>);
        key?: null | Key;
        lang?: string;
        left?: ResponsiveStyleValue<(Left<string | number> | readonly NonNullable<Left<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Left<string | number> | readonly NonNullable<Left<string | number> | undefined>[] | undefined)>);
        letterSpacing?: ResponsiveStyleValue<(LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number> | undefined>[] | undefined)>);
        lineHeight?: ResponsiveStyleValue<(LineHeight<string | number> | readonly NonNullable<LineHeight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(LineHeight<string | number> | readonly NonNullable<LineHeight<string | number> | undefined>[] | undefined)>);
        m?: ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)>);
        margin?: ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)>);
        marginBlock?: ResponsiveStyleValue<(MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number> | undefined>[] | undefined)>);
        marginBlockEnd?: ResponsiveStyleValue<(MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number> | undefined>[] | undefined)>);
        marginBlockStart?: ResponsiveStyleValue<(MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number> | undefined>[] | undefined)>);
        marginBottom?: ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)>);
        marginInline?: ResponsiveStyleValue<(MarginInline<string | number> | readonly NonNullable<MarginInline<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginInline<string | number> | readonly NonNullable<MarginInline<string | number> | undefined>[] | undefined)>);
        marginInlineEnd?: ResponsiveStyleValue<(MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number> | undefined>[] | undefined)>);
        marginInlineStart?: ResponsiveStyleValue<(MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number> | undefined>[] | undefined)>);
        marginLeft?: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>);
        marginRight?: ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)>);
        marginTop?: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>);
        marginX?: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>);
        marginY?: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>);
        maxHeight?: ResponsiveStyleValue<(MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number> | undefined>[] | undefined)>);
        maxWidth?: ResponsiveStyleValue<(MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number> | undefined>[] | undefined)>);
        mb?: ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)>);
        minHeight?: ResponsiveStyleValue<(MinHeight<string | number> | readonly NonNullable<MinHeight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MinHeight<string | number> | readonly NonNullable<MinHeight<string | number> | undefined>[] | undefined)>);
        minWidth?: ResponsiveStyleValue<(MinWidth<string | number> | readonly NonNullable<MinWidth<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MinWidth<string | number> | readonly NonNullable<MinWidth<string | number> | undefined>[] | undefined)>);
        ml?: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>);
        mobileButtonText?: string;
        mr?: ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)>);
        mt?: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>);
        mx?: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>);
        my?: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>);
        navigate: ((to: string) => void);
        nonce?: string;
        onAbort?: ReactEventHandler<HTMLDivElement>;
        onAbortCapture?: ReactEventHandler<HTMLDivElement>;
        onAnimationEnd?: AnimationEventHandler<HTMLDivElement>;
        onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement>;
        onAnimationIteration?: AnimationEventHandler<HTMLDivElement>;
        onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement>;
        onAnimationStart?: AnimationEventHandler<HTMLDivElement>;
        onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement>;
        onAuxClick?: MouseEventHandler<HTMLDivElement>;
        onAuxClickCapture?: MouseEventHandler<HTMLDivElement>;
        onBeforeInput?: FormEventHandler<HTMLDivElement>;
        onBeforeInputCapture?: FormEventHandler<HTMLDivElement>;
        onBlur?: FocusEventHandler<HTMLDivElement>;
        onBlurCapture?: FocusEventHandler<HTMLDivElement>;
        onCanPlay?: ReactEventHandler<HTMLDivElement>;
        onCanPlayCapture?: ReactEventHandler<HTMLDivElement>;
        onCanPlayThrough?: ReactEventHandler<HTMLDivElement>;
        onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>;
        onCaptureName?: ((name: string) => Promise<void>);
        onChange?: FormEventHandler<HTMLDivElement>;
        onChangeCapture?: FormEventHandler<HTMLDivElement>;
        onClick?: MouseEventHandler<HTMLDivElement>;
        onClickCapture?: MouseEventHandler<HTMLDivElement>;
        onCompositionEnd?: CompositionEventHandler<HTMLDivElement>;
        onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement>;
        onCompositionStart?: CompositionEventHandler<HTMLDivElement>;
        onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement>;
        onCompositionUpdate?: CompositionEventHandler<HTMLDivElement>;
        onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement>;
        onContextMenu?: MouseEventHandler<HTMLDivElement>;
        onContextMenuCapture?: MouseEventHandler<HTMLDivElement>;
        onCopy?: ClipboardEventHandler<HTMLDivElement>;
        onCopyCapture?: ClipboardEventHandler<HTMLDivElement>;
        onCut?: ClipboardEventHandler<HTMLDivElement>;
        onCutCapture?: ClipboardEventHandler<HTMLDivElement>;
        onDoubleClick?: MouseEventHandler<HTMLDivElement>;
        onDoubleClickCapture?: MouseEventHandler<HTMLDivElement>;
        onDrag?: DragEventHandler<HTMLDivElement>;
        onDragCapture?: DragEventHandler<HTMLDivElement>;
        onDragEnd?: DragEventHandler<HTMLDivElement>;
        onDragEndCapture?: DragEventHandler<HTMLDivElement>;
        onDragEnter?: DragEventHandler<HTMLDivElement>;
        onDragEnterCapture?: DragEventHandler<HTMLDivElement>;
        onDragExit?: DragEventHandler<HTMLDivElement>;
        onDragExitCapture?: DragEventHandler<HTMLDivElement>;
        onDragLeave?: DragEventHandler<HTMLDivElement>;
        onDragLeaveCapture?: DragEventHandler<HTMLDivElement>;
        onDragOver?: DragEventHandler<HTMLDivElement>;
        onDragOverCapture?: DragEventHandler<HTMLDivElement>;
        onDragStart?: DragEventHandler<HTMLDivElement>;
        onDragStartCapture?: DragEventHandler<HTMLDivElement>;
        onDrop?: DragEventHandler<HTMLDivElement>;
        onDropCapture?: DragEventHandler<HTMLDivElement>;
        onDurationChange?: ReactEventHandler<HTMLDivElement>;
        onDurationChangeCapture?: ReactEventHandler<HTMLDivElement>;
        onEmptied?: ReactEventHandler<HTMLDivElement>;
        onEmptiedCapture?: ReactEventHandler<HTMLDivElement>;
        onEncrypted?: ReactEventHandler<HTMLDivElement>;
        onEncryptedCapture?: ReactEventHandler<HTMLDivElement>;
        onEnded?: ReactEventHandler<HTMLDivElement>;
        onEndedCapture?: ReactEventHandler<HTMLDivElement>;
        onError?: ReactEventHandler<HTMLDivElement>;
        onErrorCapture?: ReactEventHandler<HTMLDivElement>;
        onFocus?: FocusEventHandler<HTMLDivElement>;
        onFocusCapture?: FocusEventHandler<HTMLDivElement>;
        onGotPointerCapture?: PointerEventHandler<HTMLDivElement>;
        onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>;
        onInput?: FormEventHandler<HTMLDivElement>;
        onInputCapture?: FormEventHandler<HTMLDivElement>;
        onInvalid?: FormEventHandler<HTMLDivElement>;
        onInvalidCapture?: FormEventHandler<HTMLDivElement>;
        onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
        onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>;
        onKeyPress?: KeyboardEventHandler<HTMLDivElement>;
        onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>;
        onKeyUp?: KeyboardEventHandler<HTMLDivElement>;
        onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>;
        onLoad?: ReactEventHandler<HTMLDivElement>;
        onLoadCapture?: ReactEventHandler<HTMLDivElement>;
        onLoadStart?: ReactEventHandler<HTMLDivElement>;
        onLoadStartCapture?: ReactEventHandler<HTMLDivElement>;
        onLoadedData?: ReactEventHandler<HTMLDivElement>;
        onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>;
        onLoadedMetadata?: ReactEventHandler<HTMLDivElement>;
        onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>;
        onLostPointerCapture?: PointerEventHandler<HTMLDivElement>;
        onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>;
        onMouseDown?: MouseEventHandler<HTMLDivElement>;
        onMouseDownCapture?: MouseEventHandler<HTMLDivElement>;
        onMouseEnter?: MouseEventHandler<HTMLDivElement>;
        onMouseLeave?: MouseEventHandler<HTMLDivElement>;
        onMouseMove?: MouseEventHandler<HTMLDivElement>;
        onMouseMoveCapture?: MouseEventHandler<HTMLDivElement>;
        onMouseOut?: MouseEventHandler<HTMLDivElement>;
        onMouseOutCapture?: MouseEventHandler<HTMLDivElement>;
        onMouseOver?: MouseEventHandler<HTMLDivElement>;
        onMouseOverCapture?: MouseEventHandler<HTMLDivElement>;
        onMouseUp?: MouseEventHandler<HTMLDivElement>;
        onMouseUpCapture?: MouseEventHandler<HTMLDivElement>;
        onNameChange?: ((name: string) => void);
        onPaste?: ClipboardEventHandler<HTMLDivElement>;
        onPasteCapture?: ClipboardEventHandler<HTMLDivElement>;
        onPause?: ReactEventHandler<HTMLDivElement>;
        onPauseCapture?: ReactEventHandler<HTMLDivElement>;
        onPlay?: ReactEventHandler<HTMLDivElement>;
        onPlayCapture?: ReactEventHandler<HTMLDivElement>;
        onPlaying?: ReactEventHandler<HTMLDivElement>;
        onPlayingCapture?: ReactEventHandler<HTMLDivElement>;
        onPointerCancel?: PointerEventHandler<HTMLDivElement>;
        onPointerCancelCapture?: PointerEventHandler<HTMLDivElement>;
        onPointerDown?: PointerEventHandler<HTMLDivElement>;
        onPointerDownCapture?: PointerEventHandler<HTMLDivElement>;
        onPointerEnter?: PointerEventHandler<HTMLDivElement>;
        onPointerLeave?: PointerEventHandler<HTMLDivElement>;
        onPointerMove?: PointerEventHandler<HTMLDivElement>;
        onPointerMoveCapture?: PointerEventHandler<HTMLDivElement>;
        onPointerOut?: PointerEventHandler<HTMLDivElement>;
        onPointerOutCapture?: PointerEventHandler<HTMLDivElement>;
        onPointerOver?: PointerEventHandler<HTMLDivElement>;
        onPointerOverCapture?: PointerEventHandler<HTMLDivElement>;
        onPointerUp?: PointerEventHandler<HTMLDivElement>;
        onPointerUpCapture?: PointerEventHandler<HTMLDivElement>;
        onProgress?: ReactEventHandler<HTMLDivElement>;
        onProgressCapture?: ReactEventHandler<HTMLDivElement>;
        onRateChange?: ReactEventHandler<HTMLDivElement>;
        onRateChangeCapture?: ReactEventHandler<HTMLDivElement>;
        onReset?: FormEventHandler<HTMLDivElement>;
        onResetCapture?: FormEventHandler<HTMLDivElement>;
        onResize?: ReactEventHandler<HTMLDivElement>;
        onResizeCapture?: ReactEventHandler<HTMLDivElement>;
        onScroll?: UIEventHandler<HTMLDivElement>;
        onScrollCapture?: UIEventHandler<HTMLDivElement>;
        onSeeked?: ReactEventHandler<HTMLDivElement>;
        onSeekedCapture?: ReactEventHandler<HTMLDivElement>;
        onSeeking?: ReactEventHandler<HTMLDivElement>;
        onSeekingCapture?: ReactEventHandler<HTMLDivElement>;
        onSelect?: ReactEventHandler<HTMLDivElement>;
        onSelectCapture?: ReactEventHandler<HTMLDivElement>;
        onStalled?: ReactEventHandler<HTMLDivElement>;
        onStalledCapture?: ReactEventHandler<HTMLDivElement>;
        onSubmit?: FormEventHandler<HTMLDivElement>;
        onSubmitCapture?: FormEventHandler<HTMLDivElement>;
        onSuspend?: ReactEventHandler<HTMLDivElement>;
        onSuspendCapture?: ReactEventHandler<HTMLDivElement>;
        onTimeUpdate?: ReactEventHandler<HTMLDivElement>;
        onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement>;
        onTouchCancel?: TouchEventHandler<HTMLDivElement>;
        onTouchCancelCapture?: TouchEventHandler<HTMLDivElement>;
        onTouchEnd?: TouchEventHandler<HTMLDivElement>;
        onTouchEndCapture?: TouchEventHandler<HTMLDivElement>;
        onTouchMove?: TouchEventHandler<HTMLDivElement>;
        onTouchMoveCapture?: TouchEventHandler<HTMLDivElement>;
        onTouchStart?: TouchEventHandler<HTMLDivElement>;
        onTouchStartCapture?: TouchEventHandler<HTMLDivElement>;
        onTransitionEnd?: TransitionEventHandler<HTMLDivElement>;
        onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>;
        onVolumeChange?: ReactEventHandler<HTMLDivElement>;
        onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement>;
        onWaiting?: ReactEventHandler<HTMLDivElement>;
        onWaitingCapture?: ReactEventHandler<HTMLDivElement>;
        onWheel?: WheelEventHandler<HTMLDivElement>;
        onWheelCapture?: WheelEventHandler<HTMLDivElement>;
        order?: ResponsiveStyleValue<(Order | readonly NonNullable<Order | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Order | readonly NonNullable<Order | undefined>[] | undefined)>);
        overflow?: ResponsiveStyleValue<(readonly string[] | Overflow | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | Overflow | undefined)>);
        p?: ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined)>);
        padding?: ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined)>);
        paddingBlock?: ResponsiveStyleValue<(PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number> | undefined>[] | undefined)>);
        paddingBlockEnd?: ResponsiveStyleValue<(PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number> | undefined>[] | undefined)>);
        paddingBlockStart?: ResponsiveStyleValue<(PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number> | undefined>[] | undefined)>);
        paddingBottom?: ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined)>);
        paddingInline?: ResponsiveStyleValue<(PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number> | undefined>[] | undefined)>);
        paddingInlineEnd?: ResponsiveStyleValue<(PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number> | undefined>[] | undefined)>);
        paddingInlineStart?: ResponsiveStyleValue<(PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number> | undefined>[] | undefined)>);
        paddingLeft?: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)>);
        paddingRight?: ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined)>);
        paddingTop?: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)>);
        paddingX?: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)>);
        paddingY?: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)>);
        paper?: boolean;
        paramsString: string;
        pb?: ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined)>);
        pl?: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)>);
        placement?: string;
        position?: ResponsiveStyleValue<(Position | readonly NonNullable<Position | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Position | readonly NonNullable<Position | undefined>[] | undefined)>);
        pr?: ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined)>);
        prefix?: string;
        property?: string;
        pt?: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)>);
        px?: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)>);
        py?: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)>);
        radioGroup?: string;
        rel?: string;
        resource?: string;
        results?: number;
        rev?: string;
        right?: ResponsiveStyleValue<(Right<string | number> | readonly NonNullable<Right<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Right<string | number> | readonly NonNullable<Right<string | number> | undefined>[] | undefined)>);
        role?: AriaRole;
        routingError: undefined | Error;
        rowGap?: ResponsiveStyleValue<(RowGap<string | number> | readonly NonNullable<RowGap<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(RowGap<string | number> | readonly NonNullable<RowGap<string | number> | undefined>[] | undefined)>);
        security?: string;
        showSecondary?: ReactNode;
        slot?: string;
        spellCheck?: boolean | "true" | "false";
        style?: CSSProperties;
        suppressContentEditableWarning?: boolean;
        suppressHydrationWarning?: boolean;
        sx?: SxProps<Theme>;
        tabIndex?: number;
        textAlign?: ResponsiveStyleValue<(TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined)>);
        textOverflow?: ResponsiveStyleValue<(readonly string[] | TextOverflow | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | TextOverflow | undefined)>);
        textTransform?: ResponsiveStyleValue<(TextTransform | readonly NonNullable<TextTransform | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(TextTransform | readonly NonNullable<TextTransform | undefined>[] | undefined)>);
        title?: string;
        to?: To;
        top?: ResponsiveStyleValue<(Top<string | number> | readonly NonNullable<Top<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Top<string | number> | readonly NonNullable<Top<string | number> | undefined>[] | undefined)>);
        translate?: "yes" | "no";
        typeof?: string;
        typography?: ResponsiveStyleValue<undefined | string> | ((theme: Theme) => ResponsiveStyleValue<undefined | string>);
        unselectable?: "off" | "on";
        visibility?: ResponsiveStyleValue<(Visibility | readonly NonNullable<Visibility | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Visibility | readonly NonNullable<Visibility | undefined>[] | undefined)>);
        vocab?: string;
        whiteSpace?: ResponsiveStyleValue<(readonly string[] | WhiteSpace | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | WhiteSpace | undefined)>);
        width?: ResponsiveStyleValue<(Width<string | number> | readonly NonNullable<Width<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Width<string | number> | readonly NonNullable<Width<string | number> | undefined>[] | undefined)>);
        zIndex?: ResponsiveStyleValue<
            | undefined
            | string
            | string & {}
            | number & {}> | ((theme: Theme) => ResponsiveStyleValue<
            | undefined
            | string
            | string & {}
            | number & {}>);
    }

    • Optionalabout?: string
    • OptionalaccessKey?: string
    • OptionalalignContent?: ResponsiveStyleValue<(readonly string[] | AlignContent | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | AlignContent | undefined)>)
    • OptionalalignItems?: ResponsiveStyleValue<(readonly string[] | AlignItems | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | AlignItems | undefined)>)
    • OptionalalignSelf?: ResponsiveStyleValue<(readonly string[] | AlignSelf | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | AlignSelf | undefined)>)
    • Optionalaria-activedescendant?: string
    • Optionalaria-atomic?: boolean | "true" | "false"
    • Optionalaria-autocomplete?:
          | "none"
          | "inline"
          | "list"
          | "both"
    • Optionalaria-braillelabel?: string
    • Optionalaria-brailleroledescription?: string
    • Optionalaria-busy?: boolean | "true" | "false"
    • Optionalaria-checked?:
          | boolean
          | "true"
          | "false"
          | "mixed"
    • Optionalaria-colcount?: number
    • Optionalaria-colindex?: number
    • Optionalaria-colindextext?: string
    • Optionalaria-colspan?: number
    • Optionalaria-controls?: string
    • Optionalaria-current?:
          | boolean
          | "page"
          | "time"
          | "true"
          | "false"
          | "step"
          | "location"
          | "date"
    • Optionalaria-describedby?: string
    • Optionalaria-description?: string
    • Optionalaria-details?: string
    • Optionalaria-disabled?: boolean | "true" | "false"
    • Optionalaria-dropeffect?:
          | "link"
          | "none"
          | "copy"
          | "execute"
          | "move"
          | "popup"
    • Optionalaria-errormessage?: string
    • Optionalaria-expanded?: boolean | "true" | "false"
    • Optionalaria-flowto?: string
    • Optionalaria-grabbed?: boolean | "true" | "false"
    • Optionalaria-haspopup?:
          | boolean
          | "grid"
          | "dialog"
          | "menu"
          | "true"
          | "false"
          | "listbox"
          | "tree"
    • Optionalaria-hidden?: boolean | "true" | "false"
    • Optionalaria-invalid?:
          | boolean
          | "true"
          | "false"
          | "grammar"
          | "spelling"
    • Optionalaria-keyshortcuts?: string
    • Optionalaria-label?: string
    • Optionalaria-labelledby?: string
    • Optionalaria-level?: number
    • Optionalaria-live?: "off" | "assertive" | "polite"
    • Optionalaria-modal?: boolean | "true" | "false"
    • Optionalaria-multiline?: boolean | "true" | "false"
    • Optionalaria-multiselectable?: boolean | "true" | "false"
    • Optionalaria-orientation?: "horizontal" | "vertical"
    • Optionalaria-owns?: string
    • Optionalaria-placeholder?: string
    • Optionalaria-posinset?: number
    • Optionalaria-pressed?:
          | boolean
          | "true"
          | "false"
          | "mixed"
    • Optionalaria-readonly?: boolean | "true" | "false"
    • Optionalaria-relevant?:
          | "all"
          | "text"
          | "additions"
          | "additions removals"
          | "additions text"
          | "removals"
          | "removals additions"
          | "removals text"
          | "text additions"
          | "text removals"
    • Optionalaria-required?: boolean | "true" | "false"
    • Optionalaria-roledescription?: string
    • Optionalaria-rowcount?: number
    • Optionalaria-rowindex?: number
    • Optionalaria-rowindextext?: string
    • Optionalaria-rowspan?: number
    • Optionalaria-selected?: boolean | "true" | "false"
    • Optionalaria-setsize?: number
    • Optionalaria-sort?:
          | "none"
          | "ascending"
          | "descending"
          | "other"
    • Optionalaria-valuemax?: number
    • Optionalaria-valuemin?: number
    • Optionalaria-valuenow?: number
    • Optionalaria-valuetext?: string
    • OptionalautoCapitalize?:
          | string & {}
          | "none"
          | "off"
          | "on"
          | "sentences"
          | "words"
          | "characters"
    • OptionalautoCorrect?: string
    • OptionalautoFocus?: boolean
    • OptionalautoSave?: string
    • Optionalbackground?: boolean
    • Optionalbgcolor?: ResponsiveStyleValue<(readonly string[] | BackgroundColor | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | BackgroundColor | undefined)>)
    • Optionalborder?: ResponsiveStyleValue<
          | undefined
          | number
          | string & {}
          | "inset"
          | "hidden"
          | "inherit"
          | "-moz-initial"
          | "initial"
          | "revert"
          | "revert-layer"
          | "unset"
          | "medium"
          | "thick"
          | "thin"
          | "dashed"
          | "dotted"
          | "double"
          | "groove"
          | "none"
          | "outset"
          | "ridge"
          | "solid"
          | "aliceblue"
          | "antiquewhite"
          | "aqua"
          | "aquamarine"
          | "azure"
          | "beige"
          | "bisque"
          | "black"
          | "blanchedalmond"
          | "blue"
          | "blueviolet"
          | "brown"
          | "burlywood"
          | "cadetblue"
          | "chartreuse"
          | "chocolate"
          | "coral"
          | "cornflowerblue"
          | "cornsilk"
          | "crimson"
          | "cyan"
          | "darkblue"
          | "darkcyan"
          | "darkgoldenrod"
          | "darkgray"
          | "darkgreen"
          | "darkgrey"
          | "darkkhaki"
          | "darkmagenta"
          | "darkolivegreen"
          | "darkorange"
          | "darkorchid"
          | "darkred"
          | "darksalmon"
          | "darkseagreen"
          | "darkslateblue"
          | "darkslategray"
          | "darkslategrey"
          | "darkturquoise"
          | "darkviolet"
          | "deeppink"
          | "deepskyblue"
          | "dimgray"
          | "dimgrey"
          | "dodgerblue"
          | "firebrick"
          | "floralwhite"
          | "forestgreen"
          | "fuchsia"
          | "gainsboro"
          | "ghostwhite"
          | "gold"
          | "goldenrod"
          | "gray"
          | "green"
          | "greenyellow"
          | "grey"
          | "honeydew"
          | "hotpink"
          | "indianred"
          | "indigo"
          | "ivory"
          | "khaki"
          | "lavender"
          | "lavenderblush"
          | "lawngreen"
          | "lemonchiffon"
          | "lightblue"
          | "lightcoral"
          | "lightcyan"
          | "lightgoldenrodyellow"
          | "lightgray"
          | "lightgreen"
          | "lightgrey"
          | "lightpink"
          | "lightsalmon"
          | "lightseagreen"
          | "lightskyblue"
          | "lightslategray"
          | "lightslategrey"
          | "lightsteelblue"
          | "lightyellow"
          | "lime"
          | "limegreen"
          | "linen"
          | "magenta"
          | "maroon"
          | "mediumaquamarine"
          | "mediumblue"
          | "mediumorchid"
          | "mediumpurple"
          | "mediumseagreen"
          | "mediumslateblue"
          | "mediumspringgreen"
          | "mediumturquoise"
          | "mediumvioletred"
          | "midnightblue"
          | "mintcream"
          | "mistyrose"
          | "moccasin"
          | "navajowhite"
          | "navy"
          | "oldlace"
          | "olive"
          | "olivedrab"
          | "orange"
          | "orangered"
          | "orchid"
          | "palegoldenrod"
          | "palegreen"
          | "paleturquoise"
          | "palevioletred"
          | "papayawhip"
          | "peachpuff"
          | "peru"
          | "pink"
          | "plum"
          | "powderblue"
          | "purple"
          | "rebeccapurple"
          | "red"
          | "rosybrown"
          | "royalblue"
          | "saddlebrown"
          | "salmon"
          | "sandybrown"
          | "seagreen"
          | "seashell"
          | "sienna"
          | "silver"
          | "skyblue"
          | "slateblue"
          | "slategray"
          | "slategrey"
          | "snow"
          | "springgreen"
          | "steelblue"
          | "tan"
          | "teal"
          | "thistle"
          | "tomato"
          | "transparent"
          | "turquoise"
          | "violet"
          | "wheat"
          | "white"
          | "whitesmoke"
          | "yellow"
          | "yellowgreen"
          | "ActiveBorder"
          | "ActiveCaption"
          | "AppWorkspace"
          | "Background"
          | "ButtonFace"
          | "ButtonHighlight"
          | "ButtonShadow"
          | "ButtonText"
          | "CaptionText"
          | "GrayText"
          | "Highlight"
          | "HighlightText"
          | "InactiveBorder"
          | "InactiveCaption"
          | "InactiveCaptionText"
          | "InfoBackground"
          | "InfoText"
          | "Menu"
          | "MenuText"
          | "Scrollbar"
          | "ThreeDDarkShadow"
          | "ThreeDFace"
          | "ThreeDHighlight"
          | "ThreeDLightShadow"
          | "ThreeDShadow"
          | "Window"
          | "WindowFrame"
          | "WindowText"
          | "currentcolor"> | ((theme: Theme) => ResponsiveStyleValue<
          | undefined
          | number
          | string & {}
          | "inset"
          | "hidden"
          | "inherit"
          | "-moz-initial"
          | "initial"
          | "revert"
          | "revert-layer"
          | "unset"
          | "medium"
          | "thick"
          | "thin"
          | "dashed"
          | "dotted"
          | "double"
          | "groove"
          | "none"
          | "outset"
          | "ridge"
          | "solid"
          | "aliceblue"
          | "antiquewhite"
          | "aqua"
          | "aquamarine"
          | "azure"
          | "beige"
          | "bisque"
          | "black"
          | "blanchedalmond"
          | "blue"
          | "blueviolet"
          | "brown"
          | "burlywood"
          | "cadetblue"
          | "chartreuse"
          | "chocolate"
          | "coral"
          | "cornflowerblue"
          | "cornsilk"
          | "crimson"
          | "cyan"
          | "darkblue"
          | "darkcyan"
          | "darkgoldenrod"
          | "darkgray"
          | "darkgreen"
          | "darkgrey"
          | "darkkhaki"
          | "darkmagenta"
          | "darkolivegreen"
          | "darkorange"
          | "darkorchid"
          | "darkred"
          | "darksalmon"
          | "darkseagreen"
          | "darkslateblue"
          | "darkslategray"
          | "darkslategrey"
          | "darkturquoise"
          | "darkviolet"
          | "deeppink"
          | "deepskyblue"
          | "dimgray"
          | "dimgrey"
          | "dodgerblue"
          | "firebrick"
          | "floralwhite"
          | "forestgreen"
          | "fuchsia"
          | "gainsboro"
          | "ghostwhite"
          | "gold"
          | "goldenrod"
          | "gray"
          | "green"
          | "greenyellow"
          | "grey"
          | "honeydew"
          | "hotpink"
          | "indianred"
          | "indigo"
          | "ivory"
          | "khaki"
          | "lavender"
          | "lavenderblush"
          | "lawngreen"
          | "lemonchiffon"
          | "lightblue"
          | "lightcoral"
          | "lightcyan"
          | "lightgoldenrodyellow"
          | "lightgray"
          | "lightgreen"
          | "lightgrey"
          | "lightpink"
          | "lightsalmon"
          | "lightseagreen"
          | "lightskyblue"
          | "lightslategray"
          | "lightslategrey"
          | "lightsteelblue"
          | "lightyellow"
          | "lime"
          | "limegreen"
          | "linen"
          | "magenta"
          | "maroon"
          | "mediumaquamarine"
          | "mediumblue"
          | "mediumorchid"
          | "mediumpurple"
          | "mediumseagreen"
          | "mediumslateblue"
          | "mediumspringgreen"
          | "mediumturquoise"
          | "mediumvioletred"
          | "midnightblue"
          | "mintcream"
          | "mistyrose"
          | "moccasin"
          | "navajowhite"
          | "navy"
          | "oldlace"
          | "olive"
          | "olivedrab"
          | "orange"
          | "orangered"
          | "orchid"
          | "palegoldenrod"
          | "palegreen"
          | "paleturquoise"
          | "palevioletred"
          | "papayawhip"
          | "peachpuff"
          | "peru"
          | "pink"
          | "plum"
          | "powderblue"
          | "purple"
          | "rebeccapurple"
          | "red"
          | "rosybrown"
          | "royalblue"
          | "saddlebrown"
          | "salmon"
          | "sandybrown"
          | "seagreen"
          | "seashell"
          | "sienna"
          | "silver"
          | "skyblue"
          | "slateblue"
          | "slategray"
          | "slategrey"
          | "snow"
          | "springgreen"
          | "steelblue"
          | "tan"
          | "teal"
          | "thistle"
          | "tomato"
          | "transparent"
          | "turquoise"
          | "violet"
          | "wheat"
          | "white"
          | "whitesmoke"
          | "yellow"
          | "yellowgreen"
          | "ActiveBorder"
          | "ActiveCaption"
          | "AppWorkspace"
          | "Background"
          | "ButtonFace"
          | "ButtonHighlight"
          | "ButtonShadow"
          | "ButtonText"
          | "CaptionText"
          | "GrayText"
          | "Highlight"
          | "HighlightText"
          | "InactiveBorder"
          | "InactiveCaption"
          | "InactiveCaptionText"
          | "InfoBackground"
          | "InfoText"
          | "Menu"
          | "MenuText"
          | "Scrollbar"
          | "ThreeDDarkShadow"
          | "ThreeDFace"
          | "ThreeDHighlight"
          | "ThreeDLightShadow"
          | "ThreeDShadow"
          | "Window"
          | "WindowFrame"
          | "WindowText"
          | "currentcolor">)
    • OptionalborderBottom?: ResponsiveStyleValue<(BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderBottom<string | number> | readonly NonNullable<BorderBottom<string | number> | undefined>[] | undefined)>)
    • OptionalborderColor?: ResponsiveStyleValue<(BorderColor | readonly string[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderColor | readonly string[] | undefined)>)
    • OptionalborderLeft?: ResponsiveStyleValue<(BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderLeft<string | number> | readonly NonNullable<BorderLeft<string | number> | undefined>[] | undefined)>)
    • OptionalborderRadius?: ResponsiveStyleValue<(BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderRadius<string | number> | readonly NonNullable<BorderRadius<string | number> | undefined>[] | undefined)>)
    • OptionalborderRight?: ResponsiveStyleValue<(BorderRight<string | number> | readonly NonNullable<BorderRight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderRight<string | number> | readonly NonNullable<BorderRight<string | number> | undefined>[] | undefined)>)
    • OptionalborderTop?: ResponsiveStyleValue<(BorderTop<string | number> | readonly NonNullable<BorderTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BorderTop<string | number> | readonly NonNullable<BorderTop<string | number> | undefined>[] | undefined)>)
    • Optionalbottom?: ResponsiveStyleValue<(Bottom<string | number> | readonly NonNullable<Bottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Bottom<string | number> | readonly NonNullable<Bottom<string | number> | undefined>[] | undefined)>)
    • OptionalboxShadow?: ResponsiveStyleValue<(number | BoxShadow | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(number | BoxShadow | undefined)>)
    • OptionalboxSizing?: ResponsiveStyleValue<(BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(BoxSizing | readonly NonNullable<BoxSizing | undefined>[] | undefined)>)
    • Optionalbusy?: boolean
    • OptionalbusyCircularProps?: BusyCircularProgressProps
    • OptionalbusyColor?: MaterialUIThemeColor
    • OptionalbusyLinearProps?: BusyLinearProgressProps
    • OptionalbusyMinimum?: number
    • OptionalbusyOpacity?: string | number
    • OptionalbusySize?: number
    • OptionalbusyVariant?: BusyVariant
    • OptionalbuttonText?: string
    • Optionalchildren?: ReactNode
    • OptionalclassName?: string
    • Optionalclasses?: Partial<ClassNameMap<never>>
    • Optionalcolor?: ResponsiveStyleValue<(readonly string[] | Color | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | Color | undefined)>)
    • OptionalcolumnGap?: ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(ColumnGap<string | number> | readonly NonNullable<ColumnGap<string | number> | undefined>[] | undefined)>)
    • Optionalcontent?: string
    • OptionalcontentEditable?:
          | boolean
          | "inherit"
          | "true"
          | "false"
          | "plaintext-only"
    • OptionalcontextMenu?: string
    • OptionaldangerouslySetInnerHTML?: {
          __html: string | TrustedHTML;
      }
      • __html: string | TrustedHTML
    • Optionaldatatype?: string
    • OptionaldefaultChecked?: boolean
    • OptionaldefaultValue?: string | number | readonly string[]
    • defaultXnsName: undefined | string
    • Optionaldir?: string
    • Optionaldisplay?: ResponsiveStyleValue<(readonly string[] | Display | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | Display | undefined)>)
    • OptionaldisplayPrint?: ResponsiveStyleValue<(readonly string[] | Display | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | Display | undefined)>)
    • Optionaldraggable?: boolean | "true" | "false"
    • OptionalenterKeyHint?:
          | "search"
          | "enter"
          | "done"
          | "go"
          | "next"
          | "previous"
          | "send"
    • OptionalerrorUi?: "alert" | "toast"
    • Optionalflex?: ResponsiveStyleValue<(Flex<string | number> | readonly NonNullable<Flex<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Flex<string | number> | readonly NonNullable<Flex<string | number> | undefined>[] | undefined)>)
    • OptionalflexBasis?: ResponsiveStyleValue<(FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FlexBasis<string | number> | readonly NonNullable<FlexBasis<string | number> | undefined>[] | undefined)>)
    • OptionalflexDirection?: ResponsiveStyleValue<(FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FlexDirection | readonly NonNullable<FlexDirection | undefined>[] | undefined)>)
    • OptionalflexGrow?: ResponsiveStyleValue<(FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FlexGrow | readonly NonNullable<FlexGrow | undefined>[] | undefined)>)
    • OptionalflexShrink?: ResponsiveStyleValue<(FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FlexShrink | readonly NonNullable<FlexShrink | undefined>[] | undefined)>)
    • OptionalflexWrap?: ResponsiveStyleValue<(FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FlexWrap | readonly NonNullable<FlexWrap | undefined>[] | undefined)>)
    • OptionalfontFamily?: ResponsiveStyleValue<(readonly string[] | FontFamily | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | FontFamily | undefined)>)
    • OptionalfontSize?: ResponsiveStyleValue<(FontSize<string | number> | readonly NonNullable<FontSize<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(FontSize<string | number> | readonly NonNullable<FontSize<string | number> | undefined>[] | undefined)>)
    • OptionalfontStyle?: ResponsiveStyleValue<(readonly string[] | FontStyle | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | FontStyle | undefined)>)
    • OptionalfontWeight?: ResponsiveStyleValue<
          | undefined
          | string
          | string & {}
          | number & {}> | ((theme: Theme) => ResponsiveStyleValue<
          | undefined
          | string
          | string & {}
          | number & {}>)
    • Optionalfunnel?: string
    • Optionalgap?: ResponsiveStyleValue<(Gap<string | number> | readonly NonNullable<Gap<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Gap<string | number> | readonly NonNullable<Gap<string | number> | undefined>[] | undefined)>)
    • OptionalgridArea?: ResponsiveStyleValue<(GridArea | readonly NonNullable<GridArea | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridArea | readonly NonNullable<GridArea | undefined>[] | undefined)>)
    • OptionalgridAutoColumns?: ResponsiveStyleValue<(GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridAutoColumns<string | number> | readonly NonNullable<GridAutoColumns<string | number> | undefined>[] | undefined)>)
    • OptionalgridAutoFlow?: ResponsiveStyleValue<(readonly string[] | GridAutoFlow | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | GridAutoFlow | undefined)>)
    • OptionalgridAutoRows?: ResponsiveStyleValue<(GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridAutoRows<string | number> | readonly NonNullable<GridAutoRows<string | number> | undefined>[] | undefined)>)
    • OptionalgridColumn?: ResponsiveStyleValue<(GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridColumn | readonly NonNullable<GridColumn | undefined>[] | undefined)>)
    • OptionalgridRow?: ResponsiveStyleValue<(GridRow | readonly NonNullable<GridRow | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridRow | readonly NonNullable<GridRow | undefined>[] | undefined)>)
    • OptionalgridTemplateAreas?: ResponsiveStyleValue<(readonly string[] | GridTemplateAreas | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | GridTemplateAreas | undefined)>)
    • OptionalgridTemplateColumns?: ResponsiveStyleValue<(GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridTemplateColumns<string | number> | readonly NonNullable<GridTemplateColumns<string | number> | undefined>[] | undefined)>)
    • OptionalgridTemplateRows?: ResponsiveStyleValue<(GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(GridTemplateRows<string | number> | readonly NonNullable<GridTemplateRows<string | number> | undefined>[] | undefined)>)
    • Optionalheight?: ResponsiveStyleValue<(Height<string | number> | readonly NonNullable<Height<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Height<string | number> | readonly NonNullable<Height<string | number> | undefined>[] | undefined)>)
    • Optionalhidden?: boolean
    • Optionalid?: string
    • Optionalinlist?: any
    • OptionalinputMode?:
          | "search"
          | "text"
          | "none"
          | "tel"
          | "url"
          | "email"
          | "numeric"
          | "decimal"
    • Optionalintent?: string
    • Optionalis?: string
    • OptionalitemID?: string
    • OptionalitemProp?: string
    • OptionalitemRef?: string
    • OptionalitemScope?: boolean
    • OptionalitemType?: string
    • OptionaljustifyContent?: ResponsiveStyleValue<(readonly string[] | JustifyContent | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | JustifyContent | undefined)>)
    • OptionaljustifyItems?: ResponsiveStyleValue<(readonly string[] | JustifyItems | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | JustifyItems | undefined)>)
    • OptionaljustifySelf?: ResponsiveStyleValue<(readonly string[] | JustifySelf | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | JustifySelf | undefined)>)
    • Optionalkey?: null | Key
    • Optionallang?: string
    • Optionalleft?: ResponsiveStyleValue<(Left<string | number> | readonly NonNullable<Left<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Left<string | number> | readonly NonNullable<Left<string | number> | undefined>[] | undefined)>)
    • OptionalletterSpacing?: ResponsiveStyleValue<(LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(LetterSpacing<string | number> | readonly NonNullable<LetterSpacing<string | number> | undefined>[] | undefined)>)
    • OptionallineHeight?: ResponsiveStyleValue<(LineHeight<string | number> | readonly NonNullable<LineHeight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(LineHeight<string | number> | readonly NonNullable<LineHeight<string | number> | undefined>[] | undefined)>)
    • Optionalm?: ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)>)
    • Optionalmargin?: ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Margin<string | number> | readonly NonNullable<Margin<string | number> | undefined>[] | undefined)>)
    • OptionalmarginBlock?: ResponsiveStyleValue<(MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginBlock<string | number> | readonly NonNullable<MarginBlock<string | number> | undefined>[] | undefined)>)
    • OptionalmarginBlockEnd?: ResponsiveStyleValue<(MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginBlockEnd<string | number> | readonly NonNullable<MarginBlockEnd<string | number> | undefined>[] | undefined)>)
    • OptionalmarginBlockStart?: ResponsiveStyleValue<(MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginBlockStart<string | number> | readonly NonNullable<MarginBlockStart<string | number> | undefined>[] | undefined)>)
    • OptionalmarginBottom?: ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)>)
    • OptionalmarginInline?: ResponsiveStyleValue<(MarginInline<string | number> | readonly NonNullable<MarginInline<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginInline<string | number> | readonly NonNullable<MarginInline<string | number> | undefined>[] | undefined)>)
    • OptionalmarginInlineEnd?: ResponsiveStyleValue<(MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginInlineEnd<string | number> | readonly NonNullable<MarginInlineEnd<string | number> | undefined>[] | undefined)>)
    • OptionalmarginInlineStart?: ResponsiveStyleValue<(MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginInlineStart<string | number> | readonly NonNullable<MarginInlineStart<string | number> | undefined>[] | undefined)>)
    • OptionalmarginLeft?: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>)
    • OptionalmarginRight?: ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)>)
    • OptionalmarginTop?: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>)
    • OptionalmarginX?: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>)
    • OptionalmarginY?: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>)
    • OptionalmaxHeight?: ResponsiveStyleValue<(MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MaxHeight<string | number> | readonly NonNullable<MaxHeight<string | number> | undefined>[] | undefined)>)
    • OptionalmaxWidth?: ResponsiveStyleValue<(MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MaxWidth<string | number> | readonly NonNullable<MaxWidth<string | number> | undefined>[] | undefined)>)
    • Optionalmb?: ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginBottom<string | number> | readonly NonNullable<MarginBottom<string | number> | undefined>[] | undefined)>)
    • OptionalminHeight?: ResponsiveStyleValue<(MinHeight<string | number> | readonly NonNullable<MinHeight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MinHeight<string | number> | readonly NonNullable<MinHeight<string | number> | undefined>[] | undefined)>)
    • OptionalminWidth?: ResponsiveStyleValue<(MinWidth<string | number> | readonly NonNullable<MinWidth<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MinWidth<string | number> | readonly NonNullable<MinWidth<string | number> | undefined>[] | undefined)>)
    • Optionalml?: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>)
    • OptionalmobileButtonText?: string
    • Optionalmr?: ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginRight<string | number> | readonly NonNullable<MarginRight<string | number> | undefined>[] | undefined)>)
    • Optionalmt?: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>)
    • Optionalmx?: ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginLeft<string | number> | readonly NonNullable<MarginLeft<string | number> | undefined>[] | undefined)>)
    • Optionalmy?: ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(MarginTop<string | number> | readonly NonNullable<MarginTop<string | number> | undefined>[] | undefined)>)
    • navigate: ((to: string) => void)
        • (to): void
        • Parameters

          • to: string

          Returns void

    • Optionalnonce?: string
    • OptionalonAbort?: ReactEventHandler<HTMLDivElement>
    • OptionalonAbortCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonAnimationEnd?: AnimationEventHandler<HTMLDivElement>
    • OptionalonAnimationEndCapture?: AnimationEventHandler<HTMLDivElement>
    • OptionalonAnimationIteration?: AnimationEventHandler<HTMLDivElement>
    • OptionalonAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement>
    • OptionalonAnimationStart?: AnimationEventHandler<HTMLDivElement>
    • OptionalonAnimationStartCapture?: AnimationEventHandler<HTMLDivElement>
    • OptionalonAuxClick?: MouseEventHandler<HTMLDivElement>
    • OptionalonAuxClickCapture?: MouseEventHandler<HTMLDivElement>
    • OptionalonBeforeInput?: FormEventHandler<HTMLDivElement>
    • OptionalonBeforeInputCapture?: FormEventHandler<HTMLDivElement>
    • OptionalonBlur?: FocusEventHandler<HTMLDivElement>
    • OptionalonBlurCapture?: FocusEventHandler<HTMLDivElement>
    • OptionalonCanPlay?: ReactEventHandler<HTMLDivElement>
    • OptionalonCanPlayCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonCanPlayThrough?: ReactEventHandler<HTMLDivElement>
    • OptionalonCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonCaptureName?: ((name: string) => Promise<void>)
        • (name): Promise<void>
        • Parameters

          • name: string

          Returns Promise<void>

    • OptionalonChange?: FormEventHandler<HTMLDivElement>
    • OptionalonChangeCapture?: FormEventHandler<HTMLDivElement>
    • OptionalonClick?: MouseEventHandler<HTMLDivElement>
    • OptionalonClickCapture?: MouseEventHandler<HTMLDivElement>
    • OptionalonCompositionEnd?: CompositionEventHandler<HTMLDivElement>
    • OptionalonCompositionEndCapture?: CompositionEventHandler<HTMLDivElement>
    • OptionalonCompositionStart?: CompositionEventHandler<HTMLDivElement>
    • OptionalonCompositionStartCapture?: CompositionEventHandler<HTMLDivElement>
    • OptionalonCompositionUpdate?: CompositionEventHandler<HTMLDivElement>
    • OptionalonCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement>
    • OptionalonContextMenu?: MouseEventHandler<HTMLDivElement>
    • OptionalonContextMenuCapture?: MouseEventHandler<HTMLDivElement>
    • OptionalonCopy?: ClipboardEventHandler<HTMLDivElement>
    • OptionalonCopyCapture?: ClipboardEventHandler<HTMLDivElement>
    • OptionalonCut?: ClipboardEventHandler<HTMLDivElement>
    • OptionalonCutCapture?: ClipboardEventHandler<HTMLDivElement>
    • OptionalonDoubleClick?: MouseEventHandler<HTMLDivElement>
    • OptionalonDoubleClickCapture?: MouseEventHandler<HTMLDivElement>
    • OptionalonDrag?: DragEventHandler<HTMLDivElement>
    • OptionalonDragCapture?: DragEventHandler<HTMLDivElement>
    • OptionalonDragEnd?: DragEventHandler<HTMLDivElement>
    • OptionalonDragEndCapture?: DragEventHandler<HTMLDivElement>
    • OptionalonDragEnter?: DragEventHandler<HTMLDivElement>
    • OptionalonDragEnterCapture?: DragEventHandler<HTMLDivElement>
    • OptionalonDragExit?: DragEventHandler<HTMLDivElement>
    • OptionalonDragExitCapture?: DragEventHandler<HTMLDivElement>
    • OptionalonDragLeave?: DragEventHandler<HTMLDivElement>
    • OptionalonDragLeaveCapture?: DragEventHandler<HTMLDivElement>
    • OptionalonDragOver?: DragEventHandler<HTMLDivElement>
    • OptionalonDragOverCapture?: DragEventHandler<HTMLDivElement>
    • OptionalonDragStart?: DragEventHandler<HTMLDivElement>
    • OptionalonDragStartCapture?: DragEventHandler<HTMLDivElement>
    • OptionalonDrop?: DragEventHandler<HTMLDivElement>
    • OptionalonDropCapture?: DragEventHandler<HTMLDivElement>
    • OptionalonDurationChange?: ReactEventHandler<HTMLDivElement>
    • OptionalonDurationChangeCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonEmptied?: ReactEventHandler<HTMLDivElement>
    • OptionalonEmptiedCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonEncrypted?: ReactEventHandler<HTMLDivElement>
    • OptionalonEncryptedCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonEnded?: ReactEventHandler<HTMLDivElement>
    • OptionalonEndedCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonError?: ReactEventHandler<HTMLDivElement>
    • OptionalonErrorCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonFocus?: FocusEventHandler<HTMLDivElement>
    • OptionalonFocusCapture?: FocusEventHandler<HTMLDivElement>
    • OptionalonGotPointerCapture?: PointerEventHandler<HTMLDivElement>
    • OptionalonGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>
    • OptionalonInput?: FormEventHandler<HTMLDivElement>
    • OptionalonInputCapture?: FormEventHandler<HTMLDivElement>
    • OptionalonInvalid?: FormEventHandler<HTMLDivElement>
    • OptionalonInvalidCapture?: FormEventHandler<HTMLDivElement>
    • OptionalonKeyDown?: KeyboardEventHandler<HTMLDivElement>
    • OptionalonKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>
    • OptionalonKeyPress?: KeyboardEventHandler<HTMLDivElement>
    • OptionalonKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>
    • OptionalonKeyUp?: KeyboardEventHandler<HTMLDivElement>
    • OptionalonKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>
    • OptionalonLoad?: ReactEventHandler<HTMLDivElement>
    • OptionalonLoadCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonLoadStart?: ReactEventHandler<HTMLDivElement>
    • OptionalonLoadStartCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonLoadedData?: ReactEventHandler<HTMLDivElement>
    • OptionalonLoadedDataCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonLoadedMetadata?: ReactEventHandler<HTMLDivElement>
    • OptionalonLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonLostPointerCapture?: PointerEventHandler<HTMLDivElement>
    • OptionalonLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>
    • OptionalonMouseDown?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseDownCapture?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseEnter?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseLeave?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseMove?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseMoveCapture?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseOut?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseOutCapture?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseOver?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseOverCapture?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseUp?: MouseEventHandler<HTMLDivElement>
    • OptionalonMouseUpCapture?: MouseEventHandler<HTMLDivElement>
    • OptionalonNameChange?: ((name: string) => void)
        • (name): void
        • Parameters

          • name: string

          Returns void

    • OptionalonPaste?: ClipboardEventHandler<HTMLDivElement>
    • OptionalonPasteCapture?: ClipboardEventHandler<HTMLDivElement>
    • OptionalonPause?: ReactEventHandler<HTMLDivElement>
    • OptionalonPauseCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonPlay?: ReactEventHandler<HTMLDivElement>
    • OptionalonPlayCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonPlaying?: ReactEventHandler<HTMLDivElement>
    • OptionalonPlayingCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonPointerCancel?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerCancelCapture?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerDown?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerDownCapture?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerEnter?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerLeave?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerMove?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerMoveCapture?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerOut?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerOutCapture?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerOver?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerOverCapture?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerUp?: PointerEventHandler<HTMLDivElement>
    • OptionalonPointerUpCapture?: PointerEventHandler<HTMLDivElement>
    • OptionalonProgress?: ReactEventHandler<HTMLDivElement>
    • OptionalonProgressCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonRateChange?: ReactEventHandler<HTMLDivElement>
    • OptionalonRateChangeCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonReset?: FormEventHandler<HTMLDivElement>
    • OptionalonResetCapture?: FormEventHandler<HTMLDivElement>
    • OptionalonResize?: ReactEventHandler<HTMLDivElement>
    • OptionalonResizeCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonScroll?: UIEventHandler<HTMLDivElement>
    • OptionalonScrollCapture?: UIEventHandler<HTMLDivElement>
    • OptionalonSeeked?: ReactEventHandler<HTMLDivElement>
    • OptionalonSeekedCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonSeeking?: ReactEventHandler<HTMLDivElement>
    • OptionalonSeekingCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonSelect?: ReactEventHandler<HTMLDivElement>
    • OptionalonSelectCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonStalled?: ReactEventHandler<HTMLDivElement>
    • OptionalonStalledCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonSubmit?: FormEventHandler<HTMLDivElement>
    • OptionalonSubmitCapture?: FormEventHandler<HTMLDivElement>
    • OptionalonSuspend?: ReactEventHandler<HTMLDivElement>
    • OptionalonSuspendCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonTimeUpdate?: ReactEventHandler<HTMLDivElement>
    • OptionalonTimeUpdateCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonTouchCancel?: TouchEventHandler<HTMLDivElement>
    • OptionalonTouchCancelCapture?: TouchEventHandler<HTMLDivElement>
    • OptionalonTouchEnd?: TouchEventHandler<HTMLDivElement>
    • OptionalonTouchEndCapture?: TouchEventHandler<HTMLDivElement>
    • OptionalonTouchMove?: TouchEventHandler<HTMLDivElement>
    • OptionalonTouchMoveCapture?: TouchEventHandler<HTMLDivElement>
    • OptionalonTouchStart?: TouchEventHandler<HTMLDivElement>
    • OptionalonTouchStartCapture?: TouchEventHandler<HTMLDivElement>
    • OptionalonTransitionEnd?: TransitionEventHandler<HTMLDivElement>
    • OptionalonTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>
    • OptionalonVolumeChange?: ReactEventHandler<HTMLDivElement>
    • OptionalonVolumeChangeCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonWaiting?: ReactEventHandler<HTMLDivElement>
    • OptionalonWaitingCapture?: ReactEventHandler<HTMLDivElement>
    • OptionalonWheel?: WheelEventHandler<HTMLDivElement>
    • OptionalonWheelCapture?: WheelEventHandler<HTMLDivElement>
    • Optionalorder?: ResponsiveStyleValue<(Order | readonly NonNullable<Order | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Order | readonly NonNullable<Order | undefined>[] | undefined)>)
    • Optionaloverflow?: ResponsiveStyleValue<(readonly string[] | Overflow | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | Overflow | undefined)>)
    • Optionalp?: ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined)>)
    • Optionalpadding?: ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Padding<string | number> | readonly NonNullable<Padding<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingBlock?: ResponsiveStyleValue<(PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingBlock<string | number> | readonly NonNullable<PaddingBlock<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingBlockEnd?: ResponsiveStyleValue<(PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingBlockEnd<string | number> | readonly NonNullable<PaddingBlockEnd<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingBlockStart?: ResponsiveStyleValue<(PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingBlockStart<string | number> | readonly NonNullable<PaddingBlockStart<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingBottom?: ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingInline?: ResponsiveStyleValue<(PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingInline<string | number> | readonly NonNullable<PaddingInline<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingInlineEnd?: ResponsiveStyleValue<(PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingInlineEnd<string | number> | readonly NonNullable<PaddingInlineEnd<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingInlineStart?: ResponsiveStyleValue<(PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingInlineStart<string | number> | readonly NonNullable<PaddingInlineStart<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingLeft?: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingRight?: ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingTop?: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingX?: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)>)
    • OptionalpaddingY?: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)>)
    • Optionalpaper?: boolean
    • paramsString: string
    • Optionalpb?: ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingBottom<string | number> | readonly NonNullable<PaddingBottom<string | number> | undefined>[] | undefined)>)
    • Optionalpl?: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)>)
    • Optionalplacement?: string
    • Optionalposition?: ResponsiveStyleValue<(Position | readonly NonNullable<Position | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Position | readonly NonNullable<Position | undefined>[] | undefined)>)
    • Optionalpr?: ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingRight<string | number> | readonly NonNullable<PaddingRight<string | number> | undefined>[] | undefined)>)
    • Optionalprefix?: string
    • Optionalproperty?: string
    • Optionalpt?: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)>)
    • Optionalpx?: ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingLeft<string | number> | readonly NonNullable<PaddingLeft<string | number> | undefined>[] | undefined)>)
    • Optionalpy?: ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(PaddingTop<string | number> | readonly NonNullable<PaddingTop<string | number> | undefined>[] | undefined)>)
    • OptionalradioGroup?: string
    • Optionalrel?: string
    • Optionalresource?: string
    • Optionalresults?: number
    • Optionalrev?: string
    • Optionalright?: ResponsiveStyleValue<(Right<string | number> | readonly NonNullable<Right<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Right<string | number> | readonly NonNullable<Right<string | number> | undefined>[] | undefined)>)
    • Optionalrole?: AriaRole
    • routingError: undefined | Error
    • OptionalrowGap?: ResponsiveStyleValue<(RowGap<string | number> | readonly NonNullable<RowGap<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(RowGap<string | number> | readonly NonNullable<RowGap<string | number> | undefined>[] | undefined)>)
    • Optionalsecurity?: string
    • OptionalshowSecondary?: ReactNode
    • Optionalslot?: string
    • OptionalspellCheck?: boolean | "true" | "false"
    • Optionalstyle?: CSSProperties
    • OptionalsuppressContentEditableWarning?: boolean
    • OptionalsuppressHydrationWarning?: boolean
    • Optionalsx?: SxProps<Theme>
    • OptionaltabIndex?: number
    • OptionaltextAlign?: ResponsiveStyleValue<(TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(TextAlign | readonly NonNullable<TextAlign | undefined>[] | undefined)>)
    • OptionaltextOverflow?: ResponsiveStyleValue<(readonly string[] | TextOverflow | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | TextOverflow | undefined)>)
    • OptionaltextTransform?: ResponsiveStyleValue<(TextTransform | readonly NonNullable<TextTransform | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(TextTransform | readonly NonNullable<TextTransform | undefined>[] | undefined)>)
    • Optionaltitle?: string
    • Optionalto?: To
    • Optionaltop?: ResponsiveStyleValue<(Top<string | number> | readonly NonNullable<Top<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Top<string | number> | readonly NonNullable<Top<string | number> | undefined>[] | undefined)>)
    • Optionaltranslate?: "yes" | "no"
    • Optionaltypeof?: string
    • Optionaltypography?: ResponsiveStyleValue<undefined | string> | ((theme: Theme) => ResponsiveStyleValue<undefined | string>)
    • Optionalunselectable?: "off" | "on"
    • Optionalvisibility?: ResponsiveStyleValue<(Visibility | readonly NonNullable<Visibility | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Visibility | readonly NonNullable<Visibility | undefined>[] | undefined)>)
    • Optionalvocab?: string
    • OptionalwhiteSpace?: ResponsiveStyleValue<(readonly string[] | WhiteSpace | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(readonly string[] | WhiteSpace | undefined)>)
    • Optionalwidth?: ResponsiveStyleValue<(Width<string | number> | readonly NonNullable<Width<string | number> | undefined>[] | undefined)> | ((theme: Theme) => ResponsiveStyleValue<(Width<string | number> | readonly NonNullable<Width<string | number> | undefined>[] | undefined)>)
    • OptionalzIndex?: ResponsiveStyleValue<
          | undefined
          | string
          | string & {}
          | number & {}> | ((theme: Theme) => ResponsiveStyleValue<
          | undefined
          | string
          | string & {}
          | number & {}>)