@100mslive/roomkit-react 0.3.22-alpha.3 → 0.3.22-alpha.4

package/dist/Theme/stitches.config.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type * as Stitches from '@stitches/react';
 declare const HmsStitches: import("@stitches/react/types/stitches").default<"hms-ui", {
     allowMotion: string;
@@ -267,73 +268,167 @@ declare const HmsStitches: import("@stitches/react/types/stitches").default<"hms
     transition: "transitions";
     zIndex: "zIndices";
 }, {
-    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-        backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
+    bg: (value: {
+        readonly [Stitches.$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
     };
-    c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-        color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
+    c: (value: {
+        readonly [Stitches.$$PropertyValue]: "color";
+    }) => {
+        color: {
+            readonly [Stitches.$$PropertyValue]: "color";
+        };
     };
-    r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-        borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
+    r: (value: {
+        readonly [Stitches.$$ScaleValue]: "radii";
+    }) => {
+        borderRadius: {
+            readonly [Stitches.$$ScaleValue]: "radii";
+        };
     };
-    fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-        fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
+    fs: (value: string | number | {
+        readonly [Stitches.$$PropertyValue]: "fontSize";
+    }) => {
+        fontSize: string | number | {
+            readonly [Stitches.$$PropertyValue]: "fontSize";
+        };
     };
-    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    size: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        height: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        width: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    w: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        width: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    h: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        height: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    p: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pt: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pr: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pb: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pl: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    px: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    py: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    m: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mt: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mr: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mb: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    ml: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mx: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    my: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
 }>;
 export declare const theme: string & {
@@ -742,349 +837,458 @@ export declare const theme: string & {
 })>(nameOrScalesArg0: Argument0, nameOrScalesArg1?: Argument1 | undefined) => string & {
     className: string;
     selector: string;
-} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, "hms-ui"> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "hms-ui">), styled: {
-    withConfig: (config: {
-        componentId?: string | undefined;
-        displayName?: string | undefined;
-        shouldForwardStitchesProp?: ((prop: "css" | (string & {})) => boolean | void) | undefined;
-    }) => import("@stitches/react/types/stitches").StyledFunctionType<{
-        allowMotion: string;
+} & (Argument0 extends string ? import("@stitches/react/types/stitches").ThemeTokens<Argument1, "hms-ui"> : import("@stitches/react/types/stitches").ThemeTokens<Argument0, "hms-ui">), styled: <Type extends import("@stitches/react/types/util").Function | import("react").ComponentType<any> | keyof JSX.IntrinsicElements, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
+    [name: string]: unknown;
+})[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
+    allowMotion: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    ls: string;
+}, {
+    colors: {
+        primary_default: string;
+        primary_bright: string;
+        primary_dim: string;
+        primary_disabled: string;
+        on_primary_high: string;
+        on_primary_medium: string;
+        on_primary_low: string;
+        secondary_default: string;
+        secondary_bright: string;
+        secondary_dim: string;
+        secondary_disabled: string;
+        on_secondary_high: string;
+        on_secondary_medium: string;
+        on_secondary_low: string;
+        background_default: string;
+        background_dim: string;
+        surface_default: string;
+        surface_bright: string;
+        surface_brighter: string;
+        surface_dim: string;
+        on_surface_high: string;
+        on_surface_medium: string;
+        on_surface_low: string;
+        border_default: string;
+        border_bright: string;
+        alert_success: string;
+        alert_warning: string;
+        alert_error_default: string;
+        alert_error_bright: string;
+        alert_error_brighter: string;
+        alert_error_dim: string;
+    };
+    shadows: {
+        sm: string;
+        md: string;
+    };
+    fonts: {
+        sans: string;
+    };
+    fontSizes: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        tiny: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    fontWeights: {
+        semiBold: number;
+        medium: number;
+        regular: number;
+    };
+    lineHeights: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        tiny: string;
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    radii: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        round: string;
+    };
+    space: {
+        0: string;
+        xs: string;
         sm: string;
         md: string;
         lg: string;
         xl: string;
-        '2xl': string;
-        ls: string;
-    }, {
-        colors: {
-            primary_default: string;
-            primary_bright: string;
-            primary_dim: string;
-            primary_disabled: string;
-            on_primary_high: string;
-            on_primary_medium: string;
-            on_primary_low: string;
-            secondary_default: string;
-            secondary_bright: string;
-            secondary_dim: string;
-            secondary_disabled: string;
-            on_secondary_high: string;
-            on_secondary_medium: string;
-            on_secondary_low: string;
-            background_default: string;
-            background_dim: string;
-            surface_default: string;
-            surface_bright: string;
-            surface_brighter: string;
-            surface_dim: string;
-            on_surface_high: string;
-            on_surface_medium: string;
-            on_surface_low: string;
-            border_default: string;
-            border_bright: string;
-            alert_success: string;
-            alert_warning: string;
-            alert_error_default: string;
-            alert_error_bright: string;
-            alert_error_brighter: string;
-            alert_error_dim: string;
-        };
-        shadows: {
-            sm: string;
-            md: string;
-        };
-        fonts: {
-            sans: string;
-        };
-        fontSizes: {
-            h1: string;
-            h2: string;
-            h3: string;
-            h4: string;
-            h5: string;
-            h6: string;
-            tiny: string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        fontWeights: {
-            semiBold: number;
-            medium: number;
-            regular: number;
-        };
-        lineHeights: {
-            h1: string;
-            h2: string;
-            h3: string;
-            h4: string;
-            h5: string;
-            h6: string;
-            tiny: string;
-            xs: string;
-            sm: string;
-            md: string;
-        };
-        radii: {
-            '0': string;
-            '1': string;
-            '2': string;
-            '3': string;
-            '4': string;
-            round: 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;
-            19: string;
-            20: string;
-            24: string;
-            28: string;
-            32: string;
-            36: string;
-            40: string;
-            44: string;
-            48: string;
-            52: string;
-            56: string;
-            60: string;
-            64: string;
-            72: string;
-            80: string;
-            96: string;
-            100: string;
-        };
-        borderWidths: {
-            light: string;
-            normal: string;
-            bold: string;
-            extrabold: string;
-            black: 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;
-        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";
-        borderWidth: "borderWidths";
-        borderTopWidth: "borderWidths";
-        borderLeftWidth: "borderWidths";
-        borderRightWidth: "borderWidths";
-        borderBottomWidth: "borderWidths";
-        borderStyle: "borderStyles";
-        borderTopStyle: "borderStyles";
-        borderLeftStyle: "borderStyles";
-        borderRightStyle: "borderStyles";
-        borderBottomStyle: "borderStyles";
-        borderRadius: "radii";
-        borderTopLeftRadius: "radii";
-        borderTopRightRadius: "radii";
-        borderBottomRightRadius: "radii";
-        borderBottomLeftRadius: "radii";
-        boxShadow: "shadows";
-        textShadow: "shadows";
-        transition: "transitions";
-        zIndex: "zIndices";
-    }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
+        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;
+        19: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+        100: string;
+    };
+    borderWidths: {
+        light: string;
+        normal: string;
+        bold: string;
+        extrabold: string;
+        black: 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;
+    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";
+    borderWidth: "borderWidths";
+    borderTopWidth: "borderWidths";
+    borderLeftWidth: "borderWidths";
+    borderRightWidth: "borderWidths";
+    borderBottomWidth: "borderWidths";
+    borderStyle: "borderStyles";
+    borderTopStyle: "borderStyles";
+    borderLeftStyle: "borderStyles";
+    borderRightStyle: "borderStyles";
+    borderBottomStyle: "borderStyles";
+    borderRadius: "radii";
+    borderTopLeftRadius: "radii";
+    borderTopRightRadius: "radii";
+    borderBottomRightRadius: "radii";
+    borderBottomLeftRadius: "radii";
+    boxShadow: "shadows";
+    textShadow: "shadows";
+    transition: "transitions";
+    zIndex: "zIndices";
+}, {
+    bg: (value: {
+        readonly [Stitches.$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
+    };
+    c: (value: {
+        readonly [Stitches.$$PropertyValue]: "color";
+    }) => {
+        color: {
+            readonly [Stitches.$$PropertyValue]: "color";
         };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
+    };
+    r: (value: {
+        readonly [Stitches.$$ScaleValue]: "radii";
+    }) => {
+        borderRadius: {
+            readonly [Stitches.$$ScaleValue]: "radii";
+        };
+    };
+    fs: (value: string | number | {
+        readonly [Stitches.$$PropertyValue]: "fontSize";
+    }) => {
+        fontSize: string | number | {
+            readonly [Stitches.$$PropertyValue]: "fontSize";
         };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
+    };
+    size: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        height: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
+        width: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    w: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        width: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    h: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        height: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    p: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-    }>;
-} & import("@stitches/react/types/stitches").StyledFunctionType<{
+        marginRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+    };
+    my: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+    };
+}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
+    variants?: {
+        [x: string]: {
+            [x: string]: CSS_1;
+            [x: number]: CSS_1;
+        };
+    } | undefined;
+    compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & {
+        css: CSS_1;
+    })[] | undefined;
+    defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
+} & CSS_1 & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
+    allowMotion: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    ls: string;
+}, import("@stitches/react/types/css-util").CSS<{
     allowMotion: string;
     sm: string;
     md: string;
@@ -1352,75 +1556,169 @@ export declare const theme: string & {
     transition: "transitions";
     zIndex: "zIndices";
 }, {
-    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-        backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
+    bg: (value: {
+        readonly [Stitches.$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
     };
-    c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-        color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
+    c: (value: {
+        readonly [Stitches.$$PropertyValue]: "color";
+    }) => {
+        color: {
+            readonly [Stitches.$$PropertyValue]: "color";
+        };
     };
-    r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-        borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
+    r: (value: {
+        readonly [Stitches.$$ScaleValue]: "radii";
+    }) => {
+        borderRadius: {
+            readonly [Stitches.$$ScaleValue]: "radii";
+        };
     };
-    fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-        fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
+    fs: (value: string | number | {
+        readonly [Stitches.$$PropertyValue]: "fontSize";
+    }) => {
+        fontSize: string | number | {
+            readonly [Stitches.$$PropertyValue]: "fontSize";
+        };
     };
-    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    size: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        height: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        width: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    w: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        width: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    h: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        height: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    p: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pt: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pr: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pb: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pl: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    px: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    py: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    m: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mt: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mr: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mb: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    ml: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mx: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    my: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-}>, globalCss: <Styles extends {
+}>>, globalCss: <Styles extends {
     [K: string]: any;
 }>(...styles: ({
     '@import'?: unknown;
@@ -1694,73 +1992,167 @@ export declare const theme: string & {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [Stitches.$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [Stitches.$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [Stitches.$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [Stitches.$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [Stitches.$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [Stitches.$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
         };
     }>;
 } : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
@@ -2019,433 +2411,182 @@ export declare const theme: string & {
     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";
-}, {
-    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-        backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-    };
-    c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-        color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-    };
-    r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-        borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-    };
-    fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-        fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-    };
-    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-    };
-}>; })[]) => () => string, keyframes: (style: {
-    [offset: string]: import("@stitches/react/types/css-util").CSS<{
-        allowMotion: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        '2xl': string;
-        ls: string;
-    }, {
-        colors: {
-            primary_default: string;
-            primary_bright: string;
-            primary_dim: string;
-            primary_disabled: string;
-            on_primary_high: string;
-            on_primary_medium: string;
-            on_primary_low: string;
-            secondary_default: string;
-            secondary_bright: string;
-            secondary_dim: string;
-            secondary_disabled: string;
-            on_secondary_high: string;
-            on_secondary_medium: string;
-            on_secondary_low: string;
-            background_default: string;
-            background_dim: string;
-            surface_default: string;
-            surface_bright: string;
-            surface_brighter: string;
-            surface_dim: string;
-            on_surface_high: string;
-            on_surface_medium: string;
-            on_surface_low: string;
-            border_default: string;
-            border_bright: string;
-            alert_success: string;
-            alert_warning: string;
-            alert_error_default: string;
-            alert_error_bright: string;
-            alert_error_brighter: string;
-            alert_error_dim: string;
-        };
-        shadows: {
-            sm: string;
-            md: string;
-        };
-        fonts: {
-            sans: string;
-        };
-        fontSizes: {
-            h1: string;
-            h2: string;
-            h3: string;
-            h4: string;
-            h5: string;
-            h6: string;
-            tiny: string;
-            xs: string;
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        fontWeights: {
-            semiBold: number;
-            medium: number;
-            regular: number;
-        };
-        lineHeights: {
-            h1: string;
-            h2: string;
-            h3: string;
-            h4: string;
-            h5: string;
-            h6: string;
-            tiny: string;
-            xs: string;
-            sm: string;
-            md: string;
-        };
-        radii: {
-            '0': string;
-            '1': string;
-            '2': string;
-            '3': string;
-            '4': string;
-            round: 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;
-            19: string;
-            20: string;
-            24: string;
-            28: string;
-            32: string;
-            36: string;
-            40: string;
-            44: string;
-            48: string;
-            52: string;
-            56: string;
-            60: string;
-            64: string;
-            72: string;
-            80: string;
-            96: string;
-            100: string;
+    borderRightStyle: "borderStyles";
+    borderBottomStyle: "borderStyles";
+    borderRadius: "radii";
+    borderTopLeftRadius: "radii";
+    borderTopRightRadius: "radii";
+    borderBottomRightRadius: "radii";
+    borderBottomLeftRadius: "radii";
+    boxShadow: "shadows";
+    textShadow: "shadows";
+    transition: "transitions";
+    zIndex: "zIndices";
+}, {
+    bg: (value: {
+        readonly [Stitches.$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
         };
-        borderWidths: {
-            light: string;
-            normal: string;
-            bold: string;
-            extrabold: string;
-            black: string;
+    };
+    c: (value: {
+        readonly [Stitches.$$PropertyValue]: "color";
+    }) => {
+        color: {
+            readonly [Stitches.$$PropertyValue]: "color";
         };
-    }, {
-        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;
-        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";
-        borderWidth: "borderWidths";
-        borderTopWidth: "borderWidths";
-        borderLeftWidth: "borderWidths";
-        borderRightWidth: "borderWidths";
-        borderBottomWidth: "borderWidths";
-        borderStyle: "borderStyles";
-        borderTopStyle: "borderStyles";
-        borderLeftStyle: "borderStyles";
-        borderRightStyle: "borderStyles";
-        borderBottomStyle: "borderStyles";
-        borderRadius: "radii";
-        borderTopLeftRadius: "radii";
-        borderTopRightRadius: "radii";
-        borderBottomRightRadius: "radii";
-        borderBottomLeftRadius: "radii";
-        boxShadow: "shadows";
-        textShadow: "shadows";
-        transition: "transitions";
-        zIndex: "zIndices";
-    }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
+    };
+    r: (value: {
+        readonly [Stitches.$$ScaleValue]: "radii";
+    }) => {
+        borderRadius: {
+            readonly [Stitches.$$ScaleValue]: "radii";
+        };
+    };
+    fs: (value: string | number | {
+        readonly [Stitches.$$PropertyValue]: "fontSize";
+    }) => {
+        fontSize: string | number | {
+            readonly [Stitches.$$PropertyValue]: "fontSize";
         };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
+    };
+    size: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        height: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        width: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+    };
+    w: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        width: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
+    };
+    h: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        height: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
+    };
+    p: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pt: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pr: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pb: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    pl: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    px: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    py: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        paddingBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    m: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mt: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mr: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mb: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    ml: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    mx: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    };
+    my: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
         };
-    }>;
-}) => {
-    (): string;
-    name: string;
-}, css: {
-    withConfig: (config: {
-        componentId?: string | undefined;
-        displayName?: string | undefined;
-        shouldForwardStitchesProp?: ((prop: "css" | (string & {})) => boolean | void) | undefined;
-    }) => import("@stitches/react/types/stitches").CssFunctionType<{
+    };
+}>; })[]) => () => string, keyframes: (style: {
+    [offset: string]: import("@stitches/react/types/css-util").CSS<{
         allowMotion: string;
         sm: string;
         md: string;
@@ -2713,76 +2854,175 @@ export declare const theme: string & {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [Stitches.$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [Stitches.$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [Stitches.$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [Stitches.$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [Stitches.$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [Stitches.$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
         };
     }>;
-} & import("@stitches/react/types/stitches").CssFunctionType<{
+}) => {
+    (): string;
+    name: string;
+}, 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<{
     allowMotion: string;
     sm: string;
     md: string;
@@ -3050,75 +3290,188 @@ export declare const theme: string & {
     transition: "transitions";
     zIndex: "zIndices";
 }, {
-    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-        backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
+    bg: (value: {
+        readonly [Stitches.$$PropertyValue]: "backgroundColor";
+    }) => {
+        backgroundColor: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        };
     };
-    c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-        color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
+    c: (value: {
+        readonly [Stitches.$$PropertyValue]: "color";
+    }) => {
+        color: {
+            readonly [Stitches.$$PropertyValue]: "color";
+        };
     };
-    r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-        borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
+    r: (value: {
+        readonly [Stitches.$$ScaleValue]: "radii";
+    }) => {
+        borderRadius: {
+            readonly [Stitches.$$ScaleValue]: "radii";
+        };
     };
-    fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-        fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
+    fs: (value: string | number | {
+        readonly [Stitches.$$PropertyValue]: "fontSize";
+    }) => {
+        fontSize: string | number | {
+            readonly [Stitches.$$PropertyValue]: "fontSize";
+        };
     };
-    size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    size: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        height: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        width: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    w: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        width: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    h: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        height: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    p: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        padding: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pt: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pr: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pb: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    pl: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    px: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        paddingRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    py: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        paddingTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        paddingBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    m: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        margin: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mt: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mr: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mb: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    ml: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    mx: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginLeft: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        marginRight: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-    my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+    my: (value: string | number | {
+        readonly [Stitches.$$ScaleValue]: "space";
+    }) => {
+        marginTop: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
+        marginBottom: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        };
     };
-}>, getCssText: () => string, config: {
+}>>(...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;
+            [x: number]: CSS_1;
+        };
+    } | undefined;
+    compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & {
+        css: CSS_1;
+    })[] | undefined;
+    defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
+} & CSS_1 & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
+    allowMotion: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    ls: string;
+}, CSS_1>, getCssText: () => string, config: {
     prefix: "hms-ui";
     media: {
         allowMotion: string;
@@ -3391,73 +3744,167 @@ export declare const theme: string & {
         zIndex: "zIndices";
     };
     utils: {
-        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
-            backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
-        };
-        c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
-            color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
-        };
-        r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
-            borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
-        };
-        fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
-            fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
-        };
-        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-        };
-        my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
-            marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
-            marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        bg: (value: {
+            readonly [Stitches.$$PropertyValue]: "backgroundColor";
+        }) => {
+            backgroundColor: {
+                readonly [Stitches.$$PropertyValue]: "backgroundColor";
+            };
+        };
+        c: (value: {
+            readonly [Stitches.$$PropertyValue]: "color";
+        }) => {
+            color: {
+                readonly [Stitches.$$PropertyValue]: "color";
+            };
+        };
+        r: (value: {
+            readonly [Stitches.$$ScaleValue]: "radii";
+        }) => {
+            borderRadius: {
+                readonly [Stitches.$$ScaleValue]: "radii";
+            };
+        };
+        fs: (value: string | number | {
+            readonly [Stitches.$$PropertyValue]: "fontSize";
+        }) => {
+            fontSize: string | number | {
+                readonly [Stitches.$$PropertyValue]: "fontSize";
+            };
+        };
+        size: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            width: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        w: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            width: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        h: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            height: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        p: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [Stitches.$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [Stitches.$$ScaleValue]: "space";
+            };
         };
     };
 };