@fuzzy-ui/react 0.1.0

package/dist/types/style/defaults/theme.d.ts

@@ -0,0 +1,1902 @@
+export declare function themeBase(type?: 'light' | 'dark'): {
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+        min: string;
+        max: string;
+        fit: string;
+        screen: string;
+        full: string;
+        px: string;
+    };
+    sizes: {
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+        min: string;
+        max: string;
+        fit: string;
+        screen: string;
+        full: string;
+        px: string;
+    };
+    fonts: {
+        sans: string;
+        serif: string;
+        mono: string;
+    };
+    fontSizes: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+    };
+    fontWeights: {
+        hairline: string;
+        thin: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        md: string;
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        squared: string;
+        rounded: string;
+        pill: string;
+    };
+    lineHeights: {
+        xs: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        10: string;
+        max: string;
+    };
+    borderWidths: {
+        light: string;
+        normal: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    transitions: {
+        default: string;
+        button: string;
+        card: string;
+    };
+    colors: {
+        disable2: string;
+        disable1: string;
+        disable3: string;
+        disable4: string;
+        disable5: string;
+        disable6: string;
+        disable7: string;
+        disable8: string;
+        disable9: string;
+        disable10: string;
+        disable11: string;
+        disable12: string;
+        neutral1: string;
+        neutral2: string;
+        neutral3: string;
+        neutral4: string;
+        neutral5: string;
+        neutral6: string;
+        neutral7: string;
+        neutral8: string;
+        neutral9: string;
+        neutral10: string;
+        neutral11: string;
+        neutral12: string;
+        error1: string;
+        error2: string;
+        error3: string;
+        error4: string;
+        error5: string;
+        error6: string;
+        error7: string;
+        error8: string;
+        error9: string;
+        error10: string;
+        error11: string;
+        error12: string;
+        warning1: string;
+        warning2: string;
+        warning3: string;
+        warning4: string;
+        warning5: string;
+        warning6: string;
+        warning7: string;
+        warning8: string;
+        warning9: string;
+        warning10: string;
+        warning11: string;
+        warning12: string;
+        success1: string;
+        success2: string;
+        success3: string;
+        success4: string;
+        success5: string;
+        success6: string;
+        success7: string;
+        success8: string;
+        success9: string;
+        success10: string;
+        success11: string;
+        success12: string;
+        tertiary1: string;
+        tertiary2: string;
+        tertiary3: string;
+        tertiary4: string;
+        tertiary5: string;
+        tertiary6: string;
+        tertiary7: string;
+        tertiary8: string;
+        tertiary9: string;
+        tertiary10: string;
+        tertiary11: string;
+        tertiary12: string;
+        secondary1: string;
+        secondary2: string;
+        secondary3: string;
+        secondary4: string;
+        secondary5: string;
+        secondary6: string;
+        secondary7: string;
+        secondary8: string;
+        secondary9: string;
+        secondary10: string;
+        secondary11: string;
+        secondary12: string;
+        primary1: string;
+        primary2: string;
+        primary3: string;
+        primary4: string;
+        primary5: string;
+        primary6: string;
+        primary7: string;
+        primary8: string;
+        primary9: string;
+        primary10: string;
+        primary11: string;
+        primary12: string;
+        foregroundA2: string;
+        foregroundA1: string;
+        foregroundA3: string;
+        foregroundA4: string;
+        foregroundA5: string;
+        foregroundA6: string;
+        foregroundA7: string;
+        foregroundA8: string;
+        foregroundA9: string;
+        foregroundA10: string;
+        foregroundA11: string;
+        foregroundA12: string;
+        backgroundA2: string;
+        backgroundA1: string;
+        backgroundA3: string;
+        backgroundA4: string;
+        backgroundA5: string;
+        backgroundA6: string;
+        backgroundA7: string;
+        backgroundA8: string;
+        backgroundA9: string;
+        backgroundA10: string;
+        backgroundA11: string;
+        backgroundA12: string;
+        whiteA1: string;
+        whiteA2: string;
+        whiteA3: string;
+        whiteA4: string;
+        whiteA5: string;
+        whiteA6: string;
+        whiteA7: string;
+        whiteA8: string;
+        whiteA9: string;
+        whiteA10: string;
+        whiteA11: string;
+        whiteA12: string;
+        blackA1: string;
+        blackA2: string;
+        blackA3: string;
+        blackA4: string;
+        blackA5: string;
+        blackA6: string;
+        blackA7: string;
+        blackA8: string;
+        blackA9: string;
+        blackA10: string;
+        blackA11: string;
+        blackA12: string;
+        white: string;
+        black: string;
+        text: string;
+        background: string;
+        foreground: string;
+        divider: string;
+        subtleBackground: string;
+    };
+    shadows: {
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+    };
+    color: {
+        xScheme: number;
+    };
+} | {
+    space: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+        min: string;
+        max: string;
+        fit: string;
+        screen: string;
+        full: string;
+        px: string;
+    };
+    sizes: {
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+        17: string;
+        18: string;
+        19: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+        min: string;
+        max: string;
+        fit: string;
+        screen: string;
+        full: string;
+        px: string;
+    };
+    fonts: {
+        sans: string;
+        serif: string;
+        mono: string;
+    };
+    fontSizes: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+    };
+    fontWeights: {
+        hairline: string;
+        thin: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    radii: {
+        xs: string;
+        sm: string;
+        md: string;
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        squared: string;
+        rounded: string;
+        pill: string;
+    };
+    lineHeights: {
+        xs: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+        '6xl': string;
+        '7xl': string;
+        '8xl': string;
+        '9xl': string;
+    };
+    letterSpacings: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    zIndices: {
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        10: string;
+        max: string;
+    };
+    borderWidths: {
+        light: string;
+        normal: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    transitions: {
+        default: string;
+        button: string;
+        card: string;
+    };
+    colors: {
+        disable2: string;
+        disable1: string;
+        disable3: string;
+        disable4: string;
+        disable5: string;
+        disable6: string;
+        disable7: string;
+        disable8: string;
+        disable9: string;
+        disable10: string;
+        disable11: string;
+        disable12: string;
+        neutral1: string;
+        neutral2: string;
+        neutral3: string;
+        neutral4: string;
+        neutral5: string;
+        neutral6: string;
+        neutral7: string;
+        neutral8: string;
+        neutral9: string;
+        neutral10: string;
+        neutral11: string;
+        neutral12: string;
+        error1: string;
+        error2: string;
+        error3: string;
+        error4: string;
+        error5: string;
+        error6: string;
+        error7: string;
+        error8: string;
+        error9: string;
+        error10: string;
+        error11: string;
+        error12: string;
+        warning1: string;
+        warning2: string;
+        warning3: string;
+        warning4: string;
+        warning5: string;
+        warning6: string;
+        warning7: string;
+        warning8: string;
+        warning9: string;
+        warning10: string;
+        warning11: string;
+        warning12: string;
+        success1: string;
+        success2: string;
+        success3: string;
+        success4: string;
+        success5: string;
+        success6: string;
+        success7: string;
+        success8: string;
+        success9: string;
+        success10: string;
+        success11: string;
+        success12: string;
+        tertiary1: string;
+        tertiary2: string;
+        tertiary3: string;
+        tertiary4: string;
+        tertiary5: string;
+        tertiary6: string;
+        tertiary7: string;
+        tertiary8: string;
+        tertiary9: string;
+        tertiary10: string;
+        tertiary11: string;
+        tertiary12: string;
+        secondary1: string;
+        secondary2: string;
+        secondary3: string;
+        secondary4: string;
+        secondary5: string;
+        secondary6: string;
+        secondary7: string;
+        secondary8: string;
+        secondary9: string;
+        secondary10: string;
+        secondary11: string;
+        secondary12: string;
+        primary1: string;
+        primary2: string;
+        primary3: string;
+        primary4: string;
+        primary5: string;
+        primary6: string;
+        primary7: string;
+        primary8: string;
+        primary9: string;
+        primary10: string;
+        primary11: string;
+        primary12: string;
+        foregroundA2: string;
+        foregroundA1: string;
+        foregroundA3: string;
+        foregroundA4: string;
+        foregroundA5: string;
+        foregroundA6: string;
+        foregroundA7: string;
+        foregroundA8: string;
+        foregroundA9: string;
+        foregroundA10: string;
+        foregroundA11: string;
+        foregroundA12: string;
+        backgroundA2: string;
+        backgroundA1: string;
+        backgroundA3: string;
+        backgroundA4: string;
+        backgroundA5: string;
+        backgroundA6: string;
+        backgroundA7: string;
+        backgroundA8: string;
+        backgroundA9: string;
+        backgroundA10: string;
+        backgroundA11: string;
+        backgroundA12: string;
+        whiteA1: string;
+        whiteA2: string;
+        whiteA3: string;
+        whiteA4: string;
+        whiteA5: string;
+        whiteA6: string;
+        whiteA7: string;
+        whiteA8: string;
+        whiteA9: string;
+        whiteA10: string;
+        whiteA11: string;
+        whiteA12: string;
+        blackA1: string;
+        blackA2: string;
+        blackA3: string;
+        blackA4: string;
+        blackA5: string;
+        blackA6: string;
+        blackA7: string;
+        blackA8: string;
+        blackA9: string;
+        blackA10: string;
+        blackA11: string;
+        blackA12: string;
+        white: string;
+        black: string;
+        text: string;
+        background: string;
+        foreground: string;
+        divider: string;
+        subtleBackground: string;
+    };
+    shadows: {
+        xxs: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        '5xl': string;
+    };
+    color: {
+        xScheme: number;
+    };
+};
+export declare const themeTokens: {
+    theme: {
+        space: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+            '6xl': string;
+            '7xl': string;
+            '8xl': string;
+            '9xl': string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+            16: string;
+            17: string;
+            18: string;
+            19: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+            min: string;
+            max: string;
+            fit: string;
+            screen: string;
+            full: string;
+            px: string;
+        };
+        sizes: {
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+            '6xl': string;
+            '7xl': string;
+            '8xl': string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+            16: string;
+            17: string;
+            18: string;
+            19: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+            min: string;
+            max: string;
+            fit: string;
+            screen: string;
+            full: string;
+            px: string;
+        };
+        fonts: {
+            sans: string;
+            serif: string;
+            mono: string;
+        };
+        fontSizes: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+            '6xl': string;
+            '7xl': string;
+            '8xl': string;
+            '9xl': string;
+        };
+        fontWeights: {
+            hairline: string;
+            thin: string;
+            light: string;
+            normal: string;
+            medium: string;
+            semibold: string;
+            bold: string;
+            extrabold: string;
+            black: string;
+        };
+        radii: {
+            xs: string;
+            sm: string;
+            md: string;
+            base: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            squared: string;
+            rounded: string;
+            pill: string;
+        };
+        lineHeights: {
+            xs: string;
+            sm: string;
+            base: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+            '6xl': string;
+            '7xl': string;
+            '8xl': string;
+            '9xl': string;
+        };
+        letterSpacings: {
+            tighter: string;
+            tight: string;
+            normal: string;
+            wide: string;
+            wider: string;
+            widest: string;
+        };
+        zIndices: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            10: string;
+            max: string;
+        };
+        borderWidths: {
+            light: string;
+            normal: string;
+            bold: string;
+            extrabold: string;
+            black: string;
+        };
+        transitions: {
+            default: string;
+            button: string;
+            card: string;
+        };
+        colors: {
+            disable2: string;
+            disable1: string;
+            disable3: string;
+            disable4: string;
+            disable5: string;
+            disable6: string;
+            disable7: string;
+            disable8: string;
+            disable9: string;
+            disable10: string;
+            disable11: string;
+            disable12: string;
+            neutral1: string;
+            neutral2: string;
+            neutral3: string;
+            neutral4: string;
+            neutral5: string;
+            neutral6: string;
+            neutral7: string;
+            neutral8: string;
+            neutral9: string;
+            neutral10: string;
+            neutral11: string;
+            neutral12: string;
+            error1: string;
+            error2: string;
+            error3: string;
+            error4: string;
+            error5: string;
+            error6: string;
+            error7: string;
+            error8: string;
+            error9: string;
+            error10: string;
+            error11: string;
+            error12: string;
+            warning1: string;
+            warning2: string;
+            warning3: string;
+            warning4: string;
+            warning5: string;
+            warning6: string;
+            warning7: string;
+            warning8: string;
+            warning9: string;
+            warning10: string;
+            warning11: string;
+            warning12: string;
+            success1: string;
+            success2: string;
+            success3: string;
+            success4: string;
+            success5: string;
+            success6: string;
+            success7: string;
+            success8: string;
+            success9: string;
+            success10: string;
+            success11: string;
+            success12: string;
+            tertiary1: string;
+            tertiary2: string;
+            tertiary3: string;
+            tertiary4: string;
+            tertiary5: string;
+            tertiary6: string;
+            tertiary7: string;
+            tertiary8: string;
+            tertiary9: string;
+            tertiary10: string;
+            tertiary11: string;
+            tertiary12: string;
+            secondary1: string;
+            secondary2: string;
+            secondary3: string;
+            secondary4: string;
+            secondary5: string;
+            secondary6: string;
+            secondary7: string;
+            secondary8: string;
+            secondary9: string;
+            secondary10: string;
+            secondary11: string;
+            secondary12: string;
+            primary1: string;
+            primary2: string;
+            primary3: string;
+            primary4: string;
+            primary5: string;
+            primary6: string;
+            primary7: string;
+            primary8: string;
+            primary9: string;
+            primary10: string;
+            primary11: string;
+            primary12: string;
+            foregroundA2: string;
+            foregroundA1: string;
+            foregroundA3: string;
+            foregroundA4: string;
+            foregroundA5: string;
+            foregroundA6: string;
+            foregroundA7: string;
+            foregroundA8: string;
+            foregroundA9: string;
+            foregroundA10: string;
+            foregroundA11: string;
+            foregroundA12: string;
+            backgroundA2: string;
+            backgroundA1: string;
+            backgroundA3: string;
+            backgroundA4: string;
+            backgroundA5: string;
+            backgroundA6: string;
+            backgroundA7: string;
+            backgroundA8: string;
+            backgroundA9: string;
+            backgroundA10: string;
+            backgroundA11: string;
+            backgroundA12: string;
+            whiteA1: string;
+            whiteA2: string;
+            whiteA3: string;
+            whiteA4: string;
+            whiteA5: string;
+            whiteA6: string;
+            whiteA7: string;
+            whiteA8: string;
+            whiteA9: string;
+            whiteA10: string;
+            whiteA11: string;
+            whiteA12: string;
+            blackA1: string;
+            blackA2: string;
+            blackA3: string;
+            blackA4: string;
+            blackA5: string;
+            blackA6: string;
+            blackA7: string;
+            blackA8: string;
+            blackA9: string;
+            blackA10: string;
+            blackA11: string;
+            blackA12: string;
+            white: string;
+            black: string;
+            text: string;
+            background: string;
+            foreground: string;
+            divider: string;
+            subtleBackground: string;
+        };
+        shadows: {
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+        };
+        color: {
+            xScheme: number;
+        };
+    } | {
+        space: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+            '6xl': string;
+            '7xl': string;
+            '8xl': string;
+            '9xl': string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+            16: string;
+            17: string;
+            18: string;
+            19: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+            min: string;
+            max: string;
+            fit: string;
+            screen: string;
+            full: string;
+            px: string;
+        };
+        sizes: {
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+            '6xl': string;
+            '7xl': string;
+            '8xl': string;
+            0: string;
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+            13: string;
+            14: string;
+            15: string;
+            16: string;
+            17: string;
+            18: string;
+            19: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            44: string;
+            48: string;
+            52: string;
+            56: string;
+            60: string;
+            64: string;
+            72: string;
+            80: string;
+            96: string;
+            min: string;
+            max: string;
+            fit: string;
+            screen: string;
+            full: string;
+            px: string;
+        };
+        fonts: {
+            sans: string;
+            serif: string;
+            mono: string;
+        };
+        fontSizes: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+            '6xl': string;
+            '7xl': string;
+            '8xl': string;
+            '9xl': string;
+        };
+        fontWeights: {
+            hairline: string;
+            thin: string;
+            light: string;
+            normal: string;
+            medium: string;
+            semibold: string;
+            bold: string;
+            extrabold: string;
+            black: string;
+        };
+        radii: {
+            xs: string;
+            sm: string;
+            md: string;
+            base: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            squared: string;
+            rounded: string;
+            pill: string;
+        };
+        lineHeights: {
+            xs: string;
+            sm: string;
+            base: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+            '6xl': string;
+            '7xl': string;
+            '8xl': string;
+            '9xl': string;
+        };
+        letterSpacings: {
+            tighter: string;
+            tight: string;
+            normal: string;
+            wide: string;
+            wider: string;
+            widest: string;
+        };
+        zIndices: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            10: string;
+            max: string;
+        };
+        borderWidths: {
+            light: string;
+            normal: string;
+            bold: string;
+            extrabold: string;
+            black: string;
+        };
+        transitions: {
+            default: string;
+            button: string;
+            card: string;
+        };
+        colors: {
+            disable2: string;
+            disable1: string;
+            disable3: string;
+            disable4: string;
+            disable5: string;
+            disable6: string;
+            disable7: string;
+            disable8: string;
+            disable9: string;
+            disable10: string;
+            disable11: string;
+            disable12: string;
+            neutral1: string;
+            neutral2: string;
+            neutral3: string;
+            neutral4: string;
+            neutral5: string;
+            neutral6: string;
+            neutral7: string;
+            neutral8: string;
+            neutral9: string;
+            neutral10: string;
+            neutral11: string;
+            neutral12: string;
+            error1: string;
+            error2: string;
+            error3: string;
+            error4: string;
+            error5: string;
+            error6: string;
+            error7: string;
+            error8: string;
+            error9: string;
+            error10: string;
+            error11: string;
+            error12: string;
+            warning1: string;
+            warning2: string;
+            warning3: string;
+            warning4: string;
+            warning5: string;
+            warning6: string;
+            warning7: string;
+            warning8: string;
+            warning9: string;
+            warning10: string;
+            warning11: string;
+            warning12: string;
+            success1: string;
+            success2: string;
+            success3: string;
+            success4: string;
+            success5: string;
+            success6: string;
+            success7: string;
+            success8: string;
+            success9: string;
+            success10: string;
+            success11: string;
+            success12: string;
+            tertiary1: string;
+            tertiary2: string;
+            tertiary3: string;
+            tertiary4: string;
+            tertiary5: string;
+            tertiary6: string;
+            tertiary7: string;
+            tertiary8: string;
+            tertiary9: string;
+            tertiary10: string;
+            tertiary11: string;
+            tertiary12: string;
+            secondary1: string;
+            secondary2: string;
+            secondary3: string;
+            secondary4: string;
+            secondary5: string;
+            secondary6: string;
+            secondary7: string;
+            secondary8: string;
+            secondary9: string;
+            secondary10: string;
+            secondary11: string;
+            secondary12: string;
+            primary1: string;
+            primary2: string;
+            primary3: string;
+            primary4: string;
+            primary5: string;
+            primary6: string;
+            primary7: string;
+            primary8: string;
+            primary9: string;
+            primary10: string;
+            primary11: string;
+            primary12: string;
+            foregroundA2: string;
+            foregroundA1: string;
+            foregroundA3: string;
+            foregroundA4: string;
+            foregroundA5: string;
+            foregroundA6: string;
+            foregroundA7: string;
+            foregroundA8: string;
+            foregroundA9: string;
+            foregroundA10: string;
+            foregroundA11: string;
+            foregroundA12: string;
+            backgroundA2: string;
+            backgroundA1: string;
+            backgroundA3: string;
+            backgroundA4: string;
+            backgroundA5: string;
+            backgroundA6: string;
+            backgroundA7: string;
+            backgroundA8: string;
+            backgroundA9: string;
+            backgroundA10: string;
+            backgroundA11: string;
+            backgroundA12: string;
+            whiteA1: string;
+            whiteA2: string;
+            whiteA3: string;
+            whiteA4: string;
+            whiteA5: string;
+            whiteA6: string;
+            whiteA7: string;
+            whiteA8: string;
+            whiteA9: string;
+            whiteA10: string;
+            whiteA11: string;
+            whiteA12: string;
+            blackA1: string;
+            blackA2: string;
+            blackA3: string;
+            blackA4: string;
+            blackA5: string;
+            blackA6: string;
+            blackA7: string;
+            blackA8: string;
+            blackA9: string;
+            blackA10: string;
+            blackA11: string;
+            blackA12: string;
+            white: string;
+            black: string;
+            text: string;
+            background: string;
+            foreground: string;
+            divider: string;
+            subtleBackground: string;
+        };
+        shadows: {
+            xxs: string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+            '4xl': string;
+            '5xl': string;
+        };
+        color: {
+            xScheme: number;
+        };
+    };
+    media: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        xxl: string;
+        xsMax: string;
+        xsOnly: string;
+        xsNot: string;
+        smMax: string;
+        smOnly: string;
+        smNot: string;
+        mdMax: string;
+        mdOnly: string;
+        mdNot: string;
+        lgMax: string;
+        lgOnly: string;
+        lgNot: string;
+        xlMax: string;
+        xlOnly: string;
+        xlNot: string;
+        xxlOnly: string;
+        xxlNot: string;
+        dark: string;
+        light: string;
+    };
+    utils: {
+        p: (value: import("@stitches/core").PropertyValue<"padding">) => {
+            padding: import("@stitches/core/types/css-util").WithPropertyValue<"padding">;
+        };
+        pt: (value: import("@stitches/core").PropertyValue<"paddingTop">) => {
+            paddingTop: import("@stitches/core/types/css-util").WithPropertyValue<"paddingTop">;
+        };
+        pr: (value: import("@stitches/core").PropertyValue<"paddingRight">) => {
+            paddingRight: import("@stitches/core/types/css-util").WithPropertyValue<"paddingRight">;
+        };
+        pb: (value: import("@stitches/core").PropertyValue<"paddingBottom">) => {
+            paddingBottom: import("@stitches/core/types/css-util").WithPropertyValue<"paddingBottom">;
+        };
+        pl: (value: import("@stitches/core").PropertyValue<"paddingLeft">) => {
+            paddingLeft: import("@stitches/core/types/css-util").WithPropertyValue<"paddingLeft">;
+        };
+        px: (value: import("@stitches/core").PropertyValue<"paddingLeft">) => {
+            paddingLeft: import("@stitches/core/types/css-util").WithPropertyValue<"paddingLeft">;
+            paddingRight: import("@stitches/core/types/css-util").WithPropertyValue<"paddingLeft">;
+        };
+        py: (value: import("@stitches/core").PropertyValue<"paddingTop">) => {
+            paddingTop: import("@stitches/core/types/css-util").WithPropertyValue<"paddingTop">;
+            paddingBottom: import("@stitches/core/types/css-util").WithPropertyValue<"paddingTop">;
+        };
+        m: (value: import("@stitches/core").PropertyValue<"margin">) => {
+            margin: import("@stitches/core/types/css-util").WithPropertyValue<"margin">;
+        };
+        mt: (value: import("@stitches/core").PropertyValue<"marginTop">) => {
+            marginTop: import("@stitches/core/types/css-util").WithPropertyValue<"marginTop">;
+        };
+        mr: (value: import("@stitches/core").PropertyValue<"marginRight">) => {
+            marginRight: import("@stitches/core/types/css-util").WithPropertyValue<"marginRight">;
+        };
+        mb: (value: import("@stitches/core").PropertyValue<"marginBottom">) => {
+            marginBottom: import("@stitches/core/types/css-util").WithPropertyValue<"marginBottom">;
+        };
+        ml: (value: import("@stitches/core").PropertyValue<"marginLeft">) => {
+            marginLeft: import("@stitches/core/types/css-util").WithPropertyValue<"marginLeft">;
+        };
+        mx: (value: import("@stitches/core").PropertyValue<"marginLeft">) => {
+            marginLeft: import("@stitches/core/types/css-util").WithPropertyValue<"marginLeft">;
+            marginRight: import("@stitches/core/types/css-util").WithPropertyValue<"marginLeft">;
+        };
+        my: (value: import("@stitches/core").PropertyValue<"marginTop">) => {
+            marginTop: import("@stitches/core/types/css-util").WithPropertyValue<"marginTop">;
+            marginBottom: import("@stitches/core/types/css-util").WithPropertyValue<"marginTop">;
+        };
+        ta: (value: import("@stitches/core").PropertyValue<"textAlign">) => {
+            textAlign: import("@stitches/core/types/css-util").WithPropertyValue<"textAlign">;
+        };
+        tt: (value: import("@stitches/core").PropertyValue<"textTransform">) => {
+            textTransform: import("@stitches/core/types/css-util").WithPropertyValue<"textTransform">;
+        };
+        to: (value: import("@stitches/core").PropertyValue<"textOverflow">) => {
+            textOverflow: import("@stitches/core/types/css-util").WithPropertyValue<"textOverflow">;
+        };
+        d: (value: import("@stitches/core").PropertyValue<"display">) => {
+            display: import("@stitches/core/types/css-util").WithPropertyValue<"display">;
+        };
+        dflex: (value: import("@stitches/core").PropertyValue<"alignItems">) => {
+            display: string;
+            alignItems: import("@stitches/core/types/css-util").WithPropertyValue<"alignItems">;
+            justifyContent: import("@stitches/core/types/css-util").WithPropertyValue<"alignItems">;
+        };
+        fd: (value: import("@stitches/core").PropertyValue<"flexDirection">) => {
+            flexDirection: import("@stitches/core/types/css-util").WithPropertyValue<"flexDirection">;
+        };
+        fw: (value: import("@stitches/core").PropertyValue<"flexWrap">) => {
+            flexWrap: import("@stitches/core/types/css-util").WithPropertyValue<"flexWrap">;
+        };
+        ai: (value: import("@stitches/core").PropertyValue<"alignItems">) => {
+            alignItems: import("@stitches/core/types/css-util").WithPropertyValue<"alignItems">;
+        };
+        ac: (value: import("@stitches/core").PropertyValue<"alignContent">) => {
+            alignContent: import("@stitches/core/types/css-util").WithPropertyValue<"alignContent">;
+        };
+        jc: (value: import("@stitches/core").PropertyValue<"justifyContent">) => {
+            justifyContent: import("@stitches/core/types/css-util").WithPropertyValue<"justifyContent">;
+        };
+        as: (value: import("@stitches/core").PropertyValue<"alignSelf">) => {
+            alignSelf: import("@stitches/core/types/css-util").WithPropertyValue<"alignSelf">;
+        };
+        fg: (value: import("@stitches/core").PropertyValue<"flexGrow">) => {
+            flexGrow: import("@stitches/core/types/css-util").WithPropertyValue<"flexGrow">;
+        };
+        fs: (value: import("@stitches/core").PropertyValue<"fontSize">) => {
+            fontSize: import("@stitches/core/types/css-util").WithPropertyValue<"fontSize">;
+        };
+        fb: (value: import("@stitches/core").PropertyValue<"flexBasis">) => {
+            flexBasis: import("@stitches/core/types/css-util").WithPropertyValue<"flexBasis">;
+        };
+        bf: (value: import("@stitches/core").PropertyValue<"backdropFilter">) => {
+            backdropFilter: import("@stitches/core/types/css-util").WithPropertyValue<"backdropFilter">;
+        };
+        bg: (value: import("@stitches/core").PropertyValue<"backgroundColor">) => {
+            background: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">;
+        };
+        bgBlur: (value: import("@stitches/core").PropertyValue<"backgroundColor">) => {
+            bf: string;
+            bg: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">;
+        };
+        bc: (value: import("@stitches/core").PropertyValue<"backgroundColor">) => {
+            backgroundColor: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">;
+        };
+        bgColor: (value: import("@stitches/core").PropertyValue<"backgroundColor">) => {
+            backgroundColor: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundColor">;
+        };
+        bgClip: (value: import("@stitches/core").PropertyValue<"backgroundClip">) => {
+            WebkitBackgroundClip: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundClip">;
+            backgroundClip: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundClip">;
+        };
+        backgroundClip: (value: import("@stitches/core").PropertyValue<"backgroundClip">) => {
+            WebkitBackgroundClip: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundClip">;
+            backgroundClip: import("@stitches/core/types/css-util").WithPropertyValue<"backgroundClip">;
+        };
+        bw: (value: import("@stitches/core").PropertyValue<"borderWidth">) => {
+            borderWidth: import("@stitches/core/types/css-util").WithPropertyValue<"borderWidth">;
+        };
+        br: (value: import("@stitches/core").PropertyValue<"borderRadius">) => {
+            borderRadius: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+        };
+        brtr: (value: import("@stitches/core").PropertyValue<"borderTopRightRadius">) => {
+            borderTopRightRadius: import("@stitches/core/types/css-util").WithPropertyValue<"borderTopRightRadius">;
+        };
+        brtl: (value: import("@stitches/core").PropertyValue<"borderTopLeftRadius">) => {
+            borderTopLeftRadius: import("@stitches/core/types/css-util").WithPropertyValue<"borderTopLeftRadius">;
+        };
+        brbr: (value: import("@stitches/core").PropertyValue<"borderBottomRightRadius">) => {
+            borderBottomRightRadius: import("@stitches/core/types/css-util").WithPropertyValue<"borderBottomRightRadius">;
+        };
+        brbl: (value: import("@stitches/core").PropertyValue<"borderBottomLeftRadius">) => {
+            borderBottomLeftRadius: import("@stitches/core/types/css-util").WithPropertyValue<"borderBottomLeftRadius">;
+        };
+        brl: (value: import("@stitches/core").PropertyValue<"borderRadius">) => {
+            brtl: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+            brbl: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+        };
+        brr: (value: import("@stitches/core").PropertyValue<"borderRadius">) => {
+            brtr: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+            brbr: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+        };
+        brt: (value: import("@stitches/core").PropertyValue<"borderRadius">) => {
+            brtr: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+            brtl: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+        };
+        brb: (value: import("@stitches/core").PropertyValue<"borderRadius">) => {
+            brbr: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+            brbl: import("@stitches/core/types/css-util").WithPropertyValue<"borderRadius">;
+        };
+        bs: (value: import("@stitches/core").PropertyValue<"boxShadow">) => {
+            boxShadow: import("@stitches/core/types/css-util").WithPropertyValue<"boxShadow">;
+        };
+        normalShadow: (value: import("@stitches/core").PropertyValue<"backgroundColor">) => {
+            boxShadow: string;
+        };
+        lh: (value: import("@stitches/core").PropertyValue<"lineHeight">) => {
+            lineHeight: import("@stitches/core/types/css-util").WithPropertyValue<"lineHeight">;
+        };
+        ov: (value: import("@stitches/core").PropertyValue<"overflow">) => {
+            overflow: import("@stitches/core/types/css-util").WithPropertyValue<"overflow">;
+        };
+        ox: (value: import("@stitches/core").PropertyValue<"overflowX">) => {
+            overflowX: import("@stitches/core/types/css-util").WithPropertyValue<"overflowX">;
+        };
+        oy: (value: import("@stitches/core").PropertyValue<"overflowY">) => {
+            overflowY: import("@stitches/core/types/css-util").WithPropertyValue<"overflowY">;
+        };
+        pe: (value: import("@stitches/core").PropertyValue<"pointerEvents">) => {
+            pointerEvents: import("@stitches/core/types/css-util").WithPropertyValue<"pointerEvents">;
+        };
+        userSelect: (value: import("@stitches/core").PropertyValue<"userSelect">) => {
+            WebkitUserSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+            WebkitTouchCallout: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+            KhtmlUserSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+            MozUserSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+            MsUserSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+            userSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+        };
+        us: (value: import("@stitches/core").PropertyValue<"userSelect">) => {
+            userSelect: import("@stitches/core/types/css-util").WithPropertyValue<"userSelect">;
+        };
+        w: (value: import("@stitches/core").PropertyValue<"width">) => {
+            width: import("@stitches/core/types/css-util").WithPropertyValue<"width">;
+        };
+        h: (value: import("@stitches/core").PropertyValue<"height">) => {
+            height: import("@stitches/core/types/css-util").WithPropertyValue<"height">;
+        };
+        minW: (value: import("@stitches/core").PropertyValue<"minWidth">) => {
+            minWidth: import("@stitches/core/types/css-util").WithPropertyValue<"minWidth">;
+        };
+        maxW: (value: import("@stitches/core").PropertyValue<"maxWidth">) => {
+            maxWidth: import("@stitches/core/types/css-util").WithPropertyValue<"maxWidth">;
+        };
+        minH: (value: import("@stitches/core").PropertyValue<"minHeight">) => {
+            minHeight: import("@stitches/core/types/css-util").WithPropertyValue<"minHeight">;
+        };
+        maxH: (value: import("@stitches/core").PropertyValue<"maxHeight">) => {
+            maxHeight: import("@stitches/core/types/css-util").WithPropertyValue<"maxHeight">;
+        };
+        size: (value: import("@stitches/core").PropertyValue<"width">) => {
+            width: import("@stitches/core/types/css-util").WithPropertyValue<"width">;
+            height: import("@stitches/core/types/css-util").WithPropertyValue<"width">;
+        };
+        minSize: (value: import("@stitches/core").PropertyValue<"minWidth">) => {
+            minWidth: import("@stitches/core/types/css-util").WithPropertyValue<"minWidth">;
+            minHeight: import("@stitches/core/types/css-util").WithPropertyValue<"minWidth">;
+        };
+        maxSize: (value: import("@stitches/core").PropertyValue<"maxWidth">) => {
+            maxWidth: import("@stitches/core/types/css-util").WithPropertyValue<"maxWidth">;
+            maxHeight: import("@stitches/core/types/css-util").WithPropertyValue<"maxWidth">;
+        };
+        appearance: (value: import("@stitches/core").PropertyValue<"appearance">) => {
+            appearance: import("@stitches/core/types/css-util").WithPropertyValue<"appearance">;
+            WebkitAppearance: import("@stitches/core/types/css-util").WithPropertyValue<"appearance">;
+            MozAppearance: import("@stitches/core/types/css-util").WithPropertyValue<"appearance">;
+        };
+        scale: (value: import("@stitches/core").PropertyValue<"scale">) => {
+            transform: string;
+        };
+        linearGradient: (value: import("@stitches/core").PropertyValue<"backgroundImage">) => {
+            backgroundImage: string;
+        };
+        tdl: (value: import("@stitches/core").PropertyValue<"textDecorationLine">) => {
+            textDecorationLine: import("@stitches/core/types/css-util").WithPropertyValue<"textDecorationLine">;
+        };
+        truncateText: (value: import("@stitches/core").PropertyValue<"maxWidth">) => {
+            maxWidth: import("@stitches/core/types/css-util").WithPropertyValue<"maxWidth">;
+            whiteSpace: string;
+            overflow: string;
+            textOverflow: string;
+        };
+        textGradient: (value: import("@stitches/core").PropertyValue<"backgroundImage">) => {
+            backgroundImage: string;
+            WebkitBackgroundClip: string;
+            WebkitTextFillColor: string;
+            '&::selection': {
+                WebkitTextFillColor: string;
+            };
+        };
+    };
+    themeMap: {
+        borderBlockColor: string;
+        borderInlineColor: string;
+        borderInlineStartColor: string;
+        borderInlineEndColor: string;
+        borderBlockStartColor: string;
+        borderBlockEndColor: string;
+        textEmphasisColor: string;
+        scrollbarColor: string;
+        accentColor: string;
+        borderEndStartRadius: string;
+        borderEndEndRadius: string;
+        borderStartEndRadius: string;
+        borderStartStartRadius: string;
+        scrollbarWidth: string;
+        scrollSnapMargin: string;
+        scrollSnapMarginRight: string;
+        scrollSnapMarginLeft: string;
+        scrollSnapMarginBottom: string;
+        scrollSnapMarginTop: string;
+        textIndent: string;
+        outlineOffset: string;
+        borderInlineWidth: string;
+        borderInlineEndWidth: string;
+        borderInlineStartWidth: string;
+        borderBlockWidth: string;
+        borderBlockStartWidth: string;
+        borderBlockEndWidth: string;
+        outlineWidth: string;
+        gap: "space";
+        gridGap: "space";
+        columnGap: "space";
+        gridColumnGap: "space";
+        rowGap: "space";
+        gridRowGap: "space";
+        inset: "space";
+        insetBlock: "space";
+        insetBlockEnd: "space";
+        insetBlockStart: "space";
+        insetInline: "space";
+        insetInlineEnd: "space";
+        insetInlineStart: "space";
+        margin: "space";
+        marginTop: "space";
+        marginRight: "space";
+        marginBottom: "space";
+        marginLeft: "space";
+        marginBlock: "space";
+        marginBlockEnd: "space";
+        marginBlockStart: "space";
+        marginInline: "space";
+        marginInlineEnd: "space";
+        marginInlineStart: "space";
+        padding: "space";
+        paddingTop: "space";
+        paddingRight: "space";
+        paddingBottom: "space";
+        paddingLeft: "space";
+        paddingBlock: "space";
+        paddingBlockEnd: "space";
+        paddingBlockStart: "space";
+        paddingInline: "space";
+        paddingInlineEnd: "space";
+        paddingInlineStart: "space";
+        scrollMargin: "space";
+        scrollMarginTop: "space";
+        scrollMarginRight: "space";
+        scrollMarginBottom: "space";
+        scrollMarginLeft: "space";
+        scrollMarginBlock: "space";
+        scrollMarginBlockEnd: "space";
+        scrollMarginBlockStart: "space";
+        scrollMarginInline: "space";
+        scrollMarginInlineEnd: "space";
+        scrollMarginInlineStart: "space";
+        scrollPadding: "space";
+        scrollPaddingTop: "space";
+        scrollPaddingRight: "space";
+        scrollPaddingBottom: "space";
+        scrollPaddingLeft: "space";
+        scrollPaddingBlock: "space";
+        scrollPaddingBlockEnd: "space";
+        scrollPaddingBlockStart: "space";
+        scrollPaddingInline: "space";
+        scrollPaddingInlineEnd: "space";
+        scrollPaddingInlineStart: "space";
+        top: "space";
+        right: "space";
+        bottom: "space";
+        left: "space";
+        fontSize: "fontSizes";
+        background: "colors";
+        backgroundColor: "colors";
+        backgroundImage: "colors";
+        borderImage: "colors";
+        border: "colors";
+        borderBlock: "colors";
+        borderBlockEnd: "colors";
+        borderBlockStart: "colors";
+        borderBottom: "colors";
+        borderBottomColor: "colors";
+        borderColor: "colors";
+        borderInline: "colors";
+        borderInlineEnd: "colors";
+        borderInlineStart: "colors";
+        borderLeft: "colors";
+        borderLeftColor: "colors";
+        borderRight: "colors";
+        borderRightColor: "colors";
+        borderTop: "colors";
+        borderTopColor: "colors";
+        caretColor: "colors";
+        color: "colors";
+        columnRuleColor: "colors";
+        outline: "colors";
+        outlineColor: "colors";
+        fill: "colors";
+        stroke: "colors";
+        textDecorationColor: "colors";
+        fontFamily: "fonts";
+        fontWeight: "fontWeights";
+        lineHeight: "lineHeights";
+        letterSpacing: "letterSpacings";
+        blockSize: "sizes";
+        minBlockSize: "sizes";
+        maxBlockSize: "sizes";
+        inlineSize: "sizes";
+        minInlineSize: "sizes";
+        maxInlineSize: "sizes";
+        width: "sizes";
+        minWidth: "sizes";
+        maxWidth: "sizes";
+        height: "sizes";
+        minHeight: "sizes";
+        maxHeight: "sizes";
+        flexBasis: "sizes";
+        gridTemplateColumns: "sizes";
+        gridTemplateRows: "sizes";
+        borderWidth: "borderWidths";
+        borderTopWidth: "borderWidths";
+        borderLeftWidth: "borderWidths";
+        borderRightWidth: "borderWidths";
+        borderBottomWidth: "borderWidths";
+        borderStyle: "borderStyles";
+        borderTopStyle: "borderStyles";
+        borderLeftStyle: "borderStyles";
+        borderRightStyle: "borderStyles";
+        borderBottomStyle: "borderStyles";
+        borderRadius: "radii";
+        borderTopLeftRadius: "radii";
+        borderTopRightRadius: "radii";
+        borderBottomRightRadius: "radii";
+        borderBottomLeftRadius: "radii";
+        boxShadow: "shadows";
+        textShadow: "shadows";
+        transition: "transitions";
+        zIndex: "zIndices";
+    };
+};
+export type Tokens = typeof themeTokens;