@animus-ui/core 0.1.1-beta.8 → 0.1.1-c5e4903f.0

package/dist/config.d.ts

@@ -3,14 +3,14 @@ export declare const color: {
         readonly property: "color";
         readonly scale: "colors";
     };
-    readonly textColor: {
-        readonly property: "color";
-        readonly scale: "colors";
-    };
     readonly bg: {
         readonly property: "backgroundColor";
         readonly scale: "colors";
     };
+    readonly gradient: {
+        readonly property: "backgroundImage";
+        readonly scale: "gradients";
+    };
     readonly borderColor: {
         readonly property: "borderColor";
         readonly scale: "colors";
@@ -41,6 +41,14 @@ export declare const color: {
         readonly property: "borderBottomColor";
         readonly scale: "colors";
     };
+    readonly fill: {
+        readonly property: "fill";
+        readonly scale: "colors";
+    };
+    readonly stroke: {
+        readonly property: "stroke";
+        readonly scale: "colors";
+    };
 };
 export declare const border: {
     readonly border: {
@@ -82,75 +90,82 @@ export declare const border: {
     };
     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 borderRadius: {
         readonly property: "borderRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusLeft: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTop: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottom: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusRight: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopLeft: {
         readonly property: "borderTopLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopRight: {
         readonly property: "borderTopRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomRight: {
         readonly property: "borderBottomRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomLeft: {
         readonly property: "borderBottomLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderStyle: {
         readonly property: "borderStyle";
@@ -179,15 +194,15 @@ export declare const border: {
 export declare const flex: {
     readonly gap: {
         readonly property: "gap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly rowGap: {
         readonly property: "rowGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly columnGap: {
         readonly property: "columnGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly flexBasis: {
         readonly property: "flexBasis";
@@ -238,15 +253,15 @@ export declare const flex: {
 export declare const grid: {
     readonly gap: {
         readonly property: "gap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly rowGap: {
         readonly property: "rowGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly columnGap: {
         readonly property: "columnGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly gridColumn: {
         readonly property: "gridColumn";
@@ -385,17 +400,21 @@ export declare const positioning: {
     };
     readonly zIndex: {
         readonly property: "zIndex";
+        readonly scale: "zIndices";
     };
     readonly opacity: {
         readonly property: "opacity";
+        readonly scale: "opacities";
     };
 };
 export declare const shadows: {
     readonly boxShadow: {
         readonly property: "boxShadow";
+        readonly scale: "shadows";
     };
     readonly textShadow: {
         readonly property: "textShadow";
+        readonly scale: "shadows";
     };
 };
 export declare const layout: {
@@ -489,23 +508,24 @@ export declare const layout: {
 export declare const typography: {
     readonly fontFamily: {
         readonly property: "fontFamily";
-        readonly scale: "fontFamily";
+        readonly scale: "fonts";
     };
     readonly fontWeight: {
         readonly property: "fontWeight";
-        readonly scale: "fontWeight";
+        readonly scale: "fontWeights";
     };
     readonly lineHeight: {
         readonly property: "lineHeight";
-        readonly scale: "lineHeight";
+        readonly scale: "lineHeights";
         readonly lineHeight: "lineHeight";
     };
     readonly fontSize: {
         readonly property: "fontSize";
-        readonly scale: "fontSize";
+        readonly scale: "fontSizes";
     };
     readonly letterSpacing: {
         readonly property: "letterSpacing";
+        readonly scale: "letterSpacings";
     };
     readonly textAlign: {
         readonly property: "textAlign";
@@ -526,63 +546,76 @@ export declare const typography: {
 export declare const space: {
     readonly p: {
         readonly property: "padding";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly px: {
         readonly property: "padding";
         readonly properties: readonly ["paddingLeft", "paddingRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly py: {
         readonly property: "padding";
         readonly properties: readonly ["paddingTop", "paddingBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pt: {
         readonly property: "paddingTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pb: {
         readonly property: "paddingBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pr: {
         readonly property: "paddingRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pl: {
         readonly property: "paddingLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly m: {
         readonly property: "margin";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mx: {
         readonly property: "margin";
         readonly properties: readonly ["marginLeft", "marginRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly my: {
         readonly property: "margin";
         readonly properties: readonly ["marginTop", "marginBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mt: {
         readonly property: "marginTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mb: {
         readonly property: "marginBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mr: {
         readonly property: "marginRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly ml: {
         readonly property: "marginLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
+    };
+};
+export declare const transitions: {
+    readonly transition: {
+        readonly property: "transition";
+        readonly scale: "transitions";
+    };
+    readonly animation: {
+        readonly property: "animation";
+        readonly scale: "animations";
+    };
+    readonly animationPlayState: {
+        readonly property: "animationPlayState";
     };
 };
 export declare const mode: {
@@ -599,15 +632,15 @@ export declare const vars: {
 export declare const config: import("./AnimusConfig").AnimusConfig<{
     readonly gap: {
         readonly property: "gap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly rowGap: {
         readonly property: "rowGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly columnGap: {
         readonly property: "columnGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly flexBasis: {
         readonly property: "flexBasis";
@@ -657,15 +690,15 @@ export declare const config: import("./AnimusConfig").AnimusConfig<{
 } & {
     readonly gap: {
         readonly property: "gap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly rowGap: {
         readonly property: "rowGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly columnGap: {
         readonly property: "columnGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly gridColumn: {
         readonly property: "gridColumn";
@@ -771,77 +804,77 @@ export declare const config: import("./AnimusConfig").AnimusConfig<{
 } & {
     readonly p: {
         readonly property: "padding";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly px: {
         readonly property: "padding";
         readonly properties: readonly ["paddingLeft", "paddingRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly py: {
         readonly property: "padding";
         readonly properties: readonly ["paddingTop", "paddingBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pt: {
         readonly property: "paddingTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pb: {
         readonly property: "paddingBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pr: {
         readonly property: "paddingRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pl: {
         readonly property: "paddingLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly m: {
         readonly property: "margin";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mx: {
         readonly property: "margin";
         readonly properties: readonly ["marginLeft", "marginRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly my: {
         readonly property: "margin";
         readonly properties: readonly ["marginTop", "marginBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mt: {
         readonly property: "marginTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mb: {
         readonly property: "marginBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mr: {
         readonly property: "marginRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly ml: {
         readonly property: "marginLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
 } & {
     readonly color: {
         readonly property: "color";
         readonly scale: "colors";
     };
-    readonly textColor: {
-        readonly property: "color";
-        readonly scale: "colors";
-    };
     readonly bg: {
         readonly property: "backgroundColor";
         readonly scale: "colors";
     };
+    readonly gradient: {
+        readonly property: "backgroundImage";
+        readonly scale: "gradients";
+    };
     readonly borderColor: {
         readonly property: "borderColor";
         readonly scale: "colors";
@@ -872,6 +905,14 @@ export declare const config: import("./AnimusConfig").AnimusConfig<{
         readonly property: "borderBottomColor";
         readonly scale: "colors";
     };
+    readonly fill: {
+        readonly property: "fill";
+        readonly scale: "colors";
+    };
+    readonly stroke: {
+        readonly property: "stroke";
+        readonly scale: "colors";
+    };
 } & {
     readonly flexBasis: {
         readonly property: "flexBasis";
@@ -999,75 +1040,82 @@ export declare const config: import("./AnimusConfig").AnimusConfig<{
     };
     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 borderRadius: {
         readonly property: "borderRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusLeft: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTop: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottom: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusRight: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopLeft: {
         readonly property: "borderTopLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopRight: {
         readonly property: "borderTopRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomRight: {
         readonly property: "borderBottomRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomLeft: {
         readonly property: "borderBottomLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderStyle: {
         readonly property: "borderStyle";
@@ -1095,9 +1143,11 @@ export declare const config: import("./AnimusConfig").AnimusConfig<{
 } & {
     readonly boxShadow: {
         readonly property: "boxShadow";
+        readonly scale: "shadows";
     };
     readonly textShadow: {
         readonly property: "textShadow";
+        readonly scale: "shadows";
     };
 } & {
     readonly background: {
@@ -1118,23 +1168,24 @@ export declare const config: import("./AnimusConfig").AnimusConfig<{
 } & {
     readonly fontFamily: {
         readonly property: "fontFamily";
-        readonly scale: "fontFamily";
+        readonly scale: "fonts";
     };
     readonly fontWeight: {
         readonly property: "fontWeight";
-        readonly scale: "fontWeight";
+        readonly scale: "fontWeights";
     };
     readonly lineHeight: {
         readonly property: "lineHeight";
-        readonly scale: "lineHeight";
+        readonly scale: "lineHeights";
         readonly lineHeight: "lineHeight";
     };
     readonly fontSize: {
         readonly property: "fontSize";
-        readonly scale: "fontSize";
+        readonly scale: "fontSizes";
     };
     readonly letterSpacing: {
         readonly property: "letterSpacing";
+        readonly scale: "letterSpacings";
     };
     readonly textAlign: {
         readonly property: "textAlign";
@@ -1178,23 +1229,37 @@ export declare const config: import("./AnimusConfig").AnimusConfig<{
     };
     readonly zIndex: {
         readonly property: "zIndex";
+        readonly scale: "zIndices";
     };
     readonly opacity: {
         readonly property: "opacity";
+        readonly scale: "opacities";
+    };
+} & {
+    readonly transition: {
+        readonly property: "transition";
+        readonly scale: "transitions";
+    };
+    readonly animation: {
+        readonly property: "animation";
+        readonly scale: "animations";
     };
-}, Record<"flex", ("gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "gridArea" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "flexDirection" | "flexWrap" | "flex" | "area")[]> & Record<"grid", ("gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "gridArea" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridAutoFlow" | "area" | "flow" | "cols" | "rows" | "autoRows" | "autoCols" | "alignAll")[]> & Record<"mode", "mode"[]> & Record<"vars", "vars"[]> & Record<"space", ("px" | "p" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[]> & Record<"color", ("color" | "borderColor" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[]> & Record<"layout", ("justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "display" | "overflow" | "overflowX" | "overflowY" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "verticalAlign" | "area" | "size")[]> & Record<"borders", ("border" | "borderLeft" | "borderRight" | "borderTop" | "borderBottom" | "borderWidth" | "borderRadius" | "borderStyle" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[]> & Record<"shadows", ("boxShadow" | "textShadow")[]> & Record<"background", ("background" | "backgroundImage" | "backgroundSize" | "backgroundRepeat" | "backgroundPosition")[]> & Record<"typography", ("fontFamily" | "fontWeight" | "lineHeight" | "fontSize" | "letterSpacing" | "textAlign" | "fontStyle" | "textDecoration" | "textTransform" | "whiteSpace")[]> & Record<"positioning", ("position" | "inset" | "top" | "right" | "bottom" | "left" | "zIndex" | "opacity")[]>>;
+    readonly animationPlayState: {
+        readonly property: "animationPlayState";
+    };
+}, Record<"flex", ("gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "gridArea" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "flexDirection" | "flexWrap" | "flex" | "area")[]> & Record<"grid", ("gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "gridArea" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridAutoFlow" | "area" | "flow" | "cols" | "rows" | "autoRows" | "autoCols" | "alignAll")[]> & Record<"mode", "mode"[]> & Record<"vars", "vars"[]> & Record<"space", ("px" | "p" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[]> & Record<"color", ("color" | "borderColor" | "fill" | "stroke" | "bg" | "gradient" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[]> & Record<"layout", ("justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "display" | "overflow" | "overflowX" | "overflowY" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "verticalAlign" | "area" | "size")[]> & Record<"borders", ("border" | "borderLeft" | "borderRight" | "borderTop" | "borderBottom" | "borderWidth" | "borderRadius" | "borderStyle" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[]> & Record<"shadows", ("boxShadow" | "textShadow")[]> & Record<"background", ("backgroundImage" | "background" | "backgroundSize" | "backgroundRepeat" | "backgroundPosition")[]> & Record<"typography", ("fontFamily" | "fontWeight" | "lineHeight" | "fontSize" | "letterSpacing" | "textAlign" | "fontStyle" | "textDecoration" | "textTransform" | "whiteSpace")[]> & Record<"positioning", ("position" | "inset" | "top" | "right" | "bottom" | "left" | "zIndex" | "opacity")[]> & Record<"transitions", ("transition" | "animation" | "animationPlayState")[]>>;
 export declare const animus: import("./Animus").Animus<{
     readonly gap: {
         readonly property: "gap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly rowGap: {
         readonly property: "rowGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly columnGap: {
         readonly property: "columnGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly flexBasis: {
         readonly property: "flexBasis";
@@ -1318,76 +1383,76 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly p: {
         readonly property: "padding";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly px: {
         readonly property: "padding";
         readonly properties: readonly ["paddingLeft", "paddingRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly py: {
         readonly property: "padding";
         readonly properties: readonly ["paddingTop", "paddingBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pt: {
         readonly property: "paddingTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pb: {
         readonly property: "paddingBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pr: {
         readonly property: "paddingRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pl: {
         readonly property: "paddingLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly m: {
         readonly property: "margin";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mx: {
         readonly property: "margin";
         readonly properties: readonly ["marginLeft", "marginRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly my: {
         readonly property: "margin";
         readonly properties: readonly ["marginTop", "marginBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mt: {
         readonly property: "marginTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mb: {
         readonly property: "marginBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mr: {
         readonly property: "marginRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly ml: {
         readonly property: "marginLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly color: {
         readonly property: "color";
         readonly scale: "colors";
     };
-    readonly textColor: {
-        readonly property: "color";
-        readonly scale: "colors";
-    };
     readonly bg: {
         readonly property: "backgroundColor";
         readonly scale: "colors";
     };
+    readonly gradient: {
+        readonly property: "backgroundImage";
+        readonly scale: "gradients";
+    };
     readonly borderColor: {
         readonly property: "borderColor";
         readonly scale: "colors";
@@ -1418,6 +1483,14 @@ export declare const animus: import("./Animus").Animus<{
         readonly property: "borderBottomColor";
         readonly scale: "colors";
     };
+    readonly fill: {
+        readonly property: "fill";
+        readonly scale: "colors";
+    };
+    readonly stroke: {
+        readonly property: "stroke";
+        readonly scale: "colors";
+    };
     readonly display: {
         readonly property: "display";
     };
@@ -1501,75 +1574,82 @@ export declare const animus: import("./Animus").Animus<{
     };
     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 borderRadius: {
         readonly property: "borderRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusLeft: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTop: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottom: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusRight: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopLeft: {
         readonly property: "borderTopLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopRight: {
         readonly property: "borderTopRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomRight: {
         readonly property: "borderBottomRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomLeft: {
         readonly property: "borderBottomLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderStyle: {
         readonly property: "borderStyle";
@@ -1596,9 +1676,11 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly boxShadow: {
         readonly property: "boxShadow";
+        readonly scale: "shadows";
     };
     readonly textShadow: {
         readonly property: "textShadow";
+        readonly scale: "shadows";
     };
     readonly background: {
         readonly property: "background";
@@ -1617,23 +1699,24 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly fontFamily: {
         readonly property: "fontFamily";
-        readonly scale: "fontFamily";
+        readonly scale: "fonts";
     };
     readonly fontWeight: {
         readonly property: "fontWeight";
-        readonly scale: "fontWeight";
+        readonly scale: "fontWeights";
     };
     readonly lineHeight: {
         readonly property: "lineHeight";
-        readonly scale: "lineHeight";
+        readonly scale: "lineHeights";
         readonly lineHeight: "lineHeight";
     };
     readonly fontSize: {
         readonly property: "fontSize";
-        readonly scale: "fontSize";
+        readonly scale: "fontSizes";
     };
     readonly letterSpacing: {
         readonly property: "letterSpacing";
+        readonly scale: "letterSpacings";
     };
     readonly textAlign: {
         readonly property: "textAlign";
@@ -1676,9 +1759,22 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly zIndex: {
         readonly property: "zIndex";
+        readonly scale: "zIndices";
     };
     readonly opacity: {
         readonly property: "opacity";
+        readonly scale: "opacities";
+    };
+    readonly transition: {
+        readonly property: "transition";
+        readonly scale: "transitions";
+    };
+    readonly animation: {
+        readonly property: "animation";
+        readonly scale: "animations";
+    };
+    readonly animationPlayState: {
+        readonly property: "animationPlayState";
     };
 }, {
     flex: ("gap" | "rowGap" | "columnGap" | "justifySelf" | "alignSelf" | "gridArea" | "justifyContent" | "justifyItems" | "alignItems" | "alignContent" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "flexDirection" | "flexWrap" | "flex" | "area")[];
@@ -1686,25 +1782,26 @@ export declare const animus: import("./Animus").Animus<{
     mode: "mode"[];
     vars: "vars"[];
     space: ("px" | "p" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[];
-    color: ("color" | "borderColor" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[];
+    color: ("color" | "borderColor" | "fill" | "stroke" | "bg" | "gradient" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[];
     layout: ("justifySelf" | "alignSelf" | "gridArea" | "flexBasis" | "flexShrink" | "flexGrow" | "order" | "gridColumn" | "gridRow" | "gridColumnStart" | "gridRowStart" | "gridColumnEnd" | "gridRowEnd" | "display" | "overflow" | "overflowX" | "overflowY" | "width" | "height" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "verticalAlign" | "area" | "size")[];
     borders: ("border" | "borderLeft" | "borderRight" | "borderTop" | "borderBottom" | "borderWidth" | "borderRadius" | "borderStyle" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[];
     shadows: ("boxShadow" | "textShadow")[];
-    background: ("background" | "backgroundImage" | "backgroundSize" | "backgroundRepeat" | "backgroundPosition")[];
+    background: ("backgroundImage" | "background" | "backgroundSize" | "backgroundRepeat" | "backgroundPosition")[];
     typography: ("fontFamily" | "fontWeight" | "lineHeight" | "fontSize" | "letterSpacing" | "textAlign" | "fontStyle" | "textDecoration" | "textTransform" | "whiteSpace")[];
     positioning: ("position" | "inset" | "top" | "right" | "bottom" | "left" | "zIndex" | "opacity")[];
+    transitions: ("transition" | "animation" | "animationPlayState")[];
 }, import("./types/config").Parser<{
     readonly gap: {
         readonly property: "gap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly rowGap: {
         readonly property: "rowGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly columnGap: {
         readonly property: "columnGap";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly flexBasis: {
         readonly property: "flexBasis";
@@ -1828,76 +1925,76 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly p: {
         readonly property: "padding";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly px: {
         readonly property: "padding";
         readonly properties: readonly ["paddingLeft", "paddingRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly py: {
         readonly property: "padding";
         readonly properties: readonly ["paddingTop", "paddingBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pt: {
         readonly property: "paddingTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pb: {
         readonly property: "paddingBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pr: {
         readonly property: "paddingRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly pl: {
         readonly property: "paddingLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly m: {
         readonly property: "margin";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mx: {
         readonly property: "margin";
         readonly properties: readonly ["marginLeft", "marginRight"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly my: {
         readonly property: "margin";
         readonly properties: readonly ["marginTop", "marginBottom"];
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mt: {
         readonly property: "marginTop";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mb: {
         readonly property: "marginBottom";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly mr: {
         readonly property: "marginRight";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly ml: {
         readonly property: "marginLeft";
-        readonly scale: "spacing";
+        readonly scale: "space";
     };
     readonly color: {
         readonly property: "color";
         readonly scale: "colors";
     };
-    readonly textColor: {
-        readonly property: "color";
-        readonly scale: "colors";
-    };
     readonly bg: {
         readonly property: "backgroundColor";
         readonly scale: "colors";
     };
+    readonly gradient: {
+        readonly property: "backgroundImage";
+        readonly scale: "gradients";
+    };
     readonly borderColor: {
         readonly property: "borderColor";
         readonly scale: "colors";
@@ -1928,6 +2025,14 @@ export declare const animus: import("./Animus").Animus<{
         readonly property: "borderBottomColor";
         readonly scale: "colors";
     };
+    readonly fill: {
+        readonly property: "fill";
+        readonly scale: "colors";
+    };
+    readonly stroke: {
+        readonly property: "stroke";
+        readonly scale: "colors";
+    };
     readonly display: {
         readonly property: "display";
     };
@@ -2011,75 +2116,82 @@ export declare const animus: import("./Animus").Animus<{
     };
     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 borderRadius: {
         readonly property: "borderRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusLeft: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTop: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottom: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusRight: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopLeft: {
         readonly property: "borderTopLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusTopRight: {
         readonly property: "borderTopRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomRight: {
         readonly property: "borderBottomRightRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderRadiusBottomLeft: {
         readonly property: "borderBottomLeftRadius";
         readonly scale: "radii";
-        readonly transform: (val: string | number) => string;
+        readonly transform: (value: string | number) => string | 0;
     };
     readonly borderStyle: {
         readonly property: "borderStyle";
@@ -2106,9 +2218,11 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly boxShadow: {
         readonly property: "boxShadow";
+        readonly scale: "shadows";
     };
     readonly textShadow: {
         readonly property: "textShadow";
+        readonly scale: "shadows";
     };
     readonly background: {
         readonly property: "background";
@@ -2127,23 +2241,24 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly fontFamily: {
         readonly property: "fontFamily";
-        readonly scale: "fontFamily";
+        readonly scale: "fonts";
     };
     readonly fontWeight: {
         readonly property: "fontWeight";
-        readonly scale: "fontWeight";
+        readonly scale: "fontWeights";
     };
     readonly lineHeight: {
         readonly property: "lineHeight";
-        readonly scale: "lineHeight";
+        readonly scale: "lineHeights";
         readonly lineHeight: "lineHeight";
     };
     readonly fontSize: {
         readonly property: "fontSize";
-        readonly scale: "fontSize";
+        readonly scale: "fontSizes";
     };
     readonly letterSpacing: {
         readonly property: "letterSpacing";
+        readonly scale: "letterSpacings";
     };
     readonly textAlign: {
         readonly property: "textAlign";
@@ -2186,8 +2301,21 @@ export declare const animus: import("./Animus").Animus<{
     };
     readonly zIndex: {
         readonly property: "zIndex";
+        readonly scale: "zIndices";
     };
     readonly opacity: {
         readonly property: "opacity";
+        readonly scale: "opacities";
+    };
+    readonly transition: {
+        readonly property: "transition";
+        readonly scale: "transitions";
+    };
+    readonly animation: {
+        readonly property: "animation";
+        readonly scale: "animations";
+    };
+    readonly animationPlayState: {
+        readonly property: "animationPlayState";
     };
 }>>;