npm - @homebound/beam - Versions diffs - 2.217.1 → 2.218.1 - Mend

@homebound/beam 2.217.1 → 2.218.1

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 (9) hide show

package/dist/Css.d.ts +1391 -588
package/dist/Css.js +3318 -859
package/dist/components/AvatarButton.d.ts +5 -5
package/dist/components/Layout/ScrollableParent.d.ts +1 -1
package/dist/components/Tabs.d.ts +17 -17
package/dist/hooks/useBreakpoint.d.ts +3 -3
package/dist/hooks/useBreakpoint.js +11 -3
package/dist/inputs/RadioGroupField.d.ts +17 -17
package/package.json +2 -2

package/dist/Css.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { Properties as Properties1 } from "csstype";
 /** Given a type X, and the user's proposed type T, only allow keys in X and nothing else. */
 export declare type Only<X, T> = X & Record<Exclude<keyof T, keyof X>, never>;
-export declare type Properties = Properties1;
+export declare type Properties = Properties1<string | 0, string>;
 export declare type Typography = "tiny" | "tinyMd" | "tinySb" | "tinyBd" | "xs" | "xsMd" | "xsSb" | "xsBd" | "sm" | "smMd" | "smSb" | "smBd" | "base" | "baseMd" | "baseSb" | "baseBd" | "lg" | "lgMd" | "lgSb" | "lgBd" | "xl" | "xlMd" | "xlSb" | "xlBd" | "xl2" | "xl2Md" | "xl2Sb" | "xl2Bd" | "xl3" | "xl3Md" | "xl3Sb" | "xl3Bd" | "xl4" | "xl4Md" | "xl4Sb" | "xl4Bd" | "xl5" | "xl5Md" | "xl5Sb" | "xl5Bd";
 declare type Opts<T> = {
     rules: T;
@@ -9,2678 +9,3412 @@ declare type Opts<T> = {
     important: boolean;
     selector: string | undefined;
 };
-declare class CssBuilder<T extends Properties1> {
+declare class CssBuilder<T extends Properties> {
     private opts;
     constructor(opts: Opts<T>);
     private get rules();
     private get enabled();
     private get selector();
     private newCss;
+    /** Sets `borderStyle: "solid"; borderWidth: "1px"`. */
     get ba(): CssBuilder<T & {
         borderStyle: import("csstype").Property.BorderStyle | undefined;
     } & {
-        borderWidth: import("csstype").Property.BorderWidth<0 | (string & {})> | undefined;
+        borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
     }>;
+    /** Sets `borderTopStyle: "solid"; borderTopWidth: "1px"`. */
     get bt(): CssBuilder<T & {
         borderTopStyle: import("csstype").Property.BorderTopStyle | undefined;
     } & {
-        borderTopWidth: import("csstype").Property.BorderTopWidth<0 | (string & {})> | undefined;
+        borderTopWidth: import("csstype").Property.BorderTopWidth<string | 0> | undefined;
     }>;
+    /** Sets `borderRightStyle: "solid"; borderRightWidth: "1px"`. */
     get br(): CssBuilder<T & {
         borderRightStyle: import("csstype").Property.BorderRightStyle | undefined;
     } & {
-        borderRightWidth: import("csstype").Property.BorderRightWidth<0 | (string & {})> | undefined;
+        borderRightWidth: import("csstype").Property.BorderRightWidth<string | 0> | undefined;
     }>;
+    /** Sets `borderBottomStyle: "solid"; borderBottomWidth: "1px"`. */
     get bb(): CssBuilder<T & {
         borderBottomStyle: import("csstype").Property.BorderBottomStyle | undefined;
     } & {
-        borderBottomWidth: import("csstype").Property.BorderBottomWidth<0 | (string & {})> | undefined;
+        borderBottomWidth: import("csstype").Property.BorderBottomWidth<string | 0> | undefined;
     }>;
+    /** Sets `borderLeftStyle: "solid"; borderLeftWidth: "1px"`. */
     get bl(): CssBuilder<T & {
         borderLeftStyle: import("csstype").Property.BorderLeftStyle | undefined;
     } & {
-        borderLeftWidth: import("csstype").Property.BorderLeftWidth<0 | (string & {})> | undefined;
+        borderLeftWidth: import("csstype").Property.BorderLeftWidth<string | 0> | undefined;
     }>;
+    /** Sets `borderStyle: "none"; borderWidth: "0"`. */
     get bn(): CssBuilder<T & {
         borderStyle: import("csstype").Property.BorderStyle | undefined;
     } & {
-        borderWidth: import("csstype").Property.BorderWidth<0 | (string & {})> | undefined;
+        borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
     }>;
+    /** Sets `borderColor: "rgba(254,254,254,1)"`. */
     get bWhite(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(0,0,0,0)"`. */
     get bTransparent(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(255,253,253,1)"`. */
     get bGray50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(247,245,245,1)"`. */
     get bGray100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(236,235,235,1)"`. */
     get bGray200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(221,220,220,1)"`. */
     get bGray300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(201,201,201,1)"`. */
     get bGray400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(175,175,175,1)"`. */
     get bGray500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(141,141,141,1)"`. */
     get bGray600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(100,100,100,1)"`. */
     get bGray700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(53,53,53,1)"`. */
     get bGray800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(36,36,36,1)"`. */
     get bGray900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(240,249,255,1)"`. */
     get bLightBlue50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(224,242,254,1)"`. */
     get bLightBlue100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(186,230,253,1)"`. */
     get bLightBlue200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(125,211,252,1)"`. */
     get bLightBlue300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(56,189,248,1)"`. */
     get bLightBlue400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(14,165,233,1)"`. */
     get bLightBlue500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(2,143,199,1)"`. */
     get bLightBlue600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(3,105,161,1)"`. */
     get bLightBlue700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(7,89,133,1)"`. */
     get bLightBlue800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(12,74,110,1)"`. */
     get bLightBlue900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(255,242,242,1)"`. */
     get bRed50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(253,210,209,1)"`. */
     get bRed100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(249,181,177,1)"`. */
     get bRed200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(242,155,148,1)"`. */
     get bRed300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(232,133,122,1)"`. */
     get bRed400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(218,114,100,1)"`. */
     get bRed500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(200,98,81,1)"`. */
     get bRed600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(176,83,73,1)"`. */
     get bRed700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(149,68,64,1)"`. */
     get bRed800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(120,54,54,1)"`. */
     get bRed900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(255,254,242,1)"`. */
     get bYellow50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(255,254,212,1)"`. */
     get bYellow100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(255,250,180,1)"`. */
     get bYellow200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(255,240,150,1)"`. */
     get bYellow300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(255,225,123,1)"`. */
     get bYellow400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(255,204,99,1)"`. */
     get bYellow500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(246,177,78,1)"`. */
     get bYellow600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(207,150,73,1)"`. */
     get bYellow700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(164,120,66,1)"`. */
     get bYellow800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(120,89,54,1)"`. */
     get bYellow900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(250,255,250,1)"`. */
     get bGreen50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(223,248,216,1)"`. */
     get bGreen100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(199,239,183,1)"`. */
     get bGreen200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(179,226,153,1)"`. */
     get bGreen300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(163,208,126,1)"`. */
     get bGreen400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(146,185,101,1)"`. */
     get bGreen500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(126,156,79,1)"`. */
     get bGreen600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(101,120,57,1)"`. */
     get bGreen700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(64,93,44,1)"`. */
     get bGreen800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(34,64,31,1)"`. */
     get bGreen900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(245,243,255,1)"`. */
     get bViolet50(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(238,234,253,1)"`. */
     get bViolet100(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(232,225,252,1)"`. */
     get bViolet200(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(218,205,246,1)"`. */
     get bViolet300(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(204,186,236,1)"`. */
     get bViolet400(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(190,167,223,1)"`. */
     get bViolet500(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(173,147,205,1)"`. */
     get bViolet600(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(153,126,181,1)"`. */
     get bViolet700(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(128,103,151,1)"`. */
     get bViolet800(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: "rgba(100,78,116,1)"`. */
     get bViolet900(): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderColor: value`. */
     bc(value: Properties["borderColor"]): CssBuilder<T & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     }>;
+    /** Sets `borderRadius: "0"`. */
     get br0(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
     }>;
+    /** Sets `borderRadius: "4px"`. */
     get br4(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
     }>;
+    /** Sets `borderRadius: "8px"`. */
     get br8(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
     }>;
+    /** Sets `borderRadius: "12px"`. */
     get br12(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
     }>;
+    /** Sets `borderRadius: "16px"`. */
     get br16(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
     }>;
+    /** Sets `borderRadius: "24px"`. */
     get br24(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
     }>;
+    /** Sets `borderRadius: "100%"`. */
     get br100(): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
     }>;
+    /** Sets `borderRadius: value`. */
     borderRadius(value: Properties["borderRadius"]): CssBuilder<T & {
-        borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
     }>;
+    /** Sets `borderTopRightRadius: "4px"; borderTopLeftRadius: "4px"`. */
     get brt4(): CssBuilder<T & {
-        borderTopRightRadius: import("csstype").Property.BorderTopRightRadius<0 | (string & {})> | undefined;
+        borderTopRightRadius: import("csstype").Property.BorderTopRightRadius<string | 0> | undefined;
     } & {
-        borderTopLeftRadius: import("csstype").Property.BorderTopLeftRadius<0 | (string & {})> | undefined;
+        borderTopLeftRadius: import("csstype").Property.BorderTopLeftRadius<string | 0> | undefined;
     }>;
+    /** Sets `borderBottomRightRadius: "4px"; borderBottomLeftRadius: "4px"`. */
     get brb4(): CssBuilder<T & {
-        borderBottomRightRadius: import("csstype").Property.BorderBottomRightRadius<0 | (string & {})> | undefined;
+        borderBottomRightRadius: import("csstype").Property.BorderBottomRightRadius<string | 0> | undefined;
     } & {
-        borderBottomLeftRadius: import("csstype").Property.BorderBottomLeftRadius<0 | (string & {})> | undefined;
+        borderBottomLeftRadius: import("csstype").Property.BorderBottomLeftRadius<string | 0> | undefined;
     }>;
+    /** Sets `borderStyle: "dashed"`. */
     get bsDashed(): CssBuilder<T & {
         borderStyle: import("csstype").Property.BorderStyle | undefined;
     }>;
+    /** Sets `borderStyle: "dotted"`. */
     get bsDotted(): CssBuilder<T & {
         borderStyle: import("csstype").Property.BorderStyle | undefined;
     }>;
+    /** Sets `borderStyle: "none"`. */
     get bsNone(): CssBuilder<T & {
         borderStyle: import("csstype").Property.BorderStyle | undefined;
     }>;
+    /** Sets `borderStyle: "solid"`. */
     get bsSolid(): CssBuilder<T & {
         borderStyle: import("csstype").Property.BorderStyle | undefined;
     }>;
+    /** Sets `borderStyle: value`. */
     bs(value: Properties["borderStyle"]): CssBuilder<T & {
         borderStyle: import("csstype").Property.BorderStyle | undefined;
     }>;
+    /** Sets `borderWidth: "1px"`. */
     get bw1(): CssBuilder<T & {
-        borderWidth: import("csstype").Property.BorderWidth<0 | (string & {})> | undefined;
+        borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
     }>;
+    /** Sets `borderWidth: "2px"`. */
     get bw2(): CssBuilder<T & {
-        borderWidth: import("csstype").Property.BorderWidth<0 | (string & {})> | undefined;
+        borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
     }>;
+    /** Sets `borderWidth: value`. */
     bw(value: Properties["borderWidth"]): CssBuilder<T & {
-        borderWidth: import("csstype").Property.BorderWidth<0 | (string & {})> | undefined;
+        borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
     }>;
+    /** Sets `boxShadow: "none"`. */
     get bsh0(): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
+    /** Sets `boxShadow: "0px 2px 16px 0px rgba(17,24,39,0.03), 0px 4px 8px 0px rgba(17,24,39,0.08)"`. */
     get bshBasic(): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
+    /** Sets `boxShadow: "0px 2px 24px 0px rgba(17,24,39,0.08), 0px 4px 8px 0px rgba(17,24,39,0.1)"`. */
     get bshHover(): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
+    /** Sets `boxShadow: "0px 0px 0px 2px rgba(254,254,254,1), 0px 0px 0px 4px rgba(3,105,161,1)"`. */
     get bshFocus(): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
+    /** Sets `boxShadow: "0px 0px 0px 2px rgba(254,254,254,1), 0px 0px 0px 4px rgba(149,68,64,1)"`. */
     get bshDanger(): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
+    /** Sets `boxShadow: "0px 20px 25px -5px rgba(0,0,0,0.1), 0px 10px 10px -5px rgba(0,0,0,0.04)"`. */
     get bshModal(): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
+    /** Sets `boxShadow: value`. */
     boxShadow(value: Properties["boxShadow"]): CssBuilder<T & {
         boxShadow: import("csstype").Property.BoxShadow | undefined;
     }>;
+    /** Sets `top: "0px"`. */
     get top0(): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `top: "8px"`. */
     get top1(): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `top: "16px"`. */
     get top2(): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `top: "24px"`. */
     get top3(): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `top: "32px"`. */
     get top4(): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `top: "40px"`. */
     get top5(): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `top: "48px"`. */
     get top6(): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `top: "56px"`. */
     get top7(): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `top: "64px"`. */
     get top8(): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `top: inc`. */
     top(inc: number | string): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `top: px`. */
     topPx(px: number): CssBuilder<T & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     }>;
+    /** Sets `right: "0px"`. */
     get right0(): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `right: "8px"`. */
     get right1(): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `right: "16px"`. */
     get right2(): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `right: "24px"`. */
     get right3(): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `right: "32px"`. */
     get right4(): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `right: "40px"`. */
     get right5(): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `right: "48px"`. */
     get right6(): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `right: "56px"`. */
     get right7(): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `right: "64px"`. */
     get right8(): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `right: inc`. */
     right(inc: number | string): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `right: px`. */
     rightPx(px: number): CssBuilder<T & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     }>;
+    /** Sets `bottom: "0px"`. */
     get bottom0(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `bottom: "8px"`. */
     get bottom1(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `bottom: "16px"`. */
     get bottom2(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `bottom: "24px"`. */
     get bottom3(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `bottom: "32px"`. */
     get bottom4(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `bottom: "40px"`. */
     get bottom5(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `bottom: "48px"`. */
     get bottom6(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `bottom: "56px"`. */
     get bottom7(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `bottom: "64px"`. */
     get bottom8(): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `bottom: inc`. */
     bottom(inc: number | string): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `bottom: px`. */
     bottomPx(px: number): CssBuilder<T & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     }>;
+    /** Sets `left: "0px"`. */
     get left0(): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `left: "8px"`. */
     get left1(): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `left: "16px"`. */
     get left2(): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `left: "24px"`. */
     get left3(): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `left: "32px"`. */
     get left4(): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `left: "40px"`. */
     get left5(): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `left: "48px"`. */
     get left6(): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `left: "56px"`. */
     get left7(): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `left: "64px"`. */
     get left8(): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `left: inc`. */
     left(inc: number | string): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `left: px`. */
     leftPx(px: number): CssBuilder<T & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     }>;
+    /** Sets `cursor: "pointer"`. */
     get cursorPointer(): CssBuilder<T & {
         cursor: import("csstype").Property.Cursor | undefined;
     }>;
+    /** Sets `cursor: "not-allowed"`. */
     get cursorNotAllowed(): CssBuilder<T & {
         cursor: import("csstype").Property.Cursor | undefined;
     }>;
+    /** Sets `cursor: value`. */
     cursor(value: Properties["cursor"]): CssBuilder<T & {
         cursor: import("csstype").Property.Cursor | undefined;
     }>;
+    /** Sets `display: "none"`. */
     get dn(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "block"`. */
     get db(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "inline-block"`. */
     get dib(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "inline-table"`. */
     get dit(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "table"`. */
     get dt(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "table-cell"`. */
     get dtc(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "table-row"`. */
     get dtRow(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "table-column"`. */
     get dtColumn(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "table-column-group"`. */
     get dtColumnGroup(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "grid"`. */
     get dg(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "inline-grid"`. */
     get dig(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "flex"`. */
     get df(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: "inline-flex"`. */
     get dif(): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `display: value`. */
     display(value: Properties["display"]): CssBuilder<T & {
         display: import("csstype").Property.Display | undefined;
     }>;
+    /** Sets `flex: "initial"`. */
     get fi(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flex: "auto"`. */
     get fa(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flex: "none"`. */
     get fn(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flex: "1"`. */
     get f1(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flex: "2"`. */
     get f2(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flex: "3"`. */
     get f3(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flex: "4"`. */
     get f4(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flex: "5"`. */
     get f5(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flex: value`. */
     f(value: Properties["flex"]): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `justifyContent: "flex-start"`. */
     get jcfs(): CssBuilder<T & {
         justifyContent: import("csstype").Property.JustifyContent | undefined;
     }>;
+    /** Sets `justifyContent: "flex-end"`. */
     get jcfe(): CssBuilder<T & {
         justifyContent: import("csstype").Property.JustifyContent | undefined;
     }>;
+    /** Sets `justifyContent: "center"`. */
     get jcc(): CssBuilder<T & {
         justifyContent: import("csstype").Property.JustifyContent | undefined;
     }>;
+    /** Sets `justifyContent: "space-between"`. */
     get jcsb(): CssBuilder<T & {
         justifyContent: import("csstype").Property.JustifyContent | undefined;
     }>;
+    /** Sets `justifyContent: "space-around"`. */
     get jcsa(): CssBuilder<T & {
         justifyContent: import("csstype").Property.JustifyContent | undefined;
     }>;
+    /** Sets `justifyContent: "space-evenly"`. */
     get jcse(): CssBuilder<T & {
         justifyContent: import("csstype").Property.JustifyContent | undefined;
     }>;
+    /** Sets `justifyContent: value`. */
     jc(value: Properties["justifyContent"]): CssBuilder<T & {
         justifyContent: import("csstype").Property.JustifyContent | undefined;
     }>;
+    /** Sets `justifyItems: "flex-start"`. */
     get jifs(): CssBuilder<T & {
         justifyItems: import("csstype").Property.JustifyItems | undefined;
     }>;
+    /** Sets `justifyItems: "flex-end"`. */
     get jife(): CssBuilder<T & {
         justifyItems: import("csstype").Property.JustifyItems | undefined;
     }>;
+    /** Sets `justifyItems: "center"`. */
     get jic(): CssBuilder<T & {
         justifyItems: import("csstype").Property.JustifyItems | undefined;
     }>;
+    /** Sets `justifyItems: "space-between"`. */
     get jisb(): CssBuilder<T & {
         justifyItems: import("csstype").Property.JustifyItems | undefined;
     }>;
+    /** Sets `justifyItems: "space-around"`. */
     get jisa(): CssBuilder<T & {
         justifyItems: import("csstype").Property.JustifyItems | undefined;
     }>;
+    /** Sets `justifyItems: "space-evenly"`. */
     get jise(): CssBuilder<T & {
         justifyItems: import("csstype").Property.JustifyItems | undefined;
     }>;
+    /** Sets `justifyItems: value`. */
     ji(value: Properties["justifyItems"]): CssBuilder<T & {
         justifyItems: import("csstype").Property.JustifyItems | undefined;
     }>;
+    /** Sets `alignSelf: "flex-start"`. */
     get asfs(): CssBuilder<T & {
         alignSelf: import("csstype").Property.AlignSelf | undefined;
     }>;
+    /** Sets `alignSelf: "flex-end"`. */
     get asfe(): CssBuilder<T & {
         alignSelf: import("csstype").Property.AlignSelf | undefined;
     }>;
+    /** Sets `alignSelf: "center"`. */
     get asc(): CssBuilder<T & {
         alignSelf: import("csstype").Property.AlignSelf | undefined;
     }>;
+    /** Sets `alignSelf: "baseline"`. */
     get asb(): CssBuilder<T & {
         alignSelf: import("csstype").Property.AlignSelf | undefined;
     }>;
+    /** Sets `alignSelf: "stretch"`. */
     get asStretch(): CssBuilder<T & {
         alignSelf: import("csstype").Property.AlignSelf | undefined;
     }>;
+    /** Sets `alignSelf: value`. */
     as(value: Properties["alignSelf"]): CssBuilder<T & {
         alignSelf: import("csstype").Property.AlignSelf | undefined;
     }>;
+    /** Sets `alignItems: "flex-start"`. */
     get aifs(): CssBuilder<T & {
         alignItems: import("csstype").Property.AlignItems | undefined;
     }>;
+    /** Sets `alignItems: "flex-end"`. */
     get aife(): CssBuilder<T & {
         alignItems: import("csstype").Property.AlignItems | undefined;
     }>;
+    /** Sets `alignItems: "center"`. */
     get aic(): CssBuilder<T & {
         alignItems: import("csstype").Property.AlignItems | undefined;
     }>;
+    /** Sets `alignItems: "baseline"`. */
     get aib(): CssBuilder<T & {
         alignItems: import("csstype").Property.AlignItems | undefined;
     }>;
+    /** Sets `alignItems: "stretch"`. */
     get ais(): CssBuilder<T & {
         alignItems: import("csstype").Property.AlignItems | undefined;
     }>;
+    /** Sets `alignItems: value`. */
     ai(value: Properties["alignItems"]): CssBuilder<T & {
         alignItems: import("csstype").Property.AlignItems | undefined;
     }>;
+    /** Sets `flexBasis: "100%"`. */
     get fb1(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<0 | (string & {})> | undefined;
+        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
     }>;
+    /** Sets `flexBasis: "50%"`. */
     get fb2(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<0 | (string & {})> | undefined;
+        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
     }>;
+    /** Sets `flexBasis: "33.333333%"`. */
     get fb3(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<0 | (string & {})> | undefined;
+        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
     }>;
+    /** Sets `flexBasis: "25%"`. */
     get fb4(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<0 | (string & {})> | undefined;
+        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
     }>;
+    /** Sets `flexBasis: "20%"`. */
     get fb5(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<0 | (string & {})> | undefined;
+        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
     }>;
+    /** Sets `flexBasis: "16.666666%"`. */
     get fb6(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<0 | (string & {})> | undefined;
+        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
     }>;
+    /** Sets `flexBasis: "14.285714%"`. */
     get fb7(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<0 | (string & {})> | undefined;
+        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
     }>;
+    /** Sets `flexBasis: "12.5%"`. */
     get fb0(): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<0 | (string & {})> | undefined;
+        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
     }>;
+    /** Sets `flexBasis: value`. */
     fb(value: Properties["flexBasis"]): CssBuilder<T & {
-        flexBasis: import("csstype").Property.FlexBasis<0 | (string & {})> | undefined;
+        flexBasis: import("csstype").Property.FlexBasis<string | 0> | undefined;
     }>;
+    /** Sets `flex: "auto"`. */
     get flexAuto(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flex: "none"`. */
     get flexNone(): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flex: value`. */
     flex(value: Properties["flex"]): CssBuilder<T & {
-        flex: import("csstype").Property.Flex<0 | (string & {})> | undefined;
+        flex: import("csstype").Property.Flex<string | 0> | undefined;
     }>;
+    /** Sets `flexGrow: 0`. */
     get fg0(): CssBuilder<T & {
         flexGrow: import("csstype").Property.FlexGrow | undefined;
     }>;
+    /** Sets `flexGrow: 1`. */
     get fg1(): CssBuilder<T & {
         flexGrow: import("csstype").Property.FlexGrow | undefined;
     }>;
+    /** Sets `flexGrow: value`. */
     flexGrow(value: Properties["flexGrow"]): CssBuilder<T & {
         flexGrow: import("csstype").Property.FlexGrow | undefined;
     }>;
+    /** Sets `flexShrink: 0`. */
     get fs0(): CssBuilder<T & {
         flexShrink: import("csstype").Property.FlexShrink | undefined;
     }>;
+    /** Sets `flexShrink: 1`. */
     get fs1(): CssBuilder<T & {
         flexShrink: import("csstype").Property.FlexShrink | undefined;
     }>;
+    /** Sets `flexShrink: value`. */
     flexShrink(value: Properties["flexShrink"]): CssBuilder<T & {
         flexShrink: import("csstype").Property.FlexShrink | undefined;
     }>;
+    /** Sets `flexDirection: "row"`. */
     get fdr(): CssBuilder<T & {
         flexDirection: import("csstype").Property.FlexDirection | undefined;
     }>;
+    /** Sets `flexDirection: "row-reverse"`. */
     get fdrr(): CssBuilder<T & {
         flexDirection: import("csstype").Property.FlexDirection | undefined;
     }>;
+    /** Sets `flexDirection: "column"`. */
     get fdc(): CssBuilder<T & {
         flexDirection: import("csstype").Property.FlexDirection | undefined;
     }>;
+    /** Sets `flexDirection: "column-reverse"`. */
     get fdcr(): CssBuilder<T & {
         flexDirection: import("csstype").Property.FlexDirection | undefined;
     }>;
+    /** Sets `flexDirection: value`. */
     fd(value: Properties["flexDirection"]): CssBuilder<T & {
         flexDirection: import("csstype").Property.FlexDirection | undefined;
     }>;
+    /** Sets `float: "left"`. */
     get fl(): CssBuilder<T & {
         float: import("csstype").Property.Float | undefined;
     }>;
+    /** Sets `float: "right"`. */
     get fr(): CssBuilder<T & {
         float: import("csstype").Property.Float | undefined;
     }>;
+    /** Sets `float: value`. */
     float(value: Properties["float"]): CssBuilder<T & {
         float: import("csstype").Property.Float | undefined;
     }>;
+    /** Sets `fontWeight: "normal"`. */
     get normal(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: "bold"`. */
     get b(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: 100`. */
     get fw1(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: 200`. */
     get fw2(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: 300`. */
     get fw3(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: 400`. */
     get fw4(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: 500`. */
     get fw5(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: 600`. */
     get fw6(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: 700`. */
     get fw7(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: 800`. */
     get fw8(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: 900`. */
     get fw9(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `fontWeight: value`. */
     fw(value: Properties["fontWeight"]): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     }>;
+    /** Sets `gridTemplateColumns: value`. */
     gtc(value: Properties["gridTemplateColumns"]): CssBuilder<T & {
-        gridTemplateColumns: import("csstype").Property.GridTemplateColumns<0 | (string & {})> | undefined;
+        gridTemplateColumns: import("csstype").Property.GridTemplateColumns<string | 0> | undefined;
     }>;
+    /** Sets `gridTemplateRows: value`. */
     gtr(value: Properties["gridTemplateRows"]): CssBuilder<T & {
-        gridTemplateRows: import("csstype").Property.GridTemplateRows<0 | (string & {})> | undefined;
+        gridTemplateRows: import("csstype").Property.GridTemplateRows<string | 0> | undefined;
     }>;
+    /** Sets `gridRow: value`. */
     gr(value: Properties["gridRow"]): CssBuilder<T & {
         gridRow: import("csstype").Property.GridRow | undefined;
     }>;
+    /** Sets `gridColumn: value`. */
     gc(value: Properties["gridColumn"]): CssBuilder<T & {
         gridColumn: import("csstype").Property.GridColumn | undefined;
     }>;
+    /** Sets `gap: "0px"`. */
     get gap0(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `gap: "8px"`. */
     get gap1(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `gap: "16px"`. */
     get gap2(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `gap: "24px"`. */
     get gap3(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `gap: "32px"`. */
     get gap4(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `gap: "40px"`. */
     get gap5(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `gap: "48px"`. */
     get gap6(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `gap: "56px"`. */
     get gap7(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `gap: "64px"`. */
     get gap8(): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `gap: inc`. */
     gap(inc: number | string): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `gap: px`. */
     gapPx(px: number): CssBuilder<T & {
-        gap: import("csstype").Property.Gap<0 | (string & {})> | undefined;
+        gap: import("csstype").Property.Gap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: "0px"`. */
     get rg0(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: "8px"`. */
     get rg1(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: "16px"`. */
     get rg2(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: "24px"`. */
     get rg3(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: "32px"`. */
     get rg4(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: "40px"`. */
     get rg5(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: "48px"`. */
     get rg6(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: "56px"`. */
     get rg7(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: "64px"`. */
     get rg8(): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: inc`. */
     rg(inc: number | string): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `rowGap: px`. */
     rgPx(px: number): CssBuilder<T & {
-        rowGap: import("csstype").Property.RowGap<0 | (string & {})> | undefined;
+        rowGap: import("csstype").Property.RowGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: "0px"`. */
     get cg0(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: "8px"`. */
     get cg1(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: "16px"`. */
     get cg2(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: "24px"`. */
     get cg3(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: "32px"`. */
     get cg4(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: "40px"`. */
     get cg5(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: "48px"`. */
     get cg6(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: "56px"`. */
     get cg7(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: "64px"`. */
     get cg8(): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: inc`. */
     cg(inc: number | string): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `columnGap: px`. */
     cgPx(px: number): CssBuilder<T & {
-        columnGap: import("csstype").Property.ColumnGap<0 | (string & {})> | undefined;
+        columnGap: import("csstype").Property.ColumnGap<string | 0> | undefined;
     }>;
+    /** Sets `height: "0px"`. */
     get h0(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "8px"`. */
     get h1(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "16px"`. */
     get h2(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "24px"`. */
     get h3(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "32px"`. */
     get h4(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "40px"`. */
     get h5(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "48px"`. */
     get h6(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "56px"`. */
     get h7(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "64px"`. */
     get h8(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: inc`. */
     h(inc: number | string): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: px`. */
     hPx(px: number): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "25%"`. */
     get h25(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "50%"`. */
     get h50(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "75%"`. */
     get h75(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "100%"`. */
     get h100(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "25vh"`. */
     get vh25(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "50vh"`. */
     get vh50(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "75vh"`. */
     get vh75(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `height: "100vh"`. */
     get vh100(): CssBuilder<T & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     }>;
+    /** Sets `minHeight: 0`. */
     get mh0(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
+        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
     }>;
+    /** Sets `minHeight: "25%"`. */
     get mh25(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
+        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
     }>;
+    /** Sets `minHeight: "50%"`. */
     get mh50(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
+        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
     }>;
+    /** Sets `minHeight: "75%"`. */
     get mh75(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
+        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
     }>;
+    /** Sets `minHeight: "100%"`. */
     get mh100(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
+        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
     }>;
+    /** Sets `minHeight: "100vh"`. */
     get mvh100(): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
+        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
     }>;
+    /** Sets `minHeight: value`. */
     mh(value: Properties["minHeight"]): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
+        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
     }>;
+    /** Sets `minHeight: px`. */
     mhPx(px: number): CssBuilder<T & {
-        minHeight: import("csstype").Property.MinHeight<0 | (string & {})> | undefined;
+        minHeight: import("csstype").Property.MinHeight<string | 0> | undefined;
     }>;
+    /** Sets `maxHeight: "0"`. */
     get maxh0(): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
+        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
     }>;
+    /** Sets `maxHeight: "25%"`. */
     get maxh25(): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
+        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
     }>;
+    /** Sets `maxHeight: "50%"`. */
     get maxh50(): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
+        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
     }>;
+    /** Sets `maxHeight: "75%"`. */
     get maxh75(): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
+        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
     }>;
+    /** Sets `maxHeight: "100%"`. */
     get maxh100(): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
+        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
     }>;
+    /** Sets `maxHeight: value`. */
     maxh(value: Properties["maxHeight"]): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
+        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
     }>;
+    /** Sets `maxHeight: px`. */
     maxhPx(px: number): CssBuilder<T & {
-        maxHeight: import("csstype").Property.MaxHeight<0 | (string & {})> | undefined;
+        maxHeight: import("csstype").Property.MaxHeight<string | 0> | undefined;
     }>;
+    /** Sets `height: px; width: px`. */
+    sqPx(px: number): CssBuilder<T & {
+        height: import("csstype").Property.Height<string | 0> | undefined;
+    } & {
+        width: import("csstype").Property.Width<string | 0> | undefined;
+    }>;
+    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitLineClamp: 1; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"`. */
     get lineClamp1(): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     } & {
         display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
+    } & {
+        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         textOverflow: import("csstype").Property.TextOverflow | undefined;
     }>;
+    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitLineClamp: 2; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"`. */
     get lineClamp2(): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     } & {
         display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
+    } & {
+        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         textOverflow: import("csstype").Property.TextOverflow | undefined;
     }>;
+    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitLineClamp: 3; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"`. */
     get lineClamp3(): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     } & {
         display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
+    } & {
+        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         textOverflow: import("csstype").Property.TextOverflow | undefined;
     }>;
+    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitLineClamp: 4; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"`. */
     get lineClamp4(): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     } & {
         display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
+    } & {
+        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         textOverflow: import("csstype").Property.TextOverflow | undefined;
     }>;
+    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitLineClamp: 5; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"`. */
     get lineClamp5(): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     } & {
         display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
+    } & {
+        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         textOverflow: import("csstype").Property.TextOverflow | undefined;
     }>;
+    /** Sets `overflow: "hidden"; display: "-webkit-box"; WebkitLineClamp: 6; WebkitBoxOrient: "vertical"; textOverflow: "ellipsis"`. */
     get lineClamp6(): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     } & {
         display: import("csstype").Property.Display | undefined;
-    } & {
-        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
+    } & {
+        WebkitBoxOrient: import("csstype").Property.BoxOrient | undefined;
     } & {
         textOverflow: import("csstype").Property.TextOverflow | undefined;
     }>;
+    /** Sets `WebkitLineClamp: "unset"`. */
     get lineClampNone(): CssBuilder<T & {
         WebkitLineClamp: import("csstype").Property.WebkitLineClamp | undefined;
     }>;
+    /** Sets `objectFit: "contain"`. */
     get objectContain(): CssBuilder<T & {
         objectFit: import("csstype").Property.ObjectFit | undefined;
     }>;
+    /** Sets `objectFit: "cover"`. */
     get objectCover(): CssBuilder<T & {
         objectFit: import("csstype").Property.ObjectFit | undefined;
     }>;
+    /** Sets `objectFit: "fill"`. */
     get objectFill(): CssBuilder<T & {
         objectFit: import("csstype").Property.ObjectFit | undefined;
     }>;
+    /** Sets `objectFit: "none"`. */
     get objectNone(): CssBuilder<T & {
         objectFit: import("csstype").Property.ObjectFit | undefined;
     }>;
+    /** Sets `objectFit: "scale-down"`. */
     get objectScaleDown(): CssBuilder<T & {
         objectFit: import("csstype").Property.ObjectFit | undefined;
     }>;
+    /** Sets `objectFit: value`. */
     objectFit(value: Properties["objectFit"]): CssBuilder<T & {
         objectFit: import("csstype").Property.ObjectFit | undefined;
     }>;
+    /** Sets `outline: "1px solid"`. */
     get outline1(): CssBuilder<T & {
-        outline: import("csstype").Property.Outline<0 | (string & {})> | undefined;
+        outline: import("csstype").Property.Outline<string | 0> | undefined;
     }>;
+    /** Sets `outline: "1px solid transparent"`. */
     get outlineTransparent(): CssBuilder<T & {
-        outline: import("csstype").Property.Outline<0 | (string & {})> | undefined;
+        outline: import("csstype").Property.Outline<string | 0> | undefined;
     }>;
+    /** Sets `outline: "0"`. */
     get outline0(): CssBuilder<T & {
-        outline: import("csstype").Property.Outline<0 | (string & {})> | undefined;
+        outline: import("csstype").Property.Outline<string | 0> | undefined;
     }>;
+    /** Sets `outline: value`. */
     outline(value: Properties["outline"]): CssBuilder<T & {
-        outline: import("csstype").Property.Outline<0 | (string & {})> | undefined;
+        outline: import("csstype").Property.Outline<string | 0> | undefined;
     }>;
+    /** Sets `overflow: "visible"`. */
     get overflowVisible(): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     }>;
+    /** Sets `overflow: "hidden"`. */
     get overflowHidden(): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     }>;
+    /** Sets `overflow: "scroll"`. */
     get overflowScroll(): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     }>;
+    /** Sets `overflow: "auto"`. */
     get overflowAuto(): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     }>;
+    /** Sets `overflow: value`. */
     overflow(value: Properties["overflow"]): CssBuilder<T & {
         overflow: import("csstype").Property.Overflow | undefined;
     }>;
+    /** Sets `overflowY: "visible"`. */
     get overflowYVisible(): CssBuilder<T & {
         overflowY: import("csstype").Property.OverflowY | undefined;
     }>;
+    /** Sets `overflowY: "hidden"`. */
     get overflowYHidden(): CssBuilder<T & {
         overflowY: import("csstype").Property.OverflowY | undefined;
     }>;
+    /** Sets `overflowY: "scroll"`. */
     get overflowYScroll(): CssBuilder<T & {
         overflowY: import("csstype").Property.OverflowY | undefined;
     }>;
+    /** Sets `overflowY: "auto"`. */
     get overflowYAuto(): CssBuilder<T & {
         overflowY: import("csstype").Property.OverflowY | undefined;
     }>;
+    /** Sets `overflowY: value`. */
     overflowY(value: Properties["overflowY"]): CssBuilder<T & {
         overflowY: import("csstype").Property.OverflowY | undefined;
     }>;
+    /** Sets `overflowX: "visible"`. */
     get overflowXVisible(): CssBuilder<T & {
         overflowX: import("csstype").Property.OverflowX | undefined;
     }>;
+    /** Sets `overflowX: "hidden"`. */
     get overflowXHidden(): CssBuilder<T & {
         overflowX: import("csstype").Property.OverflowX | undefined;
     }>;
+    /** Sets `overflowX: "scroll"`. */
     get overflowXScroll(): CssBuilder<T & {
         overflowX: import("csstype").Property.OverflowX | undefined;
     }>;
+    /** Sets `overflowX: "auto"`. */
     get overflowXAuto(): CssBuilder<T & {
         overflowX: import("csstype").Property.OverflowX | undefined;
     }>;
+    /** Sets `overflowX: value`. */
     overflowX(value: Properties["overflowX"]): CssBuilder<T & {
         overflowX: import("csstype").Property.OverflowX | undefined;
     }>;
+    /** Sets `position: "absolute"`. */
     get absolute(): CssBuilder<T & {
         position: import("csstype").Property.Position | undefined;
     }>;
+    /** Sets `position: "fixed"`. */
     get fixed(): CssBuilder<T & {
         position: import("csstype").Property.Position | undefined;
     }>;
+    /** Sets `position: "static"`. */
     get static(): CssBuilder<T & {
         position: import("csstype").Property.Position | undefined;
     }>;
+    /** Sets `position: "relative"`. */
     get relative(): CssBuilder<T & {
         position: import("csstype").Property.Position | undefined;
     }>;
+    /** Sets `position: "sticky"`. */
     get sticky(): CssBuilder<T & {
         position: import("csstype").Property.Position | undefined;
     }>;
+    /** Sets `position: value`. */
     position(value: Properties["position"]): CssBuilder<T & {
         position: import("csstype").Property.Position | undefined;
     }>;
+    /** Sets `color: "rgba(254,254,254,1)"`. */
     get white(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(0,0,0,0)"`. */
     get transparent(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(255,253,253,1)"`. */
     get gray50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(247,245,245,1)"`. */
     get gray100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(236,235,235,1)"`. */
     get gray200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(221,220,220,1)"`. */
     get gray300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(201,201,201,1)"`. */
     get gray400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(175,175,175,1)"`. */
     get gray500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(141,141,141,1)"`. */
     get gray600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(100,100,100,1)"`. */
     get gray700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(53,53,53,1)"`. */
     get gray800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(36,36,36,1)"`. */
     get gray900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(240,249,255,1)"`. */
     get lightBlue50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(224,242,254,1)"`. */
     get lightBlue100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(186,230,253,1)"`. */
     get lightBlue200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(125,211,252,1)"`. */
     get lightBlue300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(56,189,248,1)"`. */
     get lightBlue400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(14,165,233,1)"`. */
     get lightBlue500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(2,143,199,1)"`. */
     get lightBlue600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(3,105,161,1)"`. */
     get lightBlue700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(7,89,133,1)"`. */
     get lightBlue800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(12,74,110,1)"`. */
     get lightBlue900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(255,242,242,1)"`. */
     get red50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(253,210,209,1)"`. */
     get red100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(249,181,177,1)"`. */
     get red200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(242,155,148,1)"`. */
     get red300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(232,133,122,1)"`. */
     get red400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(218,114,100,1)"`. */
     get red500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(200,98,81,1)"`. */
     get red600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(176,83,73,1)"`. */
     get red700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(149,68,64,1)"`. */
     get red800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(120,54,54,1)"`. */
     get red900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(255,254,242,1)"`. */
     get yellow50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(255,254,212,1)"`. */
     get yellow100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(255,250,180,1)"`. */
     get yellow200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(255,240,150,1)"`. */
     get yellow300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(255,225,123,1)"`. */
     get yellow400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(255,204,99,1)"`. */
     get yellow500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(246,177,78,1)"`. */
     get yellow600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(207,150,73,1)"`. */
     get yellow700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(164,120,66,1)"`. */
     get yellow800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(120,89,54,1)"`. */
     get yellow900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(250,255,250,1)"`. */
     get green50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(223,248,216,1)"`. */
     get green100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(199,239,183,1)"`. */
     get green200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(179,226,153,1)"`. */
     get green300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(163,208,126,1)"`. */
     get green400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(146,185,101,1)"`. */
     get green500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(126,156,79,1)"`. */
     get green600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(101,120,57,1)"`. */
     get green700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(64,93,44,1)"`. */
     get green800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(34,64,31,1)"`. */
     get green900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(245,243,255,1)"`. */
     get violet50(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(238,234,253,1)"`. */
     get violet100(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(232,225,252,1)"`. */
     get violet200(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(218,205,246,1)"`. */
     get violet300(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(204,186,236,1)"`. */
     get violet400(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(190,167,223,1)"`. */
     get violet500(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(173,147,205,1)"`. */
     get violet600(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(153,126,181,1)"`. */
     get violet700(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(128,103,151,1)"`. */
     get violet800(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: "rgba(100,78,116,1)"`. */
     get violet900(): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `color: value`. */
     color(value: Properties["color"]): CssBuilder<T & {
         color: import("csstype").Property.Color | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(254,254,254,1)"`. */
     get bgWhite(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(0,0,0,0)"`. */
     get bgTransparent(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(255,253,253,1)"`. */
     get bgGray50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(247,245,245,1)"`. */
     get bgGray100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(236,235,235,1)"`. */
     get bgGray200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(221,220,220,1)"`. */
     get bgGray300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(201,201,201,1)"`. */
     get bgGray400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(175,175,175,1)"`. */
     get bgGray500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(141,141,141,1)"`. */
     get bgGray600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(100,100,100,1)"`. */
     get bgGray700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(53,53,53,1)"`. */
     get bgGray800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(36,36,36,1)"`. */
     get bgGray900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(240,249,255,1)"`. */
     get bgLightBlue50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(224,242,254,1)"`. */
     get bgLightBlue100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(186,230,253,1)"`. */
     get bgLightBlue200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(125,211,252,1)"`. */
     get bgLightBlue300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(56,189,248,1)"`. */
     get bgLightBlue400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(14,165,233,1)"`. */
     get bgLightBlue500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(2,143,199,1)"`. */
     get bgLightBlue600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(3,105,161,1)"`. */
     get bgLightBlue700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(7,89,133,1)"`. */
     get bgLightBlue800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(12,74,110,1)"`. */
     get bgLightBlue900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(255,242,242,1)"`. */
     get bgRed50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(253,210,209,1)"`. */
     get bgRed100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(249,181,177,1)"`. */
     get bgRed200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(242,155,148,1)"`. */
     get bgRed300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(232,133,122,1)"`. */
     get bgRed400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(218,114,100,1)"`. */
     get bgRed500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(200,98,81,1)"`. */
     get bgRed600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(176,83,73,1)"`. */
     get bgRed700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(149,68,64,1)"`. */
     get bgRed800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(120,54,54,1)"`. */
     get bgRed900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(255,254,242,1)"`. */
     get bgYellow50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(255,254,212,1)"`. */
     get bgYellow100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(255,250,180,1)"`. */
     get bgYellow200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(255,240,150,1)"`. */
     get bgYellow300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(255,225,123,1)"`. */
     get bgYellow400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(255,204,99,1)"`. */
     get bgYellow500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(246,177,78,1)"`. */
     get bgYellow600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(207,150,73,1)"`. */
     get bgYellow700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(164,120,66,1)"`. */
     get bgYellow800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(120,89,54,1)"`. */
     get bgYellow900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(250,255,250,1)"`. */
     get bgGreen50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(223,248,216,1)"`. */
     get bgGreen100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(199,239,183,1)"`. */
     get bgGreen200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(179,226,153,1)"`. */
     get bgGreen300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(163,208,126,1)"`. */
     get bgGreen400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(146,185,101,1)"`. */
     get bgGreen500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(126,156,79,1)"`. */
     get bgGreen600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(101,120,57,1)"`. */
     get bgGreen700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(64,93,44,1)"`. */
     get bgGreen800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(34,64,31,1)"`. */
     get bgGreen900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(245,243,255,1)"`. */
     get bgViolet50(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(238,234,253,1)"`. */
     get bgViolet100(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(232,225,252,1)"`. */
     get bgViolet200(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(218,205,246,1)"`. */
     get bgViolet300(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(204,186,236,1)"`. */
     get bgViolet400(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(190,167,223,1)"`. */
     get bgViolet500(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(173,147,205,1)"`. */
     get bgViolet600(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(153,126,181,1)"`. */
     get bgViolet700(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(128,103,151,1)"`. */
     get bgViolet800(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: "rgba(100,78,116,1)"`. */
     get bgViolet900(): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `backgroundColor: value`. */
     bgColor(value: Properties["backgroundColor"]): CssBuilder<T & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `fill: "rgba(254,254,254,1)"`. */
     get fWhite(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(0,0,0,0)"`. */
     get fTransparent(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(255,253,253,1)"`. */
     get fGray50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(247,245,245,1)"`. */
     get fGray100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(236,235,235,1)"`. */
     get fGray200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(221,220,220,1)"`. */
     get fGray300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(201,201,201,1)"`. */
     get fGray400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(175,175,175,1)"`. */
     get fGray500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(141,141,141,1)"`. */
     get fGray600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(100,100,100,1)"`. */
     get fGray700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(53,53,53,1)"`. */
     get fGray800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(36,36,36,1)"`. */
     get fGray900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(240,249,255,1)"`. */
     get fLightBlue50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(224,242,254,1)"`. */
     get fLightBlue100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(186,230,253,1)"`. */
     get fLightBlue200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(125,211,252,1)"`. */
     get fLightBlue300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(56,189,248,1)"`. */
     get fLightBlue400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(14,165,233,1)"`. */
     get fLightBlue500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(2,143,199,1)"`. */
     get fLightBlue600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(3,105,161,1)"`. */
     get fLightBlue700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(7,89,133,1)"`. */
     get fLightBlue800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(12,74,110,1)"`. */
     get fLightBlue900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(255,242,242,1)"`. */
     get fRed50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(253,210,209,1)"`. */
     get fRed100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(249,181,177,1)"`. */
     get fRed200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(242,155,148,1)"`. */
     get fRed300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(232,133,122,1)"`. */
     get fRed400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(218,114,100,1)"`. */
     get fRed500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(200,98,81,1)"`. */
     get fRed600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(176,83,73,1)"`. */
     get fRed700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(149,68,64,1)"`. */
     get fRed800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(120,54,54,1)"`. */
     get fRed900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(255,254,242,1)"`. */
     get fYellow50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(255,254,212,1)"`. */
     get fYellow100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(255,250,180,1)"`. */
     get fYellow200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(255,240,150,1)"`. */
     get fYellow300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(255,225,123,1)"`. */
     get fYellow400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(255,204,99,1)"`. */
     get fYellow500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(246,177,78,1)"`. */
     get fYellow600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(207,150,73,1)"`. */
     get fYellow700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(164,120,66,1)"`. */
     get fYellow800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(120,89,54,1)"`. */
     get fYellow900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(250,255,250,1)"`. */
     get fGreen50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(223,248,216,1)"`. */
     get fGreen100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(199,239,183,1)"`. */
     get fGreen200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(179,226,153,1)"`. */
     get fGreen300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(163,208,126,1)"`. */
     get fGreen400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(146,185,101,1)"`. */
     get fGreen500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(126,156,79,1)"`. */
     get fGreen600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(101,120,57,1)"`. */
     get fGreen700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(64,93,44,1)"`. */
     get fGreen800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(34,64,31,1)"`. */
     get fGreen900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(245,243,255,1)"`. */
     get fViolet50(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(238,234,253,1)"`. */
     get fViolet100(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(232,225,252,1)"`. */
     get fViolet200(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(218,205,246,1)"`. */
     get fViolet300(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(204,186,236,1)"`. */
     get fViolet400(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(190,167,223,1)"`. */
     get fViolet500(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(173,147,205,1)"`. */
     get fViolet600(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(153,126,181,1)"`. */
     get fViolet700(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(128,103,151,1)"`. */
     get fViolet800(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: "rgba(100,78,116,1)"`. */
     get fViolet900(): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `fill: value`. */
     fill(value: Properties["fill"]): CssBuilder<T & {
         fill: import("csstype").Property.Fill | undefined;
     }>;
+    /** Sets `marginTop: "0px"`. */
     get mt0(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginTop: "8px"`. */
     get mt1(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginTop: "16px"`. */
     get mt2(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginTop: "24px"`. */
     get mt3(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginTop: "32px"`. */
     get mt4(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginTop: "40px"`. */
     get mt5(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginTop: "48px"`. */
     get mt6(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginTop: "56px"`. */
     get mt7(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginTop: "64px"`. */
     get mt8(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginTop: inc`. */
     mt(inc: number | string): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginTop: px`. */
     mtPx(px: number): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: "0px"`. */
     get mr0(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: "8px"`. */
     get mr1(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: "16px"`. */
     get mr2(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: "24px"`. */
     get mr3(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: "32px"`. */
     get mr4(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: "40px"`. */
     get mr5(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: "48px"`. */
     get mr6(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: "56px"`. */
     get mr7(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: "64px"`. */
     get mr8(): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: inc`. */
     mr(inc: number | string): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginRight: px`. */
     mrPx(px: number): CssBuilder<T & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: "0px"`. */
     get mb0(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: "8px"`. */
     get mb1(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: "16px"`. */
     get mb2(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: "24px"`. */
     get mb3(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: "32px"`. */
     get mb4(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: "40px"`. */
     get mb5(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: "48px"`. */
     get mb6(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: "56px"`. */
     get mb7(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: "64px"`. */
     get mb8(): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: inc`. */
     mb(inc: number | string): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginBottom: px`. */
     mbPx(px: number): CssBuilder<T & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: "0px"`. */
     get ml0(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: "8px"`. */
     get ml1(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: "16px"`. */
     get ml2(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: "24px"`. */
     get ml3(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: "32px"`. */
     get ml4(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: "40px"`. */
     get ml5(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: "48px"`. */
     get ml6(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: "56px"`. */
     get ml7(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: "64px"`. */
     get ml8(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: inc`. */
     ml(inc: number | string): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `marginLeft: px`. */
     mlPx(px: number): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `ml: "0px"; mr: "0px"`. */
     get mx0(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `ml: "8px"; mr: "8px"`. */
     get mx1(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `ml: "16px"; mr: "16px"`. */
     get mx2(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `ml: "24px"; mr: "24px"`. */
     get mx3(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `ml: "32px"; mr: "32px"`. */
     get mx4(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `ml: "40px"; mr: "40px"`. */
     get mx5(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `ml: "48px"; mr: "48px"`. */
     get mx6(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `ml: "56px"; mr: "56px"`. */
     get mx7(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `ml: "64px"; mr: "64px"`. */
     get mx8(): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
     mx(inc: number | string): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
     mxPx(px: number): CssBuilder<T & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     }>;
+    /** Sets `mt: "0px"; mb: "0px"`. */
     get my0(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `mt: "8px"; mb: "8px"`. */
     get my1(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `mt: "16px"; mb: "16px"`. */
     get my2(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `mt: "24px"; mb: "24px"`. */
     get my3(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `mt: "32px"; mb: "32px"`. */
     get my4(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `mt: "40px"; mb: "40px"`. */
     get my5(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `mt: "48px"; mb: "48px"`. */
     get my6(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `mt: "56px"; mb: "56px"`. */
     get my7(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `mt: "64px"; mb: "64px"`. */
     get my8(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
     my(inc: number | string): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
     myPx(px: number): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `mt: "0px"; mb: "0px"; mr: "0px"; ml: "0px"`. */
     get m0(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `mt: "8px"; mb: "8px"; mr: "8px"; ml: "8px"`. */
     get m1(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `mt: "16px"; mb: "16px"; mr: "16px"; ml: "16px"`. */
     get m2(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `mt: "24px"; mb: "24px"; mr: "24px"; ml: "24px"`. */
     get m3(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `mt: "32px"; mb: "32px"; mr: "32px"; ml: "32px"`. */
     get m4(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `mt: "40px"; mb: "40px"; mr: "40px"; ml: "40px"`. */
     get m5(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `mt: "48px"; mb: "48px"; mr: "48px"; ml: "48px"`. */
     get m6(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `mt: "56px"; mb: "56px"; mr: "56px"; ml: "56px"`. */
     get m7(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `mt: "64px"; mb: "64px"; mr: "64px"; ml: "64px"`. */
     get m8(): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
     m(inc: number | string): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
     mPx(px: number): CssBuilder<T & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     } & {
-        marginRight: import("csstype").Property.MarginRight<0 | (string & {})> | undefined;
+        marginRight: import("csstype").Property.MarginRight<string | 0> | undefined;
     } & {
-        marginLeft: import("csstype").Property.MarginLeft<0 | (string & {})> | undefined;
+        marginLeft: import("csstype").Property.MarginLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: "0px"`. */
     get pt0(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: "8px"`. */
     get pt1(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: "16px"`. */
     get pt2(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: "24px"`. */
     get pt3(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: "32px"`. */
     get pt4(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: "40px"`. */
     get pt5(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: "48px"`. */
     get pt6(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: "56px"`. */
     get pt7(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: "64px"`. */
     get pt8(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: inc`. */
     pt(inc: number | string): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingTop: px`. */
     ptPx(px: number): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: "0px"`. */
     get pr0(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: "8px"`. */
     get pr1(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: "16px"`. */
     get pr2(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: "24px"`. */
     get pr3(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: "32px"`. */
     get pr4(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: "40px"`. */
     get pr5(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: "48px"`. */
     get pr6(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: "56px"`. */
     get pr7(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: "64px"`. */
     get pr8(): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: inc`. */
     pr(inc: number | string): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingRight: px`. */
     prPx(px: number): CssBuilder<T & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: "0px"`. */
     get pb0(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: "8px"`. */
     get pb1(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: "16px"`. */
     get pb2(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: "24px"`. */
     get pb3(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: "32px"`. */
     get pb4(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: "40px"`. */
     get pb5(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: "48px"`. */
     get pb6(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: "56px"`. */
     get pb7(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: "64px"`. */
     get pb8(): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: inc`. */
     pb(inc: number | string): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingBottom: px`. */
     pbPx(px: number): CssBuilder<T & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: "0px"`. */
     get pl0(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: "8px"`. */
     get pl1(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: "16px"`. */
     get pl2(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: "24px"`. */
     get pl3(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: "32px"`. */
     get pl4(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: "40px"`. */
     get pl5(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: "48px"`. */
     get pl6(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: "56px"`. */
     get pl7(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: "64px"`. */
     get pl8(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: inc`. */
     pl(inc: number | string): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `paddingLeft: px`. */
     plPx(px: number): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `pl: "0px"; pr: "0px"`. */
     get px0(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `pl: "8px"; pr: "8px"`. */
     get px1(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `pl: "16px"; pr: "16px"`. */
     get px2(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `pl: "24px"; pr: "24px"`. */
     get px3(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `pl: "32px"; pr: "32px"`. */
     get px4(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `pl: "40px"; pr: "40px"`. */
     get px5(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `pl: "48px"; pr: "48px"`. */
     get px6(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `pl: "56px"; pr: "56px"`. */
     get px7(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `pl: "64px"; pr: "64px"`. */
     get px8(): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
     px(inc: number | string): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
     pxPx(px: number): CssBuilder<T & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     }>;
+    /** Sets `pt: "0px"; pb: "0px"`. */
     get py0(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `pt: "8px"; pb: "8px"`. */
     get py1(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `pt: "16px"; pb: "16px"`. */
     get py2(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `pt: "24px"; pb: "24px"`. */
     get py3(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `pt: "32px"; pb: "32px"`. */
     get py4(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `pt: "40px"; pb: "40px"`. */
     get py5(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `pt: "48px"; pb: "48px"`. */
     get py6(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `pt: "56px"; pb: "56px"`. */
     get py7(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `pt: "64px"; pb: "64px"`. */
     get py8(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
     py(inc: number | string): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
     pyPx(px: number): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     }>;
+    /** Sets `pt: "0px"; pb: "0px"; pr: "0px"; pl: "0px"`. */
     get p0(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `pt: "8px"; pb: "8px"; pr: "8px"; pl: "8px"`. */
     get p1(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `pt: "16px"; pb: "16px"; pr: "16px"; pl: "16px"`. */
     get p2(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `pt: "24px"; pb: "24px"; pr: "24px"; pl: "24px"`. */
     get p3(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `pt: "32px"; pb: "32px"; pr: "32px"; pl: "32px"`. */
     get p4(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `pt: "40px"; pb: "40px"; pr: "40px"; pl: "40px"`. */
     get p5(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `pt: "48px"; pb: "48px"; pr: "48px"; pl: "48px"`. */
     get p6(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `pt: "56px"; pb: "56px"; pr: "56px"; pl: "56px"`. */
     get p7(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `pt: "64px"; pb: "64px"; pr: "64px"; pl: "64px"`. */
     get p8(): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
     p(inc: number | string): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
     pPx(px: number): CssBuilder<T & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     }>;
+    /** Sets `textAlign: "left"`. */
     get tl(): CssBuilder<T & {
         textAlign: import("csstype").Property.TextAlign | undefined;
     }>;
+    /** Sets `textAlign: "center"`. */
     get tc(): CssBuilder<T & {
         textAlign: import("csstype").Property.TextAlign | undefined;
     }>;
+    /** Sets `textAlign: "right"`. */
     get tr(): CssBuilder<T & {
         textAlign: import("csstype").Property.TextAlign | undefined;
     }>;
+    /** Sets `textAlign: "justify"`. */
     get tj(): CssBuilder<T & {
         textAlign: import("csstype").Property.TextAlign | undefined;
     }>;
+    /** Sets `textAlign: value`. */
     ta(value: Properties["textAlign"]): CssBuilder<T & {
         textAlign: import("csstype").Property.TextAlign | undefined;
     }>;
+    /** Sets `textDecoration: "none"`. */
     get noUnderline(): CssBuilder<T & {
-        textDecoration: import("csstype").Property.TextDecoration<0 | (string & {})> | undefined;
+        textDecoration: import("csstype").Property.TextDecoration<string | 0> | undefined;
     }>;
+    /** Sets `textDecoration: "line-through"`. */
     get strike(): CssBuilder<T & {
-        textDecoration: import("csstype").Property.TextDecoration<0 | (string & {})> | undefined;
+        textDecoration: import("csstype").Property.TextDecoration<string | 0> | undefined;
     }>;
+    /** Sets `textDecoration: "underline"`. */
     get underline(): CssBuilder<T & {
-        textDecoration: import("csstype").Property.TextDecoration<0 | (string & {})> | undefined;
+        textDecoration: import("csstype").Property.TextDecoration<string | 0> | undefined;
     }>;
+    /** Sets `textDecoration: value`. */
     textDecoration(value: Properties["textDecoration"]): CssBuilder<T & {
-        textDecoration: import("csstype").Property.TextDecoration<0 | (string & {})> | undefined;
+        textDecoration: import("csstype").Property.TextDecoration<string | 0> | undefined;
     }>;
+    /** Sets `textTransform: "capitalize"`. */
     get ttc(): CssBuilder<T & {
         textTransform: import("csstype").Property.TextTransform | undefined;
     }>;
+    /** Sets `textTransform: "lowercase"`. */
     get ttl(): CssBuilder<T & {
         textTransform: import("csstype").Property.TextTransform | undefined;
     }>;
+    /** Sets `textTransform: "uppercase"`. */
     get ttu(): CssBuilder<T & {
         textTransform: import("csstype").Property.TextTransform | undefined;
     }>;
+    /** Sets `textTransform: "none"`. */
     get ttn(): CssBuilder<T & {
         textTransform: import("csstype").Property.TextTransform | undefined;
     }>;
+    /** Sets `textTransform: value`. */
     tt(value: Properties["textTransform"]): CssBuilder<T & {
         textTransform: import("csstype").Property.TextTransform | undefined;
     }>;
+    /** Sets `fontWeight: 400; fontSize: "10px"; lineHeight: "14px"`. */
     get tiny(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "10px"; lineHeight: "14px"`. */
     get tinyMd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 600; fontSize: "10px"; lineHeight: "14px"`. */
     get tinySb(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 700; fontSize: "10px"; lineHeight: "14px"`. */
     get tinyBd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 400; fontSize: "12px"; lineHeight: "16px"`. */
     get xs(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "12px"; lineHeight: "16px"`. */
     get xsMd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 600; fontSize: "12px"; lineHeight: "16px"`. */
     get xsSb(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 700; fontSize: "12px"; lineHeight: "16px"`. */
     get xsBd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 400; fontSize: "14px"; lineHeight: "20px"`. */
     get sm(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "14px"; lineHeight: "20px"`. */
     get smMd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 600; fontSize: "14px"; lineHeight: "20px"`. */
     get smSb(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 700; fontSize: "14px"; lineHeight: "20px"`. */
     get smBd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 400; fontSize: "16px"; lineHeight: "24px"`. */
     get base(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "16px"; lineHeight: "24px"`. */
     get baseMd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 600; fontSize: "16px"; lineHeight: "24px"`. */
     get baseSb(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 700; fontSize: "16px"; lineHeight: "24px"`. */
     get baseBd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 400; fontSize: "18px"; lineHeight: "28px"`. */
     get lg(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "18px"; lineHeight: "28px"`. */
     get lgMd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 600; fontSize: "18px"; lineHeight: "28px"`. */
     get lgSb(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 700; fontSize: "18px"; lineHeight: "28px"`. */
     get lgBd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 400; fontSize: "20px"; lineHeight: "28px"`. */
     get xl(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "20px"; lineHeight: "28px"`. */
     get xlMd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 600; fontSize: "20px"; lineHeight: "28px"`. */
     get xlSb(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 700; fontSize: "20px"; lineHeight: "28px"`. */
     get xlBd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 400; fontSize: "24px"; lineHeight: "32px"`. */
     get xl2(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "24px"; lineHeight: "32px"`. */
     get xl2Md(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 600; fontSize: "24px"; lineHeight: "32px"`. */
     get xl2Sb(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 700; fontSize: "24px"; lineHeight: "32px"`. */
     get xl2Bd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 400; fontSize: "30px"; lineHeight: "36px"`. */
     get xl3(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "30px"; lineHeight: "36px"`. */
     get xl3Md(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 600; fontSize: "30px"; lineHeight: "36px"`. */
     get xl3Sb(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 700; fontSize: "30px"; lineHeight: "36px"`. */
     get xl3Bd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 400; fontSize: "36px"; lineHeight: "40px"`. */
     get xl4(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "36px"; lineHeight: "40px"`. */
     get xl4Md(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 600; fontSize: "36px"; lineHeight: "40px"`. */
     get xl4Sb(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 700; fontSize: "36px"; lineHeight: "40px"`. */
     get xl4Bd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 400; fontSize: "48px"; lineHeight: "48px"`. */
     get xl5(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "48px"; lineHeight: "48px"`. */
     get xl5Md(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 600; fontSize: "48px"; lineHeight: "48px"`. */
     get xl5Sb(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `fontWeight: 700; fontSize: "48px"; lineHeight: "48px"`. */
     get xl5Bd(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: "30em"`. */
     get measure(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: "34em"`. */
     get measureWide(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: "20em"`. */
     get measureNarrow(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `textIndent: "1em"; marginTop: 0; marginBottom: 0`. */
     get indent(): CssBuilder<T & {
-        textIndent: import("csstype").Property.TextIndent<0 | (string & {})> | undefined;
+        textIndent: import("csstype").Property.TextIndent<string | 0> | undefined;
     } & {
-        marginTop: import("csstype").Property.MarginTop<0 | (string & {})> | undefined;
+        marginTop: import("csstype").Property.MarginTop<string | 0> | undefined;
     } & {
-        marginBottom: import("csstype").Property.MarginBottom<0 | (string & {})> | undefined;
+        marginBottom: import("csstype").Property.MarginBottom<string | 0> | undefined;
     }>;
+    /** Sets `fontVariant: "small-caps"`. */
     get smallCaps(): CssBuilder<T & {
         fontVariant: import("csstype").Property.FontVariant | undefined;
     }>;
+    /** Sets `whiteSpace: "nowrap"; overflow: "hidden"; textOverflow: "ellipsis"`. */
     get truncate(): CssBuilder<T & {
         whiteSpace: import("csstype").Property.WhiteSpace | undefined;
     } & {
@@ -2688,217 +3422,285 @@ declare class CssBuilder<T extends Properties1> {
     } & {
         textOverflow: import("csstype").Property.TextOverflow | undefined;
     }>;
+    /** Sets `lineHeight: value`. */
     lh(value: Properties["lineHeight"]): CssBuilder<T & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     }>;
+    /** Sets `userSelect: "none"`. */
     get selectNone(): CssBuilder<T & {
         userSelect: import("csstype").Property.UserSelect | undefined;
     }>;
+    /** Sets `userSelect: "text"`. */
     get selectText(): CssBuilder<T & {
         userSelect: import("csstype").Property.UserSelect | undefined;
     }>;
+    /** Sets `userSelect: "all"`. */
     get selectAll(): CssBuilder<T & {
         userSelect: import("csstype").Property.UserSelect | undefined;
     }>;
+    /** Sets `userSelect: "auto"`. */
     get selectAuto(): CssBuilder<T & {
         userSelect: import("csstype").Property.UserSelect | undefined;
     }>;
+    /** Sets `userSelect: value`. */
     select(value: Properties["userSelect"]): CssBuilder<T & {
         userSelect: import("csstype").Property.UserSelect | undefined;
     }>;
+    /** Sets `verticalAlign: "baseline"`. */
     get vBase(): CssBuilder<T & {
-        verticalAlign: import("csstype").Property.VerticalAlign<0 | (string & {})> | undefined;
+        verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
     }>;
+    /** Sets `verticalAlign: "middle"`. */
     get vMid(): CssBuilder<T & {
-        verticalAlign: import("csstype").Property.VerticalAlign<0 | (string & {})> | undefined;
+        verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
     }>;
+    /** Sets `verticalAlign: "top"`. */
     get vTop(): CssBuilder<T & {
-        verticalAlign: import("csstype").Property.VerticalAlign<0 | (string & {})> | undefined;
+        verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
     }>;
+    /** Sets `verticalAlign: "bottom"`. */
     get vBottom(): CssBuilder<T & {
-        verticalAlign: import("csstype").Property.VerticalAlign<0 | (string & {})> | undefined;
+        verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
     }>;
+    /** Sets `verticalAlign: value`. */
     va(value: Properties["verticalAlign"]): CssBuilder<T & {
-        verticalAlign: import("csstype").Property.VerticalAlign<0 | (string & {})> | undefined;
+        verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
     }>;
+    /** Sets `visibility: "visible"`. */
     get visible(): CssBuilder<T & {
         visibility: import("csstype").Property.Visibility | undefined;
     }>;
+    /** Sets `visibility: "hidden"`. */
     get invisible(): CssBuilder<T & {
         visibility: import("csstype").Property.Visibility | undefined;
     }>;
+    /** Sets `visibility: value`. */
     visibility(value: Properties["visibility"]): CssBuilder<T & {
         visibility: import("csstype").Property.Visibility | undefined;
     }>;
+    /** Sets `whiteSpace: "nowrap"`. */
     get nowrap(): CssBuilder<T & {
         whiteSpace: import("csstype").Property.WhiteSpace | undefined;
     }>;
+    /** Sets `whiteSpace: "pre"`. */
     get pre(): CssBuilder<T & {
         whiteSpace: import("csstype").Property.WhiteSpace | undefined;
     }>;
+    /** Sets `whiteSpace: "normal"`. */
     get wsNormal(): CssBuilder<T & {
         whiteSpace: import("csstype").Property.WhiteSpace | undefined;
     }>;
+    /** Sets `whiteSpace: value`. */
     whiteSpace(value: Properties["whiteSpace"]): CssBuilder<T & {
         whiteSpace: import("csstype").Property.WhiteSpace | undefined;
     }>;
+    /** Sets `width: "25%"`. */
     get w25(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "50%"`. */
     get w50(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "75%"`. */
     get w75(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "100%"`. */
     get w100(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `minWidth: 0`. */
     get mw0(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
+        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
     }>;
+    /** Sets `minWidth: "25%"`. */
     get mw25(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
+        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
     }>;
+    /** Sets `minWidth: "50%"`. */
     get mw50(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
+        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
     }>;
+    /** Sets `minWidth: "75%"`. */
     get mw75(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
+        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
     }>;
+    /** Sets `minWidth: "100%"`. */
     get mw100(): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
+        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
     }>;
+    /** Sets `minWidth: value`. */
     mw(value: Properties["minWidth"]): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
+        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
     }>;
+    /** Sets `minWidth: px`. */
     mwPx(px: number): CssBuilder<T & {
-        minWidth: import("csstype").Property.MinWidth<0 | (string & {})> | undefined;
+        minWidth: import("csstype").Property.MinWidth<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: "0"`. */
     get maxw0(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: "25%"`. */
     get maxw25(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: "50%"`. */
     get maxw50(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: "75%"`. */
     get maxw75(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: "100%"`. */
     get maxw100(): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: value`. */
     maxw(value: Properties["maxWidth"]): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `maxWidth: px`. */
     maxwPx(px: number): CssBuilder<T & {
-        maxWidth: import("csstype").Property.MaxWidth<0 | (string & {})> | undefined;
+        maxWidth: import("csstype").Property.MaxWidth<string | 0> | undefined;
     }>;
+    /** Sets `width: "0px"`. */
     get w0(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "8px"`. */
     get w1(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "16px"`. */
     get w2(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "24px"`. */
     get w3(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "32px"`. */
     get w4(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "40px"`. */
     get w5(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "48px"`. */
     get w6(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "56px"`. */
     get w7(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: "64px"`. */
     get w8(): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: inc`. */
     w(inc: number | string): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `width: px`. */
     wPx(px: number): CssBuilder<T & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     }>;
+    /** Sets `wordBreak: "normal"`. */
     get breakNormal(): CssBuilder<T & {
         wordBreak: import("csstype").Property.WordBreak | undefined;
     }>;
+    /** Sets `wordBreak: "break-all"`. */
     get breakAll(): CssBuilder<T & {
         wordBreak: import("csstype").Property.WordBreak | undefined;
     }>;
+    /** Sets `wordBreak: "keep-all"`. */
     get breakKeepAll(): CssBuilder<T & {
         wordBreak: import("csstype").Property.WordBreak | undefined;
     }>;
+    /** Sets `wordBreak: "break-word"`. */
     get breakWord(): CssBuilder<T & {
         wordBreak: import("csstype").Property.WordBreak | undefined;
     }>;
+    /** Sets `wordBreak: value`. */
     wordBreak(value: Properties["wordBreak"]): CssBuilder<T & {
         wordBreak: import("csstype").Property.WordBreak | undefined;
     }>;
+    /** Sets `zIndex: 0`. */
     get z0(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: 1`. */
     get z1(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: 2`. */
     get z2(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: 3`. */
     get z3(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: 4`. */
     get z4(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: 5`. */
     get z5(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: 999`. */
     get z999(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: 9999`. */
     get z9999(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: "inherit"`. */
     get zInherit(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: "initial"`. */
     get zInitial(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: "unset"`. */
     get zUnset(): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `zIndex: value`. */
     z(value: Properties["zIndex"]): CssBuilder<T & {
         zIndex: import("csstype").Property.ZIndex | undefined;
     }>;
+    /** Sets `fontFamily: "'Inter', sans-serif"`. */
     get sansSerif(): CssBuilder<T & {
         fontFamily: import("csstype").Property.FontFamily | undefined;
     }>;
+    /** Sets `fontFamily: value`. */
     fontFamily(value: Properties["fontFamily"]): CssBuilder<T & {
         fontFamily: import("csstype").Property.FontFamily | undefined;
     }>;
+    /** Sets `transition: "background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms"`. */
     get transition(): CssBuilder<T & {
-        transition: import("csstype").Property.Transition<string & {}> | undefined;
+        transition: import("csstype").Property.Transition<string> | undefined;
     }>;
+    /** Sets `fontWeight: 500; fontSize: "14px"; lineHeight: "20px"; outline: 0; borderRadius: "4px"; display: "inline-flex"; alignItems: "center"; whiteSpace: "nowrap"; transition: "background-color 200ms, border-color 200ms, box-shadow 200ms, left 200ms, right 200ms, margin 200ms"`. */
     get buttonBase(): CssBuilder<T & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     } & {
-        outline: import("csstype").Property.Outline<0 | (string & {})> | undefined;
+        outline: import("csstype").Property.Outline<string | 0> | undefined;
     } & {
-        borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+        borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
     } & {
         display: import("csstype").Property.Display | undefined;
     } & {
@@ -2906,25 +3708,27 @@ declare class CssBuilder<T extends Properties1> {
     } & {
         whiteSpace: import("csstype").Property.WhiteSpace | undefined;
     } & {
-        transition: import("csstype").Property.Transition<string & {}> | undefined;
+        transition: import("csstype").Property.Transition<string> | undefined;
     }>;
+    /** Sets `padding: 0; margin: 0; listStyle: "none"`. */
     get listReset(): CssBuilder<T & {
-        padding: import("csstype").Property.Padding<0 | (string & {})> | undefined;
+        padding: import("csstype").Property.Padding<string | 0> | undefined;
     } & {
-        margin: import("csstype").Property.Margin<0 | (string & {})> | undefined;
+        margin: import("csstype").Property.Margin<string | 0> | undefined;
     } & {
         listStyle: import("csstype").Property.ListStyle | undefined;
     }>;
+    /** Sets `position: "fixed"; top: 0; bottom: 0; left: 0; right: 0; display: "flex"; alignItems: "center"; justifyContent: "center"; backgroundColor: "rgba(36,36,36,0.2)"`. */
     get underlay(): CssBuilder<T & {
         position: import("csstype").Property.Position | undefined;
     } & {
-        top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+        top: import("csstype").Property.Top<string | 0> | undefined;
     } & {
-        bottom: import("csstype").Property.Bottom<0 | (string & {})> | undefined;
+        bottom: import("csstype").Property.Bottom<string | 0> | undefined;
     } & {
-        left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+        left: import("csstype").Property.Left<string | 0> | undefined;
     } & {
-        right: import("csstype").Property.Right<0 | (string & {})> | undefined;
+        right: import("csstype").Property.Right<string | 0> | undefined;
     } & {
         display: import("csstype").Property.Display | undefined;
     } & {
@@ -2934,11 +3738,22 @@ declare class CssBuilder<T extends Properties1> {
     } & {
         backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     }>;
+    /** Sets `content: "''"`. */
     get contentEmpty(): CssBuilder<T & {
         content: import("csstype").Property.Content | undefined;
     }>;
     get $(): T;
-    if(t: boolean | Breakpoint): CssBuilder<T>;
+    if(bp: Breakpoint): CssBuilder<T>;
+    if(cond: boolean): CssBuilder<T>;
+    get onHover(): CssBuilder<T>;
+    get ifPrint(): CssBuilder<T>;
+    get ifSm(): CssBuilder<T>;
+    get ifMd(): CssBuilder<T>;
+    get ifSmOrMd(): CssBuilder<T>;
+    get ifMdAndUp(): CssBuilder<T>;
+    get ifMdAndDown(): CssBuilder<T>;
+    get ifLg(): CssBuilder<T>;
+    get ifMdOrLg(): CssBuilder<T>;
     get else(): CssBuilder<T>;
     get important(): CssBuilder<T>;
     /** Adds new properties, either a specific key/value or a Properties object, to the current css. */
@@ -3029,11 +3844,7 @@ export declare const Css: CssBuilder<{}>;
 export declare type Margin = "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft";
 export declare type Padding = "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft";
 export declare type Font = "fontSize" | "fontWeight" | "lineHeight";
-declare type Brand<K, T> = K & {
-    __brand: T;
-};
-declare type Breakpoint = Brand<string, "Breakpoint">;
-export declare type BreakpointKey = "print" | "sm" | "md" | "smOrMd" | "mdAndUp" | "mdAndDown" | "lg" | "mdOrLg";
+export declare type Breakpoint = "print" | "sm" | "md" | "smOrMd" | "mdAndUp" | "mdAndDown" | "lg" | "mdOrLg";
 export declare enum Breakpoints {
     print = "@media print",
     sm = "@media screen and (max-width:599px)",
@@ -3044,12 +3855,4 @@ export declare enum Breakpoints {
     lg = "@media screen and (min-width:1025px)",
     mdOrLg = "@media screen and (min-width:600px)"
 }
-export declare const print: Breakpoint;
-export declare const sm: Breakpoint;
-export declare const md: Breakpoint;
-export declare const smOrMd: Breakpoint;
-export declare const mdAndUp: Breakpoint;
-export declare const mdAndDown: Breakpoint;
-export declare const lg: Breakpoint;
-export declare const mdOrLg: Breakpoint;
 export {};