react-native-css 3.0.0-nightly.75f8b74 → 3.0.0-nightly.9c84741

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":"AAIA,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,qBAuCvB,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,qBAgBvB,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":"AAKA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,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,OA4BxE;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/dist/typescript/module/src/runtime/web/api.d.ts

@@ -4,7 +4,7 @@ import type { ReactComponent } from "../utils";
 export declare const styled: <const C extends ReactComponent, const M extends StyledConfiguration<C>>(baseComponent: C, mapping: M, _options?: StyledOptions) => (props: StyledProps<ComponentProps<C>, M>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare const useCssElement: <const C extends ReactComponent>(component: C, incomingProps: Props, mapping: StyledConfiguration<C>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare const colorScheme: ColorScheme;
-export declare function vars(variables: Record<`--${string}`, string | number>): Record<string, string>;
+export declare function vars(variables: Record<string, string | number>): Record<string, string>;
 export declare const useNativeVariable: () => never;
 export declare const useUnstableNativeVariable: () => never;
 //# sourceMappingURL=api.d.ts.map

package/dist/typescript/module/src/runtime/web/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/web/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,MAAM,GACjB,KAAK,CAAC,CAAC,SAAS,cAAc,EAC9B,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,eAAe,CAAC,EAChB,SAAS,CAAC,EACV,WAAW,aAAa,MAEhB,OAAO,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,2FAGjD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,CAAC,CAAC,SAAS,cAAc,EAC1D,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,mBAAmB,CAAC,CAAC,CAAC,2FA4BhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,0BAWrE;AAED,eAAO,MAAM,iBAAiB,aAE7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,aAErC,CAAC"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../../src/runtime/web/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG/C,eAAO,MAAM,MAAM,GACjB,KAAK,CAAC,CAAC,SAAS,cAAc,EAC9B,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,eAAe,CAAC,EAChB,SAAS,CAAC,EACV,WAAW,aAAa,MAEhB,OAAO,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,2FAGjD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,KAAK,CAAC,CAAC,SAAS,cAAc,EAC1D,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,mBAAmB,CAAC,CAAC,CAAC,2FA4BhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,0BAW9D;AAED,eAAO,MAAM,iBAAiB,aAE7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,aAErC,CAAC"}

package/dist/typescript/module/src/style-collection/index.d.ts

@@ -0,0 +1,14 @@
+import type { Animation, ReactNativeCssStyleSheet, StyleRuleSet } from "react-native-css/compiler";
+import { family, type Observable } from "../runtime/native/reactivity";
+import { rootVariables, universalVariables } from "./root";
+export { rootVariables, universalVariables };
+interface StyleCollectionType {
+    styles: ReturnType<typeof family<string, Observable<StyleRuleSet>>>;
+    keyframes: ReturnType<typeof family<string, Observable<Animation[1]>>>;
+    inject: (options: ReactNativeCssStyleSheet) => void;
+}
+declare global {
+    var __react_native_css_style_collection: StyleCollectionType | undefined;
+}
+export declare const StyleCollection: StyleCollectionType;
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/src/style-collection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/style-collection/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,wBAAwB,EACxB,YAAY,EACb,MAAM,2BAA2B,CAAC;AAGnC,OAAO,EACL,MAAM,EAGN,KAAK,UAAU,EAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;AAE7C,UAAU,mBAAmB;IAC3B,MAAM,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACpE,SAAS,EAAE,UAAU,CAAC,OAAO,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvE,MAAM,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;CACrD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,IAAI,mCAAmC,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC1E;AA0ED,eAAO,MAAM,eAAe,qBAAiD,CAAC"}

package/dist/typescript/module/src/style-collection/root.d.ts

@@ -0,0 +1,11 @@
+import type { StyleDescriptor, VariableValue } from "react-native-css/compiler";
+import { type Observable } from "../runtime/native/reactivity";
+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, VariableValue[]>) & {
+    delete(key: string): boolean;
+    clear(): void;
+};
+//# sourceMappingURL=root.d.ts.map

