npm - @orfium/ictinus - Versions diffs - 5.43.7 → 5.43.9 - Mend

@orfium/ictinus 5.43.7 → 5.43.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1319) hide show

package/dist/src/sprinkles/sprinkles.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export declare const sprinkles: ((props: {
-    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused";
+    borderColor?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused";
     borderStyle?: "dashed" | "solid";
     borderRadius?: "inherit" | "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
     borderTopLeftRadius?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
@@ -12,10 +12,10 @@ export declare const sprinkles: ((props: {
     overflowY?: "hidden" | "auto" | "visible";
     userSelect?: "all" | "none";
     touchAction?: "none" | "manipulation";
-    fontFamily?: "sans" | "mono";
+    fontFamily?: "mono" | "sans" | "outfit";
     fontSize?: "1" | "3" | "9" | "4" | "6" | "5" | "8" | "2" | "10" | "7";
     typography?: "headline01" | "headline02" | "headline03" | "headline04" | "headline05" | "title01" | "title02" | "title03" | "label01" | "label02" | "label03" | "label04" | "body01" | "body02" | "body03" | "body04";
-    fontWeight?: "bold" | "medium" | "regular";
+    fontWeight?: "bold" | "medium" | "regular" | "semibold";
     fontStyle?: "italic";
     lineHeight?: "1" | "3" | "9" | "4" | "6" | "5" | "8" | "2" | "10" | "7" | "11";
     letterSpacing?: "0" | "1" | "3" | "2";
@@ -30,10 +30,10 @@ export declare const sprinkles: ((props: {
     textAlign?: "center" | "start" | "end" | "justify";
     animation?: "ping" | "pulse";
     transitionProperty?: "all" | "none" | "default" | "opacity" | "transform" | "colors" | "shadow";
-    transitionTimingFunction?: "ease" | "linear" | "in" | "out" | "inOut";
+    transitionTimingFunction?: "in" | "ease" | "linear" | "out" | "inOut";
     transitionDuration?: "150ms" | "200ms";
     whiteSpace?: "nowrap";
-    zIndex?: "0" | "10" | "auto" | "20" | "30" | "40" | "50" | "75" | "100";
+    zIndex?: "0" | "10" | "20" | "auto" | "30" | "40" | "50" | "100" | "75";
     overflow?: "hidden" | "auto" | "visible";
     shadow?: "0" | "1" | "3" | "4" | "5" | "2";
     rounded?: "inherit" | "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
@@ -41,19 +41,19 @@ export declare const sprinkles: ((props: {
     roundedB?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
     roundedL?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
     roundedR?: "0" | "1" | "3" | "4" | "6" | "5" | "2" | "7";
-    z?: "0" | "10" | "auto" | "20" | "30" | "40" | "50" | "75" | "100";
+    z?: "0" | "10" | "20" | "auto" | "30" | "40" | "50" | "100" | "75";
 } & {
-    alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
-        base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
-        md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
-        lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
-        xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
+    alignItems?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | {
+        base?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        md?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        lg?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        xl?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
     };
-    alignSelf?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
-        base?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
-        md?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
-        lg?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
-        xl?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline";
+    alignSelf?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch" | {
+        base?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        md?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        lg?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
+        xl?: "center" | "flex-end" | "flex-start" | "baseline" | "stretch";
     };
     placeItems?: "center" | {
         base?: "center";
@@ -61,11 +61,11 @@ export declare const sprinkles: ((props: {
         lg?: "center";
         xl?: "center";
     };
-    justifyContent?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | {
-        base?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
-        md?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
-        lg?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
-        xl?: "center" | "unset" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start";
+    justifyContent?: "center" | "unset" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly" | {
+        base?: "center" | "unset" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+        md?: "center" | "unset" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+        lg?: "center" | "unset" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
+        xl?: "center" | "unset" | "flex-end" | "flex-start" | "space-around" | "space-between" | "space-evenly";
     };
     flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | {
         base?: "wrap" | "nowrap" | "wrap-reverse";
@@ -73,53 +73,53 @@ export declare const sprinkles: ((props: {
         lg?: "wrap" | "nowrap" | "wrap-reverse";
         xl?: "wrap" | "nowrap" | "wrap-reverse";
     };
-    display?: "grid" | "none" | "block" | "flex" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
-        base?: "grid" | "none" | "block" | "flex" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
-        md?: "grid" | "none" | "block" | "flex" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
-        lg?: "grid" | "none" | "block" | "flex" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
-        xl?: "grid" | "none" | "block" | "flex" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
+    display?: "grid" | "none" | "flex" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
+        base?: "grid" | "none" | "flex" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
+        md?: "grid" | "none" | "flex" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
+        lg?: "grid" | "none" | "flex" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
+        xl?: "grid" | "none" | "flex" | "inline" | "block" | "inline-block" | "inline-flex" | "inline-grid" | "contents";
     };
-    flex?: "none" | "1" | "auto" | "initial" | {
-        base?: "none" | "1" | "auto" | "initial";
-        md?: "none" | "1" | "auto" | "initial";
-        lg?: "none" | "1" | "auto" | "initial";
-        xl?: "none" | "1" | "auto" | "initial";
+    flex?: "none" | "1" | "initial" | "auto" | {
+        base?: "none" | "1" | "initial" | "auto";
+        md?: "none" | "1" | "initial" | "auto";
+        lg?: "none" | "1" | "initial" | "auto";
+        xl?: "none" | "1" | "initial" | "auto";
     };
-    width?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    width?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
-    height?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    height?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
-    minWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    minWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
-    minHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    minHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
-    maxWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    maxWidth?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
-    maxHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    maxHeight?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
     flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | {
         base?: "row" | "column" | "row-reverse" | "column-reverse";
@@ -139,77 +139,77 @@ export declare const sprinkles: ((props: {
         lg?: "absolute" | "fixed" | "relative" | "sticky";
         xl?: "absolute" | "fixed" | "relative" | "sticky";
     };
-    gap?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    gap?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    gridGap?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    gridGap?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    margin?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    margin?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    marginBottom?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    marginBottom?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    marginLeft?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    marginLeft?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    marginRight?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    marginRight?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    marginTop?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    marginTop?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    padding?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    padding?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    paddingBottom?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    paddingBottom?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    paddingLeft?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    paddingLeft?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    paddingRight?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    paddingRight?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    paddingTop?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    paddingTop?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
     borderTopWidth?: "0" | "1" | "3" | "2" | {
         base?: "0" | "1" | "3" | "2";
@@ -235,119 +235,119 @@ export declare const sprinkles: ((props: {
         lg?: "0" | "1" | "3" | "2";
         xl?: "0" | "1" | "3" | "2";
     };
-    maxH?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    maxH?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
-    maxW?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    maxW?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
-    size?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    size?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
-    w?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    w?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
-    h?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | {
-        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
-        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22";
+    h?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | {
+        base?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        md?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        lg?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
+        xl?: "screen" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "15" | "18" | "2" | "10" | "7" | "11" | "13" | "14" | "16" | "17" | "19" | "20" | "21" | "22" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4";
     };
-    p?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    p?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    pt?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    pt?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    pb?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    pb?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    pl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    pl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    pr?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    pr?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    px?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    px?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    py?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    py?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    m?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    m?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    mt?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    mt?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    mb?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    mb?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    ml?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    ml?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    mr?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    mr?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    mx?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    mx?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
-    my?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl" | {
-        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
-        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "md" | "lg" | "xl" | "11" | "2xs" | "xs" | "sm" | "2xl" | "3xl" | "4xl";
+    my?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl" | {
+        base?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        md?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        lg?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
+        xl?: "none" | "0" | "1" | "3" | "9" | "4" | "6" | "5" | "8" | "12" | "2" | "10" | "7" | "11" | "sm" | "md" | "lg" | "xl" | "2xs" | "xs" | "2xl" | "3xl" | "4xl";
     };
     border?: "0" | "1" | "3" | "2" | {
         base?: "0" | "1" | "3" | "2";
@@ -380,38 +380,38 @@ export declare const sprinkles: ((props: {
         xl?: "0" | "1" | "3" | "2";
     };
 } & {
-    backgroundColor?: "alt" | "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
-        base?: "alt" | "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
-        active?: "alt" | "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
-        focus?: "alt" | "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
-        hover?: "alt" | "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    backgroundColor?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt" | {
+        base?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        active?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        focus?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        hover?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
     };
-    borderColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
-        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
-        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
-        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
-        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    borderColor?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
     };
-    color?: "primary" | "secondary" | "success" | "error" | "warning" | "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited" | {
-        base?: "primary" | "secondary" | "success" | "error" | "warning" | "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
-        active?: "primary" | "secondary" | "success" | "error" | "warning" | "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
-        focus?: "primary" | "secondary" | "success" | "error" | "warning" | "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
-        hover?: "primary" | "secondary" | "success" | "error" | "warning" | "active" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "visited" | "inverted.primary" | "inverted.secondary" | "inverted.active" | "inverted.error" | "inverted.warning" | "inverted.success" | "inverted.visited";
+    color?: "primary" | "secondary" | "success" | "error" | "warning" | "inverted.primary" | "active" | "visited" | "inverted.secondary" | "inverted.success" | "inverted.error" | "inverted.warning" | "inverted.active" | "inverted.visited" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "primary" | "secondary" | "success" | "error" | "warning" | "inverted.primary" | "active" | "visited" | "inverted.secondary" | "inverted.success" | "inverted.error" | "inverted.warning" | "inverted.active" | "inverted.visited" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "primary" | "secondary" | "success" | "error" | "warning" | "inverted.primary" | "active" | "visited" | "inverted.secondary" | "inverted.success" | "inverted.error" | "inverted.warning" | "inverted.active" | "inverted.visited" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "primary" | "secondary" | "success" | "error" | "warning" | "inverted.primary" | "active" | "visited" | "inverted.secondary" | "inverted.success" | "inverted.error" | "inverted.warning" | "inverted.active" | "inverted.visited" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "primary" | "secondary" | "success" | "error" | "warning" | "inverted.primary" | "active" | "visited" | "inverted.secondary" | "inverted.success" | "inverted.error" | "inverted.warning" | "inverted.active" | "inverted.visited" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
     };
-    outlineColor?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
-        base?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
-        active?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
-        focus?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
-        hover?: "decorative.transparent" | "decorative.default" | "decorative.inverted" | "interactive.default" | "interactive.active" | "interactive.error" | "interactive.upsell" | "interactive.warning" | "interactive.success" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+    outlineColor?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | {
+        base?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        active?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        focus?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
+        hover?: "decorative.default" | "decorative.transparent" | "decorative.inverted" | "interactive.success" | "interactive.error" | "interactive.warning" | "interactive.active" | "interactive.default" | "interactive.upsell" | "interactive.focused" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive";
     };
-    bg?: "alt" | "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt" | {
-        base?: "alt" | "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
-        active?: "alt" | "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
-        focus?: "alt" | "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
-        hover?: "alt" | "default" | "transparent" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "inverted" | "invertedAlt" | "palette.primary" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.tertiary" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.error" | "palette.error.muted" | "palette.error.contrast" | "palette.warning" | "palette.warning.muted" | "palette.warning.contrast" | "palette.success" | "palette.success.muted" | "palette.success.contrast" | "palette.upsell" | "palette.upsell.muted" | "palette.upsell.contrast" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.default" | "backdrop.alt";
+    bg?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt" | {
+        base?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        active?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        focus?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
+        hover?: "alt" | "default" | "transparent" | "inverted" | "invertedAlt" | "backdrop.default" | "palette.primary.muted" | "palette.primary.contrast" | "palette.secondary.muted" | "palette.secondary.contrast" | "palette.success.muted" | "palette.success.contrast" | "palette.error.muted" | "palette.error.contrast" | "palette.warning.muted" | "palette.warning.contrast" | "palette.tertiary.muted" | "palette.tertiary.contrast" | "palette.upsell.muted" | "palette.upsell.contrast" | "neutral.1" | "neutral.2" | "neutral.3" | "neutral.4" | "neutral.5" | "neutral.6" | "blue.1" | "blue.2" | "blue.3" | "blue.4" | "blue.5" | "blue.6" | "blue.7" | "blue.8" | "blue.9" | "blue.10" | "red.1" | "red.4" | "red.5" | "red.6" | "red.7" | "red.8" | "red.9" | "red.10" | "teal.1" | "teal.4" | "teal.5" | "teal.6" | "teal.7" | "teal.8" | "teal.9" | "teal.10" | "orange.1" | "orange.4" | "orange.5" | "orange.6" | "orange.7" | "orange.8" | "orange.9" | "orange.10" | "purple.1" | "purple.4" | "purple.5" | "purple.6" | "purple.7" | "purple.8" | "purple.9" | "purple.10" | "indicator.brand" | "indicator.success" | "indicator.pending" | "indicator.warning" | "indicator.error" | "indicator.inactive" | "palette.primary" | "palette.secondary" | "palette.tertiary" | "palette.error" | "palette.warning" | "palette.success" | "palette.upsell" | "palette.primary-alt" | "palette.primary-alt.muted" | "palette.primary-alt.contrast" | "backdrop.alt";
     };
 }) => string) & {
-    properties: Set<"minHeight" | "maxHeight" | "minWidth" | "maxWidth" | "height" | "width" | "color" | "p" | "size" | "border" | "fontSize" | "lineHeight" | "letterSpacing" | "fontFamily" | "fontStyle" | "fontWeight" | "alignItems" | "alignSelf" | "backgroundColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "cursor" | "display" | "flexDirection" | "flexShrink" | "flexWrap" | "isolation" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "objectFit" | "outlineColor" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "textAlign" | "textTransform" | "touchAction" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "visibility" | "whiteSpace" | "wordBreak" | "wordWrap" | "zIndex" | "animation" | "borderColor" | "borderRadius" | "borderStyle" | "flex" | "gap" | "margin" | "overflow" | "padding" | "placeItems" | "textDecoration" | "gridGap" | "maxH" | "maxW" | "w" | "h" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "borderB" | "borderL" | "borderR" | "borderT" | "typography" | "shadow" | "rounded" | "roundedT" | "roundedB" | "roundedL" | "roundedR" | "z" | "bg">;
+    properties: Set<"minHeight" | "maxHeight" | "minWidth" | "maxWidth" | "height" | "width" | "color" | "p" | "size" | "border" | "fontSize" | "lineHeight" | "letterSpacing" | "cursor" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "overflow" | "pointerEvents" | "textDecoration" | "visibility" | "z" | "px" | "borderRadius" | "backgroundColor" | "alignItems" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "boxShadow" | "flexDirection" | "flexShrink" | "flexWrap" | "isolation" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "objectFit" | "outlineColor" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "textAlign" | "textTransform" | "touchAction" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "whiteSpace" | "wordBreak" | "wordWrap" | "zIndex" | "animation" | "borderColor" | "borderStyle" | "flex" | "gap" | "margin" | "padding" | "placeItems" | "gridGap" | "pt" | "pr" | "pb" | "pl" | "py" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "typography" | "h" | "w" | "maxH" | "maxW" | "borderB" | "borderL" | "borderR" | "borderT" | "shadow" | "rounded" | "roundedT" | "roundedB" | "roundedL" | "roundedR" | "bg">;
 };
 export declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends import('@vanilla-extract/sprinkles').ConditionalValue<{
     conditions: {
@@ -430,7 +430,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                stretch: {
+                "flex-end": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -439,7 +439,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "flex-end": {
+                "flex-start": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -448,7 +448,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "flex-start": {
+                baseline: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -457,7 +457,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                baseline: {
+                stretch: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -479,7 +479,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                stretch: {
+                "flex-end": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -488,7 +488,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "flex-end": {
+                "flex-start": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -497,7 +497,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "flex-start": {
+                baseline: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -506,7 +506,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                baseline: {
+                stretch: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -550,7 +550,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "space-around": {
+                "flex-end": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -559,7 +559,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "space-between": {
+                "flex-start": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -568,7 +568,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "space-evenly": {
+                "space-around": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -577,7 +577,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "flex-end": {
+                "space-between": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -586,7 +586,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "flex-start": {
+                "space-evenly": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -648,7 +648,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                block: {
+                flex: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -657,7 +657,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                flex: {
+                inline: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -666,7 +666,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                inline: {
+                block: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -733,7 +733,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                auto: {
+                initial: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -742,7 +742,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                initial: {
+                auto: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -890,7 +890,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -899,7 +899,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -908,7 +908,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -917,7 +917,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -926,7 +926,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -935,7 +935,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -944,7 +944,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -953,7 +953,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -962,7 +962,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -971,7 +971,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -980,7 +980,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -989,7 +989,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -998,7 +998,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1007,7 +1007,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1016,7 +1016,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1164,7 +1164,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1173,7 +1173,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1182,7 +1182,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1191,7 +1191,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1200,7 +1200,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1209,7 +1209,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1218,7 +1218,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1227,7 +1227,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1236,7 +1236,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1245,7 +1245,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1254,7 +1254,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1263,7 +1263,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1272,7 +1272,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1281,7 +1281,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1290,7 +1290,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1438,7 +1438,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1447,7 +1447,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1456,7 +1456,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1465,7 +1465,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1474,7 +1474,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1483,7 +1483,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1492,7 +1492,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1501,7 +1501,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1510,7 +1510,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1519,7 +1519,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1528,7 +1528,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1537,7 +1537,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1546,7 +1546,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1555,7 +1555,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1564,7 +1564,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1712,7 +1712,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1721,7 +1721,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1730,7 +1730,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1739,7 +1739,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1748,7 +1748,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1757,7 +1757,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1766,7 +1766,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1775,7 +1775,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1784,7 +1784,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1793,7 +1793,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1802,7 +1802,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1811,7 +1811,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1820,7 +1820,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1829,7 +1829,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1838,7 +1838,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1986,7 +1986,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -1995,7 +1995,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2004,7 +2004,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2013,7 +2013,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2022,7 +2022,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2031,7 +2031,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2040,7 +2040,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2049,7 +2049,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2058,7 +2058,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2067,7 +2067,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2076,7 +2076,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2085,7 +2085,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2094,7 +2094,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2103,7 +2103,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2112,7 +2112,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2260,7 +2260,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2269,7 +2269,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2278,7 +2278,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2287,7 +2287,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2296,7 +2296,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2305,7 +2305,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2314,7 +2314,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2323,7 +2323,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2332,7 +2332,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2341,7 +2341,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2350,7 +2350,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2359,7 +2359,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2368,7 +2368,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2377,7 +2377,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2386,7 +2386,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2618,7 +2618,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2627,7 +2627,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2636,7 +2636,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2645,7 +2645,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2654,7 +2654,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2663,7 +2663,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2672,7 +2672,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2829,7 +2829,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2838,7 +2838,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2847,7 +2847,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2856,7 +2856,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2865,7 +2865,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2874,7 +2874,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -2883,7 +2883,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3040,7 +3040,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3049,7 +3049,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3058,7 +3058,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3067,7 +3067,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3076,7 +3076,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3085,7 +3085,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3094,7 +3094,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3251,7 +3251,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3260,7 +3260,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3269,7 +3269,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3278,7 +3278,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3287,7 +3287,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3296,7 +3296,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3305,7 +3305,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3462,7 +3462,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3471,7 +3471,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3480,7 +3480,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3489,7 +3489,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3498,7 +3498,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3507,7 +3507,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3516,7 +3516,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3673,7 +3673,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3682,7 +3682,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3691,7 +3691,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3700,7 +3700,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3709,7 +3709,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3718,7 +3718,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3727,7 +3727,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3884,7 +3884,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3893,7 +3893,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3902,7 +3902,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3911,7 +3911,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3920,7 +3920,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3929,7 +3929,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -3938,7 +3938,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4095,7 +4095,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4104,7 +4104,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4113,7 +4113,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4122,7 +4122,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4131,7 +4131,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4140,7 +4140,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4149,7 +4149,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4306,7 +4306,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4315,7 +4315,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4324,7 +4324,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4333,7 +4333,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4342,7 +4342,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4351,7 +4351,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4360,7 +4360,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4517,7 +4517,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4526,7 +4526,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4535,7 +4535,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4544,7 +4544,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4553,7 +4553,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4562,7 +4562,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4571,7 +4571,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4728,7 +4728,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4737,7 +4737,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4746,7 +4746,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4755,7 +4755,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4764,7 +4764,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4773,7 +4773,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4782,7 +4782,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4939,7 +4939,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4948,7 +4948,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4957,7 +4957,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4966,7 +4966,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4975,7 +4975,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4984,7 +4984,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -4993,7 +4993,7 @@ export declare const mapResponsiveValue: <OutputValue extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5285,7 +5285,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                stretch: {
+                "flex-end": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5294,7 +5294,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "flex-end": {
+                "flex-start": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5303,7 +5303,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "flex-start": {
+                baseline: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5312,7 +5312,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                baseline: {
+                stretch: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5334,7 +5334,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                stretch: {
+                "flex-end": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5343,7 +5343,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "flex-end": {
+                "flex-start": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5352,7 +5352,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "flex-start": {
+                baseline: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5361,7 +5361,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                baseline: {
+                stretch: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5405,7 +5405,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "space-around": {
+                "flex-end": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5414,7 +5414,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "space-between": {
+                "flex-start": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5423,7 +5423,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "space-evenly": {
+                "space-around": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5432,7 +5432,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "flex-end": {
+                "space-between": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5441,7 +5441,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "flex-start": {
+                "space-evenly": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5503,7 +5503,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                block: {
+                flex: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5512,7 +5512,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                flex: {
+                inline: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5521,7 +5521,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                inline: {
+                block: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5588,7 +5588,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                auto: {
+                initial: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5597,7 +5597,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                initial: {
+                auto: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5745,7 +5745,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5754,7 +5754,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5763,7 +5763,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5772,7 +5772,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5781,7 +5781,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5790,7 +5790,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5799,7 +5799,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5808,7 +5808,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5817,7 +5817,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5826,7 +5826,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5835,7 +5835,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5844,7 +5844,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5853,7 +5853,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5862,7 +5862,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -5871,7 +5871,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6019,7 +6019,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6028,7 +6028,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6037,7 +6037,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6046,7 +6046,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6055,7 +6055,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6064,7 +6064,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6073,7 +6073,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6082,7 +6082,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6091,7 +6091,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6100,7 +6100,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6109,7 +6109,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6118,7 +6118,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6127,7 +6127,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6136,7 +6136,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6145,7 +6145,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6293,7 +6293,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6302,7 +6302,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6311,7 +6311,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6320,7 +6320,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6329,7 +6329,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6338,7 +6338,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6347,7 +6347,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6356,7 +6356,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6365,7 +6365,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6374,7 +6374,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6383,7 +6383,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6392,7 +6392,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6401,7 +6401,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6410,7 +6410,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6419,7 +6419,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6567,7 +6567,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6576,7 +6576,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6585,7 +6585,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6594,7 +6594,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6603,7 +6603,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6612,7 +6612,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6621,7 +6621,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6630,7 +6630,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6639,7 +6639,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6648,7 +6648,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6657,7 +6657,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6666,7 +6666,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6675,7 +6675,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6684,7 +6684,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6693,7 +6693,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6841,7 +6841,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6850,7 +6850,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6859,7 +6859,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6868,7 +6868,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6877,7 +6877,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6886,7 +6886,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6895,7 +6895,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6904,7 +6904,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6913,7 +6913,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6922,7 +6922,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6931,7 +6931,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6940,7 +6940,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6949,7 +6949,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6958,7 +6958,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -6967,7 +6967,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7115,7 +7115,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                full: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7124,7 +7124,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/2": {
+                13: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7133,7 +7133,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/3": {
+                14: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7142,7 +7142,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2/3": {
+                16: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7151,7 +7151,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "1/4": {
+                17: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7160,7 +7160,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "3/4": {
+                19: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7169,7 +7169,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                20: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7178,7 +7178,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                13: {
+                21: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7187,7 +7187,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                14: {
+                22: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7196,7 +7196,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                16: {
+                full: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7205,7 +7205,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                17: {
+                "1/2": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7214,7 +7214,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                19: {
+                "1/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7223,7 +7223,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                20: {
+                "2/3": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7232,7 +7232,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                21: {
+                "1/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7241,7 +7241,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                22: {
+                "3/4": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7473,7 +7473,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7482,7 +7482,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7491,7 +7491,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7500,7 +7500,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7509,7 +7509,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7518,7 +7518,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7527,7 +7527,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7684,7 +7684,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7693,7 +7693,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7702,7 +7702,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7711,7 +7711,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7720,7 +7720,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7729,7 +7729,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7738,7 +7738,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7895,7 +7895,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7904,7 +7904,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7913,7 +7913,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7922,7 +7922,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7931,7 +7931,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7940,7 +7940,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -7949,7 +7949,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8106,7 +8106,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8115,7 +8115,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8124,7 +8124,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8133,7 +8133,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8142,7 +8142,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8151,7 +8151,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8160,7 +8160,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8317,7 +8317,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8326,7 +8326,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8335,7 +8335,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8344,7 +8344,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8353,7 +8353,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8362,7 +8362,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8371,7 +8371,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8528,7 +8528,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8537,7 +8537,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8546,7 +8546,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8555,7 +8555,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8564,7 +8564,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8573,7 +8573,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8582,7 +8582,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8739,7 +8739,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8748,7 +8748,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8757,7 +8757,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8766,7 +8766,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8775,7 +8775,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8784,7 +8784,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8793,7 +8793,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8950,7 +8950,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8959,7 +8959,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8968,7 +8968,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8977,7 +8977,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8986,7 +8986,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -8995,7 +8995,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9004,7 +9004,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9161,7 +9161,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9170,7 +9170,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9179,7 +9179,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9188,7 +9188,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9197,7 +9197,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9206,7 +9206,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9215,7 +9215,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9372,7 +9372,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9381,7 +9381,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9390,7 +9390,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9399,7 +9399,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9408,7 +9408,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9417,7 +9417,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9426,7 +9426,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9583,7 +9583,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9592,7 +9592,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9601,7 +9601,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9610,7 +9610,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9619,7 +9619,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9628,7 +9628,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9637,7 +9637,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9794,7 +9794,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                md: {
+                11: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9803,7 +9803,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                lg: {
+                sm: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9812,7 +9812,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xl: {
+                md: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9821,7 +9821,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                11: {
+                lg: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9830,7 +9830,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                "2xs": {
+                xl: {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9839,7 +9839,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                xs: {
+                "2xs": {
                     defaultClass: string;
                     conditions: {
                         base: string;
@@ -9848,7 +9848,7 @@ export declare const normalizeResponsiveValue: <Value extends string | number |
                         xl: string;
                     };
                 };
-                sm: {
+                xs: {
                     defaultClass: string;
                     conditions: {
                         base: string;