@jpmorganchase/mosaic-theme 0.1.0-beta.8

package/dist/responsive/responsive.css.d.ts

@@ -0,0 +1,2658 @@
+import { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const responsiveConditions: {
+    mobile: {
+        '@media': string;
+    };
+    tablet: {
+        '@media': string;
+    };
+    web: {
+        '@media': string;
+    };
+    desktop: {
+        '@media': string;
+    };
+};
+export declare const marginProperties: {
+    conditions: {
+        defaultCondition: "mobile";
+        conditionNames: ("mobile" | "tablet" | "web" | "desktop")[];
+        responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+            length: 4;
+        };
+    };
+    styles: {
+        marginTop: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        marginRight: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                anchor: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                gutter: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        marginBottom: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        marginLeft: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                anchor: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                gutter: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+    };
+} & {
+    styles: {
+        margin: {
+            mappings: ("marginTop" | "marginBottom" | "marginLeft" | "marginRight")[];
+        };
+        marginX: {
+            mappings: ("marginLeft" | "marginRight")[];
+        };
+        marginY: {
+            mappings: ("marginTop" | "marginBottom")[];
+        };
+    };
+};
+export declare const paddingProperties: {
+    conditions: {
+        defaultCondition: "mobile";
+        conditionNames: ("mobile" | "tablet" | "web" | "desktop")[];
+        responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+            length: 4;
+        };
+    };
+    styles: {
+        paddingTop: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        paddingRight: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                anchor: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                gutter: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        paddingBottom: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        paddingLeft: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                anchor: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                gutter: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+    };
+} & {
+    styles: {
+        padding: {
+            mappings: ("paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight")[];
+        };
+        paddingX: {
+            mappings: ("paddingLeft" | "paddingRight")[];
+        };
+        paddingY: {
+            mappings: ("paddingTop" | "paddingBottom")[];
+        };
+    };
+};
+export declare const positionProperties: {
+    conditions: {
+        defaultCondition: "mobile";
+        conditionNames: ("mobile" | "tablet" | "web" | "desktop")[];
+        responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+            length: 4;
+        };
+    };
+    styles: {
+        top: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        right: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                anchor: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                gutter: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        bottom: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        left: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                anchor: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                gutter: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export declare const responsiveProperties: {
+    conditions: {
+        defaultCondition: "mobile";
+        conditionNames: ("mobile" | "tablet" | "web" | "desktop")[];
+        responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+            length: 4;
+        };
+    };
+    styles: {
+        display: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                inherit: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                initial: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                flex: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        flexDirection: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                column: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                "column-reverse": {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                row: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                "row-reverse": {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        flexWrap: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                nowrap: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                wrap: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        width: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                "100%": {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+    };
+};
+export declare const gapProperties: {
+    conditions: {
+        defaultCondition: "mobile";
+        conditionNames: ("mobile" | "tablet" | "web" | "desktop")[];
+        responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+            length: 4;
+        };
+    };
+    styles: {
+        columnGap: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                anchor: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                gutter: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+        rowGap: {
+            responsiveArray: ("mobile" | "tablet" | "web" | "desktop")[] & {
+                length: 4;
+            };
+            values: {
+                auto: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x2: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x1: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x3: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x4: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x6: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x8: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x10: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x12: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x13: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x15: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x20: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x25: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+                x30: {
+                    defaultClass: string;
+                    conditions: {
+                        mobile: string;
+                        tablet: string;
+                        web: string;
+                        desktop: string;
+                    };
+                };
+            };
+        };
+    };
+} & {
+    styles: {
+        gap: {
+            mappings: ("columnGap" | "rowGap")[];
+        };
+    };
+};
+export declare const marginSprinkles: ((props: {
+    marginTop?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    marginRight?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    marginBottom?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    marginLeft?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    margin?: (import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null> | ("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    })) | undefined;
+    marginX?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    marginY?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+}) => string) & {
+    properties: Set<"marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "margin" | "marginX" | "marginY">;
+};
+export declare type MarginSprinkles = Parameters<typeof marginSprinkles>[0];
+export declare const paddingSprinkles: ((props: {
+    paddingTop?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    paddingRight?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    paddingBottom?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    paddingLeft?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    padding?: (import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null> | ("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    })) | undefined;
+    paddingX?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    paddingY?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+}) => string) & {
+    properties: Set<"paddingLeft" | "padding" | "paddingBottom" | "paddingRight" | "paddingTop" | "paddingX" | "paddingY">;
+};
+export declare type PaddingSprinkles = Parameters<typeof paddingSprinkles>[0];
+export declare const positioningSprinkles: ((props: {
+    top?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    right?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    bottom?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    left?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+}) => string) & {
+    properties: Set<"bottom" | "left" | "right" | "top">;
+};
+export declare type PositioningSprinkles = Parameters<typeof positioningSprinkles>[0];
+export declare const gapSprinkles: ((props: {
+    columnGap?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    rowGap?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    gap?: (import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null> | ("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    })) | undefined;
+}) => string) & {
+    properties: Set<"columnGap" | "rowGap" | "gap">;
+};
+export declare type GapSprinkles = Parameters<typeof gapSprinkles>[0];
+export declare const responsiveSprinkles: ((props: {
+    marginTop?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    marginRight?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    marginBottom?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    marginLeft?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    margin?: (import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null> | ("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    })) | undefined;
+    marginX?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    marginY?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+} & {
+    paddingTop?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    paddingRight?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    paddingBottom?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    paddingLeft?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    padding?: (import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null> | ("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    })) | undefined;
+    paddingX?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    paddingY?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+} & {
+    top?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    right?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    bottom?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    left?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+} & {
+    display?: (("inherit" | "initial" | "none" | "flex" | {
+        mobile?: "inherit" | "initial" | "none" | "flex" | undefined;
+        tablet?: "inherit" | "initial" | "none" | "flex" | undefined;
+        web?: "inherit" | "initial" | "none" | "flex" | undefined;
+        desktop?: "inherit" | "initial" | "none" | "flex" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "inherit" | "initial" | "none" | "flex" | null>) | undefined;
+    flexDirection?: (("column" | "column-reverse" | "row" | "row-reverse" | {
+        mobile?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        tablet?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        web?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        desktop?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>) | undefined;
+    flexWrap?: (("nowrap" | "wrap" | {
+        mobile?: "nowrap" | "wrap" | undefined;
+        tablet?: "nowrap" | "wrap" | undefined;
+        web?: "nowrap" | "wrap" | undefined;
+        desktop?: "nowrap" | "wrap" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "nowrap" | "wrap" | null>) | undefined;
+    width?: (("100%" | {
+        mobile?: "100%" | undefined;
+        tablet?: "100%" | undefined;
+        web?: "100%" | undefined;
+        desktop?: "100%" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "100%" | null>) | undefined;
+} & {
+    columnGap?: (("auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "anchor" | "none" | "x2" | "gutter" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    rowGap?: (("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    }) | import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null>) | undefined;
+    gap?: (import("@vanilla-extract/sprinkles").ResponsiveArray<4 | 1 | 2 | 3, "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | null> | ("auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | {
+        mobile?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        tablet?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        web?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+        desktop?: "auto" | "none" | "x2" | "x1" | "x3" | "x4" | "x6" | "x8" | "x10" | "x12" | "x13" | "x15" | "x20" | "x25" | "x30" | undefined;
+    })) | undefined;
+}) => string) & {
+    properties: Set<"paddingLeft" | "padding" | "bottom" | "columnGap" | "display" | "flexDirection" | "flexWrap" | "left" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingRight" | "paddingTop" | "right" | "rowGap" | "top" | "width" | "gap" | "margin" | "marginX" | "marginY" | "paddingX" | "paddingY">;
+};
+export declare type ResponsiveSprinkles = Parameters<typeof responsiveSprinkles>[0];
+export declare const gutterElement: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    variant: {
+        anchor: {
+            marginLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        accent: {
+            marginLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            paddingLeft: string;
+        };
+    };
+}>;
+export declare type GutterElementVariants = RecipeVariants<typeof gutterElement>;