@100mslive/roomkit-react 0.3.23 → 0.3.24-alpha.0

package/dist/Text/Text.d.ts

@@ -402,166 +402,72 @@ export declare const Text: import("@stitches/react/types/styled-component").Styl
     transition: "transitions";
     zIndex: "zIndices";
 }, {
-    bg: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
-    }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        };
+    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
+        backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
     };
-    c: (value: {
-        readonly [$$PropertyValue]: "color";
-    }) => {
-        color: {
-            readonly [$$PropertyValue]: "color";
-        };
+    c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
+        color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
     };
-    r: (value: {
-        readonly [$$ScaleValue]: "radii";
-    }) => {
-        borderRadius: {
-            readonly [$$ScaleValue]: "radii";
-        };
+    r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
+        borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
     };
-    fs: (value: string | number | {
-        readonly [$$PropertyValue]: "fontSize";
-    }) => {
-        fontSize: string | number | {
-            readonly [$$PropertyValue]: "fontSize";
-        };
+    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 | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        height: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        width: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        width: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        height: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        padding: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingRight: string | number | {
-            readonly [$$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">;
     };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingBottom: string | number | {
-            readonly [$$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">;
     };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: string | number | {
-            readonly [$$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">;
     };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$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">;
     };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$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">;
     };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$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">;
     };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$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">;
     };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: string | number | {
-            readonly [$$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">;
     };
 }>>;

package/dist/TextArea/TextArea.d.ts

@@ -276,166 +276,72 @@ export declare const TextArea: import("@stitches/react/types/styled-component").
     transition: "transitions";
     zIndex: "zIndices";
 }, {
-    bg: (value: {
-        readonly [$$PropertyValue]: "backgroundColor";
-    }) => {
-        backgroundColor: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        };
+    bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
+        backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
     };
-    c: (value: {
-        readonly [$$PropertyValue]: "color";
-    }) => {
-        color: {
-            readonly [$$PropertyValue]: "color";
-        };
+    c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
+        color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
     };
-    r: (value: {
-        readonly [$$ScaleValue]: "radii";
-    }) => {
-        borderRadius: {
-            readonly [$$ScaleValue]: "radii";
-        };
+    r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
+        borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
     };
-    fs: (value: string | number | {
-        readonly [$$PropertyValue]: "fontSize";
-    }) => {
-        fontSize: string | number | {
-            readonly [$$PropertyValue]: "fontSize";
-        };
+    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 | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        height: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        width: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        width: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        height: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        padding: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingRight: string | number | {
-            readonly [$$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">;
     };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingBottom: string | number | {
-            readonly [$$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">;
     };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: string | number | {
-            readonly [$$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">;
     };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$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">;
     };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$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">;
     };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$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">;
     };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$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">;
     };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: string | number | {
-            readonly [$$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 [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: string | number | {
-            readonly [$$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">;
     };
 }>>;

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

@@ -134,124 +134,72 @@ export declare const baseConfig: {
 };
 export declare const defaultUtils: {
     bg: (value: Stitches.PropertyValue<'backgroundColor'>) => {
-        backgroundColor: {
-            readonly [Stitches.$$PropertyValue]: "backgroundColor";
-        };
+        backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
     };
     c: (value: Stitches.PropertyValue<'color'>) => {
-        color: {
-            readonly [Stitches.$$PropertyValue]: "color";
-        };
+        color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
     };
     r: (value: Stitches.ScaleValue<'radii'>) => {
-        borderRadius: {
-            readonly [Stitches.$$ScaleValue]: "radii";
-        };
+        borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
     };
     fs: (value: Stitches.PropertyValue<'fontSize'> | number | string) => {
-        fontSize: string | number | {
-            readonly [Stitches.$$PropertyValue]: "fontSize";
-        };
+        fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
     };
     size: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        height: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        width: string | number | {
-            readonly [Stitches.$$ScaleValue]: "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: Stitches.ScaleValue<'space'> | number | string) => {
-        width: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     h: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        height: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     p: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        padding: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     pt: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     pr: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        paddingRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     pb: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        paddingBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     pl: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     px: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        paddingLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        paddingRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "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: Stitches.ScaleValue<'space'> | number | string) => {
-        paddingTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        paddingBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "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: Stitches.ScaleValue<'space'> | number | string) => {
-        margin: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     mt: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     mr: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        marginRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     mb: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        marginBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     ml: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
     mx: (value: Stitches.ScaleValue<'space'> | number | string) => {
-        marginLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        marginRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "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: Stitches.ScaleValue<'space'> | number | string) => {
-        marginTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
-        marginBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
-        };
+        marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
+        marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 };
 export declare const defaultMedia: {