@atom-learning/components 2.30.0 → 2.31.0-beta.0

package/dist/components/toggle-group/index.d.ts

@@ -122,148 +122,58 @@ export declare const ToggleGroup: {
             "3": any;
         };
     }, import("@stitches/react/types/config").DefaultThemeMap, {
-        bg: (value: {
-            readonly [$$PropertyValue]: "background";
-        }) => {
-            background: {
-                readonly [$$PropertyValue]: "background";
-            };
+        bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"background">) => {
+            background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
         };
-        inset: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            top: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            right: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            bottom: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            left: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
+        size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+            height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
         };
-        size: (value: string | number | {
-            readonly [$$ScaleValue]: "size";
-        }) => {
-            height: string | number | {
-                readonly [$$ScaleValue]: "size";
-            };
-            width: string | number | {
-                readonly [$$ScaleValue]: "size";
-            };
+        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 [$$ScaleValue]: "space";
-        }) => {
-            padding: 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">;
         };
-        pt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: 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">;
         };
-        pr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingRight: 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">;
         };
-        pb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingBottom: 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">;
         };
-        pl: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: 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">;
         };
-        px: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingLeft: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingRight: 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">;
         };
-        py: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            paddingTop: string | number | {
-                readonly [$$ScaleValue]: "space";
-            };
-            paddingBottom: 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">;
         };
-        m: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            margin: 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">;
         };
-        mt: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginTop: 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">;
         };
-        mr: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginRight: 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">;
         };
-        mb: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginBottom: 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">;
         };
-        ml: (value: string | number | {
-            readonly [$$ScaleValue]: "space";
-        }) => {
-            marginLeft: 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">;
         };
-        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";
-            };
+        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">;
         };
     }>>;
     Button: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
@@ -389,148 +299,58 @@ export declare const ToggleGroup: {
                 "3": any;
             };
         }, import("@stitches/react/types/config").DefaultThemeMap, {
-            bg: (value: {
-                readonly [$$PropertyValue]: "background";
-            }) => {
-                background: {
-                    readonly [$$PropertyValue]: "background";
-                };
-            };
-            inset: (value: string | number | {
-                readonly [$$ScaleValue]: "space";
-            }) => {
-                top: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                right: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                bottom: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                left: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-            };
-            size: (value: string | number | {
-                readonly [$$ScaleValue]: "size";
-            }) => {
-                height: string | number | {
-                    readonly [$$ScaleValue]: "size";
-                };
-                width: string | number | {
-                    readonly [$$ScaleValue]: "size";
-                };
-            };
-            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<"background">) => {
+                background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            };
+            size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+                height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            };
+            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">;
             };
         }> | undefined;
     }, "size" | "css" | "isIconOnly"> & import("@stitches/react/types/styled-component").TransformProps<{
@@ -659,148 +479,58 @@ export declare const ToggleGroup: {
                 "3": any;
             };
         }, import("@stitches/react/types/config").DefaultThemeMap, {
-            bg: (value: {
-                readonly [$$PropertyValue]: "background";
-            }) => {
-                background: {
-                    readonly [$$PropertyValue]: "background";
-                };
-            };
-            inset: (value: string | number | {
-                readonly [$$ScaleValue]: "space";
-            }) => {
-                top: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                right: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                bottom: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                left: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-            };
-            size: (value: string | number | {
-                readonly [$$ScaleValue]: "size";
-            }) => {
-                height: string | number | {
-                    readonly [$$ScaleValue]: "size";
-                };
-                width: string | number | {
-                    readonly [$$ScaleValue]: "size";
-                };
-            };
-            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<"background">) => {
+                background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            };
+            size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+                height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            };
+            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">;
             };
         }> | undefined;
     }>;
@@ -931,148 +661,58 @@ export declare const ToggleGroup: {
                 "3": any;
             };
         }, import("@stitches/react/types/config").DefaultThemeMap, {
-            bg: (value: {
-                readonly [$$PropertyValue]: "background";
-            }) => {
-                background: {
-                    readonly [$$PropertyValue]: "background";
-                };
-            };
-            inset: (value: string | number | {
-                readonly [$$ScaleValue]: "space";
-            }) => {
-                top: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                right: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                bottom: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                left: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-            };
-            size: (value: string | number | {
-                readonly [$$ScaleValue]: "size";
-            }) => {
-                height: string | number | {
-                    readonly [$$ScaleValue]: "size";
-                };
-                width: string | number | {
-                    readonly [$$ScaleValue]: "size";
-                };
-            };
-            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<"background">) => {
+                background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            };
+            size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+                height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            };
+            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">;
             };
         }> | undefined;
     }) | (Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>, "direction" | "css" | "isFullWidth" | "hasGap"> & import("@stitches/react/types/styled-component").TransformProps<{
@@ -1202,148 +842,58 @@ export declare const ToggleGroup: {
                 "3": any;
             };
         }, import("@stitches/react/types/config").DefaultThemeMap, {
-            bg: (value: {
-                readonly [$$PropertyValue]: "background";
-            }) => {
-                background: {
-                    readonly [$$PropertyValue]: "background";
-                };
-            };
-            inset: (value: string | number | {
-                readonly [$$ScaleValue]: "space";
-            }) => {
-                top: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                right: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                bottom: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-                left: string | number | {
-                    readonly [$$ScaleValue]: "space";
-                };
-            };
-            size: (value: string | number | {
-                readonly [$$ScaleValue]: "size";
-            }) => {
-                height: string | number | {
-                    readonly [$$ScaleValue]: "size";
-                };
-                width: string | number | {
-                    readonly [$$ScaleValue]: "size";
-                };
-            };
-            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<"background">) => {
+                background: import("@stitches/react/types/css-util").WithPropertyValue<"background">;
+            };
+            size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">) => {
+                height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+                width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"size">;
+            };
+            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">;
             };
         }> | undefined;
     })) & {