@nextui-org/react 1.0.2-alpha.1 → 1.0.2-beta.3

package/cjs/theme/stitches.config.d.ts

@@ -2,6 +2,490 @@
 import type * as Stitches from '@stitches/react';
 import { Theme, BaseTheme } from './types';
 export declare const getStitchesTheme: (targetTheme: BaseTheme) => BaseTheme;
+export declare const createThemeBase: <Argument0 extends string | ({
+    shadows?: {
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+    } | undefined;
+    colors?: {
+        accents1?: string | number | boolean | undefined;
+        accents2?: string | number | boolean | undefined;
+        accents3?: string | number | boolean | undefined;
+        accents4?: string | number | boolean | undefined;
+        accents5?: string | number | boolean | undefined;
+        accents6?: string | number | boolean | undefined;
+        accents7?: string | number | boolean | undefined;
+        accents8?: string | number | boolean | undefined;
+        accents9?: string | number | boolean | undefined;
+        text?: string | number | boolean | undefined;
+        background?: string | number | boolean | undefined;
+        foreground?: string | number | boolean | undefined;
+        codeLight?: string | number | boolean | undefined;
+        code?: string | number | boolean | undefined;
+        border?: string | number | boolean | undefined;
+        selection?: string | number | boolean | undefined;
+        white?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+        blue100?: string | number | boolean | undefined;
+        blue200?: string | number | boolean | undefined;
+        blue300?: string | number | boolean | undefined;
+        blue400?: string | number | boolean | undefined;
+        blue500?: string | number | boolean | undefined;
+        blue600?: string | number | boolean | undefined;
+        blue700?: string | number | boolean | undefined;
+        blue800?: string | number | boolean | undefined;
+        blue900?: string | number | boolean | undefined;
+        purple100?: string | number | boolean | undefined;
+        purple200?: string | number | boolean | undefined;
+        purple300?: string | number | boolean | undefined;
+        purple400?: string | number | boolean | undefined;
+        purple500?: string | number | boolean | undefined;
+        purple600?: string | number | boolean | undefined;
+        purple700?: string | number | boolean | undefined;
+        purple800?: string | number | boolean | undefined;
+        purple900?: string | number | boolean | undefined;
+        green100?: string | number | boolean | undefined;
+        green200?: string | number | boolean | undefined;
+        green300?: string | number | boolean | undefined;
+        green400?: string | number | boolean | undefined;
+        green500?: string | number | boolean | undefined;
+        green600?: string | number | boolean | undefined;
+        green700?: string | number | boolean | undefined;
+        green800?: string | number | boolean | undefined;
+        green900?: string | number | boolean | undefined;
+        yellow100?: string | number | boolean | undefined;
+        yellow200?: string | number | boolean | undefined;
+        yellow300?: string | number | boolean | undefined;
+        yellow400?: string | number | boolean | undefined;
+        yellow500?: string | number | boolean | undefined;
+        yellow600?: string | number | boolean | undefined;
+        yellow700?: string | number | boolean | undefined;
+        yellow800?: string | number | boolean | undefined;
+        yellow900?: string | number | boolean | undefined;
+        red100?: string | number | boolean | undefined;
+        red200?: string | number | boolean | undefined;
+        red300?: string | number | boolean | undefined;
+        red400?: string | number | boolean | undefined;
+        red500?: string | number | boolean | undefined;
+        red600?: string | number | boolean | undefined;
+        red700?: string | number | boolean | undefined;
+        red800?: string | number | boolean | undefined;
+        red900?: string | number | boolean | undefined;
+        cyan100?: string | number | boolean | undefined;
+        cyan200?: string | number | boolean | undefined;
+        cyan300?: string | number | boolean | undefined;
+        cyan400?: string | number | boolean | undefined;
+        cyan500?: string | number | boolean | undefined;
+        cyan600?: string | number | boolean | undefined;
+        cyan700?: string | number | boolean | undefined;
+        cyan800?: string | number | boolean | undefined;
+        cyan900?: string | number | boolean | undefined;
+        pink100?: string | number | boolean | undefined;
+        pink200?: string | number | boolean | undefined;
+        pink300?: string | number | boolean | undefined;
+        pink400?: string | number | boolean | undefined;
+        pink500?: string | number | boolean | undefined;
+        pink600?: string | number | boolean | undefined;
+        pink700?: string | number | boolean | undefined;
+        pink800?: string | number | boolean | undefined;
+        pink900?: string | number | boolean | undefined;
+        gray100?: string | number | boolean | undefined;
+        gray200?: string | number | boolean | undefined;
+        gray300?: string | number | boolean | undefined;
+        gray400?: string | number | boolean | undefined;
+        gray500?: string | number | boolean | undefined;
+        gray600?: string | number | boolean | undefined;
+        gray700?: string | number | boolean | undefined;
+        gray800?: string | number | boolean | undefined;
+        gray900?: string | number | boolean | undefined;
+        primaryLight?: string | number | boolean | undefined;
+        primary?: string | number | boolean | undefined;
+        primaryDark?: string | number | boolean | undefined;
+        secondaryLight?: string | number | boolean | undefined;
+        secondary?: string | number | boolean | undefined;
+        secondaryDark?: string | number | boolean | undefined;
+        successLight?: string | number | boolean | undefined;
+        success?: string | number | boolean | undefined;
+        successDark?: string | number | boolean | undefined;
+        warningLight?: string | number | boolean | undefined;
+        warning?: string | number | boolean | undefined;
+        warningDark?: string | number | boolean | undefined;
+        errorLight?: string | number | boolean | undefined;
+        error?: string | number | boolean | undefined;
+        errorDark?: string | number | boolean | undefined;
+        gradient?: string | number | boolean | undefined;
+        link?: string | number | boolean | undefined;
+    } | undefined;
+    fonts?: {
+        sans?: string | number | boolean | undefined;
+        mono?: string | number | boolean | undefined;
+    } | undefined;
+    fontSizes?: {
+        tiny?: string | number | boolean | undefined;
+        xs?: string | number | boolean | undefined;
+        base?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+    } | undefined;
+    fontWeights?: {
+        hairline?: string | number | boolean | undefined;
+        thin?: string | number | boolean | undefined;
+        light?: string | number | boolean | undefined;
+        normal?: string | number | boolean | undefined;
+        medium?: string | number | boolean | undefined;
+        semibold?: string | number | boolean | undefined;
+        bold?: string | number | boolean | undefined;
+        extrabold?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+    } | undefined;
+    lineHeights?: {
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+    } | undefined;
+    letterSpacings?: {
+        tighter?: string | number | boolean | undefined;
+        tight?: string | number | boolean | undefined;
+        normal?: string | number | boolean | undefined;
+        wide?: string | number | boolean | undefined;
+        wider?: string | number | boolean | undefined;
+        widest?: string | number | boolean | undefined;
+    } | undefined;
+    space?: {
+        0?: string | number | boolean | undefined;
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+        px?: string | number | boolean | undefined;
+        1?: string | number | boolean | undefined;
+        2?: string | number | boolean | undefined;
+        3?: string | number | boolean | undefined;
+        4?: string | number | boolean | undefined;
+        5?: string | number | boolean | undefined;
+        6?: string | number | boolean | undefined;
+        7?: string | number | boolean | undefined;
+        8?: string | number | boolean | undefined;
+        9?: string | number | boolean | undefined;
+        10?: string | number | boolean | undefined;
+        11?: string | number | boolean | undefined;
+        12?: string | number | boolean | undefined;
+        13?: string | number | boolean | undefined;
+        14?: string | number | boolean | undefined;
+        15?: string | number | boolean | undefined;
+        16?: string | number | boolean | undefined;
+        17?: string | number | boolean | undefined;
+        18?: string | number | boolean | undefined;
+        20?: string | number | boolean | undefined;
+        24?: string | number | boolean | undefined;
+        28?: string | number | boolean | undefined;
+        32?: string | number | boolean | undefined;
+        36?: string | number | boolean | undefined;
+        40?: string | number | boolean | undefined;
+        44?: string | number | boolean | undefined;
+        48?: string | number | boolean | undefined;
+        52?: string | number | boolean | undefined;
+        56?: string | number | boolean | undefined;
+        60?: string | number | boolean | undefined;
+        64?: string | number | boolean | undefined;
+        72?: string | number | boolean | undefined;
+        80?: string | number | boolean | undefined;
+        96?: string | number | boolean | undefined;
+    } | undefined;
+    radii?: {
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        base?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+        squared?: string | number | boolean | undefined;
+        rounded?: string | number | boolean | undefined;
+        pill?: string | number | boolean | undefined;
+    } | undefined;
+    zIndices?: {
+        1?: string | number | boolean | undefined;
+        2?: string | number | boolean | undefined;
+        3?: string | number | boolean | undefined;
+        4?: string | number | boolean | undefined;
+        5?: string | number | boolean | undefined;
+        10?: string | number | boolean | undefined;
+        max?: string | number | boolean | undefined;
+    } | undefined;
+    borderWeights?: {
+        light?: string | number | boolean | undefined;
+        normal?: string | number | boolean | undefined;
+        bold?: string | number | boolean | undefined;
+        extrabold?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+    } | undefined;
+    transitions?: {
+        default?: string | number | boolean | undefined;
+    } | undefined;
+    breakpoints?: {
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+    } | undefined;
+} & {
+    [x: string]: {
+        [x: string]: string | number | boolean;
+        [x: number]: string | number | boolean;
+    };
+}), Argument1 extends string | ({
+    shadows?: {
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+    } | undefined;
+    colors?: {
+        accents1?: string | number | boolean | undefined;
+        accents2?: string | number | boolean | undefined;
+        accents3?: string | number | boolean | undefined;
+        accents4?: string | number | boolean | undefined;
+        accents5?: string | number | boolean | undefined;
+        accents6?: string | number | boolean | undefined;
+        accents7?: string | number | boolean | undefined;
+        accents8?: string | number | boolean | undefined;
+        accents9?: string | number | boolean | undefined;
+        text?: string | number | boolean | undefined;
+        background?: string | number | boolean | undefined;
+        foreground?: string | number | boolean | undefined;
+        codeLight?: string | number | boolean | undefined;
+        code?: string | number | boolean | undefined;
+        border?: string | number | boolean | undefined;
+        selection?: string | number | boolean | undefined;
+        white?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+        blue100?: string | number | boolean | undefined;
+        blue200?: string | number | boolean | undefined;
+        blue300?: string | number | boolean | undefined;
+        blue400?: string | number | boolean | undefined;
+        blue500?: string | number | boolean | undefined;
+        blue600?: string | number | boolean | undefined;
+        blue700?: string | number | boolean | undefined;
+        blue800?: string | number | boolean | undefined;
+        blue900?: string | number | boolean | undefined;
+        purple100?: string | number | boolean | undefined;
+        purple200?: string | number | boolean | undefined;
+        purple300?: string | number | boolean | undefined;
+        purple400?: string | number | boolean | undefined;
+        purple500?: string | number | boolean | undefined;
+        purple600?: string | number | boolean | undefined;
+        purple700?: string | number | boolean | undefined;
+        purple800?: string | number | boolean | undefined;
+        purple900?: string | number | boolean | undefined;
+        green100?: string | number | boolean | undefined;
+        green200?: string | number | boolean | undefined;
+        green300?: string | number | boolean | undefined;
+        green400?: string | number | boolean | undefined;
+        green500?: string | number | boolean | undefined;
+        green600?: string | number | boolean | undefined;
+        green700?: string | number | boolean | undefined;
+        green800?: string | number | boolean | undefined;
+        green900?: string | number | boolean | undefined;
+        yellow100?: string | number | boolean | undefined;
+        yellow200?: string | number | boolean | undefined;
+        yellow300?: string | number | boolean | undefined;
+        yellow400?: string | number | boolean | undefined;
+        yellow500?: string | number | boolean | undefined;
+        yellow600?: string | number | boolean | undefined;
+        yellow700?: string | number | boolean | undefined;
+        yellow800?: string | number | boolean | undefined;
+        yellow900?: string | number | boolean | undefined;
+        red100?: string | number | boolean | undefined;
+        red200?: string | number | boolean | undefined;
+        red300?: string | number | boolean | undefined;
+        red400?: string | number | boolean | undefined;
+        red500?: string | number | boolean | undefined;
+        red600?: string | number | boolean | undefined;
+        red700?: string | number | boolean | undefined;
+        red800?: string | number | boolean | undefined;
+        red900?: string | number | boolean | undefined;
+        cyan100?: string | number | boolean | undefined;
+        cyan200?: string | number | boolean | undefined;
+        cyan300?: string | number | boolean | undefined;
+        cyan400?: string | number | boolean | undefined;
+        cyan500?: string | number | boolean | undefined;
+        cyan600?: string | number | boolean | undefined;
+        cyan700?: string | number | boolean | undefined;
+        cyan800?: string | number | boolean | undefined;
+        cyan900?: string | number | boolean | undefined;
+        pink100?: string | number | boolean | undefined;
+        pink200?: string | number | boolean | undefined;
+        pink300?: string | number | boolean | undefined;
+        pink400?: string | number | boolean | undefined;
+        pink500?: string | number | boolean | undefined;
+        pink600?: string | number | boolean | undefined;
+        pink700?: string | number | boolean | undefined;
+        pink800?: string | number | boolean | undefined;
+        pink900?: string | number | boolean | undefined;
+        gray100?: string | number | boolean | undefined;
+        gray200?: string | number | boolean | undefined;
+        gray300?: string | number | boolean | undefined;
+        gray400?: string | number | boolean | undefined;
+        gray500?: string | number | boolean | undefined;
+        gray600?: string | number | boolean | undefined;
+        gray700?: string | number | boolean | undefined;
+        gray800?: string | number | boolean | undefined;
+        gray900?: string | number | boolean | undefined;
+        primaryLight?: string | number | boolean | undefined;
+        primary?: string | number | boolean | undefined;
+        primaryDark?: string | number | boolean | undefined;
+        secondaryLight?: string | number | boolean | undefined;
+        secondary?: string | number | boolean | undefined;
+        secondaryDark?: string | number | boolean | undefined;
+        successLight?: string | number | boolean | undefined;
+        success?: string | number | boolean | undefined;
+        successDark?: string | number | boolean | undefined;
+        warningLight?: string | number | boolean | undefined;
+        warning?: string | number | boolean | undefined;
+        warningDark?: string | number | boolean | undefined;
+        errorLight?: string | number | boolean | undefined;
+        error?: string | number | boolean | undefined;
+        errorDark?: string | number | boolean | undefined;
+        gradient?: string | number | boolean | undefined;
+        link?: string | number | boolean | undefined;
+    } | undefined;
+    fonts?: {
+        sans?: string | number | boolean | undefined;
+        mono?: string | number | boolean | undefined;
+    } | undefined;
+    fontSizes?: {
+        tiny?: string | number | boolean | undefined;
+        xs?: string | number | boolean | undefined;
+        base?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+    } | undefined;
+    fontWeights?: {
+        hairline?: string | number | boolean | undefined;
+        thin?: string | number | boolean | undefined;
+        light?: string | number | boolean | undefined;
+        normal?: string | number | boolean | undefined;
+        medium?: string | number | boolean | undefined;
+        semibold?: string | number | boolean | undefined;
+        bold?: string | number | boolean | undefined;
+        extrabold?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+    } | undefined;
+    lineHeights?: {
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+    } | undefined;
+    letterSpacings?: {
+        tighter?: string | number | boolean | undefined;
+        tight?: string | number | boolean | undefined;
+        normal?: string | number | boolean | undefined;
+        wide?: string | number | boolean | undefined;
+        wider?: string | number | boolean | undefined;
+        widest?: string | number | boolean | undefined;
+    } | undefined;
+    space?: {
+        0?: string | number | boolean | undefined;
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+        px?: string | number | boolean | undefined;
+        1?: string | number | boolean | undefined;
+        2?: string | number | boolean | undefined;
+        3?: string | number | boolean | undefined;
+        4?: string | number | boolean | undefined;
+        5?: string | number | boolean | undefined;
+        6?: string | number | boolean | undefined;
+        7?: string | number | boolean | undefined;
+        8?: string | number | boolean | undefined;
+        9?: string | number | boolean | undefined;
+        10?: string | number | boolean | undefined;
+        11?: string | number | boolean | undefined;
+        12?: string | number | boolean | undefined;
+        13?: string | number | boolean | undefined;
+        14?: string | number | boolean | undefined;
+        15?: string | number | boolean | undefined;
+        16?: string | number | boolean | undefined;
+        17?: string | number | boolean | undefined;
+        18?: string | number | boolean | undefined;
+        20?: string | number | boolean | undefined;
+        24?: string | number | boolean | undefined;
+        28?: string | number | boolean | undefined;
+        32?: string | number | boolean | undefined;
+        36?: string | number | boolean | undefined;
+        40?: string | number | boolean | undefined;
+        44?: string | number | boolean | undefined;
+        48?: string | number | boolean | undefined;
+        52?: string | number | boolean | undefined;
+        56?: string | number | boolean | undefined;
+        60?: string | number | boolean | undefined;
+        64?: string | number | boolean | undefined;
+        72?: string | number | boolean | undefined;
+        80?: string | number | boolean | undefined;
+        96?: string | number | boolean | undefined;
+    } | undefined;
+    radii?: {
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        base?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+        squared?: string | number | boolean | undefined;
+        rounded?: string | number | boolean | undefined;
+        pill?: string | number | boolean | undefined;
+    } | undefined;
+    zIndices?: {
+        1?: string | number | boolean | undefined;
+        2?: string | number | boolean | undefined;
+        3?: string | number | boolean | undefined;
+        4?: string | number | boolean | undefined;
+        5?: string | number | boolean | undefined;
+        10?: string | number | boolean | undefined;
+        max?: string | number | boolean | undefined;
+    } | undefined;
+    borderWeights?: {
+        light?: string | number | boolean | undefined;
+        normal?: string | number | boolean | undefined;
+        bold?: string | number | boolean | undefined;
+        extrabold?: string | number | boolean | undefined;
+        black?: string | number | boolean | undefined;
+    } | undefined;
+    transitions?: {
+        default?: string | number | boolean | undefined;
+    } | undefined;
+    breakpoints?: {
+        xs?: string | number | boolean | undefined;
+        sm?: string | number | boolean | undefined;
+        md?: string | number | boolean | undefined;
+        lg?: string | number | boolean | undefined;
+        xl?: string | number | boolean | undefined;
+    } | undefined;
+} & {
+    [x: string]: {
+        [x: string]: string | number | boolean;
+        [x: number]: string | number | boolean;
+    };
+})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
+    className: string;
+    selector: string;
+} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, string> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, string>);
 export declare const styled: <Type extends keyof JSX.IntrinsicElements | import("react").ComponentType<any> | import("@stitches/react/types/util").Function, Composers extends (string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function | {
     [name: string]: unknown;
 })[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
@@ -824,6 +1308,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -840,6 +1340,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -870,6 +1380,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1724,6 +2241,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -1740,6 +2273,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -1770,6 +2313,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1777,7 +2327,8 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
     };
