react-native-css 3.0.0-nightly.75f8b74 → 3.0.0-nightly.fa5e95b

package/dist/typescript/module/src/runtime/native/conditions/index.d.ts

@@ -1,6 +1,6 @@
 import type { StyleRule } from "../../../compiler";
 import type { Props } from "../../runtime.types";
-import { type ContainerContextValue, type Effect } from "../reactivity";
+import { type ContainerContextValue, type Getter } from "../reactivity";
 import type { RenderGuard } from "./guards";
-export declare function testRule(rule: StyleRule, effect: Effect, props: Props, guards: RenderGuard[], containerContext: ContainerContextValue): boolean;
+export declare function testRule(rule: StyleRule, get: Getter, props: Props, guards: RenderGuard[], containerContext: ContainerContextValue): boolean;
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/src/runtime/native/conditions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/conditions/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,SAAS,EACV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACZ,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,wBAAgB,QAAQ,CACtB,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,WAAW,EAAE,EACrB,gBAAgB,EAAE,qBAAqB,WAmBxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/conditions/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,SAAS,EACV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACZ,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,wBAAgB,QAAQ,CACtB,IAAI,EAAE,SAAS,EACf,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,WAAW,EAAE,EACrB,gBAAgB,EAAE,qBAAqB,WAmBxC"}

package/dist/typescript/module/src/runtime/native/conditions/media-query.d.ts

@@ -1,4 +1,4 @@
 import type { MediaCondition } from "../../../compiler";
-import { type Effect } from "../reactivity";
-export declare function testMediaQuery(mediaQueries: MediaCondition[], effect: Effect): boolean;
+import { type Getter } from "../reactivity";
+export declare function testMediaQuery(mediaQueries: MediaCondition[], get: Getter): boolean;
 //# sourceMappingURL=media-query.d.ts.map

package/dist/typescript/module/src/runtime/native/conditions/media-query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media-query.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/conditions/media-query.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAuB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAEjE,wBAAgB,cAAc,CAAC,YAAY,EAAE,cAAc,EAAE,EAAE,MAAM,EAAE,MAAM,WAE5E"}
+{"version":3,"file":"media-query.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/conditions/media-query.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAuB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAEjE,wBAAgB,cAAc,CAAC,YAAY,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,MAAM,WAEzE"}

package/dist/typescript/module/src/runtime/native/react/interaction.d.ts

@@ -1,6 +1,6 @@
-import { type Effect } from "../reactivity";
+import { type Getter as WeakKey } from "../reactivity";
 type Handler = (event: unknown) => void;
 export type InteractionType = "onLayout" | "onHoverIn" | "onHoverOut" | "onPress" | "onPressIn" | "onPressOut" | "onFocus" | "onBlur";
-export declare function getInteractionHandler(effect: Effect, type: InteractionType, handler?: Handler): (event: any) => void;
+export declare function getInteractionHandler(weakKey: WeakKey, type: InteractionType, handler?: Handler): (event: any) => void;
 export {};
 //# sourceMappingURL=interaction.d.ts.map

package/dist/typescript/module/src/runtime/native/react/interaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/react/interaction.ts"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,MAAM,EACZ,MAAM,eAAe,CAAC;AAOvB,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAExC,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,WAAW,GACX,YAAY,GACZ,SAAS,GACT,WAAW,GACX,YAAY,GACZ,SAAS,GACT,QAAQ,CAAC;AAab,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,eAAe,EACrB,OAAO,UAAwB,WA7BL,GAAG,KAAK,IAAI,CA4EvC"}
+{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/react/interaction.ts"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,MAAM,IAAI,OAAO,EACvB,MAAM,eAAe,CAAC;AAOvB,KAAK,OAAO,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAExC,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,WAAW,GACX,YAAY,GACZ,SAAS,GACT,WAAW,GACX,YAAY,GACZ,SAAS,GACT,QAAQ,CAAC;AAab,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,eAAe,EACrB,OAAO,UAAwB,WA7BL,GAAG,KAAK,IAAI,CA4EvC"}

