react-native-css 3.0.0-nightly.27bd5e2 → 3.0.0-nightly.46bc0ab

package/dist/typescript/module/src/runtime/native/styles/functions/transform-functions.d.ts

@@ -0,0 +1,5 @@
+import type { StyleFunctionResolver } from "../resolve";
+export declare const scale: StyleFunctionResolver;
+export declare const rotate: StyleFunctionResolver;
+export declare const translate: StyleFunctionResolver;
+//# sourceMappingURL=transform-functions.d.ts.map

package/dist/typescript/module/src/runtime/native/styles/functions/transform-functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-functions.d.ts","sourceRoot":"","sources":["../../../../../../../../src/runtime/native/styles/functions/transform-functions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,eAAO,MAAM,KAAK,EAAE,qBAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,qBAkBpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,qBAUvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"resolve.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/resolve.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,aAAa,EACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAKvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA2BxD,MAAM,MAAM,kBAAkB,GAAG,CAC/B,KAAK,EAAE,eAAe,EACtB,WAAW,CAAC,EAAE,OAAO,KAClB,OAAO,CAAC;AAEb,MAAM,MAAM,qBAAqB,GAAG,CAClC,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,mBAAmB,KACzB,OAAO,CAAC;AAEb,MAAM,MAAM,aAAa,GAAG,CAC1B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,eAAe,EACtB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,mBAAmB,KACzB,OAAO,CAAC;AAkCb,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAC1C,eAAe,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAC7C,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,kFAAkF;IAClF,cAAc,CAAC,EAAE,OAAO,cAAc,CAAC;CACxC,CAAC;AAEF,wBAAgB,YAAY,CAC1B,KAAK,EAAE,eAAe,EACtB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,mBAAmB,GAC3B,GAAG,CA2FL"}
+{"version":3,"file":"resolve.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/resolve.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,aAAa,EACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOxD,MAAM,MAAM,kBAAkB,GAAG,CAC/B,KAAK,EAAE,eAAe,EACtB,WAAW,CAAC,EAAE,OAAO,KAClB,OAAO,CAAC;AAEb,MAAM,MAAM,qBAAqB,GAAG,CAClC,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,mBAAmB,KACzB,OAAO,CAAC;AAEb,MAAM,MAAM,aAAa,GAAG,CAC1B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,eAAe,EACtB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,mBAAmB,KACzB,OAAO,CAAC;AAYb,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,oBAAoB,CAAC;IAC1C,eAAe,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAC7C,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,kFAAkF;IAClF,cAAc,CAAC,EAAE,OAAO,cAAc,CAAC;CACxC,CAAC;AAEF,wBAAgB,YAAY,CAC1B,KAAK,EAAE,eAAe,EACtB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,mBAAmB,GAC3B,GAAG,CA8FL"}

package/dist/typescript/module/src/runtime/native/styles/{shorthand.d.ts → shorthands/_handler.d.ts}