package/dist/typescript/module/src/style-collection/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../../../src/style-collection/root.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAGhF,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,8BAA8B,CAAC;AA0BtC,eAAO,MAAM,aAAa;;;CAAuB,CAAC;AAClD,eAAO,MAAM,kBAAkB;;;CAAuB,CAAC"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "react-native-css",
-  "version": "3.0.0-nightly.75f8b74",
+  "version": "3.0.0-nightly.9c84741",
+  "description": "A CSS polyfill for React Native",
   "exports": {
     ".": {
       "source": "./src/index.ts",
@@ -16,6 +17,17 @@
     "./types": {
       "types": "./types.d.ts"
     },
+    "./style-collection": {
+      "source": "./src/runtime/native/style-collection/index.ts",
+      "import": {
+        "types": "./dist/typescript/module/src/style-collection/index.d.ts",
+        "default": "./dist/module/style-collection/index.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/style-collection/index.d.ts",
+        "default": "./dist/commonjs/style-collection/index.js"
+      }
+    },
     "./metro": {
       "source": "./src/metro/index.ts",
       "import": {
@@ -40,7 +52,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 +116,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 && git restore :/",
     "start": "yarn example start",
     "start:build": "yarn build && yarn example build",
     "start:debug": "yarn build && yarn example debug",
@@ -141,57 +153,61 @@
     "!**/__mocks__"
   ],
   "dependencies": {
+    "@expo/metro-runtime": "~6.1.1",
     "babel-plugin-react-compiler": "^19.1.0-rc.2",
     "colorjs.io": "0.6.0-alpha.1",
     "comment-json": "^4.2.5",
     "debug": "^4.4.1"
   },
   "peerDependencies": {
-    "expo": "54.0.0-canary-20250713-8f814f8",
+    "expo": "54.0.0-preview.6",
     "lightningcss": ">=1.27.0",
     "react": "19.1.0",
-    "react-native": "0.80.1"
+    "react-native": "0.81.0"
   },
   "devDependencies": {
     "@babel/core": "^7.28.0",
     "@commitlint/config-conventional": "^19.8.1",
     "@eslint/js": "^9.30.1",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.2",
-    "@testing-library/react-native": "^13.2.0",
+    "@tailwindcss/postcss": "^4.1.12",
+    "@testing-library/react-native": "^13.3.3",
     "@tsconfig/react-native": "^3.0.6",
     "@types/babel__core": "^7",
     "@types/connect": "^3.4.38",
     "@types/debug": "^4.1.12",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.1.8",
+    "@types/react": "^19.1.10",
     "@types/react-refresh": "^0",
     "@types/react-test-renderer": "^19",
     "babel-plugin-tester": "^12.0.0",
-    "babel-preset-expo": "13.3.0-canary-20250713-8f814f8",
+    "babel-preset-expo": "14.0.2",
     "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",
-    "expo": "54.0.0-canary-20250713-8f814f8",
+    "expo": "54.0.0-preview.6",
     "jest": "^29.7.0",
-    "jest-expo": "54.0.0-canary-20250713-8f814f8",
+    "jest-expo": "54.0.2",
     "lefthook": "^1.12.2",
     "lightningcss": "^1.30.1",
     "metro-runtime": "^0.83.0",
+    "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "react": "19.1.0",
-    "react-native": "0.80.1",
+    "react-native": "0.81.0",
     "react-native-builder-bob": "^0.40.13",
-    "react-native-reanimated": "4.0.1",
-    "react-native-safe-area-context": "5.4.0",
+    "react-native-reanimated": "4.0.2",
+    "react-native-safe-area-context": "5.6.1",
     "react-native-worklets": "0.4.1",
     "react-refresh": "^0.17.0",
     "react-test-renderer": "^19.1.0",
     "release-it": "^19.0.4",
-    "tailwindcss": "^4.1.11",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.37.0"
+    "tailwindcss": "^4.1.12",
+    "tailwindcss-safe-area": "^1.1.0",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.40.0"
   },
   "react-native-builder-bob": {
     "source": "src",

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/compiler.ts

@@ -1,4 +1,6 @@
 /* eslint-disable */
+import { inspect } from "node:util";
+
 import { debug } from "debug";
 import {
   transform as lightningcss,
@@ -12,17 +14,13 @@ 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";
+import { supportsConditionValid } from "./supports";
 
 const defaultLogger = debug("react-native-css:compiler");
 
@@ -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
@@ -103,12 +105,16 @@ export function compile(
 
   // Use the lightningcss library to traverse the CSS AST and extract style declarations and animations
   lightningcss({
-    filename: "style.css", // This is ignored, but required
     code: typeof code === "string" ? new TextEncoder().encode(code) : code,
     visitor,
+    filename: options.filename ?? "style.css",
+    projectRoot: options.projectRoot ?? process.cwd(),
   });
 
-  return builder.getNativeStyleSheet();
+  return {
+    stylesheet: () => builder.getNativeStyleSheet(),
+    warnings: () => builder.getWarnings(),
+  };
 }
 
 /**
@@ -137,16 +143,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);
           }
@@ -160,14 +166,9 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
 
       const declarationBlock = value.declarations;
       const mapping = parsePropAtRule(value.rules);
-      const selectors = getSelectors(
-        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", selectors);
+      builder = builder.fork("style", value.selectors);
 
       if (declarationBlock) {
         if (declarationBlock.declarations) {
@@ -200,6 +201,13 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
         extractRule(layerRule, builder);
       }
       break;
+    case "supports":
+      if (supportsConditionValid(rule.value.condition)) {
+        for (const layerRule of rule.value.rules) {
+          extractRule(layerRule, builder);
+        }
+      }
+      break;
     case "custom":
     case "font-face":
     case "font-palette-values":
@@ -212,7 +220,6 @@ function extractRule(rule: Rule, builder: StylesheetBuilder) {
     case "unknown":
     case "import":
     case "page":
-    case "supports":
     case "counter-style":
     case "moz-document":
     case "nesting":
@@ -283,17 +290,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 = `c:${containerRule.name}`;
+  }
 
-    builder.addContainerQuery(query);
+  builder.addContainerQuery(query);
 
+  for (const rule of containerRule.rules) {
     extractRule(rule, builder);
   }
 }

package/src/compiler/compiler.types.ts

@@ -5,8 +5,9 @@ import type { MediaFeatureNameFor_MediaFeatureId } from "lightningcss";
 import { VAR_SYMBOL } from "../runtime/native/reactivity";
 
 export interface CompilerOptions {
+  filename?: string;
+  projectRoot?: string;
   inlineRem?: number | false;
-  grouping?: (string | RegExp)[];
   selectorPrefix?: string;
   stylesheetOrder?: number;
   features?: FeatureFlagRecord;
@@ -23,9 +24,7 @@ export interface CompilerOptions {
 /**
  * A `react-native-css` StyleSheet
  */
-export type ReactNativeCssStyleSheet = ReactNativeCssStyleSheet_V2;
-
-export interface ReactNativeCssStyleSheet_V2 {
+export interface ReactNativeCssStyleSheet {
   /** Feature flags */
   f?: FeatureFlagRecord;
   /** rem */
@@ -33,11 +32,11 @@ export interface ReactNativeCssStyleSheet_V2 {
   /** StyleRuleSets */
   s?: (readonly [string, StyleRuleSet])[];
   /** KeyFrames */
-  k?: Animation_V2[];
+  k?: Animation[];
   /** Root Variables */
-  vr?: [string, LightDarkVariable][];
+  vr?: RootVariables;
   /** Universal Variables */
-  vu?: [string, LightDarkVariable][];
+  vu?: RootVariables;
 }
 
 /********************************    Styles    ********************************/
@@ -99,10 +98,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,21 +144,23 @@ 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";
   [key: string]: unknown | undefined;
 };
 
-/******************************   Animations V2  ******************************/
+/******************************   Animations  ******************************/
 
-export type Animation_V2 = [string, AnimationKeyframes_V2[]];
-export type AnimationRecord = Record<string, AnimationKeyframes_V2[]>;
-export type AnimationKeyframes_V2 = [string | number, StyleDeclaration[]];
+export type Animation = [string, AnimationKeyframes[]];
+export type AnimationRecord = Record<string, AnimationKeyframes[]>;
+export type AnimationKeyframes = [string | number, StyleDeclaration[]];
 
 /******************************    Conditions    ******************************/
 
@@ -177,7 +176,7 @@ export type MediaCondition =
   // Comparison
   | [
       MediaFeatureComparison,
-      MediaFeatureNameFor_MediaFeatureId | MediaFeatureNameFor_MediaFeatureId,
+      MediaFeatureNameFor_MediaFeatureId | "dir",
       StyleDescriptor,
     ]
   // [Start, End]
@@ -256,7 +255,7 @@ export type LoggerOptions = {
 export interface CompilerCollection extends CompilerOptions {
   features: FeatureFlagRecord;
   rules: Map<string, StyleRule[]>;
-  keyframes: Map<string, AnimationKeyframes_V2[]>;
+  keyframes: Map<string, AnimationKeyframes[]>;
   darkMode?: string | null;
   rootVariables: VariableRecord;
   universalVariables: VariableRecord;