package/dist/typescript/module/src/runtime/native/react/useNativeCss.d.ts

@@ -1,7 +1,7 @@
 import { type ComponentType } from "react";
 import type { StyledConfiguration } from "../../runtime.types";
 import { type RenderGuard } from "../conditions/guards";
-import { type ContainerContextValue, type Effect, type VariableContextValue } from "../reactivity";
+import { type ContainerContextValue, type Effect, type Getter, type VariableContextValue } from "../reactivity";
 import { stylesFamily } from "../styles";
 export type Config = {
     source: string;
@@ -13,6 +13,7 @@ export type ComponentState = {
     configs: Config[];
     /** Reactive tracking */
     ruleEffect: Effect;
+    ruleEffectGetter: Getter;
     styleEffect: Effect;
     /** The components props */
     currentProps?: Record<string, any> | undefined | null;

package/dist/typescript/module/src/runtime/native/react/useNativeCss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNativeCss.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/react/useNativeCss.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAkB,YAAY,EAAE,MAAM,WAAW,CAAC;AAIzD,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,KAAK,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,uCAAuC;IACvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IAEtD,kDAAkD;IAClD,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IAEnC,kBAAkB,EAAE,oBAAoB,CAAC;IACzC,mBAAmB,EAAE,qBAAqB,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EACxB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EACrD,OAAO,GAAE,MAAM,EAA+C,oKAoG/D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,YAgChE"}
+{"version":3,"file":"useNativeCss.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/react/useNativeCss.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAIL,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAkB,YAAY,EAAE,MAAM,WAAW,CAAC;AAIzD,MAAM,MAAM,MAAM,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,KAAK,CAAC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,uCAAuC;IACvC,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IAEpB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;IAEtD,kDAAkD;IAClD,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,UAAU,CAAC,EAAE,qBAAqB,CAAC;IAEnC,kBAAkB,EAAE,oBAAoB,CAAC;IACzC,mBAAmB,EAAE,qBAAqB,CAAC;IAE3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,EACxB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,EACrD,OAAO,GAAE,MAAM,EAA+C,oKAqG/D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,YAgChE"}

package/dist/typescript/module/src/runtime/native/reactivity.d.ts

@@ -1,5 +1,5 @@
 import { type ColorSchemeName, type LayoutRectangle } from "react-native";
-import type { LightDarkVariable, StyleDescriptor } from "../../compiler";
+import type { StyleDescriptor, VariableValue } from "../../compiler";
 export type Effect = {
     observers: Set<Effect>;
     run(): void;
@@ -33,11 +33,11 @@ export type VariableContextValue = Record<string, StyleDescriptor> & {
     [VAR_SYMBOL]: true;
 };
 export declare const VariableContext: import("react").Context<VariableContextValue>;
-export declare const rootVariables: ((key: string, args: void) => Observable<StyleDescriptor, LightDarkVariable>) & {
+export declare const rootVariables: ((key: string, args: void) => Observable<StyleDescriptor, VariableValue[]>) & {
     delete(key: string): boolean;
     clear(): void;
 };
-export declare const universalVariables: ((key: string, args: void) => Observable<StyleDescriptor, LightDarkVariable>) & {
+export declare const universalVariables: ((key: string, args: void) => Observable<StyleDescriptor, VariableValue[]>) & {
     delete(key: string): boolean;
     clear(): void;
 };
@@ -54,7 +54,7 @@ export declare const vh: Observable<number, number>;
 /** Color Scheme **************************************************************/
 export declare const colorScheme: Observable<ColorSchemeName, ColorSchemeName>;
 /** Containers ****************************************************************/
-export type ContainerContextValue = Record<string, Effect>;
+export type ContainerContextValue = Record<string, WeakKey>;
 export declare const ContainerContext: import("react").Context<ContainerContextValue>;
 export declare const containerLayoutFamily: WeakFamilyFn<WeakKey, void, Observable<LayoutRectangle, LayoutRectangle>>;
 export declare const containerWidthFamily: WeakFamilyFn<WeakKey, void, Observable<number, number>>;

package/dist/typescript/module/src/runtime/native/reactivity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reactivity.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/native/reactivity.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"reactivity.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/native/reactivity.ts"],"names":[],"mappings":"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"}

package/dist/typescript/module/src/runtime/native/styles/calculate-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calculate-props.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/calculate-props.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,SAAS,EACV,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAEL,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAGvB,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,CAAC,SAAS,GAAG,cAAc,GAAG,oBAAoB,CAAC,EAAE,EAC5D,MAAM,GAAE,WAAW,EAAO,EAC1B,kBAAkB,GAAE,oBAEnB,EACD,eAAe,GAAE,cAEhB;;;;EA6DF;AAED,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,gBAAgB,EAAE,EAChC,eAAe,EAAE,cAAc,EAC/B,kBAAkB,EAAE,oBAAoB,EACxC,aAAa,GAAE,CAAC,MAAM,IAAI,CAAC,EAAO,EAClC,MAAM,GAAE,WAAW,EAAO,EAC1B,MAAM,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EAChC,cAAc,sBAAS,QAqExB"}
+{"version":3,"file":"calculate-props.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/calculate-props.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAChB,SAAS,EACV,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAEL,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAGvB,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,CAAC,SAAS,GAAG,cAAc,GAAG,oBAAoB,CAAC,EAAE,EAC5D,MAAM,GAAE,WAAW,EAAO,EAC1B,kBAAkB,GAAE,oBAEnB,EACD,eAAe,GAAE,cAEhB;;;;EA6DF;AAED,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,gBAAgB,EAAE,EAChC,eAAe,EAAE,cAAc,EAC/B,kBAAkB,EAAE,oBAAoB,EACxC,aAAa,GAAE,CAAC,MAAM,IAAI,CAAC,EAAO,EAClC,MAAM,GAAE,WAAW,EAAO,EAC1B,MAAM,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EAChC,cAAc,sBAAS,QA+ExB"}

package/dist/typescript/module/src/runtime/native/styles/units.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"units.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/units.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAEvD,eAAO,MAAM,EAAE,EAAE,qBAchB,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,qBAQhB,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,qBAQhB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,qBAQjB,CAAC"}
+{"version":3,"file":"units.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/units.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAEvD,eAAO,MAAM,EAAE,EAAE,qBAkBhB,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,qBAQhB,CAAC;AAEF,eAAO,MAAM,EAAE,EAAE,qBAQhB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,qBAQjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-css",
-  "version": "3.0.0-nightly.75f8b74",
+  "version": "3.0.0-nightly.fa5e95b",
   "exports": {
     ".": {
       "source": "./src/index.ts",
@@ -40,7 +40,7 @@
     },
     "./jest": {
       "source": "./src/jest/index.ts",
-      "react-native": "./src/jest/index.tsx",
+      "react-native": "./src/jest/index.ts",
       "import": {
         "types": "./dist/typescript/module/src/jest/index.d.ts",
         "default": "./dist/module/jest/index.js"
@@ -104,7 +104,7 @@
     "prepare": "bob build",
     "prepublishOnly": "bob build",
     "release": "release-it --config ./.config/release-it.config.ts",
-    "release:nightly": "release-it --config ./.config/release-it.config.ts 3.0.0-nightly.\"$(git rev-parse --short HEAD)\" --npm.tag=beta",
+    "release:nightly": "release-it --config ./.config/release-it.nightly.config.ts 3.0.0-nightly.\"$(git rev-parse --short HEAD)\" --npm.tag=beta",
     "start": "yarn example start",
     "start:build": "yarn build && yarn example build",
     "start:debug": "yarn build && yarn example debug",

package/src/compiler/atRules.ts

@@ -132,7 +132,7 @@ function propAtRuleBlock(
   mapping[toRNProperty(fromToken.value.value)] = to.flatMap((item, index) => {
     switch (item.value.type) {
       case "delim":
-        return index === 0 && item.value.value === "^" ? ["^"] : [];
+        return index === 0 && item.value.value === "*" ? ["*"] : [];
       case "ident":
         return [toRNProperty(item.value.value)];
       default:

package/src/compiler/attributes.test.ts

@@ -6,7 +6,7 @@ test("multiple classes", () => {
   color: red;
 }`);
 
-  expect(compiled).toStrictEqual({
+  expect(compiled.stylesheet()).toStrictEqual({
     s: [
       [
         "test",

package/src/compiler/compiler.ts

@@ -1,4 +1,6 @@
 /* eslint-disable */
+import { inspect } from "node:util";
+
 import { debug } from "debug";
 import {
   transform as lightningcss,
@@ -12,11 +14,7 @@ import {
 } from "lightningcss";
 
 import { maybeMutateReactNativeOptions, parsePropAtRule } from "./atRules";
-import type {
-  CompilerOptions,
-  ContainerQuery,
-  ReactNativeCssStyleSheet,
-} from "./compiler.types";
+import type { CompilerOptions, ContainerQuery } from "./compiler.types";
 import { parseContainerCondition } from "./container-query";
 import { parseDeclaration } from "./declarations";
 import { extractKeyFrames } from "./keyframes";
@@ -33,11 +31,11 @@ const defaultLogger = debug("react-native-css:compiler");
  * @param options - Compiler options
  * @returns A `ReactNativeCssStyleSheet` that can be passed to `StyleSheet.register` or used with a custom runtime
  */
-export function compile(
-  code: Buffer | string,
-  options: CompilerOptions = {},
-): ReactNativeCssStyleSheet {
+export function compile(code: Buffer | string, options: CompilerOptions = {}) {
   const { logger = defaultLogger } = options;
+  const isLoggerEnabled =
+    "enabled" in logger ? logger.enabled : Boolean(logger);
+
   const features = Object.assign({}, options.features);
 
   if (options.selectorPrefix && options.selectorPrefix.startsWith(".")) {
@@ -67,8 +65,12 @@ export function compile(
       maybeMutateReactNativeOptions(rule, builder);
     },
     StyleSheetExit(sheet) {
-      logger(`Found ${sheet.rules.length} rules to process`);
-      logger(JSON.stringify(sheet.rules, null, 2));
+      if (isLoggerEnabled) {
+        logger(`Found ${sheet.rules.length} rules to process`);
+        logger(
+          inspect(sheet.rules, { depth: null, colors: true, compact: false }),
+        );
+      }
 
       for (const rule of sheet.rules) {
         // Extract the style declarations and animations from the current rule
@@ -108,7 +110,10 @@ export function compile(
     visitor,
   });
 
-  return builder.getNativeStyleSheet();
+  return {
+    stylesheet: () => builder.getNativeStyleSheet(),
+    warnings: () => builder.getWarnings(),
+  };
 }
 
 /**
@@ -137,16 +142,16 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
 
       const declarationBlock = value.declarations;
       if (declarationBlock) {
-        if (declarationBlock.declarations) {
-          builder.newRuleFork();
+        if (declarationBlock.declarations?.length) {
+          builder.newNestedRule();
           for (const declaration of declarationBlock.declarations) {
             parseDeclaration(declaration, builder);
           }
           builder.applyRuleToSelectors();
         }
 
-        if (declarationBlock.importantDeclarations) {
-          builder.newRuleFork({ important: true });
+        if (declarationBlock.importantDeclarations?.length) {
+          builder.newNestedRule({ important: true });
           for (const declaration of declarationBlock.importantDeclarations) {
             parseDeclaration(declaration, builder);
           }
@@ -283,17 +288,17 @@ function extractContainer(
   builder = builder.fork("container");
 
   // Iterate over all rules inside the containerRule and extract their styles using the updated CompilerCollection
-  for (const rule of containerRule.rules) {
-    const query: ContainerQuery = {
-      m: parseContainerCondition(containerRule.condition, builder),
-    };
+  const query: ContainerQuery = {
+    m: parseContainerCondition(containerRule.condition, builder),
+  };
 
-    if (containerRule.name) {
-      query.n = containerRule.name;
-    }
+  if (containerRule.name) {
+    query.n = containerRule.name;
+  }
 
-    builder.addContainerQuery(query);
+  builder.addContainerQuery(query);
 
+  for (const rule of containerRule.rules) {
     extractRule(rule, builder);
   }
 }

package/src/compiler/compiler.types.ts

@@ -35,9 +35,9 @@ export interface ReactNativeCssStyleSheet_V2 {
   /** KeyFrames */
   k?: Animation_V2[];
   /** Root Variables */
-  vr?: [string, LightDarkVariable][];
+  vr?: RootVariables;
   /** Universal Variables */
-  vu?: [string, LightDarkVariable][];
+  vu?: RootVariables;
 }
 
 /********************************    Styles    ********************************/
@@ -147,10 +147,12 @@ export type StyleFunction =
 /******************************    Variables    *******************************/
 
 export type VariableDescriptor = [string, StyleDescriptor];
-export type VariableRecord = Record<string, LightDarkVariable>;
-export type LightDarkVariable =
+export type VariableRecord = Record<string, VariableValue[]>;
+export type VariableValue =
   | [StyleDescriptor]
-  | [StyleDescriptor, StyleDescriptor];
+  | [StyleDescriptor, MediaCondition[]];
+
+export type RootVariables = [string, VariableValue[]][];
 
 export type InlineVariable = {
   [VAR_SYMBOL]: "inline";

package/src/compiler/declarations.ts

@@ -116,7 +116,7 @@ const parsers: {
   "border-inline-start": parseBorderInlineStart,
   "border-inline-start-color": parseColorDeclaration,
   "border-inline-start-width": parseBorderSideWidthDeclaration,
-  "border-inline-width": parseBorderBlockWidth,
+  "border-inline-width": parseBorderInlineWidth,
   "border-left": parseBorderSide,
   "border-left-color": parseColorDeclaration,
   "border-left-width": parseBorderSideWidthDeclaration,
@@ -270,6 +270,7 @@ function parseWithParser(declaration: Declaration, builder: StylesheetBuilder) {
 
     builder.descriptorProperty = declaration.property;
 
+    builder.setWarningProperty(declaration.property);
     const value = parser(declaration, builder, declaration.property);
 
     if (value !== undefined) {
@@ -475,6 +476,20 @@ function parseBorderInlineEnd(
   );
 }
 
+export function parseBorderInlineWidth(
+  declaration: DeclarationType<"border-inline-width">,
+  builder: StylesheetBuilder,
+) {
+  builder.addDescriptor(
+    "border-left-width",
+    parseBorderSideWidth(declaration.value.start, builder),
+  );
+  builder.addDescriptor(
+    "border-right-width",
+    parseBorderSideWidth(declaration.value.end, builder),
+  );
+}
+
 function parseFlexFlow(
   { value }: DeclarationType<"flex-flow">,
   builder: StylesheetBuilder,
@@ -743,7 +758,17 @@ function parseLetterSpacing(
   if (value.type === "normal") {
     return;
   }
-  return parseLength(value.value, builder);
+  const descriptor = parseLength(value.value, builder);
+
+  if (
+    Array.isArray(descriptor) &&
+    descriptor[1] === "em" &&
+    typeof descriptor[2] === "number"
+  ) {
+    return descriptor[2];
+  }
+
+  return descriptor;
 }
 
 function parseTextDecoration(
@@ -803,6 +828,8 @@ export function parseDeclarationUnparsed(
     return;
   }
 
+  builder.setWarningProperty(property);
+
   /**
    * React Native doesn't support all the logical properties
    */
@@ -858,6 +885,13 @@ export function parseDeclarationCustom(
     property.startsWith("--") ||
     property.startsWith("-rn-")
   ) {
+    builder.setWarningProperty(property);
+    builder.addDescriptor(
+      property,
+      parseUnparsed(declaration.value.value, builder, allowAuto.has(property)),
+    );
+  } else if (property === "-webkit-line-clamp") {
+    builder.addMapping({ [property]: ["numberOfLines"] });
     builder.addDescriptor(
       property,
       parseUnparsed(declaration.value.value, builder, allowAuto.has(property)),
@@ -1031,7 +1065,7 @@ export function parseUnparsed(
             builder,
           );
         default: {
-          builder.addWarning("function", tokenOrValue.value.name);
+          builder.addWarning("value", `${tokenOrValue.value.name}()`);
           return;
         }
       }
@@ -1152,23 +1186,30 @@ export function parseLength(
   const { inlineRem = 14 } = builder.getOptions();
 
   if (typeof length === "number") {
-    return length;
+    return round(length);
   }
 
   if ("unit" in length) {
     switch (length.unit) {
-      case "px":
-        return length.value;
+      case "px": {
+        if (length.value === Infinity) {
+          return 9999;
+        } else if (length.value === -Infinity) {
+          return -9999;
+        } else {
+          return round(length.value);
+        }
+      }
       case "rem":
         if (typeof inlineRem === "number") {
           return length.value * inlineRem;
         } else {
-          return [{}, "rem", length.value];
+          return [{}, "rem", round(length.value)];
         }
       case "vw":
       case "vh":
       case "em":
-        return [{}, length.unit, length.value, 1];
+        return [{}, length.unit, round(length.value), 1];
       case "in":
       case "cm":
       case "mm":
@@ -1251,7 +1292,7 @@ export function parseAngle(angle: Angle | number, builder: StylesheetBuilder) {
     case "rad":
       return `${angle.value}${angle.type}`;
     default:
-      builder.addWarning("value", angle.value);
+      builder.addWarning("value", `${angle.value} ${angle.type}`);
       return undefined;
   }
 }
@@ -1879,7 +1920,7 @@ export function parseBorderBlockColor(
 }
 
 export function parseBorderBlockWidth(
-  declaration: DeclarationType<"border-block-width" | "border-inline-width">,
+  declaration: DeclarationType<"border-block-width">,
   builder: StylesheetBuilder,
 ) {
   builder.addDescriptor(
@@ -1959,7 +2000,8 @@ export function parseLineHeight(
         case "percentage":
         case "calc":
           builder.addWarning(
-            "value",
+            "style",
+            "line-height",
             typeof length.value === "number"
               ? length.value
               : JSON.stringify(length.value),
@@ -2222,7 +2264,11 @@ export function parseDimension(
 ): StyleDescriptor {
   switch (unit) {
     case "px":
-      return value;
+      if (value === Infinity) {
+        return 9999;
+      } else {
+        return value;
+      }
     case "%":
       return `${value}%`;
     case "rnh":
@@ -2262,7 +2308,7 @@ export function parseSVGPaint(
 }
 
 export function round(number: number) {
-  return Math.round((number + Number.EPSILON) * 100) / 100;
+  return Math.round((number + Number.EPSILON) * 10000) / 10000;
 }
 
 export function parseDimensionPercentageFor_LengthValue(

package/src/compiler/inheritance.test.ts

@@ -6,7 +6,7 @@ test("nested classes", () => {
   color: red;
 }`);
 
-  expect(compiled).toStrictEqual({
+  expect(compiled.stylesheet()).toStrictEqual({
     s: [
       [
         "my-class",
@@ -38,7 +38,7 @@ test("multiple tiers classes", () => {
   color: red;
 }`);
 
-  expect(compiled).toStrictEqual({
+  expect(compiled.stylesheet()).toStrictEqual({
     s: [
       [
         "one",
@@ -79,7 +79,7 @@ test("tiers with multiple classes", () => {
   color: red;
 }`);
 
-  expect(compiled).toStrictEqual({
+  expect(compiled.stylesheet()).toStrictEqual({
     s: [
       [
         "one",