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

package/dist/Toast/Toast.d.ts

@@ -277,167 +277,73 @@ declare const ToastClose: import("@stitches/react/types/styled-component").Style
     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">;
     };
 }>>;
 interface HMSToastProps extends ToastProps {
@@ -728,167 +634,73 @@ export declare const Toast: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
-            };
-        };
-        c: (value: {
-            readonly [$$PropertyValue]: "color";
-        }) => {
-            color: {
-                readonly [$$PropertyValue]: "color";
-            };
-        };
-        r: (value: {
-            readonly [$$ScaleValue]: "radii";
-        }) => {
-            borderRadius: {
-                readonly [$$ScaleValue]: "radii";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$PropertyValue]: "fontSize";
-        }) => {
-            fontSize: string | number | {
-                readonly [$$PropertyValue]: "fontSize";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            width: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        w: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        h: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
+        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">;
         };
     }>>;
     Title: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>>, {}, {
@@ -1167,167 +979,73 @@ export declare const Toast: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
-            };
-        };
-        c: (value: {
-            readonly [$$PropertyValue]: "color";
-        }) => {
-            color: {
-                readonly [$$PropertyValue]: "color";
-            };
-        };
-        r: (value: {
-            readonly [$$ScaleValue]: "radii";
-        }) => {
-            borderRadius: {
-                readonly [$$ScaleValue]: "radii";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$PropertyValue]: "fontSize";
-        }) => {
-            fontSize: string | number | {
-                readonly [$$PropertyValue]: "fontSize";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            width: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        w: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        h: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
+        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">;
         };
     }>>;
     Description: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>>, {}, {
@@ -1606,167 +1324,73 @@ export declare const Toast: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
-            };
-        };
-        c: (value: {
-            readonly [$$PropertyValue]: "color";
-        }) => {
-            color: {
-                readonly [$$PropertyValue]: "color";
-            };
-        };
-        r: (value: {
-            readonly [$$ScaleValue]: "radii";
-        }) => {
-            borderRadius: {
-                readonly [$$ScaleValue]: "radii";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$PropertyValue]: "fontSize";
-        }) => {
-            fontSize: string | number | {
-                readonly [$$PropertyValue]: "fontSize";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            width: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        w: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        h: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
+        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">;
         };
     }>>;
     Close: ({ css }: Pick<ComponentProps<typeof ToastClose>, 'css'>) => React.JSX.Element;
@@ -2046,167 +1670,73 @@ export declare const Toast: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
-            };
-        };
-        c: (value: {
-            readonly [$$PropertyValue]: "color";
-        }) => {
-            color: {
-                readonly [$$PropertyValue]: "color";
-            };
-        };
-        r: (value: {
-            readonly [$$ScaleValue]: "radii";
-        }) => {
-            borderRadius: {
-                readonly [$$ScaleValue]: "radii";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$PropertyValue]: "fontSize";
-        }) => {
-            fontSize: string | number | {
-                readonly [$$PropertyValue]: "fontSize";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            width: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        w: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        h: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
+        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">;
         };
     }>>;
     Viewport: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>>, {}, {
@@ -2485,167 +2015,73 @@ export declare const Toast: {
         transition: "transitions";
         zIndex: "zIndices";
     }, {
-        bg: (value: {
-            readonly [$$PropertyValue]: "backgroundColor";
-        }) => {
-            backgroundColor: {
-                readonly [$$PropertyValue]: "backgroundColor";
-            };
-        };
-        c: (value: {
-            readonly [$$PropertyValue]: "color";
-        }) => {
-            color: {
-                readonly [$$PropertyValue]: "color";
-            };
-        };
-        r: (value: {
-            readonly [$$ScaleValue]: "radii";
-        }) => {
-            borderRadius: {
-                readonly [$$ScaleValue]: "radii";
-            };
-        };
-        fs: (value: string | number | {
-            readonly [$$PropertyValue]: "fontSize";
-        }) => {
-            fontSize: string | number | {
-                readonly [$$PropertyValue]: "fontSize";
-            };
-        };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            width: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        w: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            width: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        h: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        p: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            padding: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        mx: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginRight: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-        };
-        my: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            marginBottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
+        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">;
         };
     }>>;
     HMSToast: React.FC<HMSToastProps>;