@nextui-org/react 1.0.0-beta.7 → 1.0.0-beta.8

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

@@ -10,6 +10,13 @@ export declare const createThemeBase: <Argument0 extends string | ({
         lg?: string | number | boolean | undefined;
         xl?: string | number | boolean | undefined;
     } | undefined;
+    dropShadows?: {
+        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?: {
         text?: string | number | boolean | undefined;
         link?: string | number | boolean | undefined;
@@ -151,6 +158,16 @@ export declare const createThemeBase: <Argument0 extends string | ({
         errorSolidHover?: string | number | boolean | undefined;
         errorSolidContrast?: string | number | boolean | undefined;
         errorShadow?: string | number | boolean | undefined;
+        neutralLight?: string | number | boolean | undefined;
+        neutralLightHover?: string | number | boolean | undefined;
+        neutralLightActive?: string | number | boolean | undefined;
+        neutralLightContrast?: string | number | boolean | undefined;
+        neutral?: string | number | boolean | undefined;
+        neutralBorder?: string | number | boolean | undefined;
+        neutralBorderHover?: string | number | boolean | undefined;
+        neutralSolidHover?: string | number | boolean | undefined;
+        neutralSolidContrast?: string | number | boolean | undefined;
+        neutralShadow?: string | number | boolean | undefined;
         gradient?: string | number | boolean | undefined;
         accents0?: string | number | boolean | undefined;
         accents1?: string | number | boolean | undefined;
@@ -169,13 +186,20 @@ export declare const createThemeBase: <Argument0 extends string | ({
         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;
+        base?: string | number | boolean | undefined;
         md?: string | number | boolean | undefined;
         lg?: string | number | boolean | undefined;
         xl?: string | number | boolean | undefined;
+        xl2?: string | number | boolean | undefined;
+        xl3?: string | number | boolean | undefined;
+        xl4?: string | number | boolean | undefined;
+        xl5?: string | number | boolean | undefined;
+        xl6?: string | number | boolean | undefined;
+        xl7?: string | number | boolean | undefined;
+        xl8?: string | number | boolean | undefined;
+        xl9?: string | number | boolean | undefined;
     } | undefined;
     fontWeights?: {
         hairline?: string | number | boolean | undefined;
@@ -191,9 +215,18 @@ export declare const createThemeBase: <Argument0 extends string | ({
     lineHeights?: {
         xs?: string | number | boolean | undefined;
         sm?: string | number | boolean | undefined;
+        base?: string | number | boolean | undefined;
         md?: string | number | boolean | undefined;
         lg?: string | number | boolean | undefined;
         xl?: string | number | boolean | undefined;
+        xl2?: string | number | boolean | undefined;
+        xl3?: string | number | boolean | undefined;
+        xl4?: string | number | boolean | undefined;
+        xl5?: string | number | boolean | undefined;
+        xl6?: string | number | boolean | undefined;
+        xl7?: string | number | boolean | undefined;
+        xl8?: string | number | boolean | undefined;
+        xl9?: string | number | boolean | undefined;
     } | undefined;
     letterSpacings?: {
         tighter?: string | number | boolean | undefined;
@@ -278,6 +311,7 @@ export declare const createThemeBase: <Argument0 extends string | ({
         avatar?: string | number | boolean | undefined;
         link?: string | number | boolean | undefined;
         card?: string | number | boolean | undefined;
+        dropdownItem?: string | number | boolean | undefined;
     } | undefined;
     breakpoints?: {
         xs?: string | number | boolean | undefined;
@@ -299,6 +333,13 @@ export declare const createThemeBase: <Argument0 extends string | ({
         lg?: string | number | boolean | undefined;
         xl?: string | number | boolean | undefined;
     } | undefined;
+    dropShadows?: {
+        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?: {
         text?: string | number | boolean | undefined;
         link?: string | number | boolean | undefined;
@@ -440,6 +481,16 @@ export declare const createThemeBase: <Argument0 extends string | ({
         errorSolidHover?: string | number | boolean | undefined;
         errorSolidContrast?: string | number | boolean | undefined;
         errorShadow?: string | number | boolean | undefined;
+        neutralLight?: string | number | boolean | undefined;
+        neutralLightHover?: string | number | boolean | undefined;
+        neutralLightActive?: string | number | boolean | undefined;
+        neutralLightContrast?: string | number | boolean | undefined;
+        neutral?: string | number | boolean | undefined;
+        neutralBorder?: string | number | boolean | undefined;
+        neutralBorderHover?: string | number | boolean | undefined;
+        neutralSolidHover?: string | number | boolean | undefined;
+        neutralSolidContrast?: string | number | boolean | undefined;
+        neutralShadow?: string | number | boolean | undefined;
         gradient?: string | number | boolean | undefined;
         accents0?: string | number | boolean | undefined;
         accents1?: string | number | boolean | undefined;
@@ -458,13 +509,20 @@ export declare const createThemeBase: <Argument0 extends string | ({
         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;
+        base?: string | number | boolean | undefined;
         md?: string | number | boolean | undefined;
         lg?: string | number | boolean | undefined;
         xl?: string | number | boolean | undefined;
+        xl2?: string | number | boolean | undefined;
+        xl3?: string | number | boolean | undefined;
+        xl4?: string | number | boolean | undefined;
+        xl5?: string | number | boolean | undefined;
+        xl6?: string | number | boolean | undefined;
+        xl7?: string | number | boolean | undefined;
+        xl8?: string | number | boolean | undefined;
+        xl9?: string | number | boolean | undefined;
     } | undefined;
     fontWeights?: {
         hairline?: string | number | boolean | undefined;
@@ -480,9 +538,18 @@ export declare const createThemeBase: <Argument0 extends string | ({
     lineHeights?: {
         xs?: string | number | boolean | undefined;
         sm?: string | number | boolean | undefined;
+        base?: string | number | boolean | undefined;
         md?: string | number | boolean | undefined;
         lg?: string | number | boolean | undefined;
         xl?: string | number | boolean | undefined;
+        xl2?: string | number | boolean | undefined;
+        xl3?: string | number | boolean | undefined;
+        xl4?: string | number | boolean | undefined;
+        xl5?: string | number | boolean | undefined;
+        xl6?: string | number | boolean | undefined;
+        xl7?: string | number | boolean | undefined;
+        xl8?: string | number | boolean | undefined;
+        xl9?: string | number | boolean | undefined;
     } | undefined;
     letterSpacings?: {
         tighter?: string | number | boolean | undefined;
@@ -567,6 +634,7 @@ export declare const createThemeBase: <Argument0 extends string | ({
         avatar?: string | number | boolean | undefined;
         link?: string | number | boolean | undefined;
         card?: string | number | boolean | undefined;
+        dropdownItem?: string | number | boolean | undefined;
     } | undefined;
     breakpoints?: {
         xs?: string | number | boolean | undefined;
@@ -610,6 +678,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -751,6 +826,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -769,13 +854,20 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -791,9 +883,18 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -878,6 +979,7 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -1253,7 +1355,9 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
@@ -1331,6 +1435,32 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [Stitches.$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
     }) => {
@@ -1534,6 +1664,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [Stitches.$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [Stitches.$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundImage";
     }) => {
@@ -1595,6 +1735,13 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -1736,6 +1883,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -1754,13 +1911,20 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -1776,9 +1940,18 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -1863,6 +2036,7 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -2238,7 +2412,9 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
@@ -2316,6 +2492,32 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [Stitches.$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
     }) => {
@@ -2519,6 +2721,16 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
             readonly [Stitches.$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [Stitches.$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundImage";
     }) => {
@@ -2530,7 +2742,7 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
         };
     };
 }>>;
-export declare const 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").JSXElementConstructor<any> | import("react").ExoticComponent<any> | {
     [name: string]: unknown;
 })[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
     xs: string;
@@ -2556,6 +2768,13 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -2697,6 +2916,16 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -2715,13 +2944,20 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -2737,9 +2973,18 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -2824,6 +3069,7 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -3199,7 +3445,9 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
@@ -3277,6 +3525,32 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
             readonly [Stitches.$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
     }) => {
@@ -3480,6 +3754,16 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
             readonly [Stitches.$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [Stitches.$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundImage";
     }) => {
@@ -3490,7 +3774,7 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
             WebkitTextFillColor: string;
         };
     };
-}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : 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> & {
+}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
     variants?: {
         [x: string]: {
             [x: string]: CSS_1;
@@ -3548,6 +3832,13 @@ export declare const globalCss: <Styles extends {
             lg: string;
             xl: string;
         };
+        dropShadows: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
         colors: {
             text: string;
             link: string;
@@ -3689,6 +3980,16 @@ export declare const globalCss: <Styles extends {
             errorSolidHover: string;
             errorSolidContrast: string;
             errorShadow: string;
+            neutralLight: string;
+            neutralLightHover: string;
+            neutralLightActive: string;
+            neutralLightContrast: string;
+            neutral: string;
+            neutralBorder: string;
+            neutralBorderHover: string;
+            neutralSolidHover: string;
+            neutralSolidContrast: string;
+            neutralShadow: string;
             gradient: string;
             accents0: string;
             accents1: string;
@@ -3707,13 +4008,20 @@ export declare const globalCss: <Styles extends {
             mono: string;
         };
         fontSizes: {
-            tiny: string;
             xs: string;
-            base: string;
             sm: string;
+            base: string;
             md: string;
             lg: string;
             xl: string;
+            xl2: string;
+            xl3: string;
+            xl4: string;
+            xl5: string;
+            xl6: string;
+            xl7: string;
+            xl8: string;
+            xl9: string;
         };
         fontWeights: {
             hairline: number;
@@ -3729,9 +4037,18 @@ export declare const globalCss: <Styles extends {
         lineHeights: {
             xs: number;
             sm: number;
+            base: number;
             md: number;
             lg: number;
             xl: number;
+            xl2: number;
+            xl3: number;
+            xl4: number;
+            xl5: number;
+            xl6: number;
+            xl7: number;
+            xl8: number;
+            xl9: number;
         };
         letterSpacings: {
             tighter: string;
@@ -3816,6 +4133,7 @@ export declare const globalCss: <Styles extends {
             avatar: string;
             link: string;
             card: string;
+            dropdownItem: string;
         };
         breakpoints: {
             xs: string;
@@ -4191,7 +4509,9 @@ export declare const globalCss: <Styles extends {
             readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
             bf: string;
-            bg: string;
+            bg: {
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+            };
         };
         bgColor: (value: {
             readonly [Stitches.$$PropertyValue]: "backgroundColor";
@@ -4269,6 +4589,32 @@ export declare const globalCss: <Styles extends {
                 readonly [Stitches.$$PropertyValue]: "boxShadow";
             };
         };
+        ds: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        }) => {
+            dropShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
+        };
+        shadow: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        }) => {
+            boxShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
+        };
+        dshadow: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        }) => {
+            dropShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
+        };
+        dropShadow: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        }) => {
+            filter: string;
+        };
         normalShadow: (value: {
             readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
@@ -4472,6 +4818,16 @@ export declare const globalCss: <Styles extends {
                 readonly [Stitches.$$PropertyValue]: "textDecorationLine";
             };
         };
+        truncateText: (value: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        }) => {
+            maxWidth: {
+                readonly [Stitches.$$PropertyValue]: "width";
+            };
+            whiteSpace: string;
+            overflow: string;
+            textOverflow: string;
+        };
         textGradient: (value: {
             readonly [Stitches.$$PropertyValue]: "backgroundImage";
         }) => {
@@ -4507,6 +4863,13 @@ export declare const globalCss: <Styles extends {
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
         text: string;
         link: string;
@@ -4648,6 +5011,16 @@ export declare const globalCss: <Styles extends {
         errorSolidHover: string;
         errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
         accents0: string;
         accents1: string;
@@ -4666,13 +5039,20 @@ export declare const globalCss: <Styles extends {
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -4688,9 +5068,18 @@ export declare const globalCss: <Styles extends {
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -4775,6 +5164,7 @@ export declare const globalCss: <Styles extends {
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -5150,7 +5540,9 @@ export declare const globalCss: <Styles extends {
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
@@ -5228,6 +5620,32 @@ export declare const globalCss: <Styles extends {
             readonly [Stitches.$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [Stitches.$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundColor";
     }) => {
@@ -5431,6 +5849,16 @@ export declare const globalCss: <Styles extends {
             readonly [Stitches.$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [Stitches.$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [Stitches.$$PropertyValue]: "backgroundImage";
     }) => {
@@ -5467,6 +5895,13 @@ export declare const keyframes: (style: {
             lg: string;
             xl: string;
         };
+        dropShadows: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
         colors: {
             text: string;
             link: string;
@@ -5608,6 +6043,16 @@ export declare const keyframes: (style: {
             errorSolidHover: string;
             errorSolidContrast: string;
             errorShadow: string;
+            neutralLight: string;
+            neutralLightHover: string;
+            neutralLightActive: string;
+            neutralLightContrast: string;
+            neutral: string;
+            neutralBorder: string;
+            neutralBorderHover: string;
+            neutralSolidHover: string;
+            neutralSolidContrast: string;
+            neutralShadow: string;
             gradient: string;
             accents0: string;
             accents1: string;
@@ -5626,13 +6071,20 @@ export declare const keyframes: (style: {
             mono: string;
         };
         fontSizes: {
-            tiny: string;
             xs: string;
-            base: string;
             sm: string;
+            base: string;
             md: string;
             lg: string;
             xl: string;
+            xl2: string;
+            xl3: string;
+            xl4: string;
+            xl5: string;
+            xl6: string;
+            xl7: string;
+            xl8: string;
+            xl9: string;
         };
         fontWeights: {
             hairline: number;
@@ -5648,9 +6100,18 @@ export declare const keyframes: (style: {
         lineHeights: {
             xs: number;
             sm: number;
+            base: number;
             md: number;
             lg: number;
             xl: number;
+            xl2: number;
+            xl3: number;
+            xl4: number;
+            xl5: number;
+            xl6: number;
+            xl7: number;
+            xl8: number;
+            xl9: number;
         };
         letterSpacings: {
             tighter: string;
@@ -5735,6 +6196,7 @@ export declare const keyframes: (style: {
             avatar: string;
             link: string;
             card: string;
+            dropdownItem: string;
         };
         breakpoints: {
             xs: string;
@@ -6110,7 +6572,9 @@ export declare const keyframes: (style: {
             readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
             bf: string;
-            bg: string;
+            bg: {
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+            };
         };
         bgColor: (value: {
             readonly [Stitches.$$PropertyValue]: "backgroundColor";
@@ -6188,6 +6652,32 @@ export declare const keyframes: (style: {
                 readonly [Stitches.$$PropertyValue]: "boxShadow";
             };
         };
+        ds: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        }) => {
+            dropShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
+        };
+        shadow: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        }) => {
+            boxShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
+        };
+        dshadow: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        }) => {
+            dropShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
+        };
+        dropShadow: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        }) => {
+            filter: string;
+        };
         normalShadow: (value: {
             readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
@@ -6391,6 +6881,16 @@ export declare const keyframes: (style: {
                 readonly [Stitches.$$PropertyValue]: "textDecorationLine";
             };
         };
+        truncateText: (value: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        }) => {
+            maxWidth: {
+                readonly [Stitches.$$PropertyValue]: "width";
+            };
+            whiteSpace: string;
+            overflow: string;
+            textOverflow: string;
+        };
         textGradient: (value: {
             readonly [Stitches.$$PropertyValue]: "backgroundImage";
         }) => {
@@ -6418,6 +6918,13 @@ export declare const theme: string & {
         lg: import("@stitches/react/types/theme").Token<"lg", string, "shadows", string>;
         xl: import("@stitches/react/types/theme").Token<"xl", string, "shadows", string>;
     };
+    dropShadows: {
+        xs: import("@stitches/react/types/theme").Token<"xs", string, "dropShadows", string>;
+        sm: import("@stitches/react/types/theme").Token<"sm", string, "dropShadows", string>;
+        md: import("@stitches/react/types/theme").Token<"md", string, "dropShadows", string>;
+        lg: import("@stitches/react/types/theme").Token<"lg", string, "dropShadows", string>;
+        xl: import("@stitches/react/types/theme").Token<"xl", string, "dropShadows", string>;
+    };
     colors: {
         text: import("@stitches/react/types/theme").Token<"text", string, "colors", string>;
         link: import("@stitches/react/types/theme").Token<"link", string, "colors", string>;
@@ -6559,6 +7066,16 @@ export declare const theme: string & {
         errorSolidHover: import("@stitches/react/types/theme").Token<"errorSolidHover", string, "colors", string>;
         errorSolidContrast: import("@stitches/react/types/theme").Token<"errorSolidContrast", string, "colors", string>;
         errorShadow: import("@stitches/react/types/theme").Token<"errorShadow", string, "colors", string>;
+        neutralLight: import("@stitches/react/types/theme").Token<"neutralLight", string, "colors", string>;
+        neutralLightHover: import("@stitches/react/types/theme").Token<"neutralLightHover", string, "colors", string>;
+        neutralLightActive: import("@stitches/react/types/theme").Token<"neutralLightActive", string, "colors", string>;
+        neutralLightContrast: import("@stitches/react/types/theme").Token<"neutralLightContrast", string, "colors", string>;
+        neutral: import("@stitches/react/types/theme").Token<"neutral", string, "colors", string>;
+        neutralBorder: import("@stitches/react/types/theme").Token<"neutralBorder", string, "colors", string>;
+        neutralBorderHover: import("@stitches/react/types/theme").Token<"neutralBorderHover", string, "colors", string>;
+        neutralSolidHover: import("@stitches/react/types/theme").Token<"neutralSolidHover", string, "colors", string>;
+        neutralSolidContrast: import("@stitches/react/types/theme").Token<"neutralSolidContrast", string, "colors", string>;
+        neutralShadow: import("@stitches/react/types/theme").Token<"neutralShadow", string, "colors", string>;
         gradient: import("@stitches/react/types/theme").Token<"gradient", string, "colors", string>;
         accents0: import("@stitches/react/types/theme").Token<"accents0", string, "colors", string>;
         accents1: import("@stitches/react/types/theme").Token<"accents1", string, "colors", string>;
@@ -6577,13 +7094,20 @@ export declare const theme: 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>;
+        base: import("@stitches/react/types/theme").Token<"base", 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>;
+        xl2: import("@stitches/react/types/theme").Token<"xl2", string, "fontSizes", string>;
+        xl3: import("@stitches/react/types/theme").Token<"xl3", string, "fontSizes", string>;
+        xl4: import("@stitches/react/types/theme").Token<"xl4", string, "fontSizes", string>;
+        xl5: import("@stitches/react/types/theme").Token<"xl5", string, "fontSizes", string>;
+        xl6: import("@stitches/react/types/theme").Token<"xl6", string, "fontSizes", string>;
+        xl7: import("@stitches/react/types/theme").Token<"xl7", string, "fontSizes", string>;
+        xl8: import("@stitches/react/types/theme").Token<"xl8", string, "fontSizes", string>;
+        xl9: import("@stitches/react/types/theme").Token<"xl9", string, "fontSizes", string>;
     };
     fontWeights: {
         hairline: import("@stitches/react/types/theme").Token<"hairline", string, "fontWeights", string>;
@@ -6599,9 +7123,18 @@ export declare const theme: string & {
     lineHeights: {
         xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", string>;
         sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", string>;
+        base: import("@stitches/react/types/theme").Token<"base", 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>;
+        xl2: import("@stitches/react/types/theme").Token<"xl2", string, "lineHeights", string>;
+        xl3: import("@stitches/react/types/theme").Token<"xl3", string, "lineHeights", string>;
+        xl4: import("@stitches/react/types/theme").Token<"xl4", string, "lineHeights", string>;
+        xl5: import("@stitches/react/types/theme").Token<"xl5", string, "lineHeights", string>;
+        xl6: import("@stitches/react/types/theme").Token<"xl6", string, "lineHeights", string>;
+        xl7: import("@stitches/react/types/theme").Token<"xl7", string, "lineHeights", string>;
+        xl8: import("@stitches/react/types/theme").Token<"xl8", string, "lineHeights", string>;
+        xl9: import("@stitches/react/types/theme").Token<"xl9", string, "lineHeights", string>;
     };
     letterSpacings: {
         tighter: import("@stitches/react/types/theme").Token<"tighter", string, "letterSpacings", string>;
@@ -6686,6 +7219,7 @@ export declare const theme: string & {
         avatar: import("@stitches/react/types/theme").Token<"avatar", string, "transitions", string>;
         link: import("@stitches/react/types/theme").Token<"link", string, "transitions", string>;
         card: import("@stitches/react/types/theme").Token<"card", string, "transitions", string>;
+        dropdownItem: import("@stitches/react/types/theme").Token<"dropdownItem", string, "transitions", string>;
     };
     breakpoints: {
         xs: import("@stitches/react/types/theme").Token<"xs", string, "breakpoints", string>;
@@ -6722,6 +7256,13 @@ export declare const config: {
             lg: string;
             xl: string;
         };
+        dropShadows: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
         colors: {
             text: string;
             link: string;
@@ -6863,6 +7404,16 @@ export declare const config: {
             errorSolidHover: string;
             errorSolidContrast: string;
             errorShadow: string;
+            neutralLight: string;
+            neutralLightHover: string;
+            neutralLightActive: string;
+            neutralLightContrast: string;
+            neutral: string;
+            neutralBorder: string;
+            neutralBorderHover: string;
+            neutralSolidHover: string;
+            neutralSolidContrast: string;
+            neutralShadow: string;
             gradient: string;
             accents0: string;
             accents1: string;
@@ -6881,13 +7432,20 @@ export declare const config: {
             mono: string;
         };
         fontSizes: {
-            tiny: string;
             xs: string;
-            base: string;
             sm: string;
+            base: string;
             md: string;
             lg: string;
             xl: string;
+            xl2: string;
+            xl3: string;
+            xl4: string;
+            xl5: string;
+            xl6: string;
+            xl7: string;
+            xl8: string;
+            xl9: string;
         };
         fontWeights: {
             hairline: number;
@@ -6903,9 +7461,18 @@ export declare const config: {
         lineHeights: {
             xs: number;
             sm: number;
+            base: number;
             md: number;
             lg: number;
             xl: number;
+            xl2: number;
+            xl3: number;
+            xl4: number;
+            xl5: number;
+            xl6: number;
+            xl7: number;
+            xl8: number;
+            xl9: number;
         };
         letterSpacings: {
             tighter: string;
@@ -6990,6 +7557,7 @@ export declare const config: {
             avatar: string;
             link: string;
             card: string;
+            dropdownItem: string;
         };
         breakpoints: {
             xs: string;
@@ -7367,7 +7935,9 @@ export declare const config: {
             readonly [Stitches.$$PropertyValue]: "backgroundColor";
         }) => {
             bf: string;
-            bg: string;
+            bg: {
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+            };
         };
         bgColor: (value: {
             readonly [Stitches.$$PropertyValue]: "backgroundColor";
@@ -7445,18 +8015,44 @@ export declare const config: {
                 readonly [Stitches.$$PropertyValue]: "boxShadow";
             };
         };
-        normalShadow: (value: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        ds: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
         }) => {
-            boxShadow: string;
+            dropShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
         };
-        normalShadowVar: (value: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        shadow: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
         }) => {
-            boxShadow: string;
+            boxShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
         };
-        lh: (value: {
-            readonly [Stitches.$$PropertyValue]: "lineHeight";
+        dshadow: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        }) => {
+            dropShadow: {
+                readonly [Stitches.$$PropertyValue]: "boxShadow";
+            };
+        };
+        dropShadow: (value: {
+            readonly [Stitches.$$PropertyValue]: "boxShadow";
+        }) => {
+            filter: string;
+        };
+        normalShadow: (value: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        }) => {
+            boxShadow: string;
+        };
+        normalShadowVar: (value: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        }) => {
+            boxShadow: string;
+        };
+        lh: (value: {
+            readonly [Stitches.$$PropertyValue]: "lineHeight";
         }) => {
             lineHeight: {
                 readonly [Stitches.$$PropertyValue]: "lineHeight";
@@ -7648,6 +8244,16 @@ export declare const config: {
                 readonly [Stitches.$$PropertyValue]: "textDecorationLine";
             };
         };
+        truncateText: (value: {
+            readonly [Stitches.$$PropertyValue]: "width";
+        }) => {
+            maxWidth: {
+                readonly [Stitches.$$PropertyValue]: "width";
+            };
+            whiteSpace: string;
+            overflow: string;
+            textOverflow: string;
+        };
         textGradient: (value: {
             readonly [Stitches.$$PropertyValue]: "backgroundImage";
         }) => {
@@ -7660,2933 +8266,6 @@ export declare const config: {
         };
     };
 };
-export declare const sharedFocus: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
-    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;
-}, import("@stitches/react/types/css-util").CSS<{
-    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;
-}, {
-    shadows: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    colors: {
-        text: string;
-        link: string;
-        codeLight: string;
-        code: string;
-        selection: string;
-        gray50: string;
-        gray100: string;
-        gray200: string;
-        gray300: string;
-        gray400: string;
-        gray500: string;
-        gray600: string;
-        gray700: string;
-        gray800: string;
-        gray900: string;
-        pink50: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        cyan50: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        background: string;
-        foreground: string;
-        backgroundContrast: string;
-        white: string;
-        black: string;
-        primaryLight: string;
-        primaryLightHover: string;
-        primaryLightActive: string;
-        primaryLightContrast: string;
-        primary: string;
-        primaryBorder: string;
-        primaryBorderHover: string;
-        primarySolidHover: string;
-        primarySolidContrast: string;
-        primaryShadow: string;
-        secondaryLight: string;
-        secondaryLightHover: string;
-        secondaryLightActive: string;
-        secondaryLightContrast: string;
-        secondary: string;
-        secondaryBorder: string;
-        secondaryBorderHover: string;
-        secondarySolidHover: string;
-        secondarySolidContrast: string;
-        secondaryShadow: string;
-        successLight: string;
-        successLightHover: string;
-        successLightActive: string;
-        successLightContrast: string;
-        success: string;
-        successBorder: string;
-        successBorderHover: string;
-        successSolidHover: string;
-        successSolidContrast: string;
-        successShadow: string;
-        warningLight: string;
-        warningLightHover: string;
-        warningLightActive: string;
-        warningLightContrast: string;
-        warning: string;
-        warningBorder: string;
-        warningBorderHover: string;
-        warningSolidHover: string;
-        warningSolidContrast: string;
-        warningShadow: string;
-        errorLight: string;
-        errorLightHover: string;
-        errorLightActive: string;
-        errorLightContrast: string;
-        error: string;
-        errorBorder: string;
-        errorBorderHover: string;
-        errorSolidHover: string;
-        errorSolidContrast: string;
-        errorShadow: string;
-        gradient: string;
-        accents0: string;
-        accents1: string;
-        accents2: string;
-        accents3: string;
-        accents4: string;
-        accents5: string;
-        accents6: string;
-        accents7: string;
-        accents8: string;
-        accents9: string;
-        border: string;
-    };
-    fonts: {
-        sans: string;
-        mono: string;
-    };
-    fontSizes: {
-        tiny: string;
-        xs: string;
-        base: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    fontWeights: {
-        hairline: number;
-        thin: number;
-        light: number;
-        normal: number;
-        medium: number;
-        semibold: number;
-        bold: number;
-        extrabold: number;
-        black: number;
-    };
-    lineHeights: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
-    letterSpacings: {
-        tighter: string;
-        tight: string;
-        normal: string;
-        wide: string;
-        wider: string;
-        widest: string;
-    };
-    space: {
-        0: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        px: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-        16: string;
-        17: string;
-        18: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        44: string;
-        48: string;
-        52: string;
-        56: string;
-        60: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-    };
-    radii: {
-        xs: string;
-        sm: string;
-        md: string;
-        base: string;
-        lg: string;
-        xl: string;
-        squared: string;
-        rounded: string;
-        pill: string;
-    };
-    zIndices: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        10: string;
-        max: string;
-    };
-    borderWeights: {
-        light: string;
-        normal: string;
-        bold: string;
-        extrabold: string;
-        black: string;
-    };
-    transitions: {
-        default: string;
-        button: string;
-        avatar: string;
-        link: string;
-        card: string;
-    };
-    breakpoints: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-}, {
-    width: string;
-    height: string;
-    minWidth: string;
-    maxWidth: string;
-    minHeight: string;
-    maxHeight: string;
-    flexBasis: string;
-    gridTemplateColumns: string;
-    gridTemplateRows: string;
-    blockSize: string;
-    minBlockSize: string;
-    maxBlockSize: string;
-    inlineSize: string;
-    minInlineSize: string;
-    maxInlineSize: string;
-    borderWidth: string;
-    gap: "space";
-    gridGap: "space";
-    columnGap: "space";
-    gridColumnGap: "space";
-    rowGap: "space";
-    gridRowGap: "space";
-    inset: "space";
-    insetBlock: "space";
-    insetBlockEnd: "space";
-    insetBlockStart: "space";
-    insetInline: "space";
-    insetInlineEnd: "space";
-    insetInlineStart: "space";
-    margin: "space";
-    marginTop: "space";
-    marginRight: "space";
-    marginBottom: "space";
-    marginLeft: "space";
-    marginBlock: "space";
-    marginBlockEnd: "space";
-    marginBlockStart: "space";
-    marginInline: "space";
-    marginInlineEnd: "space";
-    marginInlineStart: "space";
-    padding: "space";
-    paddingTop: "space";
-    paddingRight: "space";
-    paddingBottom: "space";
-    paddingLeft: "space";
-    paddingBlock: "space";
-    paddingBlockEnd: "space";
-    paddingBlockStart: "space";
-    paddingInline: "space";
-    paddingInlineEnd: "space";
-    paddingInlineStart: "space";
-    scrollMargin: "space";
-    scrollMarginTop: "space";
-    scrollMarginRight: "space";
-    scrollMarginBottom: "space";
-    scrollMarginLeft: "space";
-    scrollMarginBlock: "space";
-    scrollMarginBlockEnd: "space";
-    scrollMarginBlockStart: "space";
-    scrollMarginInline: "space";
-    scrollMarginInlineEnd: "space";
-    scrollMarginInlineStart: "space";
-    scrollPadding: "space";
-    scrollPaddingTop: "space";
-    scrollPaddingRight: "space";
-    scrollPaddingBottom: "space";
-    scrollPaddingLeft: "space";
-    scrollPaddingBlock: "space";
-    scrollPaddingBlockEnd: "space";
-    scrollPaddingBlockStart: "space";
-    scrollPaddingInline: "space";
-    scrollPaddingInlineEnd: "space";
-    scrollPaddingInlineStart: "space";
-    top: "space";
-    right: "space";
-    bottom: "space";
-    left: "space";
-    fontSize: "fontSizes";
-    background: "colors";
-    backgroundColor: "colors";
-    backgroundImage: "colors";
-    borderImage: "colors";
-    border: "colors";
-    borderBlock: "colors";
-    borderBlockEnd: "colors";
-    borderBlockStart: "colors";
-    borderBottom: "colors";
-    borderBottomColor: "colors";
-    borderColor: "colors";
-    borderInline: "colors";
-    borderInlineEnd: "colors";
-    borderInlineStart: "colors";
-    borderLeft: "colors";
-    borderLeftColor: "colors";
-    borderRight: "colors";
-    borderRightColor: "colors";
-    borderTop: "colors";
-    borderTopColor: "colors";
-    caretColor: "colors";
-    color: "colors";
-    columnRuleColor: "colors";
-    outline: "colors";
-    outlineColor: "colors";
-    fill: "colors";
-    stroke: "colors";
-    textDecorationColor: "colors";
-    fontFamily: "fonts";
-    fontWeight: "fontWeights";
-    lineHeight: "lineHeights";
-    letterSpacing: "letterSpacings";
-    borderTopWidth: "borderWidths";
-    borderLeftWidth: "borderWidths";
-    borderRightWidth: "borderWidths";
-    borderBottomWidth: "borderWidths";
-    borderStyle: "borderStyles";
-    borderTopStyle: "borderStyles";
-    borderLeftStyle: "borderStyles";
-    borderRightStyle: "borderStyles";
-    borderBottomStyle: "borderStyles";
-    borderRadius: "radii";
-    borderTopLeftRadius: "radii";
-    borderTopRightRadius: "radii";
-    borderBottomRightRadius: "radii";
-    borderBottomLeftRadius: "radii";
-    boxShadow: "shadows";
-    textShadow: "shadows";
-    transition: "transitions";
-    zIndex: "zIndices";
-}, {
-    p: (value: {
-        readonly [Stitches.$$PropertyValue]: "padding";
-    }) => {
-        padding: {
-            readonly [Stitches.$$PropertyValue]: "padding";
-        };
-    };
-    pt: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingTop";
-    }) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
-        };
-    };
-    pr: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingRight";
-    }) => {
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingRight";
-        };
-    };
-    pb: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingBottom";
-    }) => {
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingBottom";
-        };
-    };
-    pl: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingLeft";
-    }) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
-        };
-    };
-    px: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingLeft";
-    }) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
-        };
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
-        };
-    };
-    py: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingTop";
-    }) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
-        };
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
-        };
-    };
-    m: (value: {
-        readonly [Stitches.$$PropertyValue]: "margin";
-    }) => {
-        margin: {
-            readonly [Stitches.$$PropertyValue]: "margin";
-        };
-    };
-    mt: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginTop";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
-        };
-    };
-    mr: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginRight";
-    }) => {
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginRight";
-        };
-    };
-    mb: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginBottom";
-    }) => {
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginBottom";
-        };
-    };
-    ml: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginLeft";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
-        };
-    };
-    mx: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginLeft";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
-        };
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
-        };
-    };
-    my: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginTop";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
-        };
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
-        };
-    };
-    ta: (value: {
-        readonly [Stitches.$$PropertyValue]: "textAlign";
-    }) => {
-        textAlign: {
-            readonly [Stitches.$$PropertyValue]: "textAlign";
-        };
-    };
-    tt: (value: {
-        readonly [Stitches.$$PropertyValue]: "textTransform";
-    }) => {
-        textTransform: {
-            readonly [Stitches.$$PropertyValue]: "textTransform";
-        };
-    };
-    to: (value: {
-        readonly [Stitches.$$PropertyValue]: "textOverflow";
-    }) => {
-        textOverflow: {
-            readonly [Stitches.$$PropertyValue]: "textOverflow";
-        };
-    };
-    d: (value: {
-        readonly [Stitches.$$PropertyValue]: "display";
-    }) => {
-        display: {
-            readonly [Stitches.$$PropertyValue]: "display";
-        };
-    };
-    dflex: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignItems";
-    }) => {
-        display: string;
-        alignItems: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
-        };
-        justifyContent: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
-        };
-    };
-    fd: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexDirection";
-    }) => {
-        flexDirection: {
-            readonly [Stitches.$$PropertyValue]: "flexDirection";
-        };
-    };
-    fw: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexWrap";
-    }) => {
-        flexWrap: {
-            readonly [Stitches.$$PropertyValue]: "flexWrap";
-        };
-    };
-    ai: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignItems";
-    }) => {
-        alignItems: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
-        };
-    };
-    ac: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignContent";
-    }) => {
-        alignContent: {
-            readonly [Stitches.$$PropertyValue]: "alignContent";
-        };
-    };
-    jc: (value: {
-        readonly [Stitches.$$PropertyValue]: "justifyContent";
-    }) => {
-        justifyContent: {
-            readonly [Stitches.$$PropertyValue]: "justifyContent";
-        };
-    };
-    as: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignSelf";
-    }) => {
-        alignSelf: {
-            readonly [Stitches.$$PropertyValue]: "alignSelf";
-        };
-    };
-    fg: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexGrow";
-    }) => {
-        flexGrow: {
-            readonly [Stitches.$$PropertyValue]: "flexGrow";
-        };
-    };
-    fs: (value: {
-        readonly [Stitches.$$PropertyValue]: "fontSize";
-    }) => {
-        fontSize: {
-            readonly [Stitches.$$PropertyValue]: "fontSize";
-        };
-    };
-    fb: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexBasis";
-    }) => {
-        flexBasis: {
-            readonly [Stitches.$$PropertyValue]: "flexBasis";
-        };
-    };
-    bc: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
-        };
-    };
-    bf: (value: {
-        readonly [Stitches.$$PropertyValue]: "backdropFilter";
-    }) => {
-        backdropFilter: {
-            readonly [Stitches.$$PropertyValue]: "backdropFilter";
-        };
-    };
-    bg: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        background: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
-        };
-    };
-    bgBlur: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        bf: string;
-        bg: string;
-    };
-    bgColor: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
-        };
-    };
-    backgroundClip: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-        backgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-    };
-    bgClip: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-        backgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-    };
-    br: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderRadius";
-    }) => {
-        borderRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderRadius";
-        };
-    };
-    bw: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderWidth";
-    }) => {
-        borderWidth: {
-            readonly [Stitches.$$PropertyValue]: "borderWidth";
-        };
-    };
-    btrr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: {
-        readonly [Stitches.$$PropertyValue]: "boxShadow";
-    }) => {
-        boxShadow: {
-            readonly [Stitches.$$PropertyValue]: "boxShadow";
-        };
-    };
-    normalShadow: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        boxShadow: string;
-    };
-    normalShadowVar: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        boxShadow: string;
-    };
-    lh: (value: {
-        readonly [Stitches.$$PropertyValue]: "lineHeight";
-    }) => {
-        lineHeight: {
-            readonly [Stitches.$$PropertyValue]: "lineHeight";
-        };
-    };
-    ov: (value: {
-        readonly [Stitches.$$PropertyValue]: "overflow";
-    }) => {
-        overflow: {
-            readonly [Stitches.$$PropertyValue]: "overflow";
-        };
-    };
-    ox: (value: {
-        readonly [Stitches.$$PropertyValue]: "overflowX";
-    }) => {
-        overflowX: {
-            readonly [Stitches.$$PropertyValue]: "overflowX";
-        };
-    };
-    oy: (value: {
-        readonly [Stitches.$$PropertyValue]: "overflowY";
-    }) => {
-        overflowY: {
-            readonly [Stitches.$$PropertyValue]: "overflowY";
-        };
-    };
-    pe: (value: {
-        readonly [Stitches.$$PropertyValue]: "pointerEvents";
-    }) => {
-        pointerEvents: {
-            readonly [Stitches.$$PropertyValue]: "pointerEvents";
-        };
-    };
-    events: (value: {
-        readonly [Stitches.$$PropertyValue]: "pointerEvents";
-    }) => {
-        pointerEvents: {
-            readonly [Stitches.$$PropertyValue]: "pointerEvents";
-        };
-    };
-    us: (value: {
-        readonly [Stitches.$$PropertyValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-    };
-    userSelect: (value: {
-        readonly [Stitches.$$PropertyValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-    };
-    w: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    h: (value: {
-        readonly [Stitches.$$PropertyValue]: "height";
-    }) => {
-        height: {
-            readonly [Stitches.$$PropertyValue]: "height";
-        };
-    };
-    mw: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxWidth";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "maxWidth";
-        };
-    };
-    maxW: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxWidth";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "maxWidth";
-        };
-    };
-    mh: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxHeight";
-    }) => {
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "maxHeight";
-        };
-    };
-    maxH: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxHeight";
-    }) => {
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "maxHeight";
-        };
-    };
-    size: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    minSize: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        minWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        minHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    sizeMin: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        minWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        minHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    maxSize: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    sizeMax: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    appearance: (value: {
-        readonly [Stitches.$$PropertyValue]: "appearance";
-    }) => {
-        WebkitAppearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
-        };
-        appearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
-        };
-    };
-    scale: (value: {
-        readonly [Stitches.$$PropertyValue]: "scale";
-    }) => {
-        transform: string;
-    };
-    linearGradient: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundImage";
-    }) => {
-        backgroundImage: string;
-    };
-    tdl: (value: {
-        readonly [Stitches.$$PropertyValue]: "textDecorationLine";
-    }) => {
-        textDecorationLine: {
-            readonly [Stitches.$$PropertyValue]: "textDecorationLine";
-        };
-    };
-    textGradient: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundImage";
-    }) => {
-        backgroundImage: string;
-        WebkitBackgroundClip: string;
-        WebkitTextFillColor: string;
-        '&::selection': {
-            WebkitTextFillColor: string;
-        };
-    };
-}>>;
-export declare const cssFocusVisible: import("@stitches/react/types/styled-component").CssComponent<never, {
-    isFocusVisible?: boolean | "true" | "false" | undefined;
-}, {
-    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;
-}, import("@stitches/react/types/css-util").CSS<{
-    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;
-}, {
-    shadows: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    colors: {
-        text: string;
-        link: string;
-        codeLight: string;
-        code: string;
-        selection: string;
-        gray50: string;
-        gray100: string;
-        gray200: string;
-        gray300: string;
-        gray400: string;
-        gray500: string;
-        gray600: string;
-        gray700: string;
-        gray800: string;
-        gray900: string;
-        pink50: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        cyan50: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        background: string;
-        foreground: string;
-        backgroundContrast: string;
-        white: string;
-        black: string;
-        primaryLight: string;
-        primaryLightHover: string;
-        primaryLightActive: string;
-        primaryLightContrast: string;
-        primary: string;
-        primaryBorder: string;
-        primaryBorderHover: string;
-        primarySolidHover: string;
-        primarySolidContrast: string;
-        primaryShadow: string;
-        secondaryLight: string;
-        secondaryLightHover: string;
-        secondaryLightActive: string;
-        secondaryLightContrast: string;
-        secondary: string;
-        secondaryBorder: string;
-        secondaryBorderHover: string;
-        secondarySolidHover: string;
-        secondarySolidContrast: string;
-        secondaryShadow: string;
-        successLight: string;
-        successLightHover: string;
-        successLightActive: string;
-        successLightContrast: string;
-        success: string;
-        successBorder: string;
-        successBorderHover: string;
-        successSolidHover: string;
-        successSolidContrast: string;
-        successShadow: string;
-        warningLight: string;
-        warningLightHover: string;
-        warningLightActive: string;
-        warningLightContrast: string;
-        warning: string;
-        warningBorder: string;
-        warningBorderHover: string;
-        warningSolidHover: string;
-        warningSolidContrast: string;
-        warningShadow: string;
-        errorLight: string;
-        errorLightHover: string;
-        errorLightActive: string;
-        errorLightContrast: string;
-        error: string;
-        errorBorder: string;
-        errorBorderHover: string;
-        errorSolidHover: string;
-        errorSolidContrast: string;
-        errorShadow: string;
-        gradient: string;
-        accents0: string;
-        accents1: string;
-        accents2: string;
-        accents3: string;
-        accents4: string;
-        accents5: string;
-        accents6: string;
-        accents7: string;
-        accents8: string;
-        accents9: string;
-        border: string;
-    };
-    fonts: {
-        sans: string;
-        mono: string;
-    };
-    fontSizes: {
-        tiny: string;
-        xs: string;
-        base: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    fontWeights: {
-        hairline: number;
-        thin: number;
-        light: number;
-        normal: number;
-        medium: number;
-        semibold: number;
-        bold: number;
-        extrabold: number;
-        black: number;
-    };
-    lineHeights: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
-    letterSpacings: {
-        tighter: string;
-        tight: string;
-        normal: string;
-        wide: string;
-        wider: string;
-        widest: string;
-    };
-    space: {
-        0: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        px: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-        16: string;
-        17: string;
-        18: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        44: string;
-        48: string;
-        52: string;
-        56: string;
-        60: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-    };
-    radii: {
-        xs: string;
-        sm: string;
-        md: string;
-        base: string;
-        lg: string;
-        xl: string;
-        squared: string;
-        rounded: string;
-        pill: string;
-    };
-    zIndices: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        10: string;
-        max: string;
-    };
-    borderWeights: {
-        light: string;
-        normal: string;
-        bold: string;
-        extrabold: string;
-        black: string;
-    };
-    transitions: {
-        default: string;
-        button: string;
-        avatar: string;
-        link: string;
-        card: string;
-    };
-    breakpoints: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-}, {
-    width: string;
-    height: string;
-    minWidth: string;
-    maxWidth: string;
-    minHeight: string;
-    maxHeight: string;
-    flexBasis: string;
-    gridTemplateColumns: string;
-    gridTemplateRows: string;
-    blockSize: string;
-    minBlockSize: string;
-    maxBlockSize: string;
-    inlineSize: string;
-    minInlineSize: string;
-    maxInlineSize: string;
-    borderWidth: string;
-    gap: "space";
-    gridGap: "space";
-    columnGap: "space";
-    gridColumnGap: "space";
-    rowGap: "space";
-    gridRowGap: "space";
-    inset: "space";
-    insetBlock: "space";
-    insetBlockEnd: "space";
-    insetBlockStart: "space";
-    insetInline: "space";
-    insetInlineEnd: "space";
-    insetInlineStart: "space";
-    margin: "space";
-    marginTop: "space";
-    marginRight: "space";
-    marginBottom: "space";
-    marginLeft: "space";
-    marginBlock: "space";
-    marginBlockEnd: "space";
-    marginBlockStart: "space";
-    marginInline: "space";
-    marginInlineEnd: "space";
-    marginInlineStart: "space";
-    padding: "space";
-    paddingTop: "space";
-    paddingRight: "space";
-    paddingBottom: "space";
-    paddingLeft: "space";
-    paddingBlock: "space";
-    paddingBlockEnd: "space";
-    paddingBlockStart: "space";
-    paddingInline: "space";
-    paddingInlineEnd: "space";
-    paddingInlineStart: "space";
-    scrollMargin: "space";
-    scrollMarginTop: "space";
-    scrollMarginRight: "space";
-    scrollMarginBottom: "space";
-    scrollMarginLeft: "space";
-    scrollMarginBlock: "space";
-    scrollMarginBlockEnd: "space";
-    scrollMarginBlockStart: "space";
-    scrollMarginInline: "space";
-    scrollMarginInlineEnd: "space";
-    scrollMarginInlineStart: "space";
-    scrollPadding: "space";
-    scrollPaddingTop: "space";
-    scrollPaddingRight: "space";
-    scrollPaddingBottom: "space";
-    scrollPaddingLeft: "space";
-    scrollPaddingBlock: "space";
-    scrollPaddingBlockEnd: "space";
-    scrollPaddingBlockStart: "space";
-    scrollPaddingInline: "space";
-    scrollPaddingInlineEnd: "space";
-    scrollPaddingInlineStart: "space";
-    top: "space";
-    right: "space";
-    bottom: "space";
-    left: "space";
-    fontSize: "fontSizes";
-    background: "colors";
-    backgroundColor: "colors";
-    backgroundImage: "colors";
-    borderImage: "colors";
-    border: "colors";
-    borderBlock: "colors";
-    borderBlockEnd: "colors";
-    borderBlockStart: "colors";
-    borderBottom: "colors";
-    borderBottomColor: "colors";
-    borderColor: "colors";
-    borderInline: "colors";
-    borderInlineEnd: "colors";
-    borderInlineStart: "colors";
-    borderLeft: "colors";
-    borderLeftColor: "colors";
-    borderRight: "colors";
-    borderRightColor: "colors";
-    borderTop: "colors";
-    borderTopColor: "colors";
-    caretColor: "colors";
-    color: "colors";
-    columnRuleColor: "colors";
-    outline: "colors";
-    outlineColor: "colors";
-    fill: "colors";
-    stroke: "colors";
-    textDecorationColor: "colors";
-    fontFamily: "fonts";
-    fontWeight: "fontWeights";
-    lineHeight: "lineHeights";
-    letterSpacing: "letterSpacings";
-    borderTopWidth: "borderWidths";
-    borderLeftWidth: "borderWidths";
-    borderRightWidth: "borderWidths";
-    borderBottomWidth: "borderWidths";
-    borderStyle: "borderStyles";
-    borderTopStyle: "borderStyles";
-    borderLeftStyle: "borderStyles";
-    borderRightStyle: "borderStyles";
-    borderBottomStyle: "borderStyles";
-    borderRadius: "radii";
-    borderTopLeftRadius: "radii";
-    borderTopRightRadius: "radii";
-    borderBottomRightRadius: "radii";
-    borderBottomLeftRadius: "radii";
-    boxShadow: "shadows";
-    textShadow: "shadows";
-    transition: "transitions";
-    zIndex: "zIndices";
-}, {
-    p: (value: {
-        readonly [Stitches.$$PropertyValue]: "padding";
-    }) => {
-        padding: {
-            readonly [Stitches.$$PropertyValue]: "padding";
-        };
-    };
-    pt: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingTop";
-    }) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
-        };
-    };
-    pr: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingRight";
-    }) => {
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingRight";
-        };
-    };
-    pb: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingBottom";
-    }) => {
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingBottom";
-        };
-    };
-    pl: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingLeft";
-    }) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
-        };
-    };
-    px: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingLeft";
-    }) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
-        };
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
-        };
-    };
-    py: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingTop";
-    }) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
-        };
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
-        };
-    };
-    m: (value: {
-        readonly [Stitches.$$PropertyValue]: "margin";
-    }) => {
-        margin: {
-            readonly [Stitches.$$PropertyValue]: "margin";
-        };
-    };
-    mt: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginTop";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
-        };
-    };
-    mr: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginRight";
-    }) => {
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginRight";
-        };
-    };
-    mb: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginBottom";
-    }) => {
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginBottom";
-        };
-    };
-    ml: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginLeft";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
-        };
-    };
-    mx: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginLeft";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
-        };
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
-        };
-    };
-    my: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginTop";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
-        };
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
-        };
-    };
-    ta: (value: {
-        readonly [Stitches.$$PropertyValue]: "textAlign";
-    }) => {
-        textAlign: {
-            readonly [Stitches.$$PropertyValue]: "textAlign";
-        };
-    };
-    tt: (value: {
-        readonly [Stitches.$$PropertyValue]: "textTransform";
-    }) => {
-        textTransform: {
-            readonly [Stitches.$$PropertyValue]: "textTransform";
-        };
-    };
-    to: (value: {
-        readonly [Stitches.$$PropertyValue]: "textOverflow";
-    }) => {
-        textOverflow: {
-            readonly [Stitches.$$PropertyValue]: "textOverflow";
-        };
-    };
-    d: (value: {
-        readonly [Stitches.$$PropertyValue]: "display";
-    }) => {
-        display: {
-            readonly [Stitches.$$PropertyValue]: "display";
-        };
-    };
-    dflex: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignItems";
-    }) => {
-        display: string;
-        alignItems: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
-        };
-        justifyContent: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
-        };
-    };
-    fd: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexDirection";
-    }) => {
-        flexDirection: {
-            readonly [Stitches.$$PropertyValue]: "flexDirection";
-        };
-    };
-    fw: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexWrap";
-    }) => {
-        flexWrap: {
-            readonly [Stitches.$$PropertyValue]: "flexWrap";
-        };
-    };
-    ai: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignItems";
-    }) => {
-        alignItems: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
-        };
-    };
-    ac: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignContent";
-    }) => {
-        alignContent: {
-            readonly [Stitches.$$PropertyValue]: "alignContent";
-        };
-    };
-    jc: (value: {
-        readonly [Stitches.$$PropertyValue]: "justifyContent";
-    }) => {
-        justifyContent: {
-            readonly [Stitches.$$PropertyValue]: "justifyContent";
-        };
-    };
-    as: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignSelf";
-    }) => {
-        alignSelf: {
-            readonly [Stitches.$$PropertyValue]: "alignSelf";
-        };
-    };
-    fg: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexGrow";
-    }) => {
-        flexGrow: {
-            readonly [Stitches.$$PropertyValue]: "flexGrow";
-        };
-    };
-    fs: (value: {
-        readonly [Stitches.$$PropertyValue]: "fontSize";
-    }) => {
-        fontSize: {
-            readonly [Stitches.$$PropertyValue]: "fontSize";
-        };
-    };
-    fb: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexBasis";
-    }) => {
-        flexBasis: {
-            readonly [Stitches.$$PropertyValue]: "flexBasis";
-        };
-    };
-    bc: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
-        };
-    };
-    bf: (value: {
-        readonly [Stitches.$$PropertyValue]: "backdropFilter";
-    }) => {
-        backdropFilter: {
-            readonly [Stitches.$$PropertyValue]: "backdropFilter";
-        };
-    };
-    bg: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        background: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
-        };
-    };
-    bgBlur: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        bf: string;
-        bg: string;
-    };
-    bgColor: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
-        };
-    };
-    backgroundClip: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-        backgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-    };
-    bgClip: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-        backgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-    };
-    br: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderRadius";
-    }) => {
-        borderRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderRadius";
-        };
-    };
-    bw: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderWidth";
-    }) => {
-        borderWidth: {
-            readonly [Stitches.$$PropertyValue]: "borderWidth";
-        };
-    };
-    btrr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: {
-        readonly [Stitches.$$PropertyValue]: "boxShadow";
-    }) => {
-        boxShadow: {
-            readonly [Stitches.$$PropertyValue]: "boxShadow";
-        };
-    };
-    normalShadow: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        boxShadow: string;
-    };
-    normalShadowVar: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        boxShadow: string;
-    };
-    lh: (value: {
-        readonly [Stitches.$$PropertyValue]: "lineHeight";
-    }) => {
-        lineHeight: {
-            readonly [Stitches.$$PropertyValue]: "lineHeight";
-        };
-    };
-    ov: (value: {
-        readonly [Stitches.$$PropertyValue]: "overflow";
-    }) => {
-        overflow: {
-            readonly [Stitches.$$PropertyValue]: "overflow";
-        };
-    };
-    ox: (value: {
-        readonly [Stitches.$$PropertyValue]: "overflowX";
-    }) => {
-        overflowX: {
-            readonly [Stitches.$$PropertyValue]: "overflowX";
-        };
-    };
-    oy: (value: {
-        readonly [Stitches.$$PropertyValue]: "overflowY";
-    }) => {
-        overflowY: {
-            readonly [Stitches.$$PropertyValue]: "overflowY";
-        };
-    };
-    pe: (value: {
-        readonly [Stitches.$$PropertyValue]: "pointerEvents";
-    }) => {
-        pointerEvents: {
-            readonly [Stitches.$$PropertyValue]: "pointerEvents";
-        };
-    };
-    events: (value: {
-        readonly [Stitches.$$PropertyValue]: "pointerEvents";
-    }) => {
-        pointerEvents: {
-            readonly [Stitches.$$PropertyValue]: "pointerEvents";
-        };
-    };
-    us: (value: {
-        readonly [Stitches.$$PropertyValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-    };
-    userSelect: (value: {
-        readonly [Stitches.$$PropertyValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-    };
-    w: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    h: (value: {
-        readonly [Stitches.$$PropertyValue]: "height";
-    }) => {
-        height: {
-            readonly [Stitches.$$PropertyValue]: "height";
-        };
-    };
-    mw: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxWidth";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "maxWidth";
-        };
-    };
-    maxW: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxWidth";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "maxWidth";
-        };
-    };
-    mh: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxHeight";
-    }) => {
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "maxHeight";
-        };
-    };
-    maxH: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxHeight";
-    }) => {
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "maxHeight";
-        };
-    };
-    size: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    minSize: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        minWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        minHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    sizeMin: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        minWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        minHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    maxSize: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    sizeMax: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    appearance: (value: {
-        readonly [Stitches.$$PropertyValue]: "appearance";
-    }) => {
-        WebkitAppearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
-        };
-        appearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
-        };
-    };
-    scale: (value: {
-        readonly [Stitches.$$PropertyValue]: "scale";
-    }) => {
-        transform: string;
-    };
-    linearGradient: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundImage";
-    }) => {
-        backgroundImage: string;
-    };
-    tdl: (value: {
-        readonly [Stitches.$$PropertyValue]: "textDecorationLine";
-    }) => {
-        textDecorationLine: {
-            readonly [Stitches.$$PropertyValue]: "textDecorationLine";
-        };
-    };
-    textGradient: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundImage";
-    }) => {
-        backgroundImage: string;
-        WebkitBackgroundClip: string;
-        WebkitTextFillColor: string;
-        '&::selection': {
-            WebkitTextFillColor: string;
-        };
-    };
-}>>;
-export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-component").CssComponent<never, {}, {
-    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;
-}, import("@stitches/react/types/css-util").CSS<{
-    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;
-}, {
-    shadows: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    colors: {
-        text: string;
-        link: string;
-        codeLight: string;
-        code: string;
-        selection: string;
-        gray50: string;
-        gray100: string;
-        gray200: string;
-        gray300: string;
-        gray400: string;
-        gray500: string;
-        gray600: string;
-        gray700: string;
-        gray800: string;
-        gray900: string;
-        pink50: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
-        cyan50: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        red50: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        yellow50: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        green50: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        purple50: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        blue50: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        background: string;
-        foreground: string;
-        backgroundContrast: string;
-        white: string;
-        black: string;
-        primaryLight: string;
-        primaryLightHover: string;
-        primaryLightActive: string;
-        primaryLightContrast: string;
-        primary: string;
-        primaryBorder: string;
-        primaryBorderHover: string;
-        primarySolidHover: string;
-        primarySolidContrast: string;
-        primaryShadow: string;
-        secondaryLight: string;
-        secondaryLightHover: string;
-        secondaryLightActive: string;
-        secondaryLightContrast: string;
-        secondary: string;
-        secondaryBorder: string;
-        secondaryBorderHover: string;
-        secondarySolidHover: string;
-        secondarySolidContrast: string;
-        secondaryShadow: string;
-        successLight: string;
-        successLightHover: string;
-        successLightActive: string;
-        successLightContrast: string;
-        success: string;
-        successBorder: string;
-        successBorderHover: string;
-        successSolidHover: string;
-        successSolidContrast: string;
-        successShadow: string;
-        warningLight: string;
-        warningLightHover: string;
-        warningLightActive: string;
-        warningLightContrast: string;
-        warning: string;
-        warningBorder: string;
-        warningBorderHover: string;
-        warningSolidHover: string;
-        warningSolidContrast: string;
-        warningShadow: string;
-        errorLight: string;
-        errorLightHover: string;
-        errorLightActive: string;
-        errorLightContrast: string;
-        error: string;
-        errorBorder: string;
-        errorBorderHover: string;
-        errorSolidHover: string;
-        errorSolidContrast: string;
-        errorShadow: string;
-        gradient: string;
-        accents0: string;
-        accents1: string;
-        accents2: string;
-        accents3: string;
-        accents4: string;
-        accents5: string;
-        accents6: string;
-        accents7: string;
-        accents8: string;
-        accents9: string;
-        border: string;
-    };
-    fonts: {
-        sans: string;
-        mono: string;
-    };
-    fontSizes: {
-        tiny: string;
-        xs: string;
-        base: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-    fontWeights: {
-        hairline: number;
-        thin: number;
-        light: number;
-        normal: number;
-        medium: number;
-        semibold: number;
-        bold: number;
-        extrabold: number;
-        black: number;
-    };
-    lineHeights: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-    };
-    letterSpacings: {
-        tighter: string;
-        tight: string;
-        normal: string;
-        wide: string;
-        wider: string;
-        widest: string;
-    };
-    space: {
-        0: string;
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        px: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-        16: string;
-        17: string;
-        18: string;
-        20: string;
-        24: string;
-        28: string;
-        32: string;
-        36: string;
-        40: string;
-        44: string;
-        48: string;
-        52: string;
-        56: string;
-        60: string;
-        64: string;
-        72: string;
-        80: string;
-        96: string;
-    };
-    radii: {
-        xs: string;
-        sm: string;
-        md: string;
-        base: string;
-        lg: string;
-        xl: string;
-        squared: string;
-        rounded: string;
-        pill: string;
-    };
-    zIndices: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        10: string;
-        max: string;
-    };
-    borderWeights: {
-        light: string;
-        normal: string;
-        bold: string;
-        extrabold: string;
-        black: string;
-    };
-    transitions: {
-        default: string;
-        button: string;
-        avatar: string;
-        link: string;
-        card: string;
-    };
-    breakpoints: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-    };
-}, {
-    width: string;
-    height: string;
-    minWidth: string;
-    maxWidth: string;
-    minHeight: string;
-    maxHeight: string;
-    flexBasis: string;
-    gridTemplateColumns: string;
-    gridTemplateRows: string;
-    blockSize: string;
-    minBlockSize: string;
-    maxBlockSize: string;
-    inlineSize: string;
-    minInlineSize: string;
-    maxInlineSize: string;
-    borderWidth: string;
-    gap: "space";
-    gridGap: "space";
-    columnGap: "space";
-    gridColumnGap: "space";
-    rowGap: "space";
-    gridRowGap: "space";
-    inset: "space";
-    insetBlock: "space";
-    insetBlockEnd: "space";
-    insetBlockStart: "space";
-    insetInline: "space";
-    insetInlineEnd: "space";
-    insetInlineStart: "space";
-    margin: "space";
-    marginTop: "space";
-    marginRight: "space";
-    marginBottom: "space";
-    marginLeft: "space";
-    marginBlock: "space";
-    marginBlockEnd: "space";
-    marginBlockStart: "space";
-    marginInline: "space";
-    marginInlineEnd: "space";
-    marginInlineStart: "space";
-    padding: "space";
-    paddingTop: "space";
-    paddingRight: "space";
-    paddingBottom: "space";
-    paddingLeft: "space";
-    paddingBlock: "space";
-    paddingBlockEnd: "space";
-    paddingBlockStart: "space";
-    paddingInline: "space";
-    paddingInlineEnd: "space";
-    paddingInlineStart: "space";
-    scrollMargin: "space";
-    scrollMarginTop: "space";
-    scrollMarginRight: "space";
-    scrollMarginBottom: "space";
-    scrollMarginLeft: "space";
-    scrollMarginBlock: "space";
-    scrollMarginBlockEnd: "space";
-    scrollMarginBlockStart: "space";
-    scrollMarginInline: "space";
-    scrollMarginInlineEnd: "space";
-    scrollMarginInlineStart: "space";
-    scrollPadding: "space";
-    scrollPaddingTop: "space";
-    scrollPaddingRight: "space";
-    scrollPaddingBottom: "space";
-    scrollPaddingLeft: "space";
-    scrollPaddingBlock: "space";
-    scrollPaddingBlockEnd: "space";
-    scrollPaddingBlockStart: "space";
-    scrollPaddingInline: "space";
-    scrollPaddingInlineEnd: "space";
-    scrollPaddingInlineStart: "space";
-    top: "space";
-    right: "space";
-    bottom: "space";
-    left: "space";
-    fontSize: "fontSizes";
-    background: "colors";
-    backgroundColor: "colors";
-    backgroundImage: "colors";
-    borderImage: "colors";
-    border: "colors";
-    borderBlock: "colors";
-    borderBlockEnd: "colors";
-    borderBlockStart: "colors";
-    borderBottom: "colors";
-    borderBottomColor: "colors";
-    borderColor: "colors";
-    borderInline: "colors";
-    borderInlineEnd: "colors";
-    borderInlineStart: "colors";
-    borderLeft: "colors";
-    borderLeftColor: "colors";
-    borderRight: "colors";
-    borderRightColor: "colors";
-    borderTop: "colors";
-    borderTopColor: "colors";
-    caretColor: "colors";
-    color: "colors";
-    columnRuleColor: "colors";
-    outline: "colors";
-    outlineColor: "colors";
-    fill: "colors";
-    stroke: "colors";
-    textDecorationColor: "colors";
-    fontFamily: "fonts";
-    fontWeight: "fontWeights";
-    lineHeight: "lineHeights";
-    letterSpacing: "letterSpacings";
-    borderTopWidth: "borderWidths";
-    borderLeftWidth: "borderWidths";
-    borderRightWidth: "borderWidths";
-    borderBottomWidth: "borderWidths";
-    borderStyle: "borderStyles";
-    borderTopStyle: "borderStyles";
-    borderLeftStyle: "borderStyles";
-    borderRightStyle: "borderStyles";
-    borderBottomStyle: "borderStyles";
-    borderRadius: "radii";
-    borderTopLeftRadius: "radii";
-    borderTopRightRadius: "radii";
-    borderBottomRightRadius: "radii";
-    borderBottomLeftRadius: "radii";
-    boxShadow: "shadows";
-    textShadow: "shadows";
-    transition: "transitions";
-    zIndex: "zIndices";
-}, {
-    p: (value: {
-        readonly [Stitches.$$PropertyValue]: "padding";
-    }) => {
-        padding: {
-            readonly [Stitches.$$PropertyValue]: "padding";
-        };
-    };
-    pt: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingTop";
-    }) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
-        };
-    };
-    pr: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingRight";
-    }) => {
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingRight";
-        };
-    };
-    pb: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingBottom";
-    }) => {
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingBottom";
-        };
-    };
-    pl: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingLeft";
-    }) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
-        };
-    };
-    px: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingLeft";
-    }) => {
-        paddingLeft: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
-        };
-        paddingRight: {
-            readonly [Stitches.$$PropertyValue]: "paddingLeft";
-        };
-    };
-    py: (value: {
-        readonly [Stitches.$$PropertyValue]: "paddingTop";
-    }) => {
-        paddingTop: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
-        };
-        paddingBottom: {
-            readonly [Stitches.$$PropertyValue]: "paddingTop";
-        };
-    };
-    m: (value: {
-        readonly [Stitches.$$PropertyValue]: "margin";
-    }) => {
-        margin: {
-            readonly [Stitches.$$PropertyValue]: "margin";
-        };
-    };
-    mt: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginTop";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
-        };
-    };
-    mr: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginRight";
-    }) => {
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginRight";
-        };
-    };
-    mb: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginBottom";
-    }) => {
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginBottom";
-        };
-    };
-    ml: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginLeft";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
-        };
-    };
-    mx: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginLeft";
-    }) => {
-        marginLeft: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
-        };
-        marginRight: {
-            readonly [Stitches.$$PropertyValue]: "marginLeft";
-        };
-    };
-    my: (value: {
-        readonly [Stitches.$$PropertyValue]: "marginTop";
-    }) => {
-        marginTop: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
-        };
-        marginBottom: {
-            readonly [Stitches.$$PropertyValue]: "marginTop";
-        };
-    };
-    ta: (value: {
-        readonly [Stitches.$$PropertyValue]: "textAlign";
-    }) => {
-        textAlign: {
-            readonly [Stitches.$$PropertyValue]: "textAlign";
-        };
-    };
-    tt: (value: {
-        readonly [Stitches.$$PropertyValue]: "textTransform";
-    }) => {
-        textTransform: {
-            readonly [Stitches.$$PropertyValue]: "textTransform";
-        };
-    };
-    to: (value: {
-        readonly [Stitches.$$PropertyValue]: "textOverflow";
-    }) => {
-        textOverflow: {
-            readonly [Stitches.$$PropertyValue]: "textOverflow";
-        };
-    };
-    d: (value: {
-        readonly [Stitches.$$PropertyValue]: "display";
-    }) => {
-        display: {
-            readonly [Stitches.$$PropertyValue]: "display";
-        };
-    };
-    dflex: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignItems";
-    }) => {
-        display: string;
-        alignItems: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
-        };
-        justifyContent: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
-        };
-    };
-    fd: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexDirection";
-    }) => {
-        flexDirection: {
-            readonly [Stitches.$$PropertyValue]: "flexDirection";
-        };
-    };
-    fw: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexWrap";
-    }) => {
-        flexWrap: {
-            readonly [Stitches.$$PropertyValue]: "flexWrap";
-        };
-    };
-    ai: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignItems";
-    }) => {
-        alignItems: {
-            readonly [Stitches.$$PropertyValue]: "alignItems";
-        };
-    };
-    ac: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignContent";
-    }) => {
-        alignContent: {
-            readonly [Stitches.$$PropertyValue]: "alignContent";
-        };
-    };
-    jc: (value: {
-        readonly [Stitches.$$PropertyValue]: "justifyContent";
-    }) => {
-        justifyContent: {
-            readonly [Stitches.$$PropertyValue]: "justifyContent";
-        };
-    };
-    as: (value: {
-        readonly [Stitches.$$PropertyValue]: "alignSelf";
-    }) => {
-        alignSelf: {
-            readonly [Stitches.$$PropertyValue]: "alignSelf";
-        };
-    };
-    fg: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexGrow";
-    }) => {
-        flexGrow: {
-            readonly [Stitches.$$PropertyValue]: "flexGrow";
-        };
-    };
-    fs: (value: {
-        readonly [Stitches.$$PropertyValue]: "fontSize";
-    }) => {
-        fontSize: {
-            readonly [Stitches.$$PropertyValue]: "fontSize";
-        };
-    };
-    fb: (value: {
-        readonly [Stitches.$$PropertyValue]: "flexBasis";
-    }) => {
-        flexBasis: {
-            readonly [Stitches.$$PropertyValue]: "flexBasis";
-        };
-    };
-    bc: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
-        };
-    };
-    bf: (value: {
-        readonly [Stitches.$$PropertyValue]: "backdropFilter";
-    }) => {
-        backdropFilter: {
-            readonly [Stitches.$$PropertyValue]: "backdropFilter";
-        };
-    };
-    bg: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        background: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
-        };
-    };
-    bgBlur: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        bf: string;
-        bg: string;
-    };
-    bgColor: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
-        };
-    };
-    backgroundClip: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-        backgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-    };
-    bgClip: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-        backgroundClip: {
-            readonly [Stitches.$$PropertyValue]: "backgroundClip";
-        };
-    };
-    br: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderRadius";
-    }) => {
-        borderRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderRadius";
-        };
-    };
-    bw: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderWidth";
-    }) => {
-        borderWidth: {
-            readonly [Stitches.$$PropertyValue]: "borderWidth";
-        };
-    };
-    btrr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: {
-        readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: {
-            readonly [Stitches.$$PropertyValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: {
-        readonly [Stitches.$$PropertyValue]: "boxShadow";
-    }) => {
-        boxShadow: {
-            readonly [Stitches.$$PropertyValue]: "boxShadow";
-        };
-    };
-    normalShadow: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        boxShadow: string;
-    };
-    normalShadowVar: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundColor";
-    }) => {
-        boxShadow: string;
-    };
-    lh: (value: {
-        readonly [Stitches.$$PropertyValue]: "lineHeight";
-    }) => {
-        lineHeight: {
-            readonly [Stitches.$$PropertyValue]: "lineHeight";
-        };
-    };
-    ov: (value: {
-        readonly [Stitches.$$PropertyValue]: "overflow";
-    }) => {
-        overflow: {
-            readonly [Stitches.$$PropertyValue]: "overflow";
-        };
-    };
-    ox: (value: {
-        readonly [Stitches.$$PropertyValue]: "overflowX";
-    }) => {
-        overflowX: {
-            readonly [Stitches.$$PropertyValue]: "overflowX";
-        };
-    };
-    oy: (value: {
-        readonly [Stitches.$$PropertyValue]: "overflowY";
-    }) => {
-        overflowY: {
-            readonly [Stitches.$$PropertyValue]: "overflowY";
-        };
-    };
-    pe: (value: {
-        readonly [Stitches.$$PropertyValue]: "pointerEvents";
-    }) => {
-        pointerEvents: {
-            readonly [Stitches.$$PropertyValue]: "pointerEvents";
-        };
-    };
-    events: (value: {
-        readonly [Stitches.$$PropertyValue]: "pointerEvents";
-    }) => {
-        pointerEvents: {
-            readonly [Stitches.$$PropertyValue]: "pointerEvents";
-        };
-    };
-    us: (value: {
-        readonly [Stitches.$$PropertyValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-    };
-    userSelect: (value: {
-        readonly [Stitches.$$PropertyValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-        userSelect: {
-            readonly [Stitches.$$PropertyValue]: "userSelect";
-        };
-    };
-    w: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    h: (value: {
-        readonly [Stitches.$$PropertyValue]: "height";
-    }) => {
-        height: {
-            readonly [Stitches.$$PropertyValue]: "height";
-        };
-    };
-    mw: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxWidth";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "maxWidth";
-        };
-    };
-    maxW: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxWidth";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "maxWidth";
-        };
-    };
-    mh: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxHeight";
-    }) => {
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "maxHeight";
-        };
-    };
-    maxH: (value: {
-        readonly [Stitches.$$PropertyValue]: "maxHeight";
-    }) => {
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "maxHeight";
-        };
-    };
-    size: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    minSize: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        minWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        minHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    sizeMin: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        minWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        minHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        width: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    maxSize: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    sizeMax: (value: {
-        readonly [Stitches.$$PropertyValue]: "width";
-    }) => {
-        maxWidth: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-        maxHeight: {
-            readonly [Stitches.$$PropertyValue]: "width";
-        };
-    };
-    appearance: (value: {
-        readonly [Stitches.$$PropertyValue]: "appearance";
-    }) => {
-        WebkitAppearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
-        };
-        appearance: {
-            readonly [Stitches.$$PropertyValue]: "appearance";
-        };
-    };
-    scale: (value: {
-        readonly [Stitches.$$PropertyValue]: "scale";
-    }) => {
-        transform: string;
-    };
-    linearGradient: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundImage";
-    }) => {
-        backgroundImage: string;
-    };
-    tdl: (value: {
-        readonly [Stitches.$$PropertyValue]: "textDecorationLine";
-    }) => {
-        textDecorationLine: {
-            readonly [Stitches.$$PropertyValue]: "textDecorationLine";
-        };
-    };
-    textGradient: (value: {
-        readonly [Stitches.$$PropertyValue]: "backgroundImage";
-    }) => {
-        backgroundImage: string;
-        WebkitBackgroundClip: string;
-        WebkitTextFillColor: string;
-        '&::selection': {
-            WebkitTextFillColor: string;
-        };
-    };
-}>>;
 export declare const createTheme: ({ type, theme, className }: Theme) => string & {
     className: string;
     selector: string;