@animus-ui/system 0.1.0-next.9 → 0.1.0

package/dist/groups/index.d.ts

@@ -1,630 +1,726 @@
 export declare const color: {
     readonly color: {
-        readonly property: "color";
-        readonly scale: "colors";
+        readonly property: 'color';
+        readonly scale: 'colors';
     };
     readonly bg: {
-        readonly property: "backgroundColor";
-        readonly scale: "colors";
+        readonly property: 'backgroundColor';
+        readonly scale: 'colors';
+        readonly currentVar: '--current-bg';
     };
     readonly gradient: {
-        readonly property: "backgroundImage";
-        readonly scale: "gradients";
+        readonly property: 'backgroundImage';
+        readonly scale: 'gradients';
     };
     readonly borderColor: {
-        readonly property: "borderColor";
-        readonly scale: "colors";
+        readonly property: 'borderColor';
+        readonly scale: 'colors';
     };
-    readonly borderColorX: {
-        readonly property: "borderColor";
-        readonly properties: readonly ["borderLeftColor", "borderRightColor"];
-        readonly scale: "colors";
+    readonly borderXColor: {
+        readonly property: 'borderColor';
+        readonly properties: readonly ['borderLeftColor', 'borderRightColor'];
+        readonly scale: 'colors';
     };
-    readonly borderColorY: {
-        readonly property: "borderColor";
-        readonly properties: readonly ["borderTopColor", "borderBottomColor"];
-        readonly scale: "colors";
+    readonly borderYColor: {
+        readonly property: 'borderColor';
+        readonly properties: readonly ['borderTopColor', 'borderBottomColor'];
+        readonly scale: 'colors';
     };
-    readonly borderColorLeft: {
-        readonly property: "borderLeftColor";
-        readonly scale: "colors";
+    readonly borderLeftColor: {
+        readonly property: 'borderLeftColor';
+        readonly scale: 'colors';
     };
-    readonly borderColorRight: {
-        readonly property: "borderRightColor";
-        readonly scale: "colors";
+    readonly borderRightColor: {
+        readonly property: 'borderRightColor';
+        readonly scale: 'colors';
     };
-    readonly borderColorTop: {
-        readonly property: "borderTopColor";
-        readonly scale: "colors";
+    readonly borderTopColor: {
+        readonly property: 'borderTopColor';
+        readonly scale: 'colors';
     };
-    readonly borderColorBottom: {
-        readonly property: "borderBottomColor";
-        readonly scale: "colors";
+    readonly borderBottomColor: {
+        readonly property: 'borderBottomColor';
+        readonly scale: 'colors';
     };
     readonly fill: {
-        readonly property: "fill";
-        readonly scale: "colors";
+        readonly property: 'fill';
+        readonly scale: 'colors';
     };
     readonly stroke: {
-        readonly property: "stroke";
-        readonly scale: "colors";
+        readonly property: 'stroke';
+        readonly scale: 'colors';
     };
 };
 export declare const border: {
     readonly border: {
-        readonly property: "border";
-        readonly scale: "borders";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'border';
+        readonly scale: 'borders';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
     };
     readonly borderX: {
-        readonly property: "border";
-        readonly properties: readonly ["borderLeft", "borderRight"];
-        readonly scale: "borders";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'border';
+        readonly properties: readonly ['borderLeft', 'borderRight'];
+        readonly scale: 'borders';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
     };
     readonly borderY: {
-        readonly property: "border";
-        readonly properties: readonly ["borderTop", "borderBottom"];
-        readonly scale: "borders";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'border';
+        readonly properties: readonly ['borderTop', 'borderBottom'];
+        readonly scale: 'borders';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
     };
     readonly borderTop: {
-        readonly property: "borderTop";
-        readonly scale: "borders";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'borderTop';
+        readonly scale: 'borders';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
     };
     readonly borderRight: {
-        readonly property: "borderRight";
-        readonly scale: "borders";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'borderRight';
+        readonly scale: 'borders';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
     };
     readonly borderBottom: {
-        readonly property: "borderBottom";
-        readonly scale: "borders";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'borderBottom';
+        readonly scale: 'borders';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
     };
     readonly borderLeft: {
-        readonly property: "borderLeft";
-        readonly scale: "borders";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'borderLeft';
+        readonly scale: 'borders';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
     };
     readonly borderWidth: {
-        readonly property: "borderWidth";
-        readonly scale: "borderWidths";
-    };
-    readonly borderWidthX: {
-        readonly property: "borderWidth";
-        readonly properties: readonly ["borderLeftWidth", "borderRightWidth"];
-        readonly scale: "borderWidths";
-    };
-    readonly borderWidthY: {
-        readonly property: "borderWidth";
-        readonly properties: readonly ["borderTopWidth", "borderBottomWidth"];
-        readonly scale: "borderWidths";
-    };
-    readonly borderWidthLeft: {
-        readonly property: "borderLeftWidth";
-        readonly scale: "borderWidths";
-    };
-    readonly borderWidthRight: {
-        readonly property: "borderRightWidth";
-        readonly scale: "borderWidths";
-    };
-    readonly borderWidthTop: {
-        readonly property: "borderTopWidth";
-        readonly scale: "borderWidths";
-    };
-    readonly borderWidthBottom: {
-        readonly property: "borderBottomWidth";
-        readonly scale: "borderWidths";
+        readonly property: 'borderWidth';
+        readonly scale: 'borderWidths';
+        readonly strict: false;
+    };
+    readonly borderXWidth: {
+        readonly property: 'borderWidth';
+        readonly properties: readonly ['borderLeftWidth', 'borderRightWidth'];
+        readonly scale: 'borderWidths';
+        readonly strict: false;
+    };
+    readonly borderYWidth: {
+        readonly property: 'borderWidth';
+        readonly properties: readonly ['borderTopWidth', 'borderBottomWidth'];
+        readonly scale: 'borderWidths';
+        readonly strict: false;
+    };
+    readonly borderLeftWidth: {
+        readonly property: 'borderLeftWidth';
+        readonly scale: 'borderWidths';
+        readonly strict: false;
+    };
+    readonly borderRightWidth: {
+        readonly property: 'borderRightWidth';
+        readonly scale: 'borderWidths';
+        readonly strict: false;
+    };
+    readonly borderTopWidth: {
+        readonly property: 'borderTopWidth';
+        readonly scale: 'borderWidths';
+        readonly strict: false;
+    };
+    readonly borderBottomWidth: {
+        readonly property: 'borderBottomWidth';
+        readonly scale: 'borderWidths';
+        readonly strict: false;
     };
     readonly borderRadius: {
-        readonly property: "borderRadius";
-        readonly scale: "radii";
-        readonly transform: import("../transforms").NamedTransform;
-    };
-    readonly borderRadiusLeft: {
-        readonly property: "borderRadius";
-        readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
-        readonly scale: "radii";
-        readonly transform: import("../transforms").NamedTransform;
-    };
-    readonly borderRadiusTop: {
-        readonly property: "borderRadius";
-        readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
-        readonly scale: "radii";
-        readonly transform: import("../transforms").NamedTransform;
-    };
-    readonly borderRadiusBottom: {
-        readonly property: "borderRadius";
-        readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
-        readonly scale: "radii";
-        readonly transform: import("../transforms").NamedTransform;
-    };
-    readonly borderRadiusRight: {
-        readonly property: "borderRadius";
-        readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
-        readonly scale: "radii";
-        readonly transform: import("../transforms").NamedTransform;
-    };
-    readonly borderRadiusTopLeft: {
-        readonly property: "borderTopLeftRadius";
-        readonly scale: "radii";
-        readonly transform: import("../transforms").NamedTransform;
-    };
-    readonly borderRadiusTopRight: {
-        readonly property: "borderTopRightRadius";
-        readonly scale: "radii";
-        readonly transform: import("../transforms").NamedTransform;
-    };
-    readonly borderRadiusBottomRight: {
-        readonly property: "borderBottomRightRadius";
-        readonly scale: "radii";
-        readonly transform: import("../transforms").NamedTransform;
-    };
-    readonly borderRadiusBottomLeft: {
-        readonly property: "borderBottomLeftRadius";
-        readonly scale: "radii";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'borderRadius';
+        readonly scale: 'radii';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly rounded: {
+        readonly property: 'borderRadius';
+        readonly scale: 'radii';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly borderLeftRadius: {
+        readonly property: 'borderRadius';
+        readonly properties: readonly ['borderTopLeftRadius', 'borderBottomLeftRadius'];
+        readonly scale: 'radii';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly borderTopRadius: {
+        readonly property: 'borderRadius';
+        readonly properties: readonly ['borderTopLeftRadius', 'borderTopRightRadius'];
+        readonly scale: 'radii';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly borderBottomRadius: {
+        readonly property: 'borderRadius';
+        readonly properties: readonly ['borderBottomLeftRadius', 'borderBottomRightRadius'];
+        readonly scale: 'radii';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly borderRightRadius: {
+        readonly property: 'borderRadius';
+        readonly properties: readonly ['borderTopRightRadius', 'borderBottomRightRadius'];
+        readonly scale: 'radii';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly borderTopLeftRadius: {
+        readonly property: 'borderTopLeftRadius';
+        readonly scale: 'radii';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly borderTopRightRadius: {
+        readonly property: 'borderTopRightRadius';
+        readonly scale: 'radii';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly borderBottomRightRadius: {
+        readonly property: 'borderBottomRightRadius';
+        readonly scale: 'radii';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly borderBottomLeftRadius: {
+        readonly property: 'borderBottomLeftRadius';
+        readonly scale: 'radii';
+        readonly strict: false;
+        readonly transform: import("..").NamedTransform;
     };
     readonly borderStyle: {
-        readonly property: "borderStyle";
+        readonly property: 'borderStyle';
     };
-    readonly borderStyleX: {
-        readonly property: "borderStyle";
-        readonly properties: readonly ["borderLeftStyle", "borderRightStyle"];
+    readonly borderXStyle: {
+        readonly property: 'borderStyle';
+        readonly properties: readonly ['borderLeftStyle', 'borderRightStyle'];
     };
-    readonly borderStyleY: {
-        readonly property: "borderStyle";
-        readonly properties: readonly ["borderTopStyle", "borderBottomStyle"];
+    readonly borderYStyle: {
+        readonly property: 'borderStyle';
+        readonly properties: readonly ['borderTopStyle', 'borderBottomStyle'];
     };
-    readonly borderStyleLeft: {
-        readonly property: "borderLeftStyle";
+    readonly borderLeftStyle: {
+        readonly property: 'borderLeftStyle';
     };
-    readonly borderStyleRight: {
-        readonly property: "borderRightStyle";
+    readonly borderRightStyle: {
+        readonly property: 'borderRightStyle';
     };
-    readonly borderStyleTop: {
-        readonly property: "borderTopStyle";
+    readonly borderTopStyle: {
+        readonly property: 'borderTopStyle';
     };
-    readonly borderStyleBottom: {
-        readonly property: "borderBottomStyle";
+    readonly borderBottomStyle: {
+        readonly property: 'borderBottomStyle';
     };
 };
 export declare const flex: {
     readonly gap: {
-        readonly property: "gap";
-        readonly scale: "space";
+        readonly property: 'gap';
+        readonly scale: 'space';
     };
     readonly rowGap: {
-        readonly property: "rowGap";
-        readonly scale: "space";
+        readonly property: 'rowGap';
+        readonly scale: 'space';
     };
     readonly columnGap: {
-        readonly property: "columnGap";
-        readonly scale: "space";
-    };
-    readonly flexBasis: {
-        readonly property: "flexBasis";
-    };
-    readonly flexShrink: {
-        readonly property: "flexShrink";
-    };
-    readonly flexGrow: {
-        readonly property: "flexGrow";
-    };
-    readonly order: {
-        readonly property: "order";
+        readonly property: 'columnGap';
+        readonly scale: 'space';
     };
     readonly justifySelf: {
-        readonly property: "justifySelf";
+        readonly property: 'justifySelf';
     };
     readonly alignSelf: {
-        readonly property: "alignSelf";
+        readonly property: 'alignSelf';
     };
     readonly gridArea: {
-        readonly property: "gridArea";
+        readonly property: 'gridArea';
     };
     readonly area: {
-        readonly property: "gridArea";
+        readonly property: 'gridArea';
     };
     readonly justifyContent: {
-        readonly property: "justifyContent";
+        readonly property: 'justifyContent';
     };
     readonly justifyItems: {
-        readonly property: "justifyItems";
+        readonly property: 'justifyItems';
     };
     readonly alignItems: {
-        readonly property: "alignItems";
+        readonly property: 'alignItems';
     };
     readonly alignContent: {
-        readonly property: "alignContent";
+        readonly property: 'alignContent';
+    };
+    readonly flexBasis: {
+        readonly property: 'flexBasis';
+    };
+    readonly flexShrink: {
+        readonly property: 'flexShrink';
+    };
+    readonly flexGrow: {
+        readonly property: 'flexGrow';
+    };
+    readonly order: {
+        readonly property: 'order';
     };
     readonly flexDirection: {
-        readonly property: "flexDirection";
+        readonly property: 'flexDirection';
+    };
+    readonly flexDir: {
+        readonly property: 'flexDirection';
     };
     readonly flexWrap: {
-        readonly property: "flexWrap";
+        readonly property: 'flexWrap';
     };
     readonly flex: {
-        readonly property: "flex";
+        readonly property: 'flex';
     };
 };
 export declare const grid: {
     readonly gap: {
-        readonly property: "gap";
-        readonly scale: "space";
+        readonly property: 'gap';
+        readonly scale: 'space';
     };
     readonly rowGap: {
-        readonly property: "rowGap";
-        readonly scale: "space";
+        readonly property: 'rowGap';
+        readonly scale: 'space';
     };
     readonly columnGap: {
-        readonly property: "columnGap";
-        readonly scale: "space";
-    };
-    readonly gridColumn: {
-        readonly property: "gridColumn";
-    };
-    readonly gridRow: {
-        readonly property: "gridRow";
-    };
-    readonly gridColumnStart: {
-        readonly property: "gridColumnStart";
-    };
-    readonly gridRowStart: {
-        readonly property: "gridRowStart";
-    };
-    readonly gridColumnEnd: {
-        readonly property: "gridColumnEnd";
-    };
-    readonly gridRowEnd: {
-        readonly property: "gridRowEnd";
+        readonly property: 'columnGap';
+        readonly scale: 'space';
     };
     readonly justifySelf: {
-        readonly property: "justifySelf";
+        readonly property: 'justifySelf';
     };
     readonly alignSelf: {
-        readonly property: "alignSelf";
+        readonly property: 'alignSelf';
     };
     readonly gridArea: {
-        readonly property: "gridArea";
+        readonly property: 'gridArea';
     };
     readonly area: {
-        readonly property: "gridArea";
+        readonly property: 'gridArea';
     };
     readonly justifyContent: {
-        readonly property: "justifyContent";
+        readonly property: 'justifyContent';
     };
     readonly justifyItems: {
-        readonly property: "justifyItems";
+        readonly property: 'justifyItems';
     };
     readonly alignItems: {
-        readonly property: "alignItems";
+        readonly property: 'alignItems';
     };
     readonly alignContent: {
-        readonly property: "alignContent";
+        readonly property: 'alignContent';
+    };
+    readonly gridColumn: {
+        readonly property: 'gridColumn';
+    };
+    readonly gridRow: {
+        readonly property: 'gridRow';
+    };
+    readonly gridColumnStart: {
+        readonly property: 'gridColumnStart';
+    };
+    readonly gridRowStart: {
+        readonly property: 'gridRowStart';
+    };
+    readonly gridColumnEnd: {
+        readonly property: 'gridColumnEnd';
+    };
+    readonly gridRowEnd: {
+        readonly property: 'gridRowEnd';
     };
     readonly gridAutoColumns: {
-        readonly property: "gridAutoColumns";
+        readonly property: 'gridAutoColumns';
     };
     readonly gridAutoRows: {
-        readonly property: "gridAutoRows";
+        readonly property: 'gridAutoRows';
     };
     readonly gridTemplateColumns: {
-        readonly property: "gridTemplateColumns";
+        readonly property: 'gridTemplateColumns';
     };
     readonly gridTemplateRows: {
-        readonly property: "gridTemplateRows";
+        readonly property: 'gridTemplateRows';
     };
     readonly gridTemplateAreas: {
-        readonly property: "gridTemplateAreas";
+        readonly property: 'gridTemplateAreas';
     };
     readonly gridAutoFlow: {
-        readonly property: "gridAutoFlow";
+        readonly property: 'gridAutoFlow';
     };
     readonly flow: {
-        readonly property: "gridAutoFlow";
-        readonly scale: readonly ("column" | "row" | "column dense" | "row dense" | "dense")[] & {
+        readonly property: 'gridAutoFlow';
+        readonly scale: readonly ("column" | "column dense" | "dense" | "row" | "row dense")[] & {
             length: 0;
         };
     };
     readonly cols: {
-        readonly property: "gridTemplateColumns";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'gridTemplateColumns';
+        readonly transform: import("..").NamedTransform;
         readonly scale: readonly (string | number)[] & {
             length: 0;
         };
     };
     readonly rows: {
-        readonly property: "gridTemplateRows";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'gridTemplateRows';
+        readonly transform: import("..").NamedTransform;
         readonly scale: readonly (string | number)[] & {
             length: 0;
         };
     };
     readonly autoRows: {
-        readonly property: "gridAutoRows";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'gridAutoRows';
+        readonly transform: import("..").NamedTransform;
     };
     readonly autoCols: {
-        readonly property: "gridAutoColumns";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'gridAutoColumns';
+        readonly transform: import("..").NamedTransform;
     };
     readonly alignAll: {
-        readonly property: "justifyContent";
-        readonly properties: readonly ["justifyContent", "alignItems"];
+        readonly property: 'justifyContent';
+        readonly properties: readonly ['justifyContent', 'alignItems'];
     };
 };
 export declare const background: {
     readonly background: {
-        readonly property: "background";
+        readonly property: 'background';
     };
     readonly backgroundImage: {
-        readonly property: "backgroundImage";
+        readonly property: 'backgroundImage';
+    };
+    readonly bgImage: {
+        readonly property: 'backgroundImage';
     };
     readonly backgroundSize: {
-        readonly property: "backgroundSize";
+        readonly property: 'backgroundSize';
+    };
+    readonly bgSize: {
+        readonly property: 'backgroundSize';
     };
     readonly backgroundRepeat: {
-        readonly property: "backgroundRepeat";
+        readonly property: 'backgroundRepeat';
+    };
+    readonly bgRepeat: {
+        readonly property: 'backgroundRepeat';
     };
     readonly backgroundPosition: {
-        readonly property: "backgroundPosition";
+        readonly property: 'backgroundPosition';
+    };
+    readonly bgPos: {
+        readonly property: 'backgroundPosition';
     };
 };
 export declare const positioning: {
     readonly position: {
-        readonly property: "position";
+        readonly property: 'position';
+    };
+    readonly pos: {
+        readonly property: 'position';
     };
     readonly inset: {
-        readonly property: "inset";
-        readonly properties: readonly ["top", "right", "bottom", "left"];
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'inset';
+        readonly properties: readonly ['top', 'right', 'bottom', 'left'];
+        readonly transform: import("..").NamedTransform;
+        readonly negative: true;
     };
     readonly top: {
-        readonly property: "top";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'top';
+        readonly transform: import("..").NamedTransform;
+        readonly negative: true;
     };
     readonly right: {
-        readonly property: "right";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'right';
+        readonly transform: import("..").NamedTransform;
+        readonly negative: true;
     };
     readonly bottom: {
-        readonly property: "bottom";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'bottom';
+        readonly transform: import("..").NamedTransform;
+        readonly negative: true;
     };
     readonly left: {
-        readonly property: "left";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'left';
+        readonly transform: import("..").NamedTransform;
+        readonly negative: true;
     };
     readonly zIndex: {
-        readonly property: "zIndex";
-        readonly scale: "zIndices";
+        readonly property: 'zIndex';
+        readonly scale: 'zIndices';
+        readonly strict: false;
     };
     readonly opacity: {
-        readonly property: "opacity";
-        readonly scale: "opacities";
+        readonly property: 'opacity';
+        readonly scale: 'opacities';
+        readonly strict: false;
     };
 };
 export declare const shadows: {
     readonly boxShadow: {
-        readonly property: "boxShadow";
-        readonly scale: "shadows";
+        readonly property: 'boxShadow';
+        readonly scale: 'shadows';
+        readonly strict: false;
+    };
+    readonly shadow: {
+        readonly property: 'boxShadow';
+        readonly scale: 'shadows';
+        readonly strict: false;
     };
     readonly textShadow: {
-        readonly property: "textShadow";
-        readonly scale: "shadows";
+        readonly property: 'textShadow';
+        readonly scale: 'shadows';
+        readonly strict: false;
     };
 };
 export declare const layout: {
+    readonly justifySelf: {
+        readonly property: 'justifySelf';
+    };
+    readonly alignSelf: {
+        readonly property: 'alignSelf';
+    };
+    readonly gridArea: {
+        readonly property: 'gridArea';
+    };
+    readonly area: {
+        readonly property: 'gridArea';
+    };
     readonly flexBasis: {
-        readonly property: "flexBasis";
+        readonly property: 'flexBasis';
     };
     readonly flexShrink: {
-        readonly property: "flexShrink";
+        readonly property: 'flexShrink';
     };
     readonly flexGrow: {
-        readonly property: "flexGrow";
+        readonly property: 'flexGrow';
     };
     readonly order: {
-        readonly property: "order";
+        readonly property: 'order';
     };
     readonly gridColumn: {
-        readonly property: "gridColumn";
+        readonly property: 'gridColumn';
     };
     readonly gridRow: {
-        readonly property: "gridRow";
+        readonly property: 'gridRow';
     };
     readonly gridColumnStart: {
-        readonly property: "gridColumnStart";
+        readonly property: 'gridColumnStart';
     };
     readonly gridRowStart: {
-        readonly property: "gridRowStart";
+        readonly property: 'gridRowStart';
     };
     readonly gridColumnEnd: {
-        readonly property: "gridColumnEnd";
+        readonly property: 'gridColumnEnd';
     };
     readonly gridRowEnd: {
-        readonly property: "gridRowEnd";
-    };
-    readonly justifySelf: {
-        readonly property: "justifySelf";
-    };
-    readonly alignSelf: {
-        readonly property: "alignSelf";
-    };
-    readonly gridArea: {
-        readonly property: "gridArea";
-    };
-    readonly area: {
-        readonly property: "gridArea";
+        readonly property: 'gridRowEnd';
     };
     readonly display: {
-        readonly property: "display";
+        readonly property: 'display';
     };
     readonly overflow: {
-        readonly property: "overflow";
+        readonly property: 'overflow';
     };
     readonly overflowX: {
-        readonly property: "overflowX";
+        readonly property: 'overflowX';
     };
     readonly overflowY: {
-        readonly property: "overflowY";
+        readonly property: 'overflowY';
     };
     readonly size: {
-        readonly property: "width";
-        readonly properties: readonly ["width", "height"];
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'width';
+        readonly properties: readonly ['width', 'height'];
+        readonly transform: import("..").NamedTransform;
     };
     readonly width: {
-        readonly property: "width";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'width';
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly w: {
+        readonly property: 'width';
+        readonly transform: import("..").NamedTransform;
     };
     readonly minWidth: {
-        readonly property: "minWidth";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'minWidth';
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly minW: {
+        readonly property: 'minWidth';
+        readonly transform: import("..").NamedTransform;
     };
     readonly maxWidth: {
-        readonly property: "maxWidth";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'maxWidth';
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly maxW: {
+        readonly property: 'maxWidth';
+        readonly transform: import("..").NamedTransform;
     };
     readonly height: {
-        readonly property: "height";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'height';
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly h: {
+        readonly property: 'height';
+        readonly transform: import("..").NamedTransform;
     };
     readonly minHeight: {
-        readonly property: "minHeight";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'minHeight';
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly minH: {
+        readonly property: 'minHeight';
+        readonly transform: import("..").NamedTransform;
     };
     readonly maxHeight: {
-        readonly property: "maxHeight";
-        readonly transform: import("../transforms").NamedTransform;
+        readonly property: 'maxHeight';
+        readonly transform: import("..").NamedTransform;
+    };
+    readonly maxH: {
+        readonly property: 'maxHeight';
+        readonly transform: import("..").NamedTransform;
     };
     readonly verticalAlign: {
-        readonly property: "verticalAlign";
+        readonly property: 'verticalAlign';
     };
 };
 export declare const typography: {
     readonly fontFamily: {
-        readonly property: "fontFamily";
-        readonly scale: "fonts";
+        readonly property: 'fontFamily';
+        readonly scale: 'fonts';
     };
     readonly fontWeight: {
-        readonly property: "fontWeight";
-        readonly scale: "fontWeights";
+        readonly property: 'fontWeight';
+        readonly scale: 'fontWeights';
+        readonly strict: false;
     };
     readonly lineHeight: {
-        readonly property: "lineHeight";
-        readonly scale: "lineHeights";
+        readonly property: 'lineHeight';
+        readonly scale: 'lineHeights';
+        readonly strict: false;
     };
     readonly fontSize: {
-        readonly property: "fontSize";
-        readonly scale: "fontSizes";
+        readonly property: 'fontSize';
+        readonly scale: 'fontSizes';
     };
     readonly letterSpacing: {
-        readonly property: "letterSpacing";
-        readonly scale: "letterSpacings";
+        readonly property: 'letterSpacing';
+        readonly scale: 'letterSpacings';
+        readonly strict: false;
     };
     readonly textAlign: {
-        readonly property: "textAlign";
+        readonly property: 'textAlign';
     };
     readonly fontStyle: {
-        readonly property: "fontStyle";
+        readonly property: 'fontStyle';
     };
     readonly textDecoration: {
-        readonly property: "textDecoration";
+        readonly property: 'textDecoration';
     };
     readonly textTransform: {
-        readonly property: "textTransform";
+        readonly property: 'textTransform';
     };
     readonly whiteSpace: {
-        readonly property: "whiteSpace";
+        readonly property: 'whiteSpace';
     };
 };
 export declare const space: {
-    readonly p: {
-        readonly property: "padding";
-        readonly scale: "space";
-    };
-    readonly px: {
-        readonly property: "padding";
-        readonly properties: readonly ["paddingLeft", "paddingRight"];
-        readonly scale: "space";
-    };
-    readonly py: {
-        readonly property: "padding";
-        readonly properties: readonly ["paddingTop", "paddingBottom"];
-        readonly scale: "space";
-    };
-    readonly pt: {
-        readonly property: "paddingTop";
-        readonly scale: "space";
-    };
-    readonly pb: {
-        readonly property: "paddingBottom";
-        readonly scale: "space";
-    };
-    readonly pr: {
-        readonly property: "paddingRight";
-        readonly scale: "space";
-    };
-    readonly pl: {
-        readonly property: "paddingLeft";
-        readonly scale: "space";
-    };
     readonly m: {
-        readonly property: "margin";
-        readonly scale: "space";
+        readonly property: 'margin';
+        readonly scale: 'space';
+        readonly negative: true;
     };
     readonly mx: {
-        readonly property: "margin";
-        readonly properties: readonly ["marginLeft", "marginRight"];
-        readonly scale: "space";
+        readonly property: 'margin';
+        readonly properties: readonly ['marginLeft', 'marginRight'];
+        readonly scale: 'space';
+        readonly negative: true;
     };
     readonly my: {
-        readonly property: "margin";
-        readonly properties: readonly ["marginTop", "marginBottom"];
-        readonly scale: "space";
+        readonly property: 'margin';
+        readonly properties: readonly ['marginTop', 'marginBottom'];
+        readonly scale: 'space';
+        readonly negative: true;
     };
     readonly mt: {
-        readonly property: "marginTop";
-        readonly scale: "space";
+        readonly property: 'marginTop';
+        readonly scale: 'space';
+        readonly negative: true;
     };
     readonly mb: {
-        readonly property: "marginBottom";
-        readonly scale: "space";
+        readonly property: 'marginBottom';
+        readonly scale: 'space';
+        readonly negative: true;
     };
     readonly mr: {
-        readonly property: "marginRight";
-        readonly scale: "space";
+        readonly property: 'marginRight';
+        readonly scale: 'space';
+        readonly negative: true;
     };
     readonly ml: {
-        readonly property: "marginLeft";
-        readonly scale: "space";
+        readonly property: 'marginLeft';
+        readonly scale: 'space';
+        readonly negative: true;
+    };
+    readonly p: {
+        readonly property: 'padding';
+        readonly scale: 'space';
+    };
+    readonly px: {
+        readonly property: 'padding';
+        readonly properties: readonly ['paddingLeft', 'paddingRight'];
+        readonly scale: 'space';
+    };
+    readonly py: {
+        readonly property: 'padding';
+        readonly properties: readonly ['paddingTop', 'paddingBottom'];
+        readonly scale: 'space';
+    };
+    readonly pt: {
+        readonly property: 'paddingTop';
+        readonly scale: 'space';
+    };
+    readonly pb: {
+        readonly property: 'paddingBottom';
+        readonly scale: 'space';
+    };
+    readonly pr: {
+        readonly property: 'paddingRight';
+        readonly scale: 'space';
+    };
+    readonly pl: {
+        readonly property: 'paddingLeft';
+        readonly scale: 'space';
     };
 };
 export declare const transitions: {
     readonly transition: {
-        readonly property: "transition";
-        readonly scale: "transitions";
+        readonly property: 'transition';
+        readonly scale: 'transitions';
     };
     readonly animation: {
-        readonly property: "animation";
+        readonly property: 'animation';
     };
     readonly animationPlayState: {
-        readonly property: "animationPlayState";
+        readonly property: 'animationPlayState';
     };
 };
 export declare const mode: {
     readonly mode: {
-        readonly property: "none";
-        readonly scale: "mode";
+        readonly property: 'none';
+        readonly scale: 'mode';
     };
 };
 export declare const vars: {
     readonly vars: {
-        readonly property: "variables";
+        readonly property: 'variables';
     };
 };
 //# sourceMappingURL=index.d.ts.map