Documentation
    Preparing search index...

    Interface TableProps

    interface TableProps {
        align?: ThemeStyleFlexAlignmentProp;
        alignSelf?: ThemeStyleFlexAlignmentProp;
        ariaProps?: AriaAttributes & { role?: AriaRole };
        bg?:
            | "primary"
            | "primaryContrast"
            | "primaryAccent"
            | "primaryMuted"
            | "primaryBackground"
            | "secondary"
            | "secondaryContrast"
            | "secondaryAccent"
            | "secondaryMuted"
            | "secondaryBackground"
            | "tertiary"
            | "tertiaryAccent"
            | "tertiaryMuted"
            | "tertiaryBackground"
            | "background"
            | "backgroundAccent"
            | "backgroundMuted"
            | "backgroundDisabled"
            | "backgroundHover"
            | "foreground"
            | "foregroundAccent"
            | "foregroundMuted"
            | "foregroundDisabled"
            | "foregroundInverted"
            | "surface"
            | "border"
            | "borderAccent"
            | "borderMuted"
            | "error"
            | "errorAccent"
            | "errorMuted"
            | "errorBackground"
            | "warning"
            | "warningAccent"
            | "warningMuted"
            | "warningBackground"
            | "success"
            | "successAccent"
            | "successMuted"
            | "successBackground"
            | "info"
            | "infoAccent"
            | "infoMuted"
            | "infoBackground"
            | "custom"
            | "customAccent"
            | "customMuted"
            | "customBackground"
            | "inherit";
        blurBg?: boolean;
        border?: | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
        | "transparent";
        borderBottom?: | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
        | "transparent";
        borderLeft?: | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
        | "transparent";
        borderRight?: | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
        | "transparent";
        borderStyle?: "solid"
        | "dashed";
        borderTop?:
            | "primary"
            | "primaryContrast"
            | "primaryAccent"
            | "primaryMuted"
            | "primaryBackground"
            | "secondary"
            | "secondaryContrast"
            | "secondaryAccent"
            | "secondaryMuted"
            | "secondaryBackground"
            | "tertiary"
            | "tertiaryAccent"
            | "tertiaryMuted"
            | "tertiaryBackground"
            | "background"
            | "backgroundAccent"
            | "backgroundMuted"
            | "backgroundDisabled"
            | "backgroundHover"
            | "foreground"
            | "foregroundAccent"
            | "foregroundMuted"
            | "foregroundDisabled"
            | "foregroundInverted"
            | "surface"
            | "border"
            | "borderAccent"
            | "borderMuted"
            | "error"
            | "errorAccent"
            | "errorMuted"
            | "errorBackground"
            | "warning"
            | "warningAccent"
            | "warningMuted"
            | "warningBackground"
            | "success"
            | "successAccent"
            | "successMuted"
            | "successBackground"
            | "info"
            | "infoAccent"
            | "infoMuted"
            | "infoBackground"
            | "custom"
            | "customAccent"
            | "customMuted"
            | "customBackground"
            | "inherit"
            | "transparent";
        borderWidth?: number;
        bottom?: string
        | number;
        bottomLeftRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
        bottomRightRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
        buttonsProps?: ButtonProps[];
        c?:
            | "primary"
            | "primaryContrast"
            | "primaryAccent"
            | "primaryMuted"
            | "primaryBackground"
            | "secondary"
            | "secondaryContrast"
            | "secondaryAccent"
            | "secondaryMuted"
            | "secondaryBackground"
            | "tertiary"
            | "tertiaryAccent"
            | "tertiaryMuted"
            | "tertiaryBackground"
            | "background"
            | "backgroundAccent"
            | "backgroundMuted"
            | "backgroundDisabled"
            | "backgroundHover"
            | "foreground"
            | "foregroundAccent"
            | "foregroundMuted"
            | "foregroundDisabled"
            | "foregroundInverted"
            | "surface"
            | "border"
            | "borderAccent"
            | "borderMuted"
            | "error"
            | "errorAccent"
            | "errorMuted"
            | "errorBackground"
            | "warning"
            | "warningAccent"
            | "warningMuted"
            | "warningBackground"
            | "success"
            | "successAccent"
            | "successMuted"
            | "successBackground"
            | "info"
            | "infoAccent"
            | "infoMuted"
            | "infoBackground"
            | "custom"
            | "customAccent"
            | "customMuted"
            | "customBackground"
            | "inherit";
        centered?: boolean;
        classes?: ThemeStyleClass[];
        classNames?: string[];
        column?: boolean;
        cursor?: "text"
        | "default"
        | "pointer"
        | "not-allowed"
        | "unset";
        darkenBg?: boolean;
        display?: "block" | "flex" | "grid" | "none";
        emptyMessage?: string;
        filter?: string;
        filterBy?: TableFilterByOptions;
        filterInputPropertyName?: string;
        fontFamily?: "body" | "display" | "heading";
        fontSize?:
            | number
            | "base"
            | "xs"
            | "sm"
            | "lg"
            | "xl"
            | "xxl"
            | "xxxl"
            | "inherit"
            | "xxs";
        fontWeight?: "normal"
        | "bold";
        gridArea?: string;
        gridGap?: string;
        gridTemplateColumns?: string;
        gridTemplateRows?: string;
        grow?: boolean;
        h?: string;
        id?: string;
        inline?: boolean;
        isLoading?: boolean;
        italic?: boolean;
        justify?: ThemeStyleFlexAlignmentProp;
        justifySelf?: ThemeStyleFlexAlignmentProp;
        left?: string | number;
        lightenBg?: boolean;
        lineHeight?:
            | 1
            | "base"
            | "xs"
            | "sm"
            | "lg"
            | "xl"
            | "xxl"
            | "xxxl"
            | "inherit"
            | "xxs";
        m?: ThemeStyleSpacingProp;
        maxH?: string;
        maxW?: string;
        mb?: ThemeStyleSpacingProp;
        minH?: string;
        minW?: string;
        ml?: ThemeStyleSpacingProp;
        mr?: ThemeStyleSpacingProp;
        mt?: ThemeStyleSpacingProp;
        mx?: ThemeStyleSpacingProp
        | "auto";
        my?: ThemeStyleSpacingProp | "auto";
        onMobile?: Omit<
            Partial<
                {
                    align: ThemeStyleFlexAlignmentProp;
                    alignSelf: ThemeStyleFlexAlignmentProp;
                    bg: | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit";
                    blurBg: boolean;
                    border: | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent";
                    borderBottom: | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent"
                    | undefined;
                    borderLeft: | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent"
                    | undefined;
                    borderRight: | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent"
                    | undefined;
                    borderStyle: "solid"
                    | "dashed";
                    borderTop:
                        | "primary"
                        | "primaryContrast"
                        | "primaryAccent"
                        | "primaryMuted"
                        | "primaryBackground"
                        | "secondary"
                        | "secondaryContrast"
                        | "secondaryAccent"
                        | "secondaryMuted"
                        | "secondaryBackground"
                        | "tertiary"
                        | "tertiaryAccent"
                        | "tertiaryMuted"
                        | "tertiaryBackground"
                        | "background"
                        | "backgroundAccent"
                        | "backgroundMuted"
                        | "backgroundDisabled"
                        | "backgroundHover"
                        | "foreground"
                        | "foregroundAccent"
                        | "foregroundMuted"
                        | "foregroundDisabled"
                        | "foregroundInverted"
                        | "surface"
                        | "border"
                        | "borderAccent"
                        | "borderMuted"
                        | "error"
                        | "errorAccent"
                        | "errorMuted"
                        | "errorBackground"
                        | "warning"
                        | "warningAccent"
                        | "warningMuted"
                        | "warningBackground"
                        | "success"
                        | "successAccent"
                        | "successMuted"
                        | "successBackground"
                        | "info"
                        | "infoAccent"
                        | "infoMuted"
                        | "infoBackground"
                        | "custom"
                        | "customAccent"
                        | "customMuted"
                        | "customBackground"
                        | "inherit"
                        | "transparent"
                        | undefined;
                    borderWidth: number;
                    bottom: string
                    | number;
                    bottomLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                    bottomRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                    c:
                        | "primary"
                        | "primaryContrast"
                        | "primaryAccent"
                        | "primaryMuted"
                        | "primaryBackground"
                        | "secondary"
                        | "secondaryContrast"
                        | "secondaryAccent"
                        | "secondaryMuted"
                        | "secondaryBackground"
                        | "tertiary"
                        | "tertiaryAccent"
                        | "tertiaryMuted"
                        | "tertiaryBackground"
                        | "background"
                        | "backgroundAccent"
                        | "backgroundMuted"
                        | "backgroundDisabled"
                        | "backgroundHover"
                        | "foreground"
                        | "foregroundAccent"
                        | "foregroundMuted"
                        | "foregroundDisabled"
                        | "foregroundInverted"
                        | "surface"
                        | "border"
                        | "borderAccent"
                        | "borderMuted"
                        | "error"
                        | "errorAccent"
                        | "errorMuted"
                        | "errorBackground"
                        | "warning"
                        | "warningAccent"
                        | "warningMuted"
                        | "warningBackground"
                        | "success"
                        | "successAccent"
                        | "successMuted"
                        | "successBackground"
                        | "info"
                        | "infoAccent"
                        | "infoMuted"
                        | "infoBackground"
                        | "custom"
                        | "customAccent"
                        | "customMuted"
                        | "customBackground"
                        | "inherit";
                    centered: boolean;
                    classes: ThemeStyleClass[];
                    column: boolean;
                    cursor: "text"
                    | "default"
                    | "pointer"
                    | "not-allowed"
                    | "unset";
                    darkenBg: boolean;
                    display: "block" | "flex" | "grid" | "none";
                    filter: string;
                    fontFamily: "body" | "display" | "heading";
                    fontSize:
                        | number
                        | "base"
                        | "xs"
                        | "sm"
                        | "lg"
                        | "xl"
                        | "xxl"
                        | "xxxl"
                        | "inherit"
                        | "xxs";
                    fontWeight: "normal"
                    | "bold";
                    gridArea: string;
                    gridGap: string;
                    gridTemplateColumns: string;
                    gridTemplateRows: string;
                    grow: boolean;
                    h: string;
                    inline: boolean;
                    italic: boolean;
                    justify: ThemeStyleFlexAlignmentProp;
                    justifySelf: ThemeStyleFlexAlignmentProp;
                    left: string | number;
                    lightenBg: boolean;
                    lineHeight:
                        | 1
                        | "base"
                        | "xs"
                        | "sm"
                        | "lg"
                        | "xl"
                        | "xxl"
                        | "xxxl"
                        | "inherit"
                        | "xxs";
                    m: ThemeStyleSpacingProp;
                    maxH: string;
                    maxW: string;
                    mb: ThemeStyleSpacingProp;
                    minH: string;
                    minW: string;
                    ml: ThemeStyleSpacingProp;
                    mr: ThemeStyleSpacingProp;
                    mt: ThemeStyleSpacingProp;
                    mx: ThemeStyleSpacingProp
                    | "auto";
                    my: ThemeStyleSpacingProp | "auto";
                    onMobile: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                    onTablet: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                    opacity: "hidden" | "subtle" | "loading" | "disabled";
                    overflow: "hidden" | "auto";
                    overflowX: "hidden" | "auto" | undefined;
                    overflowY: "hidden" | "auto" | undefined;
                    p: ThemeStyleSpacingProp;
                    pb: ThemeStyleSpacingProp;
                    pl: ThemeStyleSpacingProp;
                    pointerEvents: "none" | "auto";
                    position: "relative" | "absolute" | "fixed" | "sticky";
                    pr: ThemeStyleSpacingProp;
                    pt: ThemeStyleSpacingProp;
                    px: ThemeStyleSpacingProp;
                    py: ThemeStyleSpacingProp;
                    radius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                    reverse: boolean;
                    right: string | number;
                    shadow: "base" | "text" | "sm" | "focus";
                    shrink: boolean;
                    strikethrough: boolean;
                    textAlign: "left" | "right" | "center";
                    textShadow: boolean;
                    textWrap: "nowrap" | "balance";
                    top: string | number;
                    topLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                    topRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                    transform: string;
                    transformOrigin: string;
                    transition: boolean;
                    transitionDelay: number;
                    transitionDuration: number;
                    transitions: Partial<Record<ThemeStyleTransition, boolean>>;
                    underline: boolean;
                    w: string;
                    wrap: boolean;
                    zIndex: number | ThemeStyleZIndexCategory;
                },
            >,
            "classes"
            | "transitions",
        >;
        onTablet?: Omit<
            Partial<
                {
                    align: ThemeStyleFlexAlignmentProp;
                    alignSelf: ThemeStyleFlexAlignmentProp;
                    bg: | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit";
                    blurBg: boolean;
                    border: | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent";
                    borderBottom: | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent"
                    | undefined;
                    borderLeft: | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent"
                    | undefined;
                    borderRight: | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent"
                    | undefined;
                    borderStyle: "solid"
                    | "dashed";
                    borderTop:
                        | "primary"
                        | "primaryContrast"
                        | "primaryAccent"
                        | "primaryMuted"
                        | "primaryBackground"
                        | "secondary"
                        | "secondaryContrast"
                        | "secondaryAccent"
                        | "secondaryMuted"
                        | "secondaryBackground"
                        | "tertiary"
                        | "tertiaryAccent"
                        | "tertiaryMuted"
                        | "tertiaryBackground"
                        | "background"
                        | "backgroundAccent"
                        | "backgroundMuted"
                        | "backgroundDisabled"
                        | "backgroundHover"
                        | "foreground"
                        | "foregroundAccent"
                        | "foregroundMuted"
                        | "foregroundDisabled"
                        | "foregroundInverted"
                        | "surface"
                        | "border"
                        | "borderAccent"
                        | "borderMuted"
                        | "error"
                        | "errorAccent"
                        | "errorMuted"
                        | "errorBackground"
                        | "warning"
                        | "warningAccent"
                        | "warningMuted"
                        | "warningBackground"
                        | "success"
                        | "successAccent"
                        | "successMuted"
                        | "successBackground"
                        | "info"
                        | "infoAccent"
                        | "infoMuted"
                        | "infoBackground"
                        | "custom"
                        | "customAccent"
                        | "customMuted"
                        | "customBackground"
                        | "inherit"
                        | "transparent"
                        | undefined;
                    borderWidth: number;
                    bottom: string
                    | number;
                    bottomLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                    bottomRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                    c:
                        | "primary"
                        | "primaryContrast"
                        | "primaryAccent"
                        | "primaryMuted"
                        | "primaryBackground"
                        | "secondary"
                        | "secondaryContrast"
                        | "secondaryAccent"
                        | "secondaryMuted"
                        | "secondaryBackground"
                        | "tertiary"
                        | "tertiaryAccent"
                        | "tertiaryMuted"
                        | "tertiaryBackground"
                        | "background"
                        | "backgroundAccent"
                        | "backgroundMuted"
                        | "backgroundDisabled"
                        | "backgroundHover"
                        | "foreground"
                        | "foregroundAccent"
                        | "foregroundMuted"
                        | "foregroundDisabled"
                        | "foregroundInverted"
                        | "surface"
                        | "border"
                        | "borderAccent"
                        | "borderMuted"
                        | "error"
                        | "errorAccent"
                        | "errorMuted"
                        | "errorBackground"
                        | "warning"
                        | "warningAccent"
                        | "warningMuted"
                        | "warningBackground"
                        | "success"
                        | "successAccent"
                        | "successMuted"
                        | "successBackground"
                        | "info"
                        | "infoAccent"
                        | "infoMuted"
                        | "infoBackground"
                        | "custom"
                        | "customAccent"
                        | "customMuted"
                        | "customBackground"
                        | "inherit";
                    centered: boolean;
                    classes: ThemeStyleClass[];
                    column: boolean;
                    cursor: "text"
                    | "default"
                    | "pointer"
                    | "not-allowed"
                    | "unset";
                    darkenBg: boolean;
                    display: "block" | "flex" | "grid" | "none";
                    filter: string;
                    fontFamily: "body" | "display" | "heading";
                    fontSize:
                        | number
                        | "base"
                        | "xs"
                        | "sm"
                        | "lg"
                        | "xl"
                        | "xxl"
                        | "xxxl"
                        | "inherit"
                        | "xxs";
                    fontWeight: "normal"
                    | "bold";
                    gridArea: string;
                    gridGap: string;
                    gridTemplateColumns: string;
                    gridTemplateRows: string;
                    grow: boolean;
                    h: string;
                    inline: boolean;
                    italic: boolean;
                    justify: ThemeStyleFlexAlignmentProp;
                    justifySelf: ThemeStyleFlexAlignmentProp;
                    left: string | number;
                    lightenBg: boolean;
                    lineHeight:
                        | 1
                        | "base"
                        | "xs"
                        | "sm"
                        | "lg"
                        | "xl"
                        | "xxl"
                        | "xxxl"
                        | "inherit"
                        | "xxs";
                    m: ThemeStyleSpacingProp;
                    maxH: string;
                    maxW: string;
                    mb: ThemeStyleSpacingProp;
                    minH: string;
                    minW: string;
                    ml: ThemeStyleSpacingProp;
                    mr: ThemeStyleSpacingProp;
                    mt: ThemeStyleSpacingProp;
                    mx: ThemeStyleSpacingProp
                    | "auto";
                    my: ThemeStyleSpacingProp | "auto";
                    onMobile: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                    onTablet: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                    opacity: "hidden" | "subtle" | "loading" | "disabled";
                    overflow: "hidden" | "auto";
                    overflowX: "hidden" | "auto" | undefined;
                    overflowY: "hidden" | "auto" | undefined;
                    p: ThemeStyleSpacingProp;
                    pb: ThemeStyleSpacingProp;
                    pl: ThemeStyleSpacingProp;
                    pointerEvents: "none" | "auto";
                    position: "relative" | "absolute" | "fixed" | "sticky";
                    pr: ThemeStyleSpacingProp;
                    pt: ThemeStyleSpacingProp;
                    px: ThemeStyleSpacingProp;
                    py: ThemeStyleSpacingProp;
                    radius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                    reverse: boolean;
                    right: string | number;
                    shadow: "base" | "text" | "sm" | "focus";
                    shrink: boolean;
                    strikethrough: boolean;
                    textAlign: "left" | "right" | "center";
                    textShadow: boolean;
                    textWrap: "nowrap" | "balance";
                    top: string | number;
                    topLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                    topRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                    transform: string;
                    transformOrigin: string;
                    transition: boolean;
                    transitionDelay: number;
                    transitionDuration: number;
                    transitions: Partial<Record<ThemeStyleTransition, boolean>>;
                    underline: boolean;
                    w: string;
                    wrap: boolean;
                    zIndex: number | ThemeStyleZIndexCategory;
                },
            >,
            "classes"
            | "transitions",
        >;
        opacity?: "hidden" | "subtle" | "loading" | "disabled";
        overflow?: "hidden" | "auto";
        overflowX?: "hidden" | "auto";
        overflowY?: "hidden" | "auto";
        p?: ThemeStyleSpacingProp;
        pagination?:
            | boolean
            | Partial<
                {
                    nextPage: () => void;
                    numPages: number;
                    page: number;
                    previousPage: () => void;
                    rowsPerPage: number;
                    setRowsPerPage: (rowsPerPage: number) => void;
                },
            >;
        pb?: ThemeStyleSpacingProp;
        pl?: ThemeStyleSpacingProp;
        pointerEvents?: "none"
        | "auto";
        position?: "relative" | "absolute" | "fixed" | "sticky";
        pr?: ThemeStyleSpacingProp;
        pt?: ThemeStyleSpacingProp;
        px?: ThemeStyleSpacingProp;
        py?: ThemeStyleSpacingProp;
        radius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
        reference?: RefObject<HTMLTableElement>;
        reverse?: boolean;
        right?: string | number;
        rows: TableRow[];
        shadow?: "base" | "text" | "sm" | "focus";
        shrink?: boolean;
        sortBy?: TableSortByOptions;
        strikethrough?: boolean;
        textAlign?: "left" | "right" | "center";
        textShadow?: boolean;
        textWrap?: "nowrap" | "balance";
        title?: ReactNode;
        top?: string | number;
        topLeftRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
        topRightRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
        transform?: string;
        transformOrigin?: string;
        transition?: boolean;
        transitionDelay?: number;
        transitionDuration?: number;
        transitions?: Partial<Record<ThemeStyleTransition, boolean>>;
        underline?: boolean;
        w?: string;
        wrap?: boolean;
        zIndex?: number | ThemeStyleZIndexCategory;
    }

    Hierarchy

    Index
    ariaProps?: AriaAttributes & { role?: AriaRole }
    bg?:
        | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
    blurBg?: boolean
    border?:
        | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
        | "transparent"
    borderBottom?:
        | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
        | "transparent"
    borderLeft?:
        | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
        | "transparent"
    borderRight?:
        | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
        | "transparent"
    borderStyle?: "solid" | "dashed"
    borderTop?:
        | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
        | "transparent"
    borderWidth?: number
    bottom?: string | number
    bottomLeftRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full"
    bottomRightRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full"
    buttonsProps?: ButtonProps[]
    c?:
        | "primary"
        | "primaryContrast"
        | "primaryAccent"
        | "primaryMuted"
        | "primaryBackground"
        | "secondary"
        | "secondaryContrast"
        | "secondaryAccent"
        | "secondaryMuted"
        | "secondaryBackground"
        | "tertiary"
        | "tertiaryAccent"
        | "tertiaryMuted"
        | "tertiaryBackground"
        | "background"
        | "backgroundAccent"
        | "backgroundMuted"
        | "backgroundDisabled"
        | "backgroundHover"
        | "foreground"
        | "foregroundAccent"
        | "foregroundMuted"
        | "foregroundDisabled"
        | "foregroundInverted"
        | "surface"
        | "border"
        | "borderAccent"
        | "borderMuted"
        | "error"
        | "errorAccent"
        | "errorMuted"
        | "errorBackground"
        | "warning"
        | "warningAccent"
        | "warningMuted"
        | "warningBackground"
        | "success"
        | "successAccent"
        | "successMuted"
        | "successBackground"
        | "info"
        | "infoAccent"
        | "infoMuted"
        | "infoBackground"
        | "custom"
        | "customAccent"
        | "customMuted"
        | "customBackground"
        | "inherit"
    centered?: boolean
    classes?: ThemeStyleClass[]
    classNames?: string[]
    column?: boolean
    cursor?: "text" | "default" | "pointer" | "not-allowed" | "unset"
    darkenBg?: boolean
    display?: "block" | "flex" | "grid" | "none"
    emptyMessage?: string
    filter?: string
    filterBy?: TableFilterByOptions
    filterInputPropertyName?: string
    fontFamily?: "body" | "display" | "heading"
    fontSize?:
        | number
        | "base"
        | "xs"
        | "sm"
        | "lg"
        | "xl"
        | "xxl"
        | "xxxl"
        | "inherit"
        | "xxs"
    fontWeight?: "normal" | "bold"
    gridArea?: string
    gridGap?: string
    gridTemplateColumns?: string
    gridTemplateRows?: string
    grow?: boolean
    h?: string
    id?: string
    inline?: boolean
    isLoading?: boolean
    italic?: boolean
    left?: string | number
    lightenBg?: boolean
    lineHeight?:
        | 1
        | "base"
        | "xs"
        | "sm"
        | "lg"
        | "xl"
        | "xxl"
        | "xxxl"
        | "inherit"
        | "xxs"
    maxH?: string
    maxW?: string
    minH?: string
    minW?: string
    mx?: ThemeStyleSpacingProp | "auto"
    my?: ThemeStyleSpacingProp | "auto"
    onMobile?: Omit<
        Partial<
            {
                align: ThemeStyleFlexAlignmentProp;
                alignSelf: ThemeStyleFlexAlignmentProp;
                bg: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit";
                blurBg: boolean;
                border: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent";
                borderBottom: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderLeft: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderRight: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderStyle: "solid"
                | "dashed";
                borderTop:
                    | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent"
                    | undefined;
                borderWidth: number;
                bottom: string
                | number;
                bottomLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                bottomRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                c:
                    | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit";
                centered: boolean;
                classes: ThemeStyleClass[];
                column: boolean;
                cursor: "text"
                | "default"
                | "pointer"
                | "not-allowed"
                | "unset";
                darkenBg: boolean;
                display: "block" | "flex" | "grid" | "none";
                filter: string;
                fontFamily: "body" | "display" | "heading";
                fontSize:
                    | number
                    | "base"
                    | "xs"
                    | "sm"
                    | "lg"
                    | "xl"
                    | "xxl"
                    | "xxxl"
                    | "inherit"
                    | "xxs";
                fontWeight: "normal"
                | "bold";
                gridArea: string;
                gridGap: string;
                gridTemplateColumns: string;
                gridTemplateRows: string;
                grow: boolean;
                h: string;
                inline: boolean;
                italic: boolean;
                justify: ThemeStyleFlexAlignmentProp;
                justifySelf: ThemeStyleFlexAlignmentProp;
                left: string | number;
                lightenBg: boolean;
                lineHeight:
                    | 1
                    | "base"
                    | "xs"
                    | "sm"
                    | "lg"
                    | "xl"
                    | "xxl"
                    | "xxxl"
                    | "inherit"
                    | "xxs";
                m: ThemeStyleSpacingProp;
                maxH: string;
                maxW: string;
                mb: ThemeStyleSpacingProp;
                minH: string;
                minW: string;
                ml: ThemeStyleSpacingProp;
                mr: ThemeStyleSpacingProp;
                mt: ThemeStyleSpacingProp;
                mx: ThemeStyleSpacingProp
                | "auto";
                my: ThemeStyleSpacingProp | "auto";
                onMobile: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                onTablet: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                opacity: "hidden" | "subtle" | "loading" | "disabled";
                overflow: "hidden" | "auto";
                overflowX: "hidden" | "auto" | undefined;
                overflowY: "hidden" | "auto" | undefined;
                p: ThemeStyleSpacingProp;
                pb: ThemeStyleSpacingProp;
                pl: ThemeStyleSpacingProp;
                pointerEvents: "none" | "auto";
                position: "relative" | "absolute" | "fixed" | "sticky";
                pr: ThemeStyleSpacingProp;
                pt: ThemeStyleSpacingProp;
                px: ThemeStyleSpacingProp;
                py: ThemeStyleSpacingProp;
                radius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                reverse: boolean;
                right: string | number;
                shadow: "base" | "text" | "sm" | "focus";
                shrink: boolean;
                strikethrough: boolean;
                textAlign: "left" | "right" | "center";
                textShadow: boolean;
                textWrap: "nowrap" | "balance";
                top: string | number;
                topLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                topRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                transform: string;
                transformOrigin: string;
                transition: boolean;
                transitionDelay: number;
                transitionDuration: number;
                transitions: Partial<Record<ThemeStyleTransition, boolean>>;
                underline: boolean;
                w: string;
                wrap: boolean;
                zIndex: number | ThemeStyleZIndexCategory;
            },
        >,
        "classes"
        | "transitions",
    >
    onTablet?: Omit<
        Partial<
            {
                align: ThemeStyleFlexAlignmentProp;
                alignSelf: ThemeStyleFlexAlignmentProp;
                bg: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit";
                blurBg: boolean;
                border: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent";
                borderBottom: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderLeft: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderRight: | "primary"
                | "primaryContrast"
                | "primaryAccent"
                | "primaryMuted"
                | "primaryBackground"
                | "secondary"
                | "secondaryContrast"
                | "secondaryAccent"
                | "secondaryMuted"
                | "secondaryBackground"
                | "tertiary"
                | "tertiaryAccent"
                | "tertiaryMuted"
                | "tertiaryBackground"
                | "background"
                | "backgroundAccent"
                | "backgroundMuted"
                | "backgroundDisabled"
                | "backgroundHover"
                | "foreground"
                | "foregroundAccent"
                | "foregroundMuted"
                | "foregroundDisabled"
                | "foregroundInverted"
                | "surface"
                | "border"
                | "borderAccent"
                | "borderMuted"
                | "error"
                | "errorAccent"
                | "errorMuted"
                | "errorBackground"
                | "warning"
                | "warningAccent"
                | "warningMuted"
                | "warningBackground"
                | "success"
                | "successAccent"
                | "successMuted"
                | "successBackground"
                | "info"
                | "infoAccent"
                | "infoMuted"
                | "infoBackground"
                | "custom"
                | "customAccent"
                | "customMuted"
                | "customBackground"
                | "inherit"
                | "transparent"
                | undefined;
                borderStyle: "solid"
                | "dashed";
                borderTop:
                    | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit"
                    | "transparent"
                    | undefined;
                borderWidth: number;
                bottom: string
                | number;
                bottomLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                bottomRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                c:
                    | "primary"
                    | "primaryContrast"
                    | "primaryAccent"
                    | "primaryMuted"
                    | "primaryBackground"
                    | "secondary"
                    | "secondaryContrast"
                    | "secondaryAccent"
                    | "secondaryMuted"
                    | "secondaryBackground"
                    | "tertiary"
                    | "tertiaryAccent"
                    | "tertiaryMuted"
                    | "tertiaryBackground"
                    | "background"
                    | "backgroundAccent"
                    | "backgroundMuted"
                    | "backgroundDisabled"
                    | "backgroundHover"
                    | "foreground"
                    | "foregroundAccent"
                    | "foregroundMuted"
                    | "foregroundDisabled"
                    | "foregroundInverted"
                    | "surface"
                    | "border"
                    | "borderAccent"
                    | "borderMuted"
                    | "error"
                    | "errorAccent"
                    | "errorMuted"
                    | "errorBackground"
                    | "warning"
                    | "warningAccent"
                    | "warningMuted"
                    | "warningBackground"
                    | "success"
                    | "successAccent"
                    | "successMuted"
                    | "successBackground"
                    | "info"
                    | "infoAccent"
                    | "infoMuted"
                    | "infoBackground"
                    | "custom"
                    | "customAccent"
                    | "customMuted"
                    | "customBackground"
                    | "inherit";
                centered: boolean;
                classes: ThemeStyleClass[];
                column: boolean;
                cursor: "text"
                | "default"
                | "pointer"
                | "not-allowed"
                | "unset";
                darkenBg: boolean;
                display: "block" | "flex" | "grid" | "none";
                filter: string;
                fontFamily: "body" | "display" | "heading";
                fontSize:
                    | number
                    | "base"
                    | "xs"
                    | "sm"
                    | "lg"
                    | "xl"
                    | "xxl"
                    | "xxxl"
                    | "inherit"
                    | "xxs";
                fontWeight: "normal"
                | "bold";
                gridArea: string;
                gridGap: string;
                gridTemplateColumns: string;
                gridTemplateRows: string;
                grow: boolean;
                h: string;
                inline: boolean;
                italic: boolean;
                justify: ThemeStyleFlexAlignmentProp;
                justifySelf: ThemeStyleFlexAlignmentProp;
                left: string | number;
                lightenBg: boolean;
                lineHeight:
                    | 1
                    | "base"
                    | "xs"
                    | "sm"
                    | "lg"
                    | "xl"
                    | "xxl"
                    | "xxxl"
                    | "inherit"
                    | "xxs";
                m: ThemeStyleSpacingProp;
                maxH: string;
                maxW: string;
                mb: ThemeStyleSpacingProp;
                minH: string;
                minW: string;
                ml: ThemeStyleSpacingProp;
                mr: ThemeStyleSpacingProp;
                mt: ThemeStyleSpacingProp;
                mx: ThemeStyleSpacingProp
                | "auto";
                my: ThemeStyleSpacingProp | "auto";
                onMobile: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                onTablet: Omit<Partial<{ classes: ThemeStyleClass[]; display: "block" | "flex" | "grid" | "none"; inline: boolean; centered: boolean; align: ThemeStyleFlexAlignmentProp; ... 80 more ...; onMobile: Omit<...>; }>, "classes" | "transitions">;
                opacity: "hidden" | "subtle" | "loading" | "disabled";
                overflow: "hidden" | "auto";
                overflowX: "hidden" | "auto" | undefined;
                overflowY: "hidden" | "auto" | undefined;
                p: ThemeStyleSpacingProp;
                pb: ThemeStyleSpacingProp;
                pl: ThemeStyleSpacingProp;
                pointerEvents: "none" | "auto";
                position: "relative" | "absolute" | "fixed" | "sticky";
                pr: ThemeStyleSpacingProp;
                pt: ThemeStyleSpacingProp;
                px: ThemeStyleSpacingProp;
                py: ThemeStyleSpacingProp;
                radius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                reverse: boolean;
                right: string | number;
                shadow: "base" | "text" | "sm" | "focus";
                shrink: boolean;
                strikethrough: boolean;
                textAlign: "left" | "right" | "center";
                textShadow: boolean;
                textWrap: "nowrap" | "balance";
                top: string | number;
                topLeftRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                topRightRadius: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full";
                transform: string;
                transformOrigin: string;
                transition: boolean;
                transitionDelay: number;
                transitionDuration: number;
                transitions: Partial<Record<ThemeStyleTransition, boolean>>;
                underline: boolean;
                w: string;
                wrap: boolean;
                zIndex: number | ThemeStyleZIndexCategory;
            },
        >,
        "classes"
        | "transitions",
    >
    opacity?: "hidden" | "subtle" | "loading" | "disabled"
    overflow?: "hidden" | "auto"
    overflowX?: "hidden" | "auto"
    overflowY?: "hidden" | "auto"
    pagination?:
        | boolean
        | Partial<
            {
                nextPage: () => void;
                numPages: number;
                page: number;
                previousPage: () => void;
                rowsPerPage: number;
                setRowsPerPage: (rowsPerPage: number) => void;
            },
        >
    pointerEvents?: "none" | "auto"
    position?: "relative" | "absolute" | "fixed" | "sticky"
    radius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full"
    reference?: RefObject<HTMLTableElement>
    reverse?: boolean
    right?: string | number
    rows: TableRow[]
    shadow?: "base" | "text" | "sm" | "focus"
    shrink?: boolean
    strikethrough?: boolean
    textAlign?: "left" | "right" | "center"
    textShadow?: boolean
    textWrap?: "nowrap" | "balance"
    title?: ReactNode
    top?: string | number
    topLeftRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full"
    topRightRadius?: number | "base" | "sm" | "lg" | "xl" | "xxl" | "full"
    transform?: string
    transformOrigin?: string
    transition?: boolean
    transitionDelay?: number
    transitionDuration?: number
    transitions?: Partial<Record<ThemeStyleTransition, boolean>>
    underline?: boolean
    w?: string
    wrap?: boolean
    zIndex?: number | ThemeStyleZIndexCategory