-}>>, css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> | {
+}>>;
+export declare const css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> | {
     [name: string]: unknown;
 })[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
     xs: string;
@@ -2318,1089 +2869,402 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     };
     fw: (value: {
         readonly [$$PropertyValue]: "flexWrap";
-    }) => {
-        flexWrap: {
-            readonly [$$PropertyValue]: "flexWrap";
-        };
-    };
-    ai: (value: {
-        readonly [$$PropertyValue]: "alignItems";
-    }) => {
-        alignItems: {
-            readonly [$$PropertyValue]: "alignItems";
-        };
-    };
-    ac: (value: {
-        readonly [$$PropertyValue]: "alignContent";
-    }) => {
-        alignContent: {
-            readonly [$$PropertyValue]: "alignContent";
-        };
-    };
-    jc: (value: {
-        readonly [$$PropertyValue]: "justifyContent";
-    }) => {
-        justifyContent: {
-            readonly [$$PropertyValue]: "justifyContent";
-        };
-    };
-    as: (value: {
-        readonly [$$PropertyValue]: "alignSelf";
-    }) => {
-        alignSelf: {
-            readonly [$$PropertyValue]: "alignSelf";
-        };
-    };
-    fg: (value: {
-        readonly [$$PropertyValue]: "flexGrow";
-    }) => {
-        flexGrow: {
-            readonly [$$PropertyValue]: "flexGrow";
-        };
-    };
-    fs: (value: {
-        readonly [$$PropertyValue]: "fontSize";
-    }) => {
-        fontSize: {
-            readonly [$$PropertyValue]: "fontSize";
-        };
-    };
-    fb: (value: {
-        readonly [$$PropertyValue]: "flexBasis";
-    }) => {
-        flexBasis: {
-            readonly [$$PropertyValue]: "flexBasis";
-        };
-    };
-    bc: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
-    }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        };
-    };
-    bf: (value: {
-        readonly [$$PropertyValue]: "backdropFilter";
-    }) => {
-        backdropFilter: {
-            readonly [$$PropertyValue]: "backdropFilter";
-        };
-    };
-    bg: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
-    }) => {
-        background: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        };
-    };
-    bgBlur: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
-    }) => {
-        bf: string;
-        bg: string;
-    };
-    bgColor: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
-    }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        };
-    };
-    backgroundClip: (value: {
-        readonly [$$PropertyValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
-        };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
-        };
-    };
-    bgClip: (value: {
-        readonly [$$PropertyValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
-        };
-        backgroundClip: {
-            readonly [$$PropertyValue]: "backgroundClip";
-        };
-    };
-    br: (value: {
-        readonly [$$PropertyValue]: "borderRadius";
-    }) => {
-        borderRadius: {
-            readonly [$$PropertyValue]: "borderRadius";
-        };
-    };
-    bw: (value: {
-        readonly [$$PropertyValue]: "borderWidth";
-    }) => {
-        borderWidth: {
-            readonly [$$PropertyValue]: "borderWidth";
-        };
-    };
-    btrr: (value: {
-        readonly [$$PropertyValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: {
-            readonly [$$PropertyValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: {
-        readonly [$$PropertyValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: {
-            readonly [$$PropertyValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: {
-        readonly [$$PropertyValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: {
-            readonly [$$PropertyValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: {
-        readonly [$$PropertyValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: {
-            readonly [$$PropertyValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: {
-        readonly [$$PropertyValue]: "boxShadow";
-    }) => {
-        boxShadow: {
-            readonly [$$PropertyValue]: "boxShadow";
-        };
-    };
-    normalShadow: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
-    }) => {
-        boxShadow: string;
-    };
-    normalShadowVar: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
-    }) => {
-        boxShadow: string;
-    };
-    lh: (value: {
-        readonly [$$PropertyValue]: "lineHeight";
-    }) => {
-        lineHeight: {
-            readonly [$$PropertyValue]: "lineHeight";
-        };
-    };
-    ov: (value: {
-        readonly [$$PropertyValue]: "overflow";
-    }) => {
-        overflow: {
-            readonly [$$PropertyValue]: "overflow";
-        };
-    };
-    ox: (value: {
-        readonly [$$PropertyValue]: "overflowX";
-    }) => {
-        overflowX: {
-            readonly [$$PropertyValue]: "overflowX";
-        };
-    };
-    oy: (value: {
-        readonly [$$PropertyValue]: "overflowY";
-    }) => {
-        overflowY: {
-            readonly [$$PropertyValue]: "overflowY";
-        };
-    };
-    pe: (value: {
-        readonly [$$PropertyValue]: "pointerEvents";
-    }) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
-        };
-    };
-    events: (value: {
-        readonly [$$PropertyValue]: "pointerEvents";
-    }) => {
-        pointerEvents: {
-            readonly [$$PropertyValue]: "pointerEvents";
-        };
-    };
-    us: (value: {
-        readonly [$$PropertyValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
-        };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
-        };
-    };
-    userSelect: (value: {
-        readonly [$$PropertyValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: {
-            readonly [$$PropertyValue]: "userSelect";
-        };
-        userSelect: {
-            readonly [$$PropertyValue]: "userSelect";
-        };
-    };
-    w: (value: {
-        readonly [$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    h: (value: {
-        readonly [$$PropertyValue]: "height";
-    }) => {
-        height: {
-            readonly [$$PropertyValue]: "height";
+    }) => {
+        flexWrap: {
+            readonly [$$PropertyValue]: "flexWrap";
         };
     };
-    mw: (value: {
-        readonly [$$PropertyValue]: "maxWidth";
+    ai: (value: {
+        readonly [$$PropertyValue]: "alignItems";
     }) => {
-        maxWidth: {
-            readonly [$$PropertyValue]: "maxWidth";
+        alignItems: {
+            readonly [$$PropertyValue]: "alignItems";
         };
     };
-    maxW: (value: {
-        readonly [$$PropertyValue]: "maxWidth";
+    ac: (value: {
+        readonly [$$PropertyValue]: "alignContent";
     }) => {
-        maxWidth: {
-            readonly [$$PropertyValue]: "maxWidth";
+        alignContent: {
+            readonly [$$PropertyValue]: "alignContent";
         };
     };
-    mh: (value: {
-        readonly [$$PropertyValue]: "maxHeight";
+    jc: (value: {
+        readonly [$$PropertyValue]: "justifyContent";
     }) => {
-        maxHeight: {
-            readonly [$$PropertyValue]: "maxHeight";
+        justifyContent: {
+            readonly [$$PropertyValue]: "justifyContent";
         };
     };
-    maxH: (value: {
-        readonly [$$PropertyValue]: "maxHeight";
+    as: (value: {
+        readonly [$$PropertyValue]: "alignSelf";
     }) => {
-        maxHeight: {
-            readonly [$$PropertyValue]: "maxHeight";
+        alignSelf: {
+            readonly [$$PropertyValue]: "alignSelf";
         };
     };
-    size: (value: {
-        readonly [$$PropertyValue]: "width";
+    fg: (value: {
+        readonly [$$PropertyValue]: "flexGrow";
     }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
+        flexGrow: {
+            readonly [$$PropertyValue]: "flexGrow";
         };
     };
-    sizeMin: (value: {
-        readonly [$$PropertyValue]: "width";
+    fs: (value: {
+        readonly [$$PropertyValue]: "fontSize";
     }) => {
-        minWidth: {
-            readonly [$$PropertyValue]: "width";
-        };
-        minHeight: {
-            readonly [$$PropertyValue]: "width";
-        };
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
+        fontSize: {
+            readonly [$$PropertyValue]: "fontSize";
         };
     };
-    sizeMax: (value: {
-        readonly [$$PropertyValue]: "width";
+    fb: (value: {
+        readonly [$$PropertyValue]: "flexBasis";
     }) => {
-        maxWidth: {
-            readonly [$$PropertyValue]: "width";
-        };
-        maxHeight: {
-            readonly [$$PropertyValue]: "width";
+        flexBasis: {
+            readonly [$$PropertyValue]: "flexBasis";
         };
     };
-    appearance: (value: {
-        readonly [$$PropertyValue]: "appearance";
+    bc: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
     }) => {
-        WebkitAppearance: {
-            readonly [$$PropertyValue]: "appearance";
-        };
-        appearance: {
-            readonly [$$PropertyValue]: "appearance";
+        backgroundColor: {
+            readonly [$$PropertyValue]: "backgroundColor";
         };
     };
-    scale: (value: {
-        readonly [$$PropertyValue]: "scale";
+    bf: (value: {
+        readonly [$$PropertyValue]: "backdropFilter";
     }) => {
-        transform: string;
+        backdropFilter: {
+            readonly [$$PropertyValue]: "backdropFilter";
+        };
     };
-    linearGradient: (value: {
-        readonly [$$PropertyValue]: "backgroundImage";
+    bg: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
     }) => {
-        backgroundImage: string;
+        background: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
-    textGradient: (value: {
-        readonly [$$PropertyValue]: "backgroundImage";
+    bgBlur: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
     }) => {
-        backgroundImage: string;
-        WebkitBackgroundClip: string;
-        WebkitTextFillColor: string;
-    };
-}>>(...composers: { [K in keyof Composers]: Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
-    variants?: {
-        [x: string]: {
-            [x: string]: CSS_1;
-            [x: number]: CSS_1;
-        };
-    } | undefined;
-    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
-        css: CSS_1;
-    })[] | undefined;
-    defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
-} & CSS_1 & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xsMax: string;
-    smMax: string;
-    mdMax: string;
-    lgMax: string;
-    xlMax: string;
-    motion: string;
-    safari: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, CSS_1>, theme: string & {
-    className: string;
-    selector: string;
-} & {
-    shadows: {
-        xs: import("@stitches/react/types/theme").Token<"xs", string, "shadows", string>;
-        sm: import("@stitches/react/types/theme").Token<"sm", string, "shadows", string>;
-        md: import("@stitches/react/types/theme").Token<"md", string, "shadows", string>;
-        lg: import("@stitches/react/types/theme").Token<"lg", string, "shadows", string>;
-        xl: import("@stitches/react/types/theme").Token<"xl", string, "shadows", string>;
+        bf: string;
+        bg: string;
     };
-    colors: {
-        accents1: import("@stitches/react/types/theme").Token<"accents1", string, "colors", string>;
-        accents2: import("@stitches/react/types/theme").Token<"accents2", string, "colors", string>;
-        accents3: import("@stitches/react/types/theme").Token<"accents3", string, "colors", string>;
-        accents4: import("@stitches/react/types/theme").Token<"accents4", string, "colors", string>;
-        accents5: import("@stitches/react/types/theme").Token<"accents5", string, "colors", string>;
-        accents6: import("@stitches/react/types/theme").Token<"accents6", string, "colors", string>;
-        accents7: import("@stitches/react/types/theme").Token<"accents7", string, "colors", string>;
-        accents8: import("@stitches/react/types/theme").Token<"accents8", string, "colors", string>;
-        accents9: import("@stitches/react/types/theme").Token<"accents9", string, "colors", string>;
-        text: import("@stitches/react/types/theme").Token<"text", string, "colors", string>;
-        background: import("@stitches/react/types/theme").Token<"background", string, "colors", string>;
-        foreground: import("@stitches/react/types/theme").Token<"foreground", string, "colors", string>;
-        codeLight: import("@stitches/react/types/theme").Token<"codeLight", string, "colors", string>;
-        code: import("@stitches/react/types/theme").Token<"code", string, "colors", string>;
-        border: import("@stitches/react/types/theme").Token<"border", string, "colors", string>;
-        selection: import("@stitches/react/types/theme").Token<"selection", string, "colors", string>;
-        white: import("@stitches/react/types/theme").Token<"white", string, "colors", string>;
-        black: import("@stitches/react/types/theme").Token<"black", string, "colors", string>;
-        blue100: import("@stitches/react/types/theme").Token<"blue100", string, "colors", string>;
-        blue200: import("@stitches/react/types/theme").Token<"blue200", string, "colors", string>;
-        blue300: import("@stitches/react/types/theme").Token<"blue300", string, "colors", string>;
-        blue400: import("@stitches/react/types/theme").Token<"blue400", string, "colors", string>;
-        blue500: import("@stitches/react/types/theme").Token<"blue500", string, "colors", string>;
-        blue600: import("@stitches/react/types/theme").Token<"blue600", string, "colors", string>;
-        blue700: import("@stitches/react/types/theme").Token<"blue700", string, "colors", string>;
-        blue800: import("@stitches/react/types/theme").Token<"blue800", string, "colors", string>;
-        blue900: import("@stitches/react/types/theme").Token<"blue900", string, "colors", string>;
-        purple100: import("@stitches/react/types/theme").Token<"purple100", string, "colors", string>;
-        purple200: import("@stitches/react/types/theme").Token<"purple200", string, "colors", string>;
-        purple300: import("@stitches/react/types/theme").Token<"purple300", string, "colors", string>;
-        purple400: import("@stitches/react/types/theme").Token<"purple400", string, "colors", string>;
-        purple500: import("@stitches/react/types/theme").Token<"purple500", string, "colors", string>;
-        purple600: import("@stitches/react/types/theme").Token<"purple600", string, "colors", string>;
-        purple700: import("@stitches/react/types/theme").Token<"purple700", string, "colors", string>;
-        purple800: import("@stitches/react/types/theme").Token<"purple800", string, "colors", string>;
-        purple900: import("@stitches/react/types/theme").Token<"purple900", string, "colors", string>;
-        green100: import("@stitches/react/types/theme").Token<"green100", string, "colors", string>;
-        green200: import("@stitches/react/types/theme").Token<"green200", string, "colors", string>;
-        green300: import("@stitches/react/types/theme").Token<"green300", string, "colors", string>;
-        green400: import("@stitches/react/types/theme").Token<"green400", string, "colors", string>;
-        green500: import("@stitches/react/types/theme").Token<"green500", string, "colors", string>;
-        green600: import("@stitches/react/types/theme").Token<"green600", string, "colors", string>;
-        green700: import("@stitches/react/types/theme").Token<"green700", string, "colors", string>;
-        green800: import("@stitches/react/types/theme").Token<"green800", string, "colors", string>;
-        green900: import("@stitches/react/types/theme").Token<"green900", string, "colors", string>;
-        yellow100: import("@stitches/react/types/theme").Token<"yellow100", string, "colors", string>;
-        yellow200: import("@stitches/react/types/theme").Token<"yellow200", string, "colors", string>;
-        yellow300: import("@stitches/react/types/theme").Token<"yellow300", string, "colors", string>;
-        yellow400: import("@stitches/react/types/theme").Token<"yellow400", string, "colors", string>;
-        yellow500: import("@stitches/react/types/theme").Token<"yellow500", string, "colors", string>;
-        yellow600: import("@stitches/react/types/theme").Token<"yellow600", string, "colors", string>;
-        yellow700: import("@stitches/react/types/theme").Token<"yellow700", string, "colors", string>;
-        yellow800: import("@stitches/react/types/theme").Token<"yellow800", string, "colors", string>;
-        yellow900: import("@stitches/react/types/theme").Token<"yellow900", string, "colors", string>;
-        red100: import("@stitches/react/types/theme").Token<"red100", string, "colors", string>;
-        red200: import("@stitches/react/types/theme").Token<"red200", string, "colors", string>;
-        red300: import("@stitches/react/types/theme").Token<"red300", string, "colors", string>;
-        red400: import("@stitches/react/types/theme").Token<"red400", string, "colors", string>;
-        red500: import("@stitches/react/types/theme").Token<"red500", string, "colors", string>;
-        red600: import("@stitches/react/types/theme").Token<"red600", string, "colors", string>;
-        red700: import("@stitches/react/types/theme").Token<"red700", string, "colors", string>;
-        red800: import("@stitches/react/types/theme").Token<"red800", string, "colors", string>;
-        red900: import("@stitches/react/types/theme").Token<"red900", string, "colors", string>;
-        cyan100: import("@stitches/react/types/theme").Token<"cyan100", string, "colors", string>;
-        cyan200: import("@stitches/react/types/theme").Token<"cyan200", string, "colors", string>;
-        cyan300: import("@stitches/react/types/theme").Token<"cyan300", string, "colors", string>;
-        cyan400: import("@stitches/react/types/theme").Token<"cyan400", string, "colors", string>;
-        cyan500: import("@stitches/react/types/theme").Token<"cyan500", string, "colors", string>;
-        cyan600: import("@stitches/react/types/theme").Token<"cyan600", string, "colors", string>;
-        cyan700: import("@stitches/react/types/theme").Token<"cyan700", string, "colors", string>;
-        cyan800: import("@stitches/react/types/theme").Token<"cyan800", string, "colors", string>;
-        cyan900: import("@stitches/react/types/theme").Token<"cyan900", string, "colors", string>;
-        pink100: import("@stitches/react/types/theme").Token<"pink100", string, "colors", string>;
-        pink200: import("@stitches/react/types/theme").Token<"pink200", string, "colors", string>;
-        pink300: import("@stitches/react/types/theme").Token<"pink300", string, "colors", string>;
-        pink400: import("@stitches/react/types/theme").Token<"pink400", string, "colors", string>;
-        pink500: import("@stitches/react/types/theme").Token<"pink500", string, "colors", string>;
-        pink600: import("@stitches/react/types/theme").Token<"pink600", string, "colors", string>;
-        pink700: import("@stitches/react/types/theme").Token<"pink700", string, "colors", string>;
-        pink800: import("@stitches/react/types/theme").Token<"pink800", string, "colors", string>;
-        pink900: import("@stitches/react/types/theme").Token<"pink900", string, "colors", string>;
-        gray100: import("@stitches/react/types/theme").Token<"gray100", string, "colors", string>;
-        gray200: import("@stitches/react/types/theme").Token<"gray200", string, "colors", string>;
-        gray300: import("@stitches/react/types/theme").Token<"gray300", string, "colors", string>;
-        gray400: import("@stitches/react/types/theme").Token<"gray400", string, "colors", string>;
-        gray500: import("@stitches/react/types/theme").Token<"gray500", string, "colors", string>;
-        gray600: import("@stitches/react/types/theme").Token<"gray600", string, "colors", string>;
-        gray700: import("@stitches/react/types/theme").Token<"gray700", string, "colors", string>;
-        gray800: import("@stitches/react/types/theme").Token<"gray800", string, "colors", string>;
-        gray900: import("@stitches/react/types/theme").Token<"gray900", string, "colors", string>;
-        primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", string>;
-        primary: import("@stitches/react/types/theme").Token<"primary", string, "colors", string>;
-        primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", string>;
-        secondaryLight: import("@stitches/react/types/theme").Token<"secondaryLight", string, "colors", string>;
-        secondary: import("@stitches/react/types/theme").Token<"secondary", string, "colors", string>;
-        secondaryDark: import("@stitches/react/types/theme").Token<"secondaryDark", string, "colors", string>;
-        successLight: import("@stitches/react/types/theme").Token<"successLight", string, "colors", string>;
-        success: import("@stitches/react/types/theme").Token<"success", string, "colors", string>;
-        successDark: import("@stitches/react/types/theme").Token<"successDark", string, "colors", string>;
-        warningLight: import("@stitches/react/types/theme").Token<"warningLight", string, "colors", string>;
-        warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", string>;
-        warningDark: import("@stitches/react/types/theme").Token<"warningDark", string, "colors", string>;
-        errorLight: import("@stitches/react/types/theme").Token<"errorLight", string, "colors", string>;
-        error: import("@stitches/react/types/theme").Token<"error", string, "colors", string>;
-        errorDark: import("@stitches/react/types/theme").Token<"errorDark", string, "colors", string>;
-        gradient: import("@stitches/react/types/theme").Token<"gradient", string, "colors", string>;
-        link: import("@stitches/react/types/theme").Token<"link", string, "colors", string>;
+    bgColor: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
-    fonts: {
-        sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", string>;
-        mono: import("@stitches/react/types/theme").Token<"mono", string, "fonts", string>;
+    backgroundClip: (value: {
+        readonly [$$PropertyValue]: "backgroundClip";
+    }) => {
+        WebkitBackgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
     };
-    fontSizes: {
-        tiny: import("@stitches/react/types/theme").Token<"tiny", string, "fontSizes", string>;
-        xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", string>;
-        base: import("@stitches/react/types/theme").Token<"base", string, "fontSizes", string>;
-        sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", string>;
-        md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", string>;
-        lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", string>;
-        xl: import("@stitches/react/types/theme").Token<"xl", string, "fontSizes", string>;
+    bgClip: (value: {
+        readonly [$$PropertyValue]: "backgroundClip";
+    }) => {
+        WebkitBackgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
+        backgroundClip: {
+            readonly [$$PropertyValue]: "backgroundClip";
+        };
     };
-    fontWeights: {
-        hairline: import("@stitches/react/types/theme").Token<"hairline", string, "fontWeights", string>;
-        thin: import("@stitches/react/types/theme").Token<"thin", string, "fontWeights", string>;
-        light: import("@stitches/react/types/theme").Token<"light", string, "fontWeights", string>;
-        normal: import("@stitches/react/types/theme").Token<"normal", string, "fontWeights", string>;
-        medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", string>;
-        semibold: import("@stitches/react/types/theme").Token<"semibold", string, "fontWeights", string>;
-        bold: import("@stitches/react/types/theme").Token<"bold", string, "fontWeights", string>;
-        extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "fontWeights", string>;
-        black: import("@stitches/react/types/theme").Token<"black", string, "fontWeights", string>;
+    br: (value: {
+        readonly [$$PropertyValue]: "borderRadius";
+    }) => {
+        borderRadius: {
+            readonly [$$PropertyValue]: "borderRadius";
+        };
     };
-    lineHeights: {
-        xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", string>;
-        sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", string>;
-        md: import("@stitches/react/types/theme").Token<"md", string, "lineHeights", string>;
-        lg: import("@stitches/react/types/theme").Token<"lg", string, "lineHeights", string>;
-        xl: import("@stitches/react/types/theme").Token<"xl", string, "lineHeights", string>;
+    bw: (value: {
+        readonly [$$PropertyValue]: "borderWidth";
+    }) => {
+        borderWidth: {
+            readonly [$$PropertyValue]: "borderWidth";
+        };
     };
-    letterSpacings: {
-        tighter: import("@stitches/react/types/theme").Token<"tighter", string, "letterSpacings", string>;
-        tight: import("@stitches/react/types/theme").Token<"tight", string, "letterSpacings", string>;
-        normal: import("@stitches/react/types/theme").Token<"normal", string, "letterSpacings", string>;
-        wide: import("@stitches/react/types/theme").Token<"wide", string, "letterSpacings", string>;
-        wider: import("@stitches/react/types/theme").Token<"wider", string, "letterSpacings", string>;
-        widest: import("@stitches/react/types/theme").Token<"widest", string, "letterSpacings", string>;
+    btrr: (value: {
+        readonly [$$PropertyValue]: "borderTopRightRadius";
+    }) => {
+        borderTopRightRadius: {
+            readonly [$$PropertyValue]: "borderTopRightRadius";
+        };
     };
-    space: {
-        0: import("@stitches/react/types/theme").Token<"0", string, "space", string>;
-        xs: import("@stitches/react/types/theme").Token<"xs", string, "space", string>;
-        sm: import("@stitches/react/types/theme").Token<"sm", string, "space", string>;
-        md: import("@stitches/react/types/theme").Token<"md", string, "space", string>;
-        lg: import("@stitches/react/types/theme").Token<"lg", string, "space", string>;
-        xl: import("@stitches/react/types/theme").Token<"xl", string, "space", string>;
-        px: import("@stitches/react/types/theme").Token<"px", string, "space", string>;
-        1: import("@stitches/react/types/theme").Token<"1", string, "space", string>;
-        2: import("@stitches/react/types/theme").Token<"2", string, "space", string>;
-        3: import("@stitches/react/types/theme").Token<"3", string, "space", string>;
-        4: import("@stitches/react/types/theme").Token<"4", string, "space", string>;
-        5: import("@stitches/react/types/theme").Token<"5", string, "space", string>;
-        6: import("@stitches/react/types/theme").Token<"6", string, "space", string>;
-        7: import("@stitches/react/types/theme").Token<"7", string, "space", string>;
-        8: import("@stitches/react/types/theme").Token<"8", string, "space", string>;
-        9: import("@stitches/react/types/theme").Token<"9", string, "space", string>;
-        10: import("@stitches/react/types/theme").Token<"10", string, "space", string>;
-        11: import("@stitches/react/types/theme").Token<"11", string, "space", string>;
-        12: import("@stitches/react/types/theme").Token<"12", string, "space", string>;
-        13: import("@stitches/react/types/theme").Token<"13", string, "space", string>;
-        14: import("@stitches/react/types/theme").Token<"14", string, "space", string>;
-        15: import("@stitches/react/types/theme").Token<"15", string, "space", string>;
-        16: import("@stitches/react/types/theme").Token<"16", string, "space", string>;
-        17: import("@stitches/react/types/theme").Token<"17", string, "space", string>;
-        18: import("@stitches/react/types/theme").Token<"18", string, "space", string>;
-        20: import("@stitches/react/types/theme").Token<"20", string, "space", string>;
-        24: import("@stitches/react/types/theme").Token<"24", string, "space", string>;
-        28: import("@stitches/react/types/theme").Token<"28", string, "space", string>;
-        32: import("@stitches/react/types/theme").Token<"32", string, "space", string>;
-        36: import("@stitches/react/types/theme").Token<"36", string, "space", string>;
-        40: import("@stitches/react/types/theme").Token<"40", string, "space", string>;
-        44: import("@stitches/react/types/theme").Token<"44", string, "space", string>;
-        48: import("@stitches/react/types/theme").Token<"48", string, "space", string>;
-        52: import("@stitches/react/types/theme").Token<"52", string, "space", string>;
-        56: import("@stitches/react/types/theme").Token<"56", string, "space", string>;
-        60: import("@stitches/react/types/theme").Token<"60", string, "space", string>;
-        64: import("@stitches/react/types/theme").Token<"64", string, "space", string>;
-        72: import("@stitches/react/types/theme").Token<"72", string, "space", string>;
-        80: import("@stitches/react/types/theme").Token<"80", string, "space", string>;
-        96: import("@stitches/react/types/theme").Token<"96", string, "space", string>;
+    bbrr: (value: {
+        readonly [$$PropertyValue]: "borderBottomRightRadius";
+    }) => {
+        borderBottomRightRadius: {
+            readonly [$$PropertyValue]: "borderBottomRightRadius";
+        };
     };
-    radii: {
-        xs: import("@stitches/react/types/theme").Token<"xs", string, "radii", string>;
-        sm: import("@stitches/react/types/theme").Token<"sm", string, "radii", string>;
-        md: import("@stitches/react/types/theme").Token<"md", string, "radii", string>;
-        base: import("@stitches/react/types/theme").Token<"base", string, "radii", string>;
-        lg: import("@stitches/react/types/theme").Token<"lg", string, "radii", string>;
-        xl: import("@stitches/react/types/theme").Token<"xl", string, "radii", string>;
-        squared: import("@stitches/react/types/theme").Token<"squared", string, "radii", string>;
-        rounded: import("@stitches/react/types/theme").Token<"rounded", string, "radii", string>;
-        pill: import("@stitches/react/types/theme").Token<"pill", string, "radii", string>;
+    bblr: (value: {
+        readonly [$$PropertyValue]: "borderBottomLeftRadius";
+    }) => {
+        borderBottomLeftRadius: {
+            readonly [$$PropertyValue]: "borderBottomLeftRadius";
+        };
     };
-    zIndices: {
-        1: import("@stitches/react/types/theme").Token<"1", string, "zIndices", string>;
-        2: import("@stitches/react/types/theme").Token<"2", string, "zIndices", string>;
-        3: import("@stitches/react/types/theme").Token<"3", string, "zIndices", string>;
-        4: import("@stitches/react/types/theme").Token<"4", string, "zIndices", string>;
-        5: import("@stitches/react/types/theme").Token<"5", string, "zIndices", string>;
-        10: import("@stitches/react/types/theme").Token<"10", string, "zIndices", string>;
-        max: import("@stitches/react/types/theme").Token<"max", string, "zIndices", string>;
+    btlr: (value: {
+        readonly [$$PropertyValue]: "borderTopLeftRadius";
+    }) => {
+        borderTopLeftRadius: {
+            readonly [$$PropertyValue]: "borderTopLeftRadius";
+        };
     };
-    borderWeights: {
-        light: import("@stitches/react/types/theme").Token<"light", string, "borderWeights", string>;
-        normal: import("@stitches/react/types/theme").Token<"normal", string, "borderWeights", string>;
-        bold: import("@stitches/react/types/theme").Token<"bold", string, "borderWeights", string>;
-        extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "borderWeights", string>;
-        black: import("@stitches/react/types/theme").Token<"black", string, "borderWeights", string>;
+    bs: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
     };
-    transitions: {
-        default: import("@stitches/react/types/theme").Token<"default", string, "transitions", string>;
+    normalShadow: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        boxShadow: string;
+    };
+    normalShadowVar: (value: {
+        readonly [$$PropertyValue]: "backgroundColor";
+    }) => {
+        boxShadow: string;
+    };
+    lh: (value: {
+        readonly [$$PropertyValue]: "lineHeight";
+    }) => {
+        lineHeight: {
+            readonly [$$PropertyValue]: "lineHeight";
+        };
+    };
+    ov: (value: {
+        readonly [$$PropertyValue]: "overflow";
+    }) => {
+        overflow: {
+            readonly [$$PropertyValue]: "overflow";
+        };
+    };
+    ox: (value: {
+        readonly [$$PropertyValue]: "overflowX";
+    }) => {
+        overflowX: {
+            readonly [$$PropertyValue]: "overflowX";
+        };
+    };
+    oy: (value: {
+        readonly [$$PropertyValue]: "overflowY";
+    }) => {
+        overflowY: {
+            readonly [$$PropertyValue]: "overflowY";
+        };
+    };
+    pe: (value: {
+        readonly [$$PropertyValue]: "pointerEvents";
+    }) => {
+        pointerEvents: {
+            readonly [$$PropertyValue]: "pointerEvents";
+        };
+    };
+    events: (value: {
+        readonly [$$PropertyValue]: "pointerEvents";
+    }) => {
+        pointerEvents: {
+            readonly [$$PropertyValue]: "pointerEvents";
+        };
+    };
+    us: (value: {
+        readonly [$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+    };
+    userSelect: (value: {
+        readonly [$$PropertyValue]: "userSelect";
+    }) => {
+        WebkitUserSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+        userSelect: {
+            readonly [$$PropertyValue]: "userSelect";
+        };
+    };
+    w: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    h: (value: {
+        readonly [$$PropertyValue]: "height";
+    }) => {
+        height: {
+            readonly [$$PropertyValue]: "height";
+        };
+    };
+    mw: (value: {
+        readonly [$$PropertyValue]: "maxWidth";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "maxWidth";
+        };
     };
-    breakpoints: {
-        xs: import("@stitches/react/types/theme").Token<"xs", string, "breakpoints", string>;
-        sm: import("@stitches/react/types/theme").Token<"sm", string, "breakpoints", string>;
-        md: import("@stitches/react/types/theme").Token<"md", string, "breakpoints", string>;
-        lg: import("@stitches/react/types/theme").Token<"lg", string, "breakpoints", string>;
-        xl: import("@stitches/react/types/theme").Token<"xl", string, "breakpoints", string>;
+    maxW: (value: {
+        readonly [$$PropertyValue]: "maxWidth";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "maxWidth";
+        };
     };
-}, createThemeBase: <Argument0 extends string | ({
-    shadows?: {
-        xs?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-    } | undefined;
-    colors?: {
-        accents1?: string | number | boolean | undefined;
-        accents2?: string | number | boolean | undefined;
-        accents3?: string | number | boolean | undefined;
-        accents4?: string | number | boolean | undefined;
-        accents5?: string | number | boolean | undefined;
-        accents6?: string | number | boolean | undefined;
-        accents7?: string | number | boolean | undefined;
-        accents8?: string | number | boolean | undefined;
-        accents9?: string | number | boolean | undefined;
-        text?: string | number | boolean | undefined;
-        background?: string | number | boolean | undefined;
-        foreground?: string | number | boolean | undefined;
-        codeLight?: string | number | boolean | undefined;
-        code?: string | number | boolean | undefined;
-        border?: string | number | boolean | undefined;
-        selection?: string | number | boolean | undefined;
-        white?: string | number | boolean | undefined;
-        black?: string | number | boolean | undefined;
-        blue100?: string | number | boolean | undefined;
-        blue200?: string | number | boolean | undefined;
-        blue300?: string | number | boolean | undefined;
-        blue400?: string | number | boolean | undefined;
-        blue500?: string | number | boolean | undefined;
-        blue600?: string | number | boolean | undefined;
-        blue700?: string | number | boolean | undefined;
-        blue800?: string | number | boolean | undefined;
-        blue900?: string | number | boolean | undefined;
-        purple100?: string | number | boolean | undefined;
-        purple200?: string | number | boolean | undefined;
-        purple300?: string | number | boolean | undefined;
-        purple400?: string | number | boolean | undefined;
-        purple500?: string | number | boolean | undefined;
-        purple600?: string | number | boolean | undefined;
-        purple700?: string | number | boolean | undefined;
-        purple800?: string | number | boolean | undefined;
-        purple900?: string | number | boolean | undefined;
-        green100?: string | number | boolean | undefined;
-        green200?: string | number | boolean | undefined;
-        green300?: string | number | boolean | undefined;
-        green400?: string | number | boolean | undefined;
-        green500?: string | number | boolean | undefined;
-        green600?: string | number | boolean | undefined;
-        green700?: string | number | boolean | undefined;
-        green800?: string | number | boolean | undefined;
-        green900?: string | number | boolean | undefined;
-        yellow100?: string | number | boolean | undefined;
-        yellow200?: string | number | boolean | undefined;
-        yellow300?: string | number | boolean | undefined;
-        yellow400?: string | number | boolean | undefined;
-        yellow500?: string | number | boolean | undefined;
-        yellow600?: string | number | boolean | undefined;
-        yellow700?: string | number | boolean | undefined;
-        yellow800?: string | number | boolean | undefined;
-        yellow900?: string | number | boolean | undefined;
-        red100?: string | number | boolean | undefined;
-        red200?: string | number | boolean | undefined;
-        red300?: string | number | boolean | undefined;
-        red400?: string | number | boolean | undefined;
-        red500?: string | number | boolean | undefined;
-        red600?: string | number | boolean | undefined;
-        red700?: string | number | boolean | undefined;
-        red800?: string | number | boolean | undefined;
-        red900?: string | number | boolean | undefined;
-        cyan100?: string | number | boolean | undefined;
-        cyan200?: string | number | boolean | undefined;
-        cyan300?: string | number | boolean | undefined;
-        cyan400?: string | number | boolean | undefined;
-        cyan500?: string | number | boolean | undefined;
-        cyan600?: string | number | boolean | undefined;
-        cyan700?: string | number | boolean | undefined;
-        cyan800?: string | number | boolean | undefined;
-        cyan900?: string | number | boolean | undefined;
-        pink100?: string | number | boolean | undefined;
-        pink200?: string | number | boolean | undefined;
-        pink300?: string | number | boolean | undefined;
-        pink400?: string | number | boolean | undefined;
-        pink500?: string | number | boolean | undefined;
-        pink600?: string | number | boolean | undefined;
-        pink700?: string | number | boolean | undefined;
-        pink800?: string | number | boolean | undefined;
-        pink900?: string | number | boolean | undefined;
-        gray100?: string | number | boolean | undefined;
-        gray200?: string | number | boolean | undefined;
-        gray300?: string | number | boolean | undefined;
-        gray400?: string | number | boolean | undefined;
-        gray500?: string | number | boolean | undefined;
-        gray600?: string | number | boolean | undefined;
-        gray700?: string | number | boolean | undefined;
-        gray800?: string | number | boolean | undefined;
-        gray900?: string | number | boolean | undefined;
-        primaryLight?: string | number | boolean | undefined;
-        primary?: string | number | boolean | undefined;
-        primaryDark?: string | number | boolean | undefined;
-        secondaryLight?: string | number | boolean | undefined;
-        secondary?: string | number | boolean | undefined;
-        secondaryDark?: string | number | boolean | undefined;
-        successLight?: string | number | boolean | undefined;
-        success?: string | number | boolean | undefined;
-        successDark?: string | number | boolean | undefined;
-        warningLight?: string | number | boolean | undefined;
-        warning?: string | number | boolean | undefined;
-        warningDark?: string | number | boolean | undefined;
-        errorLight?: string | number | boolean | undefined;
-        error?: string | number | boolean | undefined;
-        errorDark?: string | number | boolean | undefined;
-        gradient?: string | number | boolean | undefined;
-        link?: string | number | boolean | undefined;
-    } | undefined;
-    fonts?: {
-        sans?: string | number | boolean | undefined;
-        mono?: string | number | boolean | undefined;
-    } | undefined;
-    fontSizes?: {
-        tiny?: string | number | boolean | undefined;
-        xs?: string | number | boolean | undefined;
-        base?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-    } | undefined;
-    fontWeights?: {
-        hairline?: string | number | boolean | undefined;
-        thin?: string | number | boolean | undefined;
-        light?: string | number | boolean | undefined;
-        normal?: string | number | boolean | undefined;
-        medium?: string | number | boolean | undefined;
-        semibold?: string | number | boolean | undefined;
-        bold?: string | number | boolean | undefined;
-        extrabold?: string | number | boolean | undefined;
-        black?: string | number | boolean | undefined;
-    } | undefined;
-    lineHeights?: {
-        xs?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-    } | undefined;
-    letterSpacings?: {
-        tighter?: string | number | boolean | undefined;
-        tight?: string | number | boolean | undefined;
-        normal?: string | number | boolean | undefined;
-        wide?: string | number | boolean | undefined;
-        wider?: string | number | boolean | undefined;
-        widest?: string | number | boolean | undefined;
-    } | undefined;
-    space?: {
-        0?: string | number | boolean | undefined;
-        xs?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-        px?: string | number | boolean | undefined;
-        1?: string | number | boolean | undefined;
-        2?: string | number | boolean | undefined;
-        3?: string | number | boolean | undefined;
-        4?: string | number | boolean | undefined;
-        5?: string | number | boolean | undefined;
-        6?: string | number | boolean | undefined;
-        7?: string | number | boolean | undefined;
-        8?: string | number | boolean | undefined;
-        9?: string | number | boolean | undefined;
-        10?: string | number | boolean | undefined;
-        11?: string | number | boolean | undefined;
-        12?: string | number | boolean | undefined;
-        13?: string | number | boolean | undefined;
-        14?: string | number | boolean | undefined;
-        15?: string | number | boolean | undefined;
-        16?: string | number | boolean | undefined;
-        17?: string | number | boolean | undefined;
-        18?: string | number | boolean | undefined;
-        20?: string | number | boolean | undefined;
-        24?: string | number | boolean | undefined;
-        28?: string | number | boolean | undefined;
-        32?: string | number | boolean | undefined;
-        36?: string | number | boolean | undefined;
-        40?: string | number | boolean | undefined;
-        44?: string | number | boolean | undefined;
-        48?: string | number | boolean | undefined;
-        52?: string | number | boolean | undefined;
-        56?: string | number | boolean | undefined;
-        60?: string | number | boolean | undefined;
-        64?: string | number | boolean | undefined;
-        72?: string | number | boolean | undefined;
-        80?: string | number | boolean | undefined;
-        96?: string | number | boolean | undefined;
-    } | undefined;
-    radii?: {
-        xs?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        base?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-        squared?: string | number | boolean | undefined;
-        rounded?: string | number | boolean | undefined;
-        pill?: string | number | boolean | undefined;
-    } | undefined;
-    zIndices?: {
-        1?: string | number | boolean | undefined;
-        2?: string | number | boolean | undefined;
-        3?: string | number | boolean | undefined;
-        4?: string | number | boolean | undefined;
-        5?: string | number | boolean | undefined;
-        10?: string | number | boolean | undefined;
-        max?: string | number | boolean | undefined;
-    } | undefined;
-    borderWeights?: {
-        light?: string | number | boolean | undefined;
-        normal?: string | number | boolean | undefined;
-        bold?: string | number | boolean | undefined;
-        extrabold?: string | number | boolean | undefined;
-        black?: string | number | boolean | undefined;
-    } | undefined;
-    transitions?: {
-        default?: string | number | boolean | undefined;
-    } | undefined;
-    breakpoints?: {
-        xs?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-    } | undefined;
-} & {
-    [x: string]: {
-        [x: string]: string | number | boolean;
-        [x: number]: string | number | boolean;
+    mh: (value: {
+        readonly [$$PropertyValue]: "maxHeight";
+    }) => {
+        maxHeight: {
+            readonly [$$PropertyValue]: "maxHeight";
+        };
     };
-}), Argument1 extends string | ({
-    shadows?: {
-        xs?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-    } | undefined;
-    colors?: {
-        accents1?: string | number | boolean | undefined;
-        accents2?: string | number | boolean | undefined;
-        accents3?: string | number | boolean | undefined;
-        accents4?: string | number | boolean | undefined;
-        accents5?: string | number | boolean | undefined;
-        accents6?: string | number | boolean | undefined;
-        accents7?: string | number | boolean | undefined;
-        accents8?: string | number | boolean | undefined;
-        accents9?: string | number | boolean | undefined;
-        text?: string | number | boolean | undefined;
-        background?: string | number | boolean | undefined;
-        foreground?: string | number | boolean | undefined;
-        codeLight?: string | number | boolean | undefined;
-        code?: string | number | boolean | undefined;
-        border?: string | number | boolean | undefined;
-        selection?: string | number | boolean | undefined;
-        white?: string | number | boolean | undefined;
-        black?: string | number | boolean | undefined;
-        blue100?: string | number | boolean | undefined;
-        blue200?: string | number | boolean | undefined;
-        blue300?: string | number | boolean | undefined;
-        blue400?: string | number | boolean | undefined;
-        blue500?: string | number | boolean | undefined;
-        blue600?: string | number | boolean | undefined;
-        blue700?: string | number | boolean | undefined;
-        blue800?: string | number | boolean | undefined;
-        blue900?: string | number | boolean | undefined;
-        purple100?: string | number | boolean | undefined;
-        purple200?: string | number | boolean | undefined;
-        purple300?: string | number | boolean | undefined;
-        purple400?: string | number | boolean | undefined;
-        purple500?: string | number | boolean | undefined;
-        purple600?: string | number | boolean | undefined;
-        purple700?: string | number | boolean | undefined;
-        purple800?: string | number | boolean | undefined;
-        purple900?: string | number | boolean | undefined;
-        green100?: string | number | boolean | undefined;
-        green200?: string | number | boolean | undefined;
-        green300?: string | number | boolean | undefined;
-        green400?: string | number | boolean | undefined;
-        green500?: string | number | boolean | undefined;
-        green600?: string | number | boolean | undefined;
-        green700?: string | number | boolean | undefined;
-        green800?: string | number | boolean | undefined;
-        green900?: string | number | boolean | undefined;
-        yellow100?: string | number | boolean | undefined;
-        yellow200?: string | number | boolean | undefined;
-        yellow300?: string | number | boolean | undefined;
-        yellow400?: string | number | boolean | undefined;
-        yellow500?: string | number | boolean | undefined;
-        yellow600?: string | number | boolean | undefined;
-        yellow700?: string | number | boolean | undefined;
-        yellow800?: string | number | boolean | undefined;
-        yellow900?: string | number | boolean | undefined;
-        red100?: string | number | boolean | undefined;
-        red200?: string | number | boolean | undefined;
-        red300?: string | number | boolean | undefined;
-        red400?: string | number | boolean | undefined;
-        red500?: string | number | boolean | undefined;
-        red600?: string | number | boolean | undefined;
-        red700?: string | number | boolean | undefined;
-        red800?: string | number | boolean | undefined;
-        red900?: string | number | boolean | undefined;
-        cyan100?: string | number | boolean | undefined;
-        cyan200?: string | number | boolean | undefined;
-        cyan300?: string | number | boolean | undefined;
-        cyan400?: string | number | boolean | undefined;
-        cyan500?: string | number | boolean | undefined;
-        cyan600?: string | number | boolean | undefined;
-        cyan700?: string | number | boolean | undefined;
-        cyan800?: string | number | boolean | undefined;
-        cyan900?: string | number | boolean | undefined;
-        pink100?: string | number | boolean | undefined;
-        pink200?: string | number | boolean | undefined;
-        pink300?: string | number | boolean | undefined;
-        pink400?: string | number | boolean | undefined;
-        pink500?: string | number | boolean | undefined;
-        pink600?: string | number | boolean | undefined;
-        pink700?: string | number | boolean | undefined;
-        pink800?: string | number | boolean | undefined;
-        pink900?: string | number | boolean | undefined;
-        gray100?: string | number | boolean | undefined;
-        gray200?: string | number | boolean | undefined;
-        gray300?: string | number | boolean | undefined;
-        gray400?: string | number | boolean | undefined;
-        gray500?: string | number | boolean | undefined;
-        gray600?: string | number | boolean | undefined;
-        gray700?: string | number | boolean | undefined;
-        gray800?: string | number | boolean | undefined;
-        gray900?: string | number | boolean | undefined;
-        primaryLight?: string | number | boolean | undefined;
-        primary?: string | number | boolean | undefined;
-        primaryDark?: string | number | boolean | undefined;
-        secondaryLight?: string | number | boolean | undefined;
-        secondary?: string | number | boolean | undefined;
-        secondaryDark?: string | number | boolean | undefined;
-        successLight?: string | number | boolean | undefined;
-        success?: string | number | boolean | undefined;
-        successDark?: string | number | boolean | undefined;
-        warningLight?: string | number | boolean | undefined;
-        warning?: string | number | boolean | undefined;
-        warningDark?: string | number | boolean | undefined;
-        errorLight?: string | number | boolean | undefined;
-        error?: string | number | boolean | undefined;
-        errorDark?: string | number | boolean | undefined;
-        gradient?: string | number | boolean | undefined;
-        link?: string | number | boolean | undefined;
-    } | undefined;
-    fonts?: {
-        sans?: string | number | boolean | undefined;
-        mono?: string | number | boolean | undefined;
-    } | undefined;
-    fontSizes?: {
-        tiny?: string | number | boolean | undefined;
-        xs?: string | number | boolean | undefined;
-        base?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-    } | undefined;
-    fontWeights?: {
-        hairline?: string | number | boolean | undefined;
-        thin?: string | number | boolean | undefined;
-        light?: string | number | boolean | undefined;
-        normal?: string | number | boolean | undefined;
-        medium?: string | number | boolean | undefined;
-        semibold?: string | number | boolean | undefined;
-        bold?: string | number | boolean | undefined;
-        extrabold?: string | number | boolean | undefined;
-        black?: string | number | boolean | undefined;
-    } | undefined;
-    lineHeights?: {
-        xs?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-    } | undefined;
-    letterSpacings?: {
-        tighter?: string | number | boolean | undefined;
-        tight?: string | number | boolean | undefined;
-        normal?: string | number | boolean | undefined;
-        wide?: string | number | boolean | undefined;
-        wider?: string | number | boolean | undefined;
-        widest?: string | number | boolean | undefined;
-    } | undefined;
-    space?: {
-        0?: string | number | boolean | undefined;
-        xs?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-        px?: string | number | boolean | undefined;
-        1?: string | number | boolean | undefined;
-        2?: string | number | boolean | undefined;
-        3?: string | number | boolean | undefined;
-        4?: string | number | boolean | undefined;
-        5?: string | number | boolean | undefined;
-        6?: string | number | boolean | undefined;
-        7?: string | number | boolean | undefined;
-        8?: string | number | boolean | undefined;
-        9?: string | number | boolean | undefined;
-        10?: string | number | boolean | undefined;
-        11?: string | number | boolean | undefined;
-        12?: string | number | boolean | undefined;
-        13?: string | number | boolean | undefined;
-        14?: string | number | boolean | undefined;
-        15?: string | number | boolean | undefined;
-        16?: string | number | boolean | undefined;
-        17?: string | number | boolean | undefined;
-        18?: string | number | boolean | undefined;
-        20?: string | number | boolean | undefined;
-        24?: string | number | boolean | undefined;
-        28?: string | number | boolean | undefined;
-        32?: string | number | boolean | undefined;
-        36?: string | number | boolean | undefined;
-        40?: string | number | boolean | undefined;
-        44?: string | number | boolean | undefined;
-        48?: string | number | boolean | undefined;
-        52?: string | number | boolean | undefined;
-        56?: string | number | boolean | undefined;
-        60?: string | number | boolean | undefined;
-        64?: string | number | boolean | undefined;
-        72?: string | number | boolean | undefined;
-        80?: string | number | boolean | undefined;
-        96?: string | number | boolean | undefined;
-    } | undefined;
-    radii?: {
-        xs?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        base?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-        squared?: string | number | boolean | undefined;
-        rounded?: string | number | boolean | undefined;
-        pill?: string | number | boolean | undefined;
-    } | undefined;
-    zIndices?: {
-        1?: string | number | boolean | undefined;
-        2?: string | number | boolean | undefined;
-        3?: string | number | boolean | undefined;
-        4?: string | number | boolean | undefined;
-        5?: string | number | boolean | undefined;
-        10?: string | number | boolean | undefined;
-        max?: string | number | boolean | undefined;
-    } | undefined;
-    borderWeights?: {
-        light?: string | number | boolean | undefined;
-        normal?: string | number | boolean | undefined;
-        bold?: string | number | boolean | undefined;
-        extrabold?: string | number | boolean | undefined;
-        black?: string | number | boolean | undefined;
-    } | undefined;
-    transitions?: {
-        default?: string | number | boolean | undefined;
-    } | undefined;
-    breakpoints?: {
-        xs?: string | number | boolean | undefined;
-        sm?: string | number | boolean | undefined;
-        md?: string | number | boolean | undefined;
-        lg?: string | number | boolean | undefined;
-        xl?: string | number | boolean | undefined;
-    } | undefined;
-} & {
-    [x: string]: {
-        [x: string]: string | number | boolean;
-        [x: number]: string | number | boolean;
+    maxH: (value: {
+        readonly [$$PropertyValue]: "maxHeight";
+    }) => {
+        maxHeight: {
+            readonly [$$PropertyValue]: "maxHeight";
+        };
+    };
+    size: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
     };
-})>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
-    className: string;
-    selector: string;
-} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, string> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, string>), getCssText: () => string, globalCss: <Styles extends {
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    sizeMin: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    sizeMax: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
+    appearance: (value: {
+        readonly [$$PropertyValue]: "appearance";
+    }) => {
+        WebkitAppearance: {
+            readonly [$$PropertyValue]: "appearance";
+        };
+        appearance: {
+            readonly [$$PropertyValue]: "appearance";
+        };
+    };
+    scale: (value: {
+        readonly [$$PropertyValue]: "scale";
+    }) => {
+        transform: string;
+    };
+    linearGradient: (value: {
+        readonly [$$PropertyValue]: "backgroundImage";
+    }) => {
+        backgroundImage: string;
+    };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
+    textGradient: (value: {
+        readonly [$$PropertyValue]: "backgroundImage";
+    }) => {
+        backgroundImage: string;
+        WebkitBackgroundClip: string;
+        WebkitTextFillColor: string;
+    };
+}>>(...composers: { [K in keyof Composers]: Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
+    variants?: {
+        [x: string]: {
+            [x: string]: CSS_1;
+            [x: number]: CSS_1;
+        };
+    } | undefined;
+    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
+        css: CSS_1;
+    })[] | undefined;
+    defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
+} & CSS_1 & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}, CSS_1>;
+export declare const globalCss: <Styles extends {
     [K: string]: any;
 }>(...styles: ({
     '@import'?: unknown;
@@ -4226,6 +4090,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        minSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            minWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            minHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMin: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -4242,6 +4122,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        maxSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            maxWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            maxHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMax: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -4272,6 +4162,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         }) => {
             backgroundImage: string;
         };
+        tdl: (value: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        }) => {
+            textDecorationLine: {
+                readonly [$$PropertyValue]: "textDecorationLine";
+            };
+        };
         textGradient: (value: {
             readonly [$$PropertyValue]: "backgroundImage";
         }) => {
@@ -5100,6 +4997,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -5116,6 +5029,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -5146,6 +5069,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -5153,7 +5083,8 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         WebkitBackgroundClip: string;
         WebkitTextFillColor: string;
     };
-}>; })[]) => () => string, keyframes: (style: {
+}>; })[]) => () => string;
+export declare const keyframes: (style: {
     [offset: string]: import("@stitches/react/types/css-util").CSS<{
         xs: string;
         sm: string;
@@ -5974,6 +5905,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        minSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            minWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            minHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMin: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -5990,6 +5937,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        maxSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            maxWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            maxHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMax: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -6020,6 +5977,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         }) => {
             backgroundImage: string;
         };
+        tdl: (value: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        }) => {
+            textDecorationLine: {
+                readonly [$$PropertyValue]: "textDecorationLine";
+            };
+        };
         textGradient: (value: {
             readonly [$$PropertyValue]: "backgroundImage";
         }) => {
@@ -6031,7 +5995,248 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
 }) => {
     (): string;
     name: string;
-}, config: {
+};
+export declare const getCssText: () => string;
+export declare const theme: string & {
+    className: string;
+    selector: string;
+} & {
+    shadows: {
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "shadows", string>;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "shadows", string>;
+        md: import("@stitches/react/types/theme").Token<"md", string, "shadows", string>;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "shadows", string>;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "shadows", string>;
+    };
+    colors: {
+        accents1: import("@stitches/react/types/theme").Token<"accents1", string, "colors", string>;
+        accents2: import("@stitches/react/types/theme").Token<"accents2", string, "colors", string>;
+        accents3: import("@stitches/react/types/theme").Token<"accents3", string, "colors", string>;
+        accents4: import("@stitches/react/types/theme").Token<"accents4", string, "colors", string>;
+        accents5: import("@stitches/react/types/theme").Token<"accents5", string, "colors", string>;
+        accents6: import("@stitches/react/types/theme").Token<"accents6", string, "colors", string>;
+        accents7: import("@stitches/react/types/theme").Token<"accents7", string, "colors", string>;
+        accents8: import("@stitches/react/types/theme").Token<"accents8", string, "colors", string>;
+        accents9: import("@stitches/react/types/theme").Token<"accents9", string, "colors", string>;
+        text: import("@stitches/react/types/theme").Token<"text", string, "colors", string>;
+        background: import("@stitches/react/types/theme").Token<"background", string, "colors", string>;
+        foreground: import("@stitches/react/types/theme").Token<"foreground", string, "colors", string>;
+        codeLight: import("@stitches/react/types/theme").Token<"codeLight", string, "colors", string>;
+        code: import("@stitches/react/types/theme").Token<"code", string, "colors", string>;
+        border: import("@stitches/react/types/theme").Token<"border", string, "colors", string>;
+        selection: import("@stitches/react/types/theme").Token<"selection", string, "colors", string>;
+        white: import("@stitches/react/types/theme").Token<"white", string, "colors", string>;
+        black: import("@stitches/react/types/theme").Token<"black", string, "colors", string>;
+        blue100: import("@stitches/react/types/theme").Token<"blue100", string, "colors", string>;
+        blue200: import("@stitches/react/types/theme").Token<"blue200", string, "colors", string>;
+        blue300: import("@stitches/react/types/theme").Token<"blue300", string, "colors", string>;
+        blue400: import("@stitches/react/types/theme").Token<"blue400", string, "colors", string>;
+        blue500: import("@stitches/react/types/theme").Token<"blue500", string, "colors", string>;
+        blue600: import("@stitches/react/types/theme").Token<"blue600", string, "colors", string>;
+        blue700: import("@stitches/react/types/theme").Token<"blue700", string, "colors", string>;
+        blue800: import("@stitches/react/types/theme").Token<"blue800", string, "colors", string>;
+        blue900: import("@stitches/react/types/theme").Token<"blue900", string, "colors", string>;
+        purple100: import("@stitches/react/types/theme").Token<"purple100", string, "colors", string>;
+        purple200: import("@stitches/react/types/theme").Token<"purple200", string, "colors", string>;
+        purple300: import("@stitches/react/types/theme").Token<"purple300", string, "colors", string>;
+        purple400: import("@stitches/react/types/theme").Token<"purple400", string, "colors", string>;
+        purple500: import("@stitches/react/types/theme").Token<"purple500", string, "colors", string>;
+        purple600: import("@stitches/react/types/theme").Token<"purple600", string, "colors", string>;
+        purple700: import("@stitches/react/types/theme").Token<"purple700", string, "colors", string>;
+        purple800: import("@stitches/react/types/theme").Token<"purple800", string, "colors", string>;
+        purple900: import("@stitches/react/types/theme").Token<"purple900", string, "colors", string>;
+        green100: import("@stitches/react/types/theme").Token<"green100", string, "colors", string>;
+        green200: import("@stitches/react/types/theme").Token<"green200", string, "colors", string>;
+        green300: import("@stitches/react/types/theme").Token<"green300", string, "colors", string>;
+        green400: import("@stitches/react/types/theme").Token<"green400", string, "colors", string>;
+        green500: import("@stitches/react/types/theme").Token<"green500", string, "colors", string>;
+        green600: import("@stitches/react/types/theme").Token<"green600", string, "colors", string>;
+        green700: import("@stitches/react/types/theme").Token<"green700", string, "colors", string>;
+        green800: import("@stitches/react/types/theme").Token<"green800", string, "colors", string>;
+        green900: import("@stitches/react/types/theme").Token<"green900", string, "colors", string>;
+        yellow100: import("@stitches/react/types/theme").Token<"yellow100", string, "colors", string>;
+        yellow200: import("@stitches/react/types/theme").Token<"yellow200", string, "colors", string>;
+        yellow300: import("@stitches/react/types/theme").Token<"yellow300", string, "colors", string>;
+        yellow400: import("@stitches/react/types/theme").Token<"yellow400", string, "colors", string>;
+        yellow500: import("@stitches/react/types/theme").Token<"yellow500", string, "colors", string>;
+        yellow600: import("@stitches/react/types/theme").Token<"yellow600", string, "colors", string>;
+        yellow700: import("@stitches/react/types/theme").Token<"yellow700", string, "colors", string>;
+        yellow800: import("@stitches/react/types/theme").Token<"yellow800", string, "colors", string>;
+        yellow900: import("@stitches/react/types/theme").Token<"yellow900", string, "colors", string>;
+        red100: import("@stitches/react/types/theme").Token<"red100", string, "colors", string>;
+        red200: import("@stitches/react/types/theme").Token<"red200", string, "colors", string>;
+        red300: import("@stitches/react/types/theme").Token<"red300", string, "colors", string>;
+        red400: import("@stitches/react/types/theme").Token<"red400", string, "colors", string>;
+        red500: import("@stitches/react/types/theme").Token<"red500", string, "colors", string>;
+        red600: import("@stitches/react/types/theme").Token<"red600", string, "colors", string>;
+        red700: import("@stitches/react/types/theme").Token<"red700", string, "colors", string>;
+        red800: import("@stitches/react/types/theme").Token<"red800", string, "colors", string>;
+        red900: import("@stitches/react/types/theme").Token<"red900", string, "colors", string>;
+        cyan100: import("@stitches/react/types/theme").Token<"cyan100", string, "colors", string>;
+        cyan200: import("@stitches/react/types/theme").Token<"cyan200", string, "colors", string>;
+        cyan300: import("@stitches/react/types/theme").Token<"cyan300", string, "colors", string>;
+        cyan400: import("@stitches/react/types/theme").Token<"cyan400", string, "colors", string>;
+        cyan500: import("@stitches/react/types/theme").Token<"cyan500", string, "colors", string>;
+        cyan600: import("@stitches/react/types/theme").Token<"cyan600", string, "colors", string>;
+        cyan700: import("@stitches/react/types/theme").Token<"cyan700", string, "colors", string>;
+        cyan800: import("@stitches/react/types/theme").Token<"cyan800", string, "colors", string>;
+        cyan900: import("@stitches/react/types/theme").Token<"cyan900", string, "colors", string>;
+        pink100: import("@stitches/react/types/theme").Token<"pink100", string, "colors", string>;
+        pink200: import("@stitches/react/types/theme").Token<"pink200", string, "colors", string>;
+        pink300: import("@stitches/react/types/theme").Token<"pink300", string, "colors", string>;
+        pink400: import("@stitches/react/types/theme").Token<"pink400", string, "colors", string>;
+        pink500: import("@stitches/react/types/theme").Token<"pink500", string, "colors", string>;
+        pink600: import("@stitches/react/types/theme").Token<"pink600", string, "colors", string>;
+        pink700: import("@stitches/react/types/theme").Token<"pink700", string, "colors", string>;
+        pink800: import("@stitches/react/types/theme").Token<"pink800", string, "colors", string>;
+        pink900: import("@stitches/react/types/theme").Token<"pink900", string, "colors", string>;
+        gray100: import("@stitches/react/types/theme").Token<"gray100", string, "colors", string>;
+        gray200: import("@stitches/react/types/theme").Token<"gray200", string, "colors", string>;
+        gray300: import("@stitches/react/types/theme").Token<"gray300", string, "colors", string>;
+        gray400: import("@stitches/react/types/theme").Token<"gray400", string, "colors", string>;
+        gray500: import("@stitches/react/types/theme").Token<"gray500", string, "colors", string>;
+        gray600: import("@stitches/react/types/theme").Token<"gray600", string, "colors", string>;
+        gray700: import("@stitches/react/types/theme").Token<"gray700", string, "colors", string>;
+        gray800: import("@stitches/react/types/theme").Token<"gray800", string, "colors", string>;
+        gray900: import("@stitches/react/types/theme").Token<"gray900", string, "colors", string>;
+        primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", string>;
+        primary: import("@stitches/react/types/theme").Token<"primary", string, "colors", string>;
+        primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", string>;
+        secondaryLight: import("@stitches/react/types/theme").Token<"secondaryLight", string, "colors", string>;
+        secondary: import("@stitches/react/types/theme").Token<"secondary", string, "colors", string>;
+        secondaryDark: import("@stitches/react/types/theme").Token<"secondaryDark", string, "colors", string>;
+        successLight: import("@stitches/react/types/theme").Token<"successLight", string, "colors", string>;
+        success: import("@stitches/react/types/theme").Token<"success", string, "colors", string>;
+        successDark: import("@stitches/react/types/theme").Token<"successDark", string, "colors", string>;
+        warningLight: import("@stitches/react/types/theme").Token<"warningLight", string, "colors", string>;
+        warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", string>;
+        warningDark: import("@stitches/react/types/theme").Token<"warningDark", string, "colors", string>;
+        errorLight: import("@stitches/react/types/theme").Token<"errorLight", string, "colors", string>;
+        error: import("@stitches/react/types/theme").Token<"error", string, "colors", string>;
+        errorDark: import("@stitches/react/types/theme").Token<"errorDark", string, "colors", string>;
+        gradient: import("@stitches/react/types/theme").Token<"gradient", string, "colors", string>;
+        link: import("@stitches/react/types/theme").Token<"link", string, "colors", string>;
+    };
+    fonts: {
+        sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", string>;
+        mono: import("@stitches/react/types/theme").Token<"mono", string, "fonts", string>;
+    };
+    fontSizes: {
+        tiny: import("@stitches/react/types/theme").Token<"tiny", string, "fontSizes", string>;
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", string>;
+        base: import("@stitches/react/types/theme").Token<"base", string, "fontSizes", string>;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", string>;
+        md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", string>;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", string>;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "fontSizes", string>;
+    };
+    fontWeights: {
+        hairline: import("@stitches/react/types/theme").Token<"hairline", string, "fontWeights", string>;
+        thin: import("@stitches/react/types/theme").Token<"thin", string, "fontWeights", string>;
+        light: import("@stitches/react/types/theme").Token<"light", string, "fontWeights", string>;
+        normal: import("@stitches/react/types/theme").Token<"normal", string, "fontWeights", string>;
+        medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", string>;
+        semibold: import("@stitches/react/types/theme").Token<"semibold", string, "fontWeights", string>;
+        bold: import("@stitches/react/types/theme").Token<"bold", string, "fontWeights", string>;
+        extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "fontWeights", string>;
+        black: import("@stitches/react/types/theme").Token<"black", string, "fontWeights", string>;
+    };
+    lineHeights: {
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", string>;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", string>;
+        md: import("@stitches/react/types/theme").Token<"md", string, "lineHeights", string>;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "lineHeights", string>;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "lineHeights", string>;
+    };
+    letterSpacings: {
+        tighter: import("@stitches/react/types/theme").Token<"tighter", string, "letterSpacings", string>;
+        tight: import("@stitches/react/types/theme").Token<"tight", string, "letterSpacings", string>;
+        normal: import("@stitches/react/types/theme").Token<"normal", string, "letterSpacings", string>;
+        wide: import("@stitches/react/types/theme").Token<"wide", string, "letterSpacings", string>;
+        wider: import("@stitches/react/types/theme").Token<"wider", string, "letterSpacings", string>;
+        widest: import("@stitches/react/types/theme").Token<"widest", string, "letterSpacings", string>;
+    };
+    space: {
+        0: import("@stitches/react/types/theme").Token<"0", string, "space", string>;
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "space", string>;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "space", string>;
+        md: import("@stitches/react/types/theme").Token<"md", string, "space", string>;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "space", string>;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "space", string>;
+        px: import("@stitches/react/types/theme").Token<"px", string, "space", string>;
+        1: import("@stitches/react/types/theme").Token<"1", string, "space", string>;
+        2: import("@stitches/react/types/theme").Token<"2", string, "space", string>;
+        3: import("@stitches/react/types/theme").Token<"3", string, "space", string>;
+        4: import("@stitches/react/types/theme").Token<"4", string, "space", string>;
+        5: import("@stitches/react/types/theme").Token<"5", string, "space", string>;
+        6: import("@stitches/react/types/theme").Token<"6", string, "space", string>;
+        7: import("@stitches/react/types/theme").Token<"7", string, "space", string>;
+        8: import("@stitches/react/types/theme").Token<"8", string, "space", string>;
+        9: import("@stitches/react/types/theme").Token<"9", string, "space", string>;
+        10: import("@stitches/react/types/theme").Token<"10", string, "space", string>;
+        11: import("@stitches/react/types/theme").Token<"11", string, "space", string>;
+        12: import("@stitches/react/types/theme").Token<"12", string, "space", string>;
+        13: import("@stitches/react/types/theme").Token<"13", string, "space", string>;
+        14: import("@stitches/react/types/theme").Token<"14", string, "space", string>;
+        15: import("@stitches/react/types/theme").Token<"15", string, "space", string>;
+        16: import("@stitches/react/types/theme").Token<"16", string, "space", string>;
+        17: import("@stitches/react/types/theme").Token<"17", string, "space", string>;
+        18: import("@stitches/react/types/theme").Token<"18", string, "space", string>;
+        20: import("@stitches/react/types/theme").Token<"20", string, "space", string>;
+        24: import("@stitches/react/types/theme").Token<"24", string, "space", string>;
+        28: import("@stitches/react/types/theme").Token<"28", string, "space", string>;
+        32: import("@stitches/react/types/theme").Token<"32", string, "space", string>;
+        36: import("@stitches/react/types/theme").Token<"36", string, "space", string>;
+        40: import("@stitches/react/types/theme").Token<"40", string, "space", string>;
+        44: import("@stitches/react/types/theme").Token<"44", string, "space", string>;
+        48: import("@stitches/react/types/theme").Token<"48", string, "space", string>;
+        52: import("@stitches/react/types/theme").Token<"52", string, "space", string>;
+        56: import("@stitches/react/types/theme").Token<"56", string, "space", string>;
+        60: import("@stitches/react/types/theme").Token<"60", string, "space", string>;
+        64: import("@stitches/react/types/theme").Token<"64", string, "space", string>;
+        72: import("@stitches/react/types/theme").Token<"72", string, "space", string>;
+        80: import("@stitches/react/types/theme").Token<"80", string, "space", string>;
+        96: import("@stitches/react/types/theme").Token<"96", string, "space", string>;
+    };
+    radii: {
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "radii", string>;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "radii", string>;
+        md: import("@stitches/react/types/theme").Token<"md", string, "radii", string>;
+        base: import("@stitches/react/types/theme").Token<"base", string, "radii", string>;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "radii", string>;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "radii", string>;
+        squared: import("@stitches/react/types/theme").Token<"squared", string, "radii", string>;
+        rounded: import("@stitches/react/types/theme").Token<"rounded", string, "radii", string>;
+        pill: import("@stitches/react/types/theme").Token<"pill", string, "radii", string>;
+    };
+    zIndices: {
+        1: import("@stitches/react/types/theme").Token<"1", string, "zIndices", string>;
+        2: import("@stitches/react/types/theme").Token<"2", string, "zIndices", string>;
+        3: import("@stitches/react/types/theme").Token<"3", string, "zIndices", string>;
+        4: import("@stitches/react/types/theme").Token<"4", string, "zIndices", string>;
+        5: import("@stitches/react/types/theme").Token<"5", string, "zIndices", string>;
+        10: import("@stitches/react/types/theme").Token<"10", string, "zIndices", string>;
+        max: import("@stitches/react/types/theme").Token<"max", string, "zIndices", string>;
+    };
+    borderWeights: {
+        light: import("@stitches/react/types/theme").Token<"light", string, "borderWeights", string>;
+        normal: import("@stitches/react/types/theme").Token<"normal", string, "borderWeights", string>;
+        bold: import("@stitches/react/types/theme").Token<"bold", string, "borderWeights", string>;
+        extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "borderWeights", string>;
+        black: import("@stitches/react/types/theme").Token<"black", string, "borderWeights", string>;
+    };
+    transitions: {
+        default: import("@stitches/react/types/theme").Token<"default", string, "transitions", string>;
+    };
+    breakpoints: {
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "breakpoints", string>;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "breakpoints", string>;
+        md: import("@stitches/react/types/theme").Token<"md", string, "breakpoints", string>;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "breakpoints", string>;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "breakpoints", string>;
+    };
+};
+export declare const config: {
     prefix: string;
     media: {
         xs: string;
@@ -6856,6 +7061,22 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        minSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            minWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            minHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+            width: {
+                readonly [$$PropertyValue]: "width";
+            };
+            height: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMin: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -6872,6 +7093,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
                 readonly [$$PropertyValue]: "width";
             };
         };
+        maxSize: (value: {
+            readonly [$$PropertyValue]: "width";
+        }) => {
+            maxWidth: {
+                readonly [$$PropertyValue]: "width";
+            };
+            maxHeight: {
+                readonly [$$PropertyValue]: "width";
+            };
+        };
         sizeMax: (value: {
             readonly [$$PropertyValue]: "width";
         }) => {
@@ -6902,6 +7133,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         }) => {
             backgroundImage: string;
         };
+        tdl: (value: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        }) => {
+            textDecorationLine: {
+                readonly [$$PropertyValue]: "textDecorationLine";
+            };
+        };
         textGradient: (value: {
             readonly [$$PropertyValue]: "backgroundImage";
         }) => {
@@ -7747,6 +7985,22 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -7763,6 +8017,16 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -7793,6 +8057,13 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -8637,6 +8908,22 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "width";
         };
     };
+    minSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        minWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        minHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+        width: {
+            readonly [$$PropertyValue]: "width";
+        };
+        height: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMin: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -8653,6 +8940,16 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
             readonly [$$PropertyValue]: "width";
         };
     };
+    maxSize: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        maxHeight: {
+            readonly [$$PropertyValue]: "width";
+        };
+    };
     sizeMax: (value: {
         readonly [$$PropertyValue]: "width";
     }) => {
@@ -8683,6 +8980,13 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
     }) => {
         backgroundImage: string;
     };
+    tdl: (value: {
+        readonly [$$PropertyValue]: "textDecorationLine";
+    }) => {
+        textDecorationLine: {
+            readonly [$$PropertyValue]: "textDecorationLine";
+        };
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -8691,7 +8995,7 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
         WebkitTextFillColor: string;
     };
 }>>;
-export declare const createTheme: ({ type, theme }: Theme) => string & {
+export declare const createTheme: ({ type, theme, className }: Theme) => string & {
     className: string;
     selector: string;
 } & import("@stitches/react/types/stitches").ThemeTokens<any, string>;