@@ -1,4 +1,4 @@
-import type { StyleResolver } from "./resolve";
+import type { StyleResolver } from "../resolve";
 type ShorthandType = "string" | "number" | "length" | "color" | Readonly<(string | Function)[]>;
 type ShorthandRequiredValue = readonly [string | readonly string[], ShorthandType] | ShorthandDefaultValue;
 type ShorthandDefaultValue = readonly [
@@ -8,4 +8,4 @@ type ShorthandDefaultValue = readonly [
 ];
 export declare function shorthandHandler(mappings: ShorthandRequiredValue[][], defaults: ShorthandDefaultValue[], returnType?: "shorthandObject" | "tuples" | "object"): StyleResolver;
 export {};
-//# sourceMappingURL=shorthand.d.ts.map
+//# sourceMappingURL=_handler.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_handler.d.ts","sourceRoot":"","sources":["../../../../../../../../src/runtime/native/styles/shorthands/_handler.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,KAAK,aAAa,GACd,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEpC,KAAK,sBAAsB,GACvB,SAAS,CAAC,MAAM,GAAG,SAAS,MAAM,EAAE,EAAE,aAAa,CAAC,GACpD,qBAAqB,CAAC;AAE1B,KAAK,qBAAqB,GAAG,SAAS;IACpC,MAAM,GAAG,SAAS,MAAM,EAAE;IAC1B,aAAa;IACb,GAAG;CACJ,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,sBAAsB,EAAE,EAAE,EACpC,QAAQ,EAAE,qBAAqB,EAAE,EACjC,UAAU,GAAE,iBAAiB,GAAG,QAAQ,GAAG,QAA4B,GACtE,aAAa,CA4Ff"}

package/dist/typescript/module/src/runtime/native/styles/shorthands/animation.d.ts

@@ -0,0 +1,4 @@
+import type { StyleFunctionResolver } from "../resolve";
+export declare const animationShorthand: import("../resolve").StyleResolver;
+export declare const animation: StyleFunctionResolver;
+//# sourceMappingURL=animation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../../../../../../src/runtime/native/styles/shorthands/animation.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAgCxD,eAAO,MAAM,kBAAkB,oCAuB9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,qBA6DvB,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/shorthands/border.d.ts

@@ -0,0 +1,2 @@
+export declare const border: import("../resolve").StyleResolver;
+//# sourceMappingURL=border.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../../../../../../src/runtime/native/styles/shorthands/border.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM,oCAGlB,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/shorthands/box-shadow.d.ts

@@ -0,0 +1,3 @@
+import type { StyleFunctionResolver } from "../resolve";
+export declare const boxShadow: StyleFunctionResolver;
+//# sourceMappingURL=box-shadow.d.ts.map

package/dist/typescript/module/src/runtime/native/styles/shorthands/box-shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-shadow.d.ts","sourceRoot":"","sources":["../../../../../../../../src/runtime/native/styles/shorthands/box-shadow.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAuBxD,eAAO,MAAM,SAAS,EAAE,qBA6BvB,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from "./animation";
+export * from "./border";
+export * from "./box-shadow";
+export * from "./text-shadow";
+export * from "./transform";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/runtime/native/styles/shorthands/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/shorthands/text-shadow.d.ts

@@ -0,0 +1,2 @@
+export declare const textShadow: import("../resolve").StyleResolver;
+//# sourceMappingURL=text-shadow.d.ts.map

package/dist/typescript/module/src/runtime/native/styles/shorthands/text-shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-shadow.d.ts","sourceRoot":"","sources":["../../../../../../../../src/runtime/native/styles/shorthands/text-shadow.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,oCAStB,CAAC"}

package/dist/typescript/module/src/runtime/native/styles/{transform.d.ts → shorthands/transform.d.ts}

@@ -1,4 +1,4 @@
-import type { StyleFunctionResolver } from "./resolve";
+import type { StyleFunctionResolver } from "../resolve";
 /**
  * Handle the unparsable transform property by converting its values into StyleDeclarations
  * Each value should be a StyleDescriptor function of the transform type

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

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../../../../src/runtime/native/styles/shorthands/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,qBAcvB,CAAC"}

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/dist/typescript/module/src/runtime/native/styles/variables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/variables.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAIL,KAAK,MAAM,EACZ,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAEzE,wBAAgB,WAAW,CACzB,OAAO,EAAE,kBAAkB,EAC3B,EAAE,EAAE,aAAa,EACjB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,mBAAmB,WAyE7B"}
+{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../../../../../../src/runtime/native/styles/variables.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAEzE,wBAAgB,WAAW,CACzB,OAAO,EAAE,kBAAkB,EAC3B,EAAE,EAAE,aAAa,EACjB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,mBAAmB,WAyE7B"}

package/dist/typescript/module/src/runtime/utils/objects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"objects.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/utils/objects.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,OAwBxE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,uCAcxC;AAED,wBAAgB,UAAU,CACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,GAAG,QA0BX;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,MAAM,EAAE,EAC5C,KAAK,EAAE,GAAG,uBAgBX"}
+{"version":3,"file":"objects.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/utils/objects.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,OA0BxE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,uCAcxC;AAED,wBAAgB,UAAU,CACxB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,GAAG,QAkCX;AAED,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,MAAM,EAAE,EAC5C,KAAK,EAAE,GAAG,uBAgBX"}

package/dist/typescript/module/src/runtime/utils/specificity.d.ts

@@ -6,6 +6,7 @@ export declare const Specificity: {
     Important: number;
     Inline: number;
     PseudoElements: number;
+    PseudoClass: number;
 };
 export declare const inlineSpecificity: SpecificityArray;
 export declare const specificityCompareFn: (a: StyleRule | InlineStyleRecord, b: StyleRule | InlineStyleRecord) => number;

package/dist/typescript/module/src/runtime/utils/specificity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"specificity.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/utils/specificity.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,eAAO,MAAM,WAAW;;;;;;CAQvB,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,gBAAqB,CAAC;AAGtD,eAAO,MAAM,oBAAoB,GAC/B,GAAG,SAAS,GAAG,iBAAiB,EAChC,GAAG,SAAS,GAAG,iBAAiB,WAkBjC,CAAC"}
+{"version":3,"file":"specificity.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/utils/specificity.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,eAAO,MAAM,WAAW;;;;;;;CASvB,CAAC;AAQF,eAAO,MAAM,iBAAiB,EAAE,gBAAqB,CAAC;AAGtD,eAAO,MAAM,oBAAoB,GAC/B,GAAG,SAAS,GAAG,iBAAiB,EAChC,GAAG,SAAS,GAAG,iBAAiB,WAkBjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-css",
-  "version": "3.0.0-nightly.27bd5e2",
+  "version": "3.0.0-nightly.46bc0ab",
   "exports": {
     ".": {
       "source": "./src/index.ts",
@@ -27,6 +27,29 @@
         "default": "./dist/commonjs/metro/index.js"
       }
     },
+    "./compiler": {
+      "source": "./src/compiler/index.ts",
+      "import": {
+        "types": "./dist/typescript/module/src/compiler/index.d.ts",
+        "default": "./dist/module/compiler/index.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/compiler/index.d.ts",
+        "default": "./dist/commonjs/compiler/index.js"
+      }
+    },
+    "./jest": {
+      "source": "./src/jest/index.ts",
+      "react-native": "./src/jest/index.ts",
+      "import": {
+        "types": "./dist/typescript/module/src/jest/index.d.ts",
+        "default": "./dist/module/jest/index.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/jest/index.d.ts",
+        "default": "./dist/commonjs/jest/index.js"
+      }
+    },
     "./babel": {
       "source": "./src/babel/index.ts",
       "import": {
@@ -80,8 +103,8 @@
     "lint": "eslint",
     "prepare": "bob build",
     "prepublishOnly": "bob build",
-    "release": "release-it",
-    "release:nightly": "release-it 3.0.0-nightly.\"$(git rev-parse --short HEAD)\" --npm.tag=beta",
+    "release": "release-it --config ./.config/release-it.config.ts",
+    "release:nightly": "release-it --config ./.config/release-it.nightly.config.ts 3.0.0-nightly.\"$(git rev-parse --short HEAD)\" --npm.tag=beta && git restore :/",
     "start": "yarn example start",
     "start:build": "yarn build && yarn example build",
     "start:debug": "yarn build && yarn example debug",
@@ -112,6 +135,7 @@
   "files": [
     "src",
     "dist",
+    "types.d.ts",
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__"
@@ -133,7 +157,6 @@
     "@commitlint/config-conventional": "^19.8.1",
     "@eslint/js": "^9.30.1",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.2",
-    "@tailwindcss/postcss": "^4.1.11",
     "@testing-library/react-native": "^13.2.0",
     "@tsconfig/react-native": "^3.0.6",
     "@types/babel__core": "^7",
@@ -146,6 +169,7 @@
     "babel-plugin-tester": "^12.0.0",
     "babel-preset-expo": "13.3.0-canary-20250713-8f814f8",
     "commitlint": "^19.8.1",
+    "eas-build-cache-provider": "^16.4.2",
     "eslint": "^9.30.1",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-prettier": "^5.5.1",

package/src/compiler/atRules.ts

@@ -79,7 +79,16 @@ function isPropAtRule(rule: Rule | PropAtRule): rule is PropAtRule {
 }
 
 export function parsePropAtRule(rules?: (Rule | PropAtRule)[]) {
-  const mapping: StyleRuleMapping = {};
+  // Include any default mapping here
+  const mapping: StyleRuleMapping = {
+    "caret-color": ["cursorColor"],
+    "fill": ["fill"],
+    "stroke": ["stroke"],
+    "stroke-width": ["strokeWidth"],
+    "-webkit-line-clamp": ["numberOfLines"],
+    "-rn-ripple-color": ["android_ripple", "color"],
+    "-rn-ripple-style": ["android_ripple", "borderless"],
+  };
 
   if (!rules) return mapping;
 
@@ -120,7 +129,7 @@ function propAtRuleBlock(
     return item.value.type === "colon";
   });
 
-  if (!from || from.length !== 1 || !to) {
+  if (!from || from.length !== 1) {
     return mapping;
   }
 
@@ -129,10 +138,15 @@ function propAtRuleBlock(
     return mapping;
   }
 
+  if (!to) {
+    mapping["*"] = toRNProperty(fromToken.value.value);
+    return mapping;
+  }
+
   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,16 +14,11 @@ 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";
 import { parseMediaQuery } from "./media-query";
-import { getSelectors } from "./selectors";
 import { StylesheetBuilder } from "./stylesheet";
 
 const defaultLogger = debug("react-native-css:compiler");
@@ -33,11 +30,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 +64,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 +109,10 @@ export function compile(
     visitor,
   });
 
-  return builder.getNativeStyleSheet();
+  return {
+    stylesheet: () => builder.getNativeStyleSheet(),
+    warnings: () => builder.getWarnings(),
+  };
 }
 
 /**
@@ -132,17 +136,37 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
       extractMedia(rule.value, builder);
       break;
     }
+    case "nested-declarations": {
+      const value = rule.value;
+
+      const declarationBlock = value.declarations;
+      if (declarationBlock) {
+        if (declarationBlock.declarations?.length) {
+          builder.newNestedRule();
+          for (const declaration of declarationBlock.declarations) {
+            parseDeclaration(declaration, builder);
+          }
+          builder.applyRuleToSelectors();
+        }
+
+        if (declarationBlock.importantDeclarations?.length) {
+          builder.newNestedRule({ important: true });
+          for (const declaration of declarationBlock.importantDeclarations) {
+            parseDeclaration(declaration, builder);
+          }
+          builder.applyRuleToSelectors();
+        }
+      }
+      break;
+    }
     case "style": {
-      // If the rule is a style declaration, extract it with the `getExtractedStyle` function and store it in the `declarations` map
-      builder = builder.fork("style");
+      const value = rule.value;
+
+      const declarationBlock = value.declarations;
+      const mapping = parsePropAtRule(value.rules);
 
-      const declarationBlock = rule.value.declarations;
-      const mapping = parsePropAtRule(rule.value.rules);
-      const selectors = getSelectors(
-        rule.value.selectors,
-        false,
-        builder.getOptions(),
-      );
+      // If the rule is a style declaration, extract it with the `getExtractedStyle` function and store it in the `declarations` map
+      builder = builder.fork("style", value.selectors);
 
       if (declarationBlock) {
         if (declarationBlock.declarations) {
@@ -150,7 +174,7 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
           for (const declaration of declarationBlock.declarations) {
             parseDeclaration(declaration, builder);
           }
-          builder.applyRuleToSelectors(selectors);
+          builder.applyRuleToSelectors();
         }
 
         if (declarationBlock.importantDeclarations) {
@@ -158,9 +182,16 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
           for (const declaration of declarationBlock.importantDeclarations) {
             parseDeclaration(declaration, builder);
           }
-          builder.applyRuleToSelectors(selectors);
+          builder.applyRuleToSelectors();
+        }
+      }
+
+      if (value.rules) {
+        for (const nestedRule of value.rules) {
+          extractRule(nestedRule, builder);
         }
       }
+
       break;
     }
     case "layer-block":
@@ -184,7 +215,6 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
     case "counter-style":
     case "moz-document":
     case "nesting":
-    case "nested-declarations":
     case "viewport":
     case "custom-media":
     case "scope":
@@ -252,17 +282,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    ********************************/
@@ -99,10 +99,8 @@ export type StyleDeclaration =
   | Record<string, StyleDescriptor>
   /** A style that needs to be set  */
   | [StyleDescriptor, string | string[]]
-  /** A value that can only be computed at runtime */
-  | [StyleFunction, string | string[]]
   /** A value that can only be computed at runtime, and only after styles have been calculated */
-  | [StyleFunction, string | string[], 1];
+  | [StyleDescriptor, string | string[], 1];
 
 export type StyleDescriptor =
   | string
@@ -147,10 +145,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";