@ultraviolet/ui 3.4.0 → 3.5.0

package/dist/components/Stack/styles.css.d.ts

@@ -12,12 +12,12 @@ export declare const responsiveProperties: {
         };
     };
     styles: {
-        gap: {
+        alignItems: {
             responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
                 length: 5;
             };
             values: {
-                [x: string]: {
+                normal: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -28,14 +28,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-            };
-        };
-        flexDirection: {
-            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
-                length: 5;
-            };
-            values: {
-                column: {
+                stretch: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -46,7 +39,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "column-reverse": {
+                center: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -57,7 +50,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                row: {
+                end: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -68,7 +61,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "row-reverse": {
+                "flex-end": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -79,14 +72,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-            };
-        };
-        alignItems: {
-            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
-                length: 5;
-            };
-            values: {
-                normal: {
+                "flex-start": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -97,7 +83,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                stretch: {
+                start: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -108,7 +94,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                center: {
+                baseline: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -119,7 +105,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                end: {
+                "self-end": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -130,7 +116,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "flex-end": {
+                "self-start": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -141,7 +127,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "flex-start": {
+                "first baseline": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -152,7 +138,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                start: {
+                "last baseline": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -163,7 +149,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                baseline: {
+                "safe center": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -174,7 +160,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "self-end": {
+                "unsafe center": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -185,7 +171,14 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "self-start": {
+            };
+        };
+        flexDirection: {
+            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
+                length: 5;
+            };
+            values: {
+                column: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -196,7 +189,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "first baseline": {
+                "column-reverse": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -207,7 +200,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "last baseline": {
+                row: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -218,7 +211,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "safe center": {
+                "row-reverse": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -229,7 +222,14 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "unsafe center": {
+            };
+        };
+        flexWrap: {
+            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
+                length: 5;
+            };
+            values: {
+                nowrap: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -240,14 +240,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-            };
-        };
-        justifyContent: {
-            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
-                length: 5;
-            };
-            values: {
-                normal: {
+                wrap: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -258,7 +251,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                left: {
+                "wrap-reverse": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -269,7 +262,14 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                right: {
+            };
+        };
+        gap: {
+            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
+                length: 5;
+            };
+            values: {
+                [x: string]: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -280,7 +280,14 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "space-around": {
+            };
+        };
+        justifyContent: {
+            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
+                length: 5;
+            };
+            values: {
+                normal: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -291,7 +298,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "space-between": {
+                left: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -302,7 +309,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "space-evenly": {
+                right: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -313,7 +320,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                stretch: {
+                "space-around": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -324,7 +331,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                center: {
+                "space-between": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -335,7 +342,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                end: {
+                "space-evenly": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -346,7 +353,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "flex-end": {
+                stretch: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -357,7 +364,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "flex-start": {
+                center: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -368,7 +375,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                start: {
+                end: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -379,14 +386,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-            };
-        };
-        flexWrap: {
-            responsiveArray: ("large" | "medium" | "small" | "xlarge" | "xsmall" | "xxsmall")[] & {
-                length: 5;
-            };
-            values: {
-                nowrap: {
+                "flex-end": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -397,7 +397,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                wrap: {
+                "flex-start": {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -408,7 +408,7 @@ export declare const responsiveProperties: {
                         xxsmall: string;
                     };
                 };
-                "wrap-reverse": {
+                start: {
                     defaultClass: string;
                     conditions: {
                         large: string;
@@ -424,22 +424,6 @@ export declare const responsiveProperties: {
     };
 };
 export declare const sprinkles: ((props: {
-    gap?: (string | {
-        large?: string | undefined;
-        medium?: string | undefined;
-        small?: string | undefined;
-        xlarge?: string | undefined;
-        xsmall?: string | undefined;
-        xxsmall?: string | undefined;
-    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, string | null>;
-    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
-        large?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        medium?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        small?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        xlarge?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        xsmall?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-        xxsmall?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
-    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, "column" | "column-reverse" | "row" | "row-reverse" | null>;
     alignItems?: ("normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | {
         large?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
         medium?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
@@ -448,14 +432,14 @@ export declare const sprinkles: ((props: {
         xsmall?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
         xxsmall?: "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | undefined;
     } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, "normal" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "self-end" | "self-start" | "first baseline" | "last baseline" | "safe center" | "unsafe center" | null>;
-    justifyContent?: ("normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
-        large?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
-        medium?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
-        small?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
-        xlarge?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
-        xsmall?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
-        xxsmall?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
-    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | null>;
+    flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
+        large?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        medium?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        small?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        xlarge?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        xsmall?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+        xxsmall?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, "column" | "column-reverse" | "row" | "row-reverse" | null>;
     flexWrap?: ("nowrap" | "wrap" | "wrap-reverse" | {
         large?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
         medium?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
@@ -464,6 +448,22 @@ export declare const sprinkles: ((props: {
         xsmall?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
         xxsmall?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
     } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, "nowrap" | "wrap" | "wrap-reverse" | null>;
+    gap?: (string | {
+        large?: string | undefined;
+        medium?: string | undefined;
+        small?: string | undefined;
+        xlarge?: string | undefined;
+        xsmall?: string | undefined;
+        xxsmall?: string | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, string | null>;
+    justifyContent?: ("normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | {
+        large?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
+        medium?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
+        small?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
+        xlarge?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
+        xsmall?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
+        xxsmall?: "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | undefined;
+    } | undefined) | import("@vanilla-extract/sprinkles").ResponsiveArray<1 | 2 | 3 | 4 | 5, "normal" | "left" | "right" | "space-around" | "space-between" | "space-evenly" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | null>;
 }) => string) & {
     properties: Set<"alignItems" | "flexDirection" | "flexWrap" | "justifyContent" | "gap">;
 };

package/dist/components/Stack/styles.css.js

@@ -3,12 +3,12 @@
 import { createSprinkles } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
 var stack = "uv_toi52u0";
 var responsiveProperties = (function() {
-  var x = { conditions: { defaultCondition: "xxsmall", conditionNames: ["xxsmall", "xsmall", "small", "medium", "large", "xlarge"], responsiveArray: ["xxsmall", "xsmall", "small", "medium", "large"] }, styles: { gap: { values: { "0rem": { conditions: { xxsmall: "uv_toi52u1", xsmall: "uv_toi52u2", small: "uv_toi52u3", medium: "uv_toi52u4", large: "uv_toi52u5", xlarge: "uv_toi52u6" }, defaultClass: "uv_toi52u1" }, "0.5rem": { conditions: { xxsmall: "uv_toi52u7", xsmall: "uv_toi52u8", small: "uv_toi52u9", medium: "uv_toi52ua", large: "uv_toi52ub", xlarge: "uv_toi52uc" }, defaultClass: "uv_toi52u7" }, "1rem": { conditions: { xxsmall: "uv_toi52ud", xsmall: "uv_toi52ue", small: "uv_toi52uf", medium: "uv_toi52ug", large: "uv_toi52uh", xlarge: "uv_toi52ui" }, defaultClass: "uv_toi52ud" }, "1.5rem": { conditions: { xxsmall: "uv_toi52uj", xsmall: "uv_toi52uk", small: "uv_toi52ul", medium: "uv_toi52um", large: "uv_toi52un", xlarge: "uv_toi52uo" }, defaultClass: "uv_toi52uj" }, "2rem": { conditions: { xxsmall: "uv_toi52up", xsmall: "uv_toi52uq", small: "uv_toi52ur", medium: "uv_toi52us", large: "uv_toi52ut", xlarge: "uv_toi52uu" }, defaultClass: "uv_toi52up" }, "2.5rem": { conditions: { xxsmall: "uv_toi52uv", xsmall: "uv_toi52uw", small: "uv_toi52ux", medium: "uv_toi52uy", large: "uv_toi52uz", xlarge: "uv_toi52u10" }, defaultClass: "uv_toi52uv" }, "3rem": { conditions: { xxsmall: "uv_toi52u11", xsmall: "uv_toi52u12", small: "uv_toi52u13", medium: "uv_toi52u14", large: "uv_toi52u15", xlarge: "uv_toi52u16" }, defaultClass: "uv_toi52u11" }, "3.5rem": { conditions: { xxsmall: "uv_toi52u17", xsmall: "uv_toi52u18", small: "uv_toi52u19", medium: "uv_toi52u1a", large: "uv_toi52u1b", xlarge: "uv_toi52u1c" }, defaultClass: "uv_toi52u17" }, "4rem": { conditions: { xxsmall: "uv_toi52u1d", xsmall: "uv_toi52u1e", small: "uv_toi52u1f", medium: "uv_toi52u1g", large: "uv_toi52u1h", xlarge: "uv_toi52u1i" }, defaultClass: "uv_toi52u1d" }, "4.5rem": { conditions: { xxsmall: "uv_toi52u1j", xsmall: "uv_toi52u1k", small: "uv_toi52u1l", medium: "uv_toi52u1m", large: "uv_toi52u1n", xlarge: "uv_toi52u1o" }, defaultClass: "uv_toi52u1j" }, "5rem": { conditions: { xxsmall: "uv_toi52u1p", xsmall: "uv_toi52u1q", small: "uv_toi52u1r", medium: "uv_toi52u1s", large: "uv_toi52u1t", xlarge: "uv_toi52u1u" }, defaultClass: "uv_toi52u1p" }, "0.25rem": { conditions: { xxsmall: "uv_toi52u1v", xsmall: "uv_toi52u1w", small: "uv_toi52u1x", medium: "uv_toi52u1y", large: "uv_toi52u1z", xlarge: "uv_toi52u20" }, defaultClass: "uv_toi52u1v" }, "0.125rem": { conditions: { xxsmall: "uv_toi52u21", xsmall: "uv_toi52u22", small: "uv_toi52u23", medium: "uv_toi52u24", large: "uv_toi52u25", xlarge: "uv_toi52u26" }, defaultClass: "uv_toi52u21" }, "0.75rem": { conditions: { xxsmall: "uv_toi52u27", xsmall: "uv_toi52u28", small: "uv_toi52u29", medium: "uv_toi52u2a", large: "uv_toi52u2b", xlarge: "uv_toi52u2c" }, defaultClass: "uv_toi52u27" } }, responsiveArray: void 0 }, flexDirection: { values: { column: { conditions: { xxsmall: "uv_toi52u2d", xsmall: "uv_toi52u2e", small: "uv_toi52u2f", medium: "uv_toi52u2g", large: "uv_toi52u2h", xlarge: "uv_toi52u2i" }, defaultClass: "uv_toi52u2d" }, row: { conditions: { xxsmall: "uv_toi52u2j", xsmall: "uv_toi52u2k", small: "uv_toi52u2l", medium: "uv_toi52u2m", large: "uv_toi52u2n", xlarge: "uv_toi52u2o" }, defaultClass: "uv_toi52u2j" }, "row-reverse": { conditions: { xxsmall: "uv_toi52u2p", xsmall: "uv_toi52u2q", small: "uv_toi52u2r", medium: "uv_toi52u2s", large: "uv_toi52u2t", xlarge: "uv_toi52u2u" }, defaultClass: "uv_toi52u2p" }, "column-reverse": { conditions: { xxsmall: "uv_toi52u2v", xsmall: "uv_toi52u2w", small: "uv_toi52u2x", medium: "uv_toi52u2y", large: "uv_toi52u2z", xlarge: "uv_toi52u30" }, defaultClass: "uv_toi52u2v" } }, responsiveArray: void 0 }, alignItems: { values: { normal: { conditions: { xxsmall: "uv_toi52u31", xsmall: "uv_toi52u32", small: "uv_toi52u33", medium: "uv_toi52u34", large: "uv_toi52u35", xlarge: "uv_toi52u36" }, defaultClass: "uv_toi52u31" }, stretch: { conditions: { xxsmall: "uv_toi52u37", xsmall: "uv_toi52u38", small: "uv_toi52u39", medium: "uv_toi52u3a", large: "uv_toi52u3b", xlarge: "uv_toi52u3c" }, defaultClass: "uv_toi52u37" }, center: { conditions: { xxsmall: "uv_toi52u3d", xsmall: "uv_toi52u3e", small: "uv_toi52u3f", medium: "uv_toi52u3g", large: "uv_toi52u3h", xlarge: "uv_toi52u3i" }, defaultClass: "uv_toi52u3d" }, start: { conditions: { xxsmall: "uv_toi52u3j", xsmall: "uv_toi52u3k", small: "uv_toi52u3l", medium: "uv_toi52u3m", large: "uv_toi52u3n", xlarge: "uv_toi52u3o" }, defaultClass: "uv_toi52u3j" }, end: { conditions: { xxsmall: "uv_toi52u3p", xsmall: "uv_toi52u3q", small: "uv_toi52u3r", medium: "uv_toi52u3s", large: "uv_toi52u3t", xlarge: "uv_toi52u3u" }, defaultClass: "uv_toi52u3p" }, "flex-start": { conditions: { xxsmall: "uv_toi52u3v", xsmall: "uv_toi52u3w", small: "uv_toi52u3x", medium: "uv_toi52u3y", large: "uv_toi52u3z", xlarge: "uv_toi52u40" }, defaultClass: "uv_toi52u3v" }, "flex-end": { conditions: { xxsmall: "uv_toi52u41", xsmall: "uv_toi52u42", small: "uv_toi52u43", medium: "uv_toi52u44", large: "uv_toi52u45", xlarge: "uv_toi52u46" }, defaultClass: "uv_toi52u41" }, "self-start": { conditions: { xxsmall: "uv_toi52u47", xsmall: "uv_toi52u48", small: "uv_toi52u49", medium: "uv_toi52u4a", large: "uv_toi52u4b", xlarge: "uv_toi52u4c" }, defaultClass: "uv_toi52u47" }, "self-end": { conditions: { xxsmall: "uv_toi52u4d", xsmall: "uv_toi52u4e", small: "uv_toi52u4f", medium: "uv_toi52u4g", large: "uv_toi52u4h", xlarge: "uv_toi52u4i" }, defaultClass: "uv_toi52u4d" }, baseline: { conditions: { xxsmall: "uv_toi52u4j", xsmall: "uv_toi52u4k", small: "uv_toi52u4l", medium: "uv_toi52u4m", large: "uv_toi52u4n", xlarge: "uv_toi52u4o" }, defaultClass: "uv_toi52u4j" }, "first baseline": { conditions: { xxsmall: "uv_toi52u4p", xsmall: "uv_toi52u4q", small: "uv_toi52u4r", medium: "uv_toi52u4s", large: "uv_toi52u4t", xlarge: "uv_toi52u4u" }, defaultClass: "uv_toi52u4p" }, "last baseline": { conditions: { xxsmall: "uv_toi52u4v", xsmall: "uv_toi52u4w", small: "uv_toi52u4x", medium: "uv_toi52u4y", large: "uv_toi52u4z", xlarge: "uv_toi52u50" }, defaultClass: "uv_toi52u4v" }, "safe center": { conditions: { xxsmall: "uv_toi52u51", xsmall: "uv_toi52u52", small: "uv_toi52u53", medium: "uv_toi52u54", large: "uv_toi52u55", xlarge: "uv_toi52u56" }, defaultClass: "uv_toi52u51" }, "unsafe center": { conditions: { xxsmall: "uv_toi52u57", xsmall: "uv_toi52u58", small: "uv_toi52u59", medium: "uv_toi52u5a", large: "uv_toi52u5b", xlarge: "uv_toi52u5c" }, defaultClass: "uv_toi52u57" } }, responsiveArray: void 0 }, justifyContent: { values: { normal: { conditions: { xxsmall: "uv_toi52u5d", xsmall: "uv_toi52u5e", small: "uv_toi52u5f", medium: "uv_toi52u5g", large: "uv_toi52u5h", xlarge: "uv_toi52u5i" }, defaultClass: "uv_toi52u5d" }, center: { conditions: { xxsmall: "uv_toi52u5j", xsmall: "uv_toi52u5k", small: "uv_toi52u5l", medium: "uv_toi52u5m", large: "uv_toi52u5n", xlarge: "uv_toi52u5o" }, defaultClass: "uv_toi52u5j" }, start: { conditions: { xxsmall: "uv_toi52u5p", xsmall: "uv_toi52u5q", small: "uv_toi52u5r", medium: "uv_toi52u5s", large: "uv_toi52u5t", xlarge: "uv_toi52u5u" }, defaultClass: "uv_toi52u5p" }, end: { conditions: { xxsmall: "uv_toi52u5v", xsmall: "uv_toi52u5w", small: "uv_toi52u5x", medium: "uv_toi52u5y", large: "uv_toi52u5z", xlarge: "uv_toi52u60" }, defaultClass: "uv_toi52u5v" }, "flex-start": { conditions: { xxsmall: "uv_toi52u61", xsmall: "uv_toi52u62", small: "uv_toi52u63", medium: "uv_toi52u64", large: "uv_toi52u65", xlarge: "uv_toi52u66" }, defaultClass: "uv_toi52u61" }, "flex-end": { conditions: { xxsmall: "uv_toi52u67", xsmall: "uv_toi52u68", small: "uv_toi52u69", medium: "uv_toi52u6a", large: "uv_toi52u6b", xlarge: "uv_toi52u6c" }, defaultClass: "uv_toi52u67" }, left: { conditions: { xxsmall: "uv_toi52u6d", xsmall: "uv_toi52u6e", small: "uv_toi52u6f", medium: "uv_toi52u6g", large: "uv_toi52u6h", xlarge: "uv_toi52u6i" }, defaultClass: "uv_toi52u6d" }, right: { conditions: { xxsmall: "uv_toi52u6j", xsmall: "uv_toi52u6k", small: "uv_toi52u6l", medium: "uv_toi52u6m", large: "uv_toi52u6n", xlarge: "uv_toi52u6o" }, defaultClass: "uv_toi52u6j" }, "space-between": { conditions: { xxsmall: "uv_toi52u6p", xsmall: "uv_toi52u6q", small: "uv_toi52u6r", medium: "uv_toi52u6s", large: "uv_toi52u6t", xlarge: "uv_toi52u6u" }, defaultClass: "uv_toi52u6p" }, "space-around": { conditions: { xxsmall: "uv_toi52u6v", xsmall: "uv_toi52u6w", small: "uv_toi52u6x", medium: "uv_toi52u6y", large: "uv_toi52u6z", xlarge: "uv_toi52u70" }, defaultClass: "uv_toi52u6v" }, "space-evenly": { conditions: { xxsmall: "uv_toi52u71", xsmall: "uv_toi52u72", small: "uv_toi52u73", medium: "uv_toi52u74", large: "uv_toi52u75", xlarge: "uv_toi52u76" }, defaultClass: "uv_toi52u71" }, stretch: { conditions: { xxsmall: "uv_toi52u77", xsmall: "uv_toi52u78", small: "uv_toi52u79", medium: "uv_toi52u7a", large: "uv_toi52u7b", xlarge: "uv_toi52u7c" }, defaultClass: "uv_toi52u77" } }, responsiveArray: void 0 }, flexWrap: { values: { nowrap: { conditions: { xxsmall: "uv_toi52u7d", xsmall: "uv_toi52u7e", small: "uv_toi52u7f", medium: "uv_toi52u7g", large: "uv_toi52u7h", xlarge: "uv_toi52u7i" }, defaultClass: "uv_toi52u7d" }, wrap: { conditions: { xxsmall: "uv_toi52u7j", xsmall: "uv_toi52u7k", small: "uv_toi52u7l", medium: "uv_toi52u7m", large: "uv_toi52u7n", xlarge: "uv_toi52u7o" }, defaultClass: "uv_toi52u7j" }, "wrap-reverse": { conditions: { xxsmall: "uv_toi52u7p", xsmall: "uv_toi52u7q", small: "uv_toi52u7r", medium: "uv_toi52u7s", large: "uv_toi52u7t", xlarge: "uv_toi52u7u" }, defaultClass: "uv_toi52u7p" } }, responsiveArray: void 0 } } };
-  x.styles.gap.responsiveArray = x.conditions.responsiveArray;
-  x.styles.flexDirection.responsiveArray = x.conditions.responsiveArray;
+  var x = { conditions: { defaultCondition: "xxsmall", conditionNames: ["xxsmall", "xsmall", "small", "medium", "large", "xlarge"], responsiveArray: ["xxsmall", "xsmall", "small", "medium", "large"] }, styles: { alignItems: { values: { normal: { conditions: { xxsmall: "uv_toi52u1", xsmall: "uv_toi52u2", small: "uv_toi52u3", medium: "uv_toi52u4", large: "uv_toi52u5", xlarge: "uv_toi52u6" }, defaultClass: "uv_toi52u1" }, stretch: { conditions: { xxsmall: "uv_toi52u7", xsmall: "uv_toi52u8", small: "uv_toi52u9", medium: "uv_toi52ua", large: "uv_toi52ub", xlarge: "uv_toi52uc" }, defaultClass: "uv_toi52u7" }, center: { conditions: { xxsmall: "uv_toi52ud", xsmall: "uv_toi52ue", small: "uv_toi52uf", medium: "uv_toi52ug", large: "uv_toi52uh", xlarge: "uv_toi52ui" }, defaultClass: "uv_toi52ud" }, start: { conditions: { xxsmall: "uv_toi52uj", xsmall: "uv_toi52uk", small: "uv_toi52ul", medium: "uv_toi52um", large: "uv_toi52un", xlarge: "uv_toi52uo" }, defaultClass: "uv_toi52uj" }, end: { conditions: { xxsmall: "uv_toi52up", xsmall: "uv_toi52uq", small: "uv_toi52ur", medium: "uv_toi52us", large: "uv_toi52ut", xlarge: "uv_toi52uu" }, defaultClass: "uv_toi52up" }, "flex-start": { conditions: { xxsmall: "uv_toi52uv", xsmall: "uv_toi52uw", small: "uv_toi52ux", medium: "uv_toi52uy", large: "uv_toi52uz", xlarge: "uv_toi52u10" }, defaultClass: "uv_toi52uv" }, "flex-end": { conditions: { xxsmall: "uv_toi52u11", xsmall: "uv_toi52u12", small: "uv_toi52u13", medium: "uv_toi52u14", large: "uv_toi52u15", xlarge: "uv_toi52u16" }, defaultClass: "uv_toi52u11" }, "self-start": { conditions: { xxsmall: "uv_toi52u17", xsmall: "uv_toi52u18", small: "uv_toi52u19", medium: "uv_toi52u1a", large: "uv_toi52u1b", xlarge: "uv_toi52u1c" }, defaultClass: "uv_toi52u17" }, "self-end": { conditions: { xxsmall: "uv_toi52u1d", xsmall: "uv_toi52u1e", small: "uv_toi52u1f", medium: "uv_toi52u1g", large: "uv_toi52u1h", xlarge: "uv_toi52u1i" }, defaultClass: "uv_toi52u1d" }, baseline: { conditions: { xxsmall: "uv_toi52u1j", xsmall: "uv_toi52u1k", small: "uv_toi52u1l", medium: "uv_toi52u1m", large: "uv_toi52u1n", xlarge: "uv_toi52u1o" }, defaultClass: "uv_toi52u1j" }, "first baseline": { conditions: { xxsmall: "uv_toi52u1p", xsmall: "uv_toi52u1q", small: "uv_toi52u1r", medium: "uv_toi52u1s", large: "uv_toi52u1t", xlarge: "uv_toi52u1u" }, defaultClass: "uv_toi52u1p" }, "last baseline": { conditions: { xxsmall: "uv_toi52u1v", xsmall: "uv_toi52u1w", small: "uv_toi52u1x", medium: "uv_toi52u1y", large: "uv_toi52u1z", xlarge: "uv_toi52u20" }, defaultClass: "uv_toi52u1v" }, "safe center": { conditions: { xxsmall: "uv_toi52u21", xsmall: "uv_toi52u22", small: "uv_toi52u23", medium: "uv_toi52u24", large: "uv_toi52u25", xlarge: "uv_toi52u26" }, defaultClass: "uv_toi52u21" }, "unsafe center": { conditions: { xxsmall: "uv_toi52u27", xsmall: "uv_toi52u28", small: "uv_toi52u29", medium: "uv_toi52u2a", large: "uv_toi52u2b", xlarge: "uv_toi52u2c" }, defaultClass: "uv_toi52u27" } }, responsiveArray: void 0 }, flexDirection: { values: { column: { conditions: { xxsmall: "uv_toi52u2d", xsmall: "uv_toi52u2e", small: "uv_toi52u2f", medium: "uv_toi52u2g", large: "uv_toi52u2h", xlarge: "uv_toi52u2i" }, defaultClass: "uv_toi52u2d" }, row: { conditions: { xxsmall: "uv_toi52u2j", xsmall: "uv_toi52u2k", small: "uv_toi52u2l", medium: "uv_toi52u2m", large: "uv_toi52u2n", xlarge: "uv_toi52u2o" }, defaultClass: "uv_toi52u2j" }, "row-reverse": { conditions: { xxsmall: "uv_toi52u2p", xsmall: "uv_toi52u2q", small: "uv_toi52u2r", medium: "uv_toi52u2s", large: "uv_toi52u2t", xlarge: "uv_toi52u2u" }, defaultClass: "uv_toi52u2p" }, "column-reverse": { conditions: { xxsmall: "uv_toi52u2v", xsmall: "uv_toi52u2w", small: "uv_toi52u2x", medium: "uv_toi52u2y", large: "uv_toi52u2z", xlarge: "uv_toi52u30" }, defaultClass: "uv_toi52u2v" } }, responsiveArray: void 0 }, flexWrap: { values: { nowrap: { conditions: { xxsmall: "uv_toi52u31", xsmall: "uv_toi52u32", small: "uv_toi52u33", medium: "uv_toi52u34", large: "uv_toi52u35", xlarge: "uv_toi52u36" }, defaultClass: "uv_toi52u31" }, wrap: { conditions: { xxsmall: "uv_toi52u37", xsmall: "uv_toi52u38", small: "uv_toi52u39", medium: "uv_toi52u3a", large: "uv_toi52u3b", xlarge: "uv_toi52u3c" }, defaultClass: "uv_toi52u37" }, "wrap-reverse": { conditions: { xxsmall: "uv_toi52u3d", xsmall: "uv_toi52u3e", small: "uv_toi52u3f", medium: "uv_toi52u3g", large: "uv_toi52u3h", xlarge: "uv_toi52u3i" }, defaultClass: "uv_toi52u3d" } }, responsiveArray: void 0 }, gap: { values: { "0rem": { conditions: { xxsmall: "uv_toi52u3j", xsmall: "uv_toi52u3k", small: "uv_toi52u3l", medium: "uv_toi52u3m", large: "uv_toi52u3n", xlarge: "uv_toi52u3o" }, defaultClass: "uv_toi52u3j" }, "0.5rem": { conditions: { xxsmall: "uv_toi52u3p", xsmall: "uv_toi52u3q", small: "uv_toi52u3r", medium: "uv_toi52u3s", large: "uv_toi52u3t", xlarge: "uv_toi52u3u" }, defaultClass: "uv_toi52u3p" }, "1rem": { conditions: { xxsmall: "uv_toi52u3v", xsmall: "uv_toi52u3w", small: "uv_toi52u3x", medium: "uv_toi52u3y", large: "uv_toi52u3z", xlarge: "uv_toi52u40" }, defaultClass: "uv_toi52u3v" }, "1.5rem": { conditions: { xxsmall: "uv_toi52u41", xsmall: "uv_toi52u42", small: "uv_toi52u43", medium: "uv_toi52u44", large: "uv_toi52u45", xlarge: "uv_toi52u46" }, defaultClass: "uv_toi52u41" }, "2rem": { conditions: { xxsmall: "uv_toi52u47", xsmall: "uv_toi52u48", small: "uv_toi52u49", medium: "uv_toi52u4a", large: "uv_toi52u4b", xlarge: "uv_toi52u4c" }, defaultClass: "uv_toi52u47" }, "2.5rem": { conditions: { xxsmall: "uv_toi52u4d", xsmall: "uv_toi52u4e", small: "uv_toi52u4f", medium: "uv_toi52u4g", large: "uv_toi52u4h", xlarge: "uv_toi52u4i" }, defaultClass: "uv_toi52u4d" }, "3rem": { conditions: { xxsmall: "uv_toi52u4j", xsmall: "uv_toi52u4k", small: "uv_toi52u4l", medium: "uv_toi52u4m", large: "uv_toi52u4n", xlarge: "uv_toi52u4o" }, defaultClass: "uv_toi52u4j" }, "3.5rem": { conditions: { xxsmall: "uv_toi52u4p", xsmall: "uv_toi52u4q", small: "uv_toi52u4r", medium: "uv_toi52u4s", large: "uv_toi52u4t", xlarge: "uv_toi52u4u" }, defaultClass: "uv_toi52u4p" }, "4rem": { conditions: { xxsmall: "uv_toi52u4v", xsmall: "uv_toi52u4w", small: "uv_toi52u4x", medium: "uv_toi52u4y", large: "uv_toi52u4z", xlarge: "uv_toi52u50" }, defaultClass: "uv_toi52u4v" }, "4.5rem": { conditions: { xxsmall: "uv_toi52u51", xsmall: "uv_toi52u52", small: "uv_toi52u53", medium: "uv_toi52u54", large: "uv_toi52u55", xlarge: "uv_toi52u56" }, defaultClass: "uv_toi52u51" }, "5rem": { conditions: { xxsmall: "uv_toi52u57", xsmall: "uv_toi52u58", small: "uv_toi52u59", medium: "uv_toi52u5a", large: "uv_toi52u5b", xlarge: "uv_toi52u5c" }, defaultClass: "uv_toi52u57" }, "0.25rem": { conditions: { xxsmall: "uv_toi52u5d", xsmall: "uv_toi52u5e", small: "uv_toi52u5f", medium: "uv_toi52u5g", large: "uv_toi52u5h", xlarge: "uv_toi52u5i" }, defaultClass: "uv_toi52u5d" }, "0.125rem": { conditions: { xxsmall: "uv_toi52u5j", xsmall: "uv_toi52u5k", small: "uv_toi52u5l", medium: "uv_toi52u5m", large: "uv_toi52u5n", xlarge: "uv_toi52u5o" }, defaultClass: "uv_toi52u5j" }, "0.75rem": { conditions: { xxsmall: "uv_toi52u5p", xsmall: "uv_toi52u5q", small: "uv_toi52u5r", medium: "uv_toi52u5s", large: "uv_toi52u5t", xlarge: "uv_toi52u5u" }, defaultClass: "uv_toi52u5p" } }, responsiveArray: void 0 }, justifyContent: { values: { normal: { conditions: { xxsmall: "uv_toi52u5v", xsmall: "uv_toi52u5w", small: "uv_toi52u5x", medium: "uv_toi52u5y", large: "uv_toi52u5z", xlarge: "uv_toi52u60" }, defaultClass: "uv_toi52u5v" }, center: { conditions: { xxsmall: "uv_toi52u61", xsmall: "uv_toi52u62", small: "uv_toi52u63", medium: "uv_toi52u64", large: "uv_toi52u65", xlarge: "uv_toi52u66" }, defaultClass: "uv_toi52u61" }, start: { conditions: { xxsmall: "uv_toi52u67", xsmall: "uv_toi52u68", small: "uv_toi52u69", medium: "uv_toi52u6a", large: "uv_toi52u6b", xlarge: "uv_toi52u6c" }, defaultClass: "uv_toi52u67" }, end: { conditions: { xxsmall: "uv_toi52u6d", xsmall: "uv_toi52u6e", small: "uv_toi52u6f", medium: "uv_toi52u6g", large: "uv_toi52u6h", xlarge: "uv_toi52u6i" }, defaultClass: "uv_toi52u6d" }, "flex-start": { conditions: { xxsmall: "uv_toi52u6j", xsmall: "uv_toi52u6k", small: "uv_toi52u6l", medium: "uv_toi52u6m", large: "uv_toi52u6n", xlarge: "uv_toi52u6o" }, defaultClass: "uv_toi52u6j" }, "flex-end": { conditions: { xxsmall: "uv_toi52u6p", xsmall: "uv_toi52u6q", small: "uv_toi52u6r", medium: "uv_toi52u6s", large: "uv_toi52u6t", xlarge: "uv_toi52u6u" }, defaultClass: "uv_toi52u6p" }, left: { conditions: { xxsmall: "uv_toi52u6v", xsmall: "uv_toi52u6w", small: "uv_toi52u6x", medium: "uv_toi52u6y", large: "uv_toi52u6z", xlarge: "uv_toi52u70" }, defaultClass: "uv_toi52u6v" }, right: { conditions: { xxsmall: "uv_toi52u71", xsmall: "uv_toi52u72", small: "uv_toi52u73", medium: "uv_toi52u74", large: "uv_toi52u75", xlarge: "uv_toi52u76" }, defaultClass: "uv_toi52u71" }, "space-between": { conditions: { xxsmall: "uv_toi52u77", xsmall: "uv_toi52u78", small: "uv_toi52u79", medium: "uv_toi52u7a", large: "uv_toi52u7b", xlarge: "uv_toi52u7c" }, defaultClass: "uv_toi52u77" }, "space-around": { conditions: { xxsmall: "uv_toi52u7d", xsmall: "uv_toi52u7e", small: "uv_toi52u7f", medium: "uv_toi52u7g", large: "uv_toi52u7h", xlarge: "uv_toi52u7i" }, defaultClass: "uv_toi52u7d" }, "space-evenly": { conditions: { xxsmall: "uv_toi52u7j", xsmall: "uv_toi52u7k", small: "uv_toi52u7l", medium: "uv_toi52u7m", large: "uv_toi52u7n", xlarge: "uv_toi52u7o" }, defaultClass: "uv_toi52u7j" }, stretch: { conditions: { xxsmall: "uv_toi52u7p", xsmall: "uv_toi52u7q", small: "uv_toi52u7r", medium: "uv_toi52u7s", large: "uv_toi52u7t", xlarge: "uv_toi52u7u" }, defaultClass: "uv_toi52u7p" } }, responsiveArray: void 0 } } };
   x.styles.alignItems.responsiveArray = x.conditions.responsiveArray;
-  x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
+  x.styles.flexDirection.responsiveArray = x.conditions.responsiveArray;
   x.styles.flexWrap.responsiveArray = x.conditions.responsiveArray;
+  x.styles.gap.responsiveArray = x.conditions.responsiveArray;
+  x.styles.justifyContent.responsiveArray = x.conditions.responsiveArray;
   return x;
 })();
 var sprinkles = createSprinkles(responsiveProperties);

package/dist/components/Status/styles.css.d.ts

@@ -16,8 +16,8 @@ export declare const status: import("@vanilla-extract/recipes").RuntimeFn<{
     notification: {
         true: {
             position: "absolute";
-            top: `var(--${string})`;
             right: `var(--${string})`;
+            top: `var(--${string})`;
         };
     };
 }>;

package/dist/components/StepList/styles.css.d.ts

@@ -1,23 +1,23 @@
 export declare const steps: string;
 export declare const step: import("@vanilla-extract/recipes").RuntimeFn<{
     disabled: {
-        true: {
+        false: {
             color: `var(--${string})`;
         };
-        false: {
+        true: {
             color: `var(--${string})`;
         };
     };
 }>;
 export declare const stepDiv: import("@vanilla-extract/recipes").RuntimeFn<{
     size: {
-        small: {
-            lineHeight: "24px";
-            fontSize: "16px";
-        };
         medium: {
-            lineHeight: "32px";
             fontSize: "24px";
+            lineHeight: "32px";
+        };
+        small: {
+            fontSize: "16px";
+            lineHeight: "24px";
         };
     };
 }>;

package/dist/components/StepList/styles.css.js

@@ -1,8 +1,8 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var steps = "uv_1g1au380";
-var step = createRuntimeFn({ defaultClassName: "uv_1g1au381", variantClassNames: { disabled: { true: "uv_1g1au382", false: "uv_1g1au383" } }, defaultVariants: {}, compoundVariants: [] });
-var stepDiv = createRuntimeFn({ defaultClassName: "uv_1g1au384", variantClassNames: { size: { small: "uv_1g1au385", medium: "uv_1g1au386" } }, defaultVariants: {}, compoundVariants: [] });
+var step = createRuntimeFn({ defaultClassName: "uv_1g1au381", variantClassNames: { disabled: { false: "uv_1g1au382", true: "uv_1g1au383" } }, defaultVariants: {}, compoundVariants: [] });
+var stepDiv = createRuntimeFn({ defaultClassName: "uv_1g1au384", variantClassNames: { size: { medium: "uv_1g1au385", small: "uv_1g1au386" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   step,
   stepDiv,

package/dist/components/Stepper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,OAAO;kIAWjB,YAAY;;;;;;;;;;;CAqDd,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,KAAK,YAAY,GAAG;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,OAAO;kIAWjB,YAAY;;;;;;;;;;;CAsDd,CAAA"}

package/dist/components/Stepper/index.js

@@ -51,16 +51,19 @@ const Stepper = ({
             };
             const isNotLast = index < lastStep;
             const temporal = getTemporal();
-            return /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Step, { index, ...child.props }),
-              isNotLast && separator && labelPosition === "right" ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: stepperLine({ animated, temporal }),
-                  "data-size": size
-                }
-              ) : null
-            ] }, `creation-progress-${index}`);
+            return (
+              // biome-ignore lint/suspicious/noArrayIndexKey: to fix
+              /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Step, { index, ...child.props }),
+                isNotLast && separator && labelPosition === "right" ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: stepperLine({ animated, temporal }),
+                    "data-size": size
+                  }
+                ) : null
+              ] }, `creation-progress-${index}`)
+            );
           })
         }
       )