geoview-core
    Preparing search index...

    Interface MRT_ToolbarDropZoneProps<TData>

    interface MRT_ToolbarDropZoneProps<TData extends MRT_RowData> {
        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"?: Booleanish;
        "aria-autocomplete"?: "none" | "list" | "inline" | "both";
        "aria-braillelabel"?: string;
        "aria-brailleroledescription"?: string;
        "aria-busy"?: Booleanish;
        "aria-checked"?: boolean | "mixed" | "false" | "true";
        "aria-colcount"?: number;
        "aria-colindex"?: number;
        "aria-colindextext"?: string;
        "aria-colspan"?: number;
        "aria-controls"?: string;
        "aria-current"?:
            | boolean
            | "date"
            | "time"
            | "step"
            | "page"
            | "false"
            | "true"
            | "location";
        "aria-describedby"?: string;
        "aria-description"?: string;
        "aria-details"?: string;
        "aria-disabled"?: Booleanish;
        "aria-dropeffect"?: "none"
        | "link"
        | "copy"
        | "move"
        | "execute"
        | "popup";
        "aria-errormessage"?: string;
        "aria-expanded"?: Booleanish;
        "aria-flowto"?: string;
        "aria-grabbed"?: Booleanish;
        "aria-haspopup"?:
            | boolean
            | "dialog"
            | "menu"
            | "grid"
            | "listbox"
            | "false"
            | "true"
            | "tree";
        "aria-hidden"?: Booleanish;
        "aria-invalid"?: boolean
        | "false"
        | "true"
        | "grammar"
        | "spelling";
        "aria-keyshortcuts"?: string;
        "aria-label"?: string;
        "aria-labelledby"?: string;
        "aria-level"?: number;
        "aria-live"?: "off" | "assertive" | "polite";
        "aria-modal"?: Booleanish;
        "aria-multiline"?: Booleanish;
        "aria-multiselectable"?: Booleanish;
        "aria-orientation"?: "horizontal" | "vertical";
        "aria-owns"?: string;
        "aria-placeholder"?: string;
        "aria-posinset"?: number;
        "aria-pressed"?: boolean | "mixed" | "false" | "true";
        "aria-readonly"?: Booleanish;
        "aria-relevant"?:
            | "text"
            | "all"
            | "additions"
            | "additions removals"
            | "additions text"
            | "removals"
            | "removals additions"
            | "removals text"
            | "text additions"
            | "text removals";
        "aria-required"?: Booleanish;
        "aria-roledescription"?: string;
        "aria-rowcount"?: number;
        "aria-rowindex"?: number;
        "aria-rowindextext"?: string;
        "aria-rowspan"?: number;
        "aria-selected"?: Booleanish;
        "aria-setsize"?: number;
        "aria-sort"?: "none"
        | "ascending"
        | "descending"
        | "other";
        "aria-valuemax"?: number;
        "aria-valuemin"?: number;
        "aria-valuenow"?: number;
        "aria-valuetext"?: string;
        autoCapitalize?:
            | "none"
            | string & {}
            | "off"
            | "on"
            | "sentences"
            | "words"
            | "characters";
        autoCorrect?: string;
        autoFocus?: boolean;
        autoSave?: string;
        bgcolor?: | ResponsiveStyleValue<
            (readonly string[] | BackgroundColor | undefined),
        >
        | (
            (
                theme: Theme,
            ) => ResponsiveStyleValue<
                (readonly string[] | BackgroundColor | undefined),
            >
        );
        border?:
            | ResponsiveStyleValue<
                | number
                | "none"
                | "hidden"
                | string & {}
                | "inset"
                | "-moz-initial"
                | "inherit"
                | "initial"
                | "revert"
                | "revert-layer"
                | "unset"
                | "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"
                | "medium"
                | "dashed"
                | "dotted"
                | "double"
                | "solid"
                | "groove"
                | "outset"
                | "ridge"
                | "thick"
                | "thin"
                | undefined,
            >
            | (
                (
                    theme: Theme,
                ) => ResponsiveStyleValue<
                    | number
                    | "none"
                    | "hidden"
                    | string & {}
                    | "inset"
                    | "-moz-initial"
                    | "inherit"
                    | "initial"
                    | "revert"
                    | "revert-layer"
                    | "unset"
                    | "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"
                    | "medium"
                    | "dashed"
                    | "dotted"
                    | "double"
                    | "solid"
                    | "groove"
                    | "outset"
                    | "ridge"
                    | "thick"
                    | "thin"
                    | undefined,
                >
            );
        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<
            (readonly string[] | BorderColor | undefined),
        >
        | (
            (
                theme: Theme,
            ) => ResponsiveStyleValue<(readonly string[] | BorderColor | 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
                    ),
                >
            );
        children?: ReactNode;
        classes?: Partial<ClassNameMap<never>>;
        className?: string;
        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
                    ),
                >
            );
        component?: ElementType<any, (keyof IntrinsicElements)>;
        content?: string;
        contentEditable?: "inherit" | Booleanish | "plaintext-only";
        contextMenu?: string;
        dangerouslySetInnerHTML?: { __html: string | TrustedHTML };
        datatype?: string;
        defaultChecked?: boolean;
        defaultValue?: string | number | readonly 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?: Booleanish;
        enterKeyHint?:
            | "search"
            | "next"
            | "enter"
            | "done"
            | "go"
            | "previous"
            | "send";
        exportparts?: string;
        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<string | string & {} | number & {} | undefined>
            | (
                (
                    theme: Theme,
                ) => ResponsiveStyleValue<string | string & {} | number & {} | undefined>
            );
        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?: | "none"
        | "search"
        | "text"
        | "tel"
        | "url"
        | "email"
        | "numeric"
        | "decimal";
        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?: Key | null;
        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
                ),
            >
        );
        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
                ),
            >
        );
        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?: InputEventHandler<HTMLDivElement>;
        onBeforeInputCapture?: FormEventHandler<HTMLDivElement>;
        onBlur?: FocusEventHandler<HTMLDivElement>;
        onBlurCapture?: FocusEventHandler<HTMLDivElement>;
        onCanPlay?: ReactEventHandler<HTMLDivElement>;
        onCanPlayCapture?: ReactEventHandler<HTMLDivElement>;
        onCanPlayThrough?: ReactEventHandler<HTMLDivElement>;
        onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>;
        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>;
        onLoadedData?: ReactEventHandler<HTMLDivElement>;
        onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>;
        onLoadedMetadata?: ReactEventHandler<HTMLDivElement>;
        onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>;
        onLoadStart?: ReactEventHandler<HTMLDivElement>;
        onLoadStartCapture?: 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>;
        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>;
        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
                ),
            >
        );
        part?: 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
                ),
            >
        );
        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;
        ref?: Ref<unknown>;
        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;
        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;
        slot?: string;
        spellCheck?: Booleanish;
        style?: CSSProperties;
        suppressContentEditableWarning?: boolean;
        suppressHydrationWarning?: boolean;
        sx?: SxProps<Theme>;
        tabIndex?: number;
        table: MRT_TableInstance<TData>;
        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;
        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<string | undefined>
            | ((theme: Theme) => ResponsiveStyleValue<string | undefined>);
        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<
            string
            | string & {}
            | number & {}
            | undefined,
        >
        | (
            (
                theme: Theme,
            ) => ResponsiveStyleValue<string | string & {} | number & {} | undefined>
        );
    }

    Type Parameters

    Hierarchy

    • BoxProps
      • MRT_ToolbarDropZoneProps
    Index

    Properties

    about? accessKey? alignContent? alignItems? alignSelf? aria-activedescendant? aria-atomic? aria-autocomplete? aria-braillelabel? aria-brailleroledescription? aria-busy? aria-checked? aria-colcount? aria-colindex? aria-colindextext? aria-colspan? aria-controls? aria-current? aria-describedby? aria-description? aria-details? aria-disabled? aria-dropeffect? aria-errormessage? aria-expanded? aria-flowto? aria-grabbed? aria-haspopup? aria-hidden? aria-invalid? aria-keyshortcuts? aria-label? aria-labelledby? aria-level? aria-live? aria-modal? aria-multiline? aria-multiselectable? aria-orientation? aria-owns? aria-placeholder? aria-posinset? aria-pressed? aria-readonly? aria-relevant? aria-required? aria-roledescription? aria-rowcount? aria-rowindex? aria-rowindextext? aria-rowspan? aria-selected? aria-setsize? aria-sort? aria-valuemax? aria-valuemin? aria-valuenow? aria-valuetext? autoCapitalize? autoCorrect? autoFocus? autoSave? bgcolor? border? borderBottom? borderColor? borderLeft? borderRadius? borderRight? borderTop? bottom? boxShadow? boxSizing? children? classes? className? color? columnGap? component? content? contentEditable? contextMenu? dangerouslySetInnerHTML? datatype? defaultChecked? defaultValue? dir? display? displayPrint? draggable? enterKeyHint? exportparts? flex? flexBasis? flexDirection? flexGrow? flexShrink? flexWrap? fontFamily? fontSize? fontStyle? fontWeight? gap? gridArea? gridAutoColumns? gridAutoFlow? gridAutoRows? gridColumn? gridRow? gridTemplateAreas? gridTemplateColumns? gridTemplateRows? height? hidden? id? inlist? inputMode? is? itemID? itemProp? itemRef? itemScope? itemType? justifyContent? justifyItems? justifySelf? key? lang? left? letterSpacing? lineHeight? m? margin? marginBlock? marginBlockEnd? marginBlockStart? marginBottom? marginInline? marginInlineEnd? marginInlineStart? marginLeft? marginRight? marginTop? marginX? marginY? maxHeight? maxWidth? mb? minHeight? minWidth? ml? mr? mt? mx? my? nonce? onAbort? onAbortCapture? onAnimationEnd? onAnimationEndCapture? onAnimationIteration? onAnimationIterationCapture? onAnimationStart? onAnimationStartCapture? onAuxClick? onAuxClickCapture? onBeforeInput? onBeforeInputCapture? onBlur? onBlurCapture? onCanPlay? onCanPlayCapture? onCanPlayThrough? onCanPlayThroughCapture? onChange? onChangeCapture? onClick? onClickCapture? onCompositionEnd? onCompositionEndCapture? onCompositionStart? onCompositionStartCapture? onCompositionUpdate? onCompositionUpdateCapture? onContextMenu? onContextMenuCapture? onCopy? onCopyCapture? onCut? onCutCapture? onDoubleClick? onDoubleClickCapture? onDrag? onDragCapture? onDragEnd? onDragEndCapture? onDragEnter? onDragEnterCapture? onDragExit? onDragExitCapture? onDragLeave? onDragLeaveCapture? onDragOver? onDragOverCapture? onDragStart? onDragStartCapture? onDrop? onDropCapture? onDurationChange? onDurationChangeCapture? onEmptied? onEmptiedCapture? onEncrypted? onEncryptedCapture? onEnded? onEndedCapture? onError? onErrorCapture? onFocus? onFocusCapture? onGotPointerCapture? onGotPointerCaptureCapture? onInput? onInputCapture? onInvalid? onInvalidCapture? onKeyDown? onKeyDownCapture? onKeyPress? onKeyPressCapture? onKeyUp? onKeyUpCapture? onLoad? onLoadCapture? onLoadedData? onLoadedDataCapture? onLoadedMetadata? onLoadedMetadataCapture? onLoadStart? onLoadStartCapture? onLostPointerCapture? onLostPointerCaptureCapture? onMouseDown? onMouseDownCapture? onMouseEnter? onMouseLeave? onMouseMove? onMouseMoveCapture? onMouseOut? onMouseOutCapture? onMouseOver? onMouseOverCapture? onMouseUp? onMouseUpCapture? onPaste? onPasteCapture? onPause? onPauseCapture? onPlay? onPlayCapture? onPlaying? onPlayingCapture? onPointerCancel? onPointerCancelCapture? onPointerDown? onPointerDownCapture? onPointerEnter? onPointerLeave? onPointerMove? onPointerMoveCapture? onPointerOut? onPointerOutCapture? onPointerOver? onPointerOverCapture? onPointerUp? onPointerUpCapture? onProgress? onProgressCapture? onRateChange? onRateChangeCapture? onReset? onResetCapture? onScroll? onScrollCapture? onSeeked? onSeekedCapture? onSeeking? onSeekingCapture? onSelect? onSelectCapture? onStalled? onStalledCapture? onSubmit? onSubmitCapture? onSuspend? onSuspendCapture? onTimeUpdate? onTimeUpdateCapture? onTouchCancel? onTouchCancelCapture? onTouchEnd? onTouchEndCapture? onTouchMove? onTouchMoveCapture? onTouchStart? onTouchStartCapture? onTransitionEnd? onTransitionEndCapture? onVolumeChange? onVolumeChangeCapture? onWaiting? onWaitingCapture? onWheel? onWheelCapture? order? overflow? p? padding? paddingBlock? paddingBlockEnd? paddingBlockStart? paddingBottom? paddingInline? paddingInlineEnd? paddingInlineStart? paddingLeft? paddingRight? paddingTop? paddingX? paddingY? part? pb? pl? position? pr? prefix? property? pt? px? py? radioGroup? ref? rel? resource? results? rev? right? role? rowGap? security? slot? spellCheck? style? suppressContentEditableWarning? suppressHydrationWarning? sx? tabIndex? table textAlign? textOverflow? textTransform? title? top? translate? typeof? typography? unselectable? visibility? vocab? whiteSpace? width? zIndex?

    Properties

    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

    Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.

    "aria-atomic"?: Booleanish

    Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.

    "aria-autocomplete"?: "none" | "list" | "inline" | "both"

    Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.

    "aria-braillelabel"?: string

    Defines a string value that labels the current element, which is intended to be converted into Braille.

    aria-label.

    "aria-brailleroledescription"?: string

    Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.

    aria-roledescription.

    "aria-busy"?: Booleanish
    "aria-checked"?: boolean | "mixed" | "false" | "true"

    Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.

    • aria-pressed
    • aria-selected.
    "aria-colcount"?: number

    Defines the total number of columns in a table, grid, or treegrid.

    aria-colindex.

    "aria-colindex"?: number

    Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.

    • aria-colcount
    • aria-colspan.
    "aria-colindextext"?: string

    Defines a human readable text alternative of aria-colindex.

    aria-rowindextext.

    "aria-colspan"?: number

    Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.

    • aria-colindex
    • aria-rowspan.
    "aria-controls"?: string

    Identifies the element (or elements) whose contents or presence are controlled by the current element.

    aria-owns.

    "aria-current"?:
        | boolean
        | "date"
        | "time"
        | "step"
        | "page"
        | "false"
        | "true"
        | "location"

    Indicates the element that represents the current item within a container or set of related elements.

    "aria-describedby"?: string

    Identifies the element (or elements) that describes the object.

    aria-labelledby

    "aria-description"?: string

    Defines a string value that describes or annotates the current element.

    related aria-describedby.

    "aria-details"?: string

    Identifies the element that provides a detailed, extended description for the object.

    aria-describedby.

    "aria-disabled"?: Booleanish

    Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

    • aria-hidden
    • aria-readonly.
    "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup"

    Indicates what functions can be performed when a dragged object is released on the drop target.

    in ARIA 1.1

    "aria-errormessage"?: string

    Identifies the element that provides an error message for the object.

    • aria-invalid
    • aria-describedby.
    "aria-expanded"?: Booleanish

    Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.

    "aria-flowto"?: string

    Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.

    "aria-grabbed"?: Booleanish

    Indicates an element's "grabbed" state in a drag-and-drop operation.

    in ARIA 1.1

    "aria-haspopup"?:
        | boolean
        | "dialog"
        | "menu"
        | "grid"
        | "listbox"
        | "false"
        | "true"
        | "tree"

    Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.

    "aria-hidden"?: Booleanish

    Indicates whether the element is exposed to an accessibility API.

    aria-disabled.

    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling"

    Indicates the entered value does not conform to the format expected by the application.

    aria-errormessage.

    "aria-keyshortcuts"?: string

    Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.

    "aria-label"?: string

    Defines a string value that labels the current element.

    aria-labelledby.

    "aria-labelledby"?: string

    Identifies the element (or elements) that labels the current element.

    aria-describedby.

    "aria-level"?: number

    Defines the hierarchical level of an element within a structure.

    "aria-live"?: "off" | "assertive" | "polite"

    Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.

    "aria-modal"?: Booleanish

    Indicates whether an element is modal when displayed.

    "aria-multiline"?: Booleanish

    Indicates whether a text box accepts multiple lines of input or only a single line.

    "aria-multiselectable"?: Booleanish

    Indicates that the user may select more than one item from the current selectable descendants.

    "aria-orientation"?: "horizontal" | "vertical"

    Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.

    "aria-owns"?: string

    Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.

    aria-controls.

    "aria-placeholder"?: string

    Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.

    "aria-posinset"?: number

    Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

    aria-setsize.

    "aria-pressed"?: boolean | "mixed" | "false" | "true"

    Indicates the current "pressed" state of toggle buttons.

    • aria-checked
    • aria-selected.
    "aria-readonly"?: Booleanish

    Indicates that the element is not editable, but is otherwise operable.

    aria-disabled.

    "aria-relevant"?:
        | "text"
        | "all"
        | "additions"
        | "additions removals"
        | "additions text"
        | "removals"
        | "removals additions"
        | "removals text"
        | "text additions"
        | "text removals"

    Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.

    aria-atomic.

    "aria-required"?: Booleanish

    Indicates that user input is required on the element before a form may be submitted.

    "aria-roledescription"?: string

    Defines a human-readable, author-localized description for the role of an element.

    "aria-rowcount"?: number

    Defines the total number of rows in a table, grid, or treegrid.

    aria-rowindex.

    "aria-rowindex"?: number

    Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.

    • aria-rowcount
    • aria-rowspan.
    "aria-rowindextext"?: string

    Defines a human readable text alternative of aria-rowindex.

    aria-colindextext.

    "aria-rowspan"?: number

    Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.

    • aria-rowindex
    • aria-colspan.
    "aria-selected"?: Booleanish

    Indicates the current "selected" state of various widgets.

    • aria-checked
    • aria-pressed.
    "aria-setsize"?: number

    Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

    aria-posinset.

    "aria-sort"?: "none" | "ascending" | "descending" | "other"

    Indicates if items in a table or grid are sorted in ascending or descending order.

    "aria-valuemax"?: number

    Defines the maximum allowed value for a range widget.

    "aria-valuemin"?: number

    Defines the minimum allowed value for a range widget.

    "aria-valuenow"?: number

    Defines the current value for a range widget.

    aria-valuetext.

    "aria-valuetext"?: string

    Defines the human readable text alternative of aria-valuenow for a range widget.

    autoCapitalize?:
        | "none"
        | string & {}
        | "off"
        | "on"
        | "sentences"
        | "words"
        | "characters"
    autoCorrect?: string
    autoFocus?: boolean
    autoSave?: string
    bgcolor?:
        | ResponsiveStyleValue<
            (readonly string[] | BackgroundColor | undefined),
        >
        | (
            (
                theme: Theme,
            ) => ResponsiveStyleValue<
                (readonly string[] | BackgroundColor | undefined),
            >
        )
    border?:
        | ResponsiveStyleValue<
            | number
            | "none"
            | "hidden"
            | string & {}
            | "inset"
            | "-moz-initial"
            | "inherit"
            | "initial"
            | "revert"
            | "revert-layer"
            | "unset"
            | "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"
            | "medium"
            | "dashed"
            | "dotted"
            | "double"
            | "solid"
            | "groove"
            | "outset"
            | "ridge"
            | "thick"
            | "thin"
            | undefined,
        >
        | (
            (
                theme: Theme,
            ) => ResponsiveStyleValue<
                | number
                | "none"
                | "hidden"
                | string & {}
                | "inset"
                | "-moz-initial"
                | "inherit"
                | "initial"
                | "revert"
                | "revert-layer"
                | "unset"
                | "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"
                | "medium"
                | "dashed"
                | "dotted"
                | "double"
                | "solid"
                | "groove"
                | "outset"
                | "ridge"
                | "thick"
                | "thin"
                | undefined,
            >
        )
    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<(readonly string[] | BorderColor | undefined)>
        | (
            (
                theme: Theme,
            ) => ResponsiveStyleValue<(readonly string[] | BorderColor | 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
                ),
            >
        )
    children?: ReactNode
    classes?: Partial<ClassNameMap<never>>

    Override or extend the styles applied to the component.

    className?: string
    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
                ),
            >
        )
    component?: ElementType<any, (keyof IntrinsicElements)>
    content?: string
    contentEditable?: "inherit" | Booleanish | "plaintext-only"
    contextMenu?: string
    dangerouslySetInnerHTML?: { __html: string | TrustedHTML }
    datatype?: string
    defaultChecked?: boolean
    defaultValue?: string | number | readonly 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?: Booleanish
    enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send"
    exportparts?: string
    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<string | string & {} | number & {} | undefined>
        | (
            (
                theme: Theme,
            ) => ResponsiveStyleValue<string | string & {} | number & {} | undefined>
        )
    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?:
        | "none"
        | "search"
        | "text"
        | "tel"
        | "url"
        | "email"
        | "numeric"
        | "decimal"

    Hints at the type of data that might be entered by the user while editing the element or its contents

    is?: string

    Specify that a standard HTML element should behave like a defined custom built-in element

    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?: Key | null
    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
                ),
            >
        )
    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
                ),
            >
        )
    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?: InputEventHandler<HTMLDivElement>
    onBeforeInputCapture?: FormEventHandler<HTMLDivElement>
    onBlur?: FocusEventHandler<HTMLDivElement>
    onBlurCapture?: FocusEventHandler<HTMLDivElement>
    onCanPlay?: ReactEventHandler<HTMLDivElement>
    onCanPlayCapture?: ReactEventHandler<HTMLDivElement>
    onCanPlayThrough?: ReactEventHandler<HTMLDivElement>
    onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>
    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>

    Use onKeyUp or onKeyDown instead

    onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>

    Use onKeyUpCapture or onKeyDownCapture instead

    onKeyUp?: KeyboardEventHandler<HTMLDivElement>
    onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>
    onLoad?: ReactEventHandler<HTMLDivElement>
    onLoadCapture?: ReactEventHandler<HTMLDivElement>
    onLoadedData?: ReactEventHandler<HTMLDivElement>
    onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>
    onLoadedMetadata?: ReactEventHandler<HTMLDivElement>
    onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>
    onLoadStart?: ReactEventHandler<HTMLDivElement>
    onLoadStartCapture?: 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>
    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>
    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
                ),
            >
        )
    part?: 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
                ),
            >
        )
    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
    ref?: Ref<unknown>
    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
    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
    slot?: string
    spellCheck?: Booleanish
    style?: CSSProperties
    suppressContentEditableWarning?: boolean
    suppressHydrationWarning?: boolean
    sx?: SxProps<Theme>

    The system prop that allows defining system overrides as well as additional CSS styles.

    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
    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<string | undefined>
        | ((theme: Theme) => ResponsiveStyleValue<string | undefined>)
    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<string | string & {} | number & {} | undefined>
        | (
            (
                theme: Theme,
            ) => ResponsiveStyleValue<string | string & {} | number & {} | undefined>
        )