@animus-ui/system 0.1.0-next.38 → 0.1.0-next.40

package/README.md

@@ -0,0 +1,127 @@
+# @animus-ui/system
+
+Design system builder for React. Type-driven CSS-in-JS with zero runtime — styles extract to static CSS at build time.
+
+## Install
+
+```bash
+npm install @animus-ui/system
+```
+
+Pair with a bundler plugin for extraction:
+- [`@animus-ui/vite-plugin`](https://github.com/codecaaron/animus/tree/main/packages/vite-plugin) for Vite
+- [`@animus-ui/next-plugin`](https://github.com/codecaaron/animus/tree/main/packages/next-plugin) for Next.js
+
+## Quick Start
+
+### 1. Define tokens
+
+```tsx
+import { createTheme } from '@animus-ui/system';
+
+const tokens = createTheme()
+  .addBreakpoints({ sm: 480, md: 768, lg: 1024 })
+  .addColors({
+    gray: { 100: '#f0f0f0', 800: '#1a1a1a' },
+    blue: { 400: '#3d94ff', 700: '#003d99' },
+  })
+  .addColorModes('dark', {
+    dark: { primary: 'blue.400', bg: 'gray.800', text: 'gray.100' },
+    light: { primary: 'blue.700', bg: 'gray.100', text: 'gray.800' },
+  })
+  .addScale({ name: 'space', values: { sm: '0.5rem', md: '1rem', lg: '1.5rem' } })
+  .build();
+
+declare module '@animus-ui/system' {
+  interface Theme extends typeof tokens {}
+}
+```
+
+### 2. Create system with prop groups
+
+Pre-built groups ship with the package. Compose them into your own semantic groups:
+
+```tsx
+import { createSystem } from '@animus-ui/system';
+import { space, color, typography, border, shadows, background, flex, layout } from '@animus-ui/system/groups';
+
+export const { system: ds, createGlobalStyles } = createSystem()
+  .addGroup('surface', { ...color, ...border, ...shadows, ...background })
+  .addGroup('space', space)
+  .addGroup('text', typography)
+  .addGroup('arrange', { ...flex, ...layout })
+  .build();
+```
+
+Each group becomes an opt-in set of props that components can enable via `.system()`:
+
+```tsx
+const Box = ds.styles({}).system({ surface: true, space: true }).asElement('div');
+
+// Box now accepts: color, bg, border, shadow, p, m, gap, etc.
+<Box bg="surface" p="md" borderBottom="1" />
+```
+
+### 3. Build components
+
+```tsx
+const Button = ds
+  .styles({
+    display: 'inline-flex',
+    alignItems: 'center',
+    cursor: 'pointer',
+    border: 'none',
+    borderRadius: 4,
+    fontFamily: '{fonts.body}',
+  })
+  .variant({
+    size: {
+      prop: 'size',
+      variants: {
+        small: { fontSize: 14, padding: '{space.sm}' },
+        large: { fontSize: 18, padding: '{space.md} {space.lg}' },
+      },
+    },
+    intent: {
+      prop: 'intent',
+      variants: {
+        primary: { backgroundColor: '{colors.primary}', color: 'white' },
+        ghost: { backgroundColor: 'transparent', color: '{colors.primary}' },
+      },
+    },
+  })
+  .states({
+    disabled: { opacity: 0.5, pointerEvents: 'none' },
+  })
+  .system({ space: true })
+  .asElement('button');
+
+<Button size="large" intent="primary" m={8} disabled />;
+```
+
+## Builder Chain
+
+The chain enforces cascade ordering — each method maps to a CSS `@layer`:
+
+```
+ds.styles()    → @layer base
+  .variant()   → @layer variants
+  .compound()  → @layer compounds
+  .states()    → @layer states
+  .system()    → @layer system
+  .props()     → @layer custom
+  .asElement() → typed React component
+```
+
+The type system prevents calling methods out of order. `.variant()` after `.states()` is a type error.
+
+## Exports
+
+| Path | What's in it |
+|------|-------------|
+| `@animus-ui/system` | Full API — builder, theme, runtime, types |
+| `@animus-ui/system/groups` | Pre-built prop groups: `space`, `color`, `typography`, `layout`, `flex`, `grid`, `border`, `shadows`, `background`, `positioning`, `transitions` |
+
+## License
+
+MIT

package/dist/SystemBuilder.d.ts

@@ -1,4 +1,5 @@
 import { Animus } from './Animus';
+import { type SelectorAliasMap } from './selectors';
 import { NamedTransform } from './transforms/createTransform';
 import { Prop } from './types/config';
 export type GlobalStyleMap = Record<string, Record<string, any>>;
@@ -10,7 +11,8 @@ export interface GlobalStyleBlock {
 export type GlobalStylesFactory = (styles: GlobalStyleMap) => GlobalStyleBlock;
 export declare class SystemBuilder<PropReg extends Record<string, Prop> = {}, GroupReg extends Record<string, (keyof PropReg)[]> = {}> {
     #private;
-    constructor(propRegistry?: PropReg, groupRegistry?: GroupReg);
+    constructor(propRegistry?: PropReg, groupRegistry?: GroupReg, selectorRegistry?: SelectorAliasMap);
+    addSelectors(selectors: Record<string, string>): SystemBuilder<PropReg, GroupReg>;
     addGroup<Name extends string, Conf extends Record<string, Prop>>(name: Name extends keyof PropReg ? never : Name, config: Conf): SystemBuilder<PropReg & Conf, GroupReg & Record<Name, (keyof Conf)[]>>;
     addProps<Conf extends Record<string, Prop> & Partial<Record<Extract<keyof GroupReg, string>, never>>>(config: Conf): SystemBuilder<PropReg & Conf, GroupReg>;
     includes(_systems: readonly {
@@ -28,6 +30,8 @@ export interface SerializedConfig {
     propConfig: string;
     groupRegistry: string;
     transforms: Record<string, NamedTransform>;
+    selectorAliases: string;
+    selectorOrder: string;
 }
 export declare function createSystem(): SystemBuilder<{}, {}>;
 //# sourceMappingURL=SystemBuilder.d.ts.map

package/dist/SystemBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemBuilder.d.ts","sourceRoot":"","sources":["../src/SystemBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAWtC,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CACP,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,GACzC,cAAc,CAAC;CACnB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,cAAc,KAAK,gBAAgB,CAAC;AAE/E,qBAAa,aAAa,CACxB,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,EACzC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE;;gBAK3C,YAAY,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,EAAE,QAAQ;IAK5D,QAAQ,CAAC,IAAI,SAAS,MAAM,EAAE,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,EAC7D,IAAI,EAAE,IAAI,SAAS,MAAM,OAAO,GAAG,KAAK,GAAG,IAAI,EAC/C,MAAM,EAAE,IAAI,GACX,aAAa,CAAC,OAAO,GAAG,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,CAAC;IAsCzE,QAAQ,CACN,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,GAC/B,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,QAAQ,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,EACzD,MAAM,EAAE,IAAI,GAAG,aAAa,CAAC,OAAO,GAAG,IAAI,EAAE,QAAQ,CAAC;IAiCxD,QAAQ,CACN,QAAQ,EAAE,SAAS;QAAE,QAAQ,IAAI,gBAAgB,CAAA;KAAE,EAAE,GACpD,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC;IAInC,KAAK,IAAI;QACP,MAAM,EAAE,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC1C,kBAAkB,EAAE,mBAAmB,CAAC;KACzC;CAgCF;AAED,MAAM,MAAM,cAAc,CACxB,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,EACpC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,CAAC,IAChD,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG;IAC9B,QAAQ,IAAI,gBAAgB,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;CAC5C;AAkDD,wBAAgB,YAAY,0BAE3B"}
+{"version":3,"file":"SystemBuilder.d.ts","sourceRoot":"","sources":["../src/SystemBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAGL,KAAK,gBAAgB,EAEtB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAWtC,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,CACP,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,GACzC,cAAc,CAAC;CACnB;AAED,MAAM,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,cAAc,KAAK,gBAAgB,CAAC;AAE/E,qBAAa,aAAa,CACxB,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,EACzC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE;;gBAOrD,YAAY,CAAC,EAAE,OAAO,EACtB,aAAa,CAAC,EAAE,QAAQ,EACxB,gBAAgB,CAAC,EAAE,gBAAgB;IAOrC,YAAY,CACV,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAChC,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC;IAKnC,QAAQ,CAAC,IAAI,SAAS,MAAM,EAAE,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,EAC7D,IAAI,EAAE,IAAI,SAAS,MAAM,OAAO,GAAG,KAAK,GAAG,IAAI,EAC/C,MAAM,EAAE,IAAI,GACX,aAAa,CAAC,OAAO,GAAG,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,CAAC;IAsCzE,QAAQ,CACN,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,GAC/B,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,QAAQ,EAAE,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC,EACzD,MAAM,EAAE,IAAI,GAAG,aAAa,CAAC,OAAO,GAAG,IAAI,EAAE,QAAQ,CAAC;IAqCxD,QAAQ,CACN,QAAQ,EAAE,SAAS;QAAE,QAAQ,IAAI,gBAAgB,CAAA;KAAE,EAAE,GACpD,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC;IAQnC,KAAK,IAAI;QACP,MAAM,EAAE,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAC1C,kBAAkB,EAAE,mBAAmB,CAAC;KACzC;CAiCF;AAED,MAAM,MAAM,cAAc,CACxB,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,EACpC,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,OAAO,CAAC,EAAE,CAAC,IAChD,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG;IAC9B,QAAQ,IAAI,gBAAgB,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC3C,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;CACvB;AA0DD,wBAAgB,YAAY,0BAE3B"}

package/dist/compose.d.ts

@@ -2,13 +2,17 @@ import type { AnyBrandedComponent, ComposedFamily, SharedConfig } from './types/
 /**
  * Compose independently-authored Animus components into a sealed,
  * namespaced component family with shared variant propagation via
- * React context.
+ * CSS cascade.
  *
  * - **Enforce**: TypeScript ensures shared keys exist on Root (the
- *   provider). Non-Root slots that have the key consume it from
- *   context; slots without the key are unaffected.
- * - **Wire**: Root provides shared variant values via context.
- *   Child slots consume from context. Direct props override context.
+ *   cascade source). Non-Root slots that have the key consume it from
+ *   CSS inheritance; slots without the key are unaffected.
+ * - **Wire**: The extraction pipeline emits composed variant CSS
+ *   rules — two per shared variant option per child (inheritance +
+ *   override) within @layer variants.
+ * - **Context**: When `context: true`, shared variant prop values
+ *   are also propagated via React context for portal-mounted children
+ *   that CSS descendant selectors cannot reach.
  * - **Seal**: Output components are plain ForwardRefExoticComponent —
  *   no `.extend()`, no builder methods. One-way door from builder-land
  *   to component-land.
@@ -16,5 +20,6 @@ import type { AnyBrandedComponent, ComposedFamily, SharedConfig } from './types/
 export declare function compose<Slots extends Record<string, AnyBrandedComponent>, const Shared extends SharedConfig<Slots>>(slots: Slots, options: {
     shared: Shared;
     name?: string;
+    context?: boolean;
 }): ComposedFamily<Slots>;
 //# sourceMappingURL=compose.d.ts.map

package/dist/compose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,YAAY,EACb,MAAM,mBAAmB,CAAC;AAI3B;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CACrB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACjD,KAAK,CAAC,MAAM,SAAS,YAAY,CAAC,KAAK,CAAC,EAExC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GACzC,cAAc,CAAC,KAAK,CAAC,CAqEvB"}
+{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,YAAY,EACb,MAAM,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,OAAO,CACrB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,EACjD,KAAK,CAAC,MAAM,SAAS,YAAY,CAAC,KAAK,CAAC,EAExC,KAAK,EAAE,KAAK,EAKZ,OAAO,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,GAC5D,cAAc,CAAC,KAAK,CAAC,CA0DvB"}

package/dist/{createClassResolver-u1d160An.js → createClassResolver-Qh7lL0eP.js}

@@ -1,4 +1,4 @@
-import { createElement, forwardRef } from "react";
+import { Children, cloneElement, createElement, forwardRef, isValidElement } from "react";
 import { UNITLESS_PROPERTIES } from "@animus-ui/properties";
 //#region src/runtime/resolveClasses.ts
 /**
@@ -106,6 +106,17 @@ function resolveClasses(baseClassName, props, config, systemPropMap, dynamicProp
 //#endregion
 //#region src/runtime/index.ts
 /**
+* Merge multiple refs (callback or object) into a single callback ref.
+* Creates a new callback on each call — no memoization possible in a
+* hook-free runtime (RSC compatibility). Matches @radix-ui/react-compose-refs.
+*/
+function composeRefs(...refs) {
+	return (node) => {
+		for (const ref of refs) if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	};
+}
+/**
 * Create a lightweight component that applies extracted CSS class names.
 * Replaces Emotion's styled() for extracted components.
 *
@@ -126,6 +137,7 @@ function createComponent(element, className, config, systemPropMap, dynamicPropC
 	const systemPropNames = config.systemPropNames || [];
 	const filterProps = new Set([
 		"as",
+		"asChild",
 		...variantProps,
 		...stateProps,
 		...systemPropNames
@@ -133,10 +145,33 @@ function createComponent(element, className, config, systemPropMap, dynamicPropC
 	let prevDynKey = "";
 	let prevDynStyle = null;
 	const Component = forwardRef((props, ref) => {
-		const renderElement = props.as || element;
-		const isComponentElement = typeof renderElement !== "string";
 		const { classes, dynamicStyle } = resolveClasses(className, props, config, systemPropMap, dynamicPropConfig);
 		if (props.className) classes.push(props.className);
+		if (dynamicStyle) {
+			const dynKey = Object.entries(dynamicStyle).map(([k, v]) => `${k}:${v}`).join("|");
+			if (dynKey !== prevDynKey) {
+				prevDynKey = dynKey;
+				prevDynStyle = dynamicStyle;
+			}
+		}
+		if (props.asChild) {
+			const child = Children.only(props.children);
+			if (!isValidElement(child)) throw new Error(`${className}: asChild requires a single React element as children`);
+			const childRef = child.ref;
+			const mergedClassName = [classes.join(" "), child.props.className].filter(Boolean).join(" ");
+			const mergedStyle = prevDynStyle || props.style || child.props.style ? {
+				...props.style,
+				...child.props.style,
+				...prevDynStyle
+			} : void 0;
+			return cloneElement(child, {
+				ref: composeRefs(ref, childRef),
+				className: mergedClassName,
+				...mergedStyle ? { style: mergedStyle } : {}
+			});
+		}
+		const renderElement = props.as || element;
+		const isComponentElement = typeof renderElement !== "string";
 		const domProps = {
 			ref,
 			className: classes.join(" ")
@@ -147,21 +182,13 @@ function createComponent(element, className, config, systemPropMap, dynamicPropC
 			if (!isComponentElement) {}
 			domProps[key] = value;
 		}
-		if (dynamicStyle) {
-			const dynKey = Object.entries(dynamicStyle).map(([k, v]) => `${k}:${v}`).join("|");
-			if (dynKey !== prevDynKey) {
-				prevDynKey = dynKey;
-				prevDynStyle = dynamicStyle;
-			}
-			domProps.style = props.style ? {
-				...props.style,
-				...prevDynStyle
-			} : prevDynStyle;
-		}
+		if (prevDynStyle && dynamicStyle) domProps.style = props.style ? {
+			...props.style,
+			...prevDynStyle
+		} : prevDynStyle;
 		return createElement(renderElement, domProps);
 	});
 	Component.displayName = className;
-	Component.__variantKeys = new Set(variantProps);
 	return Object.assign(Component, { extend: () => {
 		throw new Error(`Cannot extend extracted component "${className}" at runtime. Extensions must be authored in source code using the builder API (e.g. import the original component and call .extend() there) so the extraction pipeline can resolve them at build time.`);
 	} });

package/dist/groups/index.d.ts

@@ -55,122 +55,146 @@ export declare const border: {
     readonly border: {
         readonly property: "border";
         readonly scale: "borders";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderX: {
         readonly property: "border";
         readonly properties: readonly ["borderLeft", "borderRight"];
         readonly scale: "borders";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderY: {
         readonly property: "border";
         readonly properties: readonly ["borderTop", "borderBottom"];
         readonly scale: "borders";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderTop: {
         readonly property: "borderTop";
         readonly scale: "borders";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderRight: {
         readonly property: "borderRight";
         readonly scale: "borders";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderBottom: {
         readonly property: "borderBottom";
         readonly scale: "borders";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderLeft: {
         readonly property: "borderLeft";
         readonly scale: "borders";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderWidth: {
         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 strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly rounded: {
         readonly property: "borderRadius";
         readonly scale: "radii";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderLeftRadius: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderBottomLeftRadius"];
         readonly scale: "radii";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderTopRadius: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopLeftRadius", "borderTopRightRadius"];
         readonly scale: "radii";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderBottomRadius: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderBottomLeftRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderRightRadius: {
         readonly property: "borderRadius";
         readonly properties: readonly ["borderTopRightRadius", "borderBottomRightRadius"];
         readonly scale: "radii";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderTopLeftRadius: {
         readonly property: "borderTopLeftRadius";
         readonly scale: "radii";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderTopRightRadius: {
         readonly property: "borderTopRightRadius";
         readonly scale: "radii";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderBottomRightRadius: {
         readonly property: "borderBottomRightRadius";
         readonly scale: "radii";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderBottomLeftRadius: {
         readonly property: "borderBottomLeftRadius";
         readonly scale: "radii";
+        readonly strict: false;
         readonly transform: import("../transforms").NamedTransform;
     };
     readonly borderStyle: {
@@ -430,24 +454,29 @@ export declare const positioning: {
     readonly zIndex: {
         readonly property: "zIndex";
         readonly scale: "zIndices";
+        readonly strict: false;
     };
     readonly opacity: {
         readonly property: "opacity";
         readonly scale: "opacities";
+        readonly strict: false;
     };
 };
 export declare const shadows: {
     readonly boxShadow: {
         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 strict: false;
     };
 };
 export declare const layout: {
@@ -570,10 +599,12 @@ export declare const typography: {
     readonly fontWeight: {
         readonly property: "fontWeight";
         readonly scale: "fontWeights";
+        readonly strict: false;
     };
     readonly lineHeight: {
         readonly property: "lineHeight";
         readonly scale: "lineHeights";
+        readonly strict: false;
     };
     readonly fontSize: {
         readonly property: "fontSize";
@@ -582,6 +613,7 @@ export declare const typography: {
     readonly letterSpacing: {
         readonly property: "letterSpacing";
         readonly scale: "letterSpacings";
+        readonly strict: false;
     };
     readonly textAlign: {
         readonly property: "textAlign";

package/dist/groups/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/groups/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBR,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHT,CAAC;AA8BX,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQP,CAAC;AAWX,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCP,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUb,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAIV,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CT,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBb,CAAC;AAwCX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGR,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;;;;;;CAWd,CAAC;AAEX,eAAO,MAAM,IAAI;;;;;CAEP,CAAC;AAEX,eAAO,MAAM,IAAI;;;;CAEP,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/groups/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBR,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IT,CAAC;AA8BX,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQP,CAAC;AAWX,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCP,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUb,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;CAIV,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CT,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBb,CAAC;AAwCX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGR,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;;;;;;CAWd,CAAC;AAEX,eAAO,MAAM,IAAI;;;;;CAEP,CAAC;AAEX,eAAO,MAAM,IAAI;;;;CAEP,CAAC"}