react-native-css 3.0.6 → 3.1.0-rc.0

package/dist/typescript/module/src/runtime.types.d.ts

@@ -1,4 +1,4 @@
-import type { ClassicComponentClass, ComponentClass, ComponentProps, ComponentType, ForwardRefExoticComponent, FunctionComponent, ReactElement } from "react";
+import type { ClassicComponentClass, ComponentClass, ComponentProps, ComponentPropsWithRef, ComponentType, ForwardRefExoticComponent, FunctionComponent, ReactElement } from "react";
 import type { ColorSchemeName, ImageStyle, TextStyle, ViewStyle } from "react-native";
 import type { DotNotation, ResolveDotPath } from "react-native-css/utilities";
 /********************************     API      ********************************/
@@ -8,8 +8,13 @@ export type StyledReactElement<C extends ReactComponent, M extends StyledConfigu
 export type StyledProps<P, M extends StyledConfiguration<any>> = P & {
     [K in keyof M as K extends string ? M[K] extends undefined | false ? never : M[K] extends true | string | object ? K : never : never]?: string;
 };
-export type Styled = <const C extends ReactComponent, const M extends StyledConfiguration<C>>(component: C, mapping: M & StyledConfiguration<C>, options?: StyledOptions) => StyledComponent<C, M>;
-type StyledComponent<C extends ReactComponent, M extends StyledConfiguration<C>> = ComponentType<ComponentProps<C> & {
+export interface Styled {
+    <const C extends ReactComponent>(component: C, mapping?: undefined, options?: StyledOptions): ComponentType<ComponentPropsWithRef<C> & {
+        className?: string;
+    }>;
+    <const C extends ReactComponent, const M extends StyledConfiguration<C>>(component: C, mapping: M & StyledConfiguration<C>, options?: StyledOptions): StyledComponent<C, M>;
+}
+type StyledComponent<C extends ReactComponent, M extends StyledConfiguration<C>> = ComponentType<ComponentPropsWithRef<C> & {
     [K in keyof M as K extends string ? M[K] extends undefined | false ? never : M[K] extends true | string | object ? K : never : never]?: string;
 }>;
 export type StyledConfiguration<C extends ReactComponent, K extends string = string> = Record<K, boolean | ComponentPropsDotNotation<C> | StyledConfigurationObject<C, ComponentPropsDotNotation<C> | false>>;
@@ -17,7 +22,7 @@ interface StyledConfigurationObject<C extends ReactComponent, T extends Componen
     target: T;
     nativeStyleMapping?: T extends false ? NativeStyleMapping<string, ComponentProps<C>> : NativeStyleMapping<ResolveDotPath<T, ComponentProps<C>>, ComponentProps<C>>;
     /** @deprecated Please use nativeStyleMapping */
-    nativeStyleToProp?: NativeStyleMapping<ResolveDotPath<T, ComponentProps<C>>, ComponentProps<C>>;
+    nativeStyleToProp?: StyledConfigurationObject<C, T>["nativeStyleMapping"];
 }
 type NativeStyleMapping<T, S> = T extends object ? {
     [K in keyof T as K extends string ? K : never]: true | DotNotation<S>;
@@ -42,8 +47,8 @@ export type Callback = () => void;
 export type RNStyle = ViewStyle & TextStyle & ImageStyle;
 /********************************    Globals    ********************************/
 export interface ColorScheme {
-    get: () => ColorSchemeName;
-    set: (value: ColorSchemeName) => void;
+    get: () => ColorSchemeName | null | undefined;
+    set: (value: ColorSchemeName | null | undefined) => void;
 }
 export {};
 //# sourceMappingURL=runtime.types.d.ts.map

package/dist/typescript/module/src/runtime.types.d.ts.map

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

package/dist/typescript/module/src/utilities/dot-notation.types.d.ts

@@ -1,3 +1,4 @@
+import type { Component, ReactElement } from "react";
 type Falsy = undefined | null | false | "";
 type RegisteredStyle<T> = number & {
     __registeredStyleBrand: T;
@@ -10,7 +11,7 @@ type UnwrapRecursiveArray<T, Depth extends unknown[] = [], MaxDepth extends numb
 type RemoveFalsy<T> = Exclude<T, Falsy>;
 type RemoveRegisteredStyle<T> = T extends RegisteredStyle<any> ? never : T;
 type ExtractStyleObject<T> = RemoveRegisteredStyle<RemoveFalsy<UnwrapRecursiveArray<T extends StyleProp<infer U> ? U : T>>>;
-type IsPlainObject<T> = T extends object ? T extends Function ? false : T extends readonly any[] ? false : true : false;
+type IsPlainObject<T> = T extends object ? T extends Function | Component | ReactElement ? false : T extends readonly any[] ? false : true : false;
 type Split<T extends string, Delimiter extends string> = T extends `${infer Head}${Delimiter}${infer Tail}` ? [Head, ...Split<Tail, Delimiter>] : [T];
 type ParsePath<T extends string> = T extends `${infer Head}[${number}]${infer Rest}` ? [Head, number, ...ParsePath<Rest extends `.${infer R}` ? R : Rest>] : Split<T, ".">;
 type ResolvePath<T, Parts extends readonly any[]> = Parts extends [

package/dist/typescript/module/src/utilities/dot-notation.types.d.ts.map

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

package/dist/typescript/module/src/utilities/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./specificity";
-export * from "./style-descriptor";
-export * from "./dot-notation.types";
+export * from "./specificity.js";
+export * from "./style-descriptor.js";
+export * from "./dot-notation.types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/src/utilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAe,CAAC;AAC9B,cAAc,uBAAoB,CAAC;AACnC,cAAc,yBAAsB,CAAC"}

package/dist/typescript/module/src/utilities/specificity.d.ts

@@ -1,5 +1,5 @@
-import type { SpecificityArray, StyleRule } from "../compiler";
-import type { InlineStyleRecord } from "../runtime.types";
+import type { SpecificityArray, StyleRule } from "../compiler/index.js";
+import type { InlineStyleRecord } from "../runtime.types.js";
 export declare const Specificity: {
     Order: number;
     ClassName: number;

package/dist/typescript/module/src/utilities/specificity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"specificity.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/specificity.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC/D,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"}
+{"version":3,"file":"specificity.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/specificity.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,sBAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAkB,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/utilities/style-descriptor.d.ts

@@ -1,4 +1,4 @@
 import type { StyleDescriptor, StyleFunction } from "react-native-css/compiler";
 export declare function isStyleDescriptorArray(value: unknown): value is StyleDescriptor[];
-export declare function isStyleFunction(value: StyleDescriptor): value is StyleFunction;
+export declare function isStyleFunction(value: unknown): value is StyleFunction;
 //# sourceMappingURL=style-descriptor.d.ts.map

package/dist/typescript/module/src/utilities/style-descriptor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-descriptor.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/style-descriptor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEhF,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,eAAe,EAAE,CAO5B;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,eAAe,GACrB,KAAK,IAAI,aAAa,CAQxB"}
+{"version":3,"file":"style-descriptor.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/style-descriptor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEhF,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,eAAe,EAAE,CAE5B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,aAAa,CAUtE"}

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

@@ -1,7 +1,7 @@
-import { type ComponentPropsWithRef, type PropsWithChildren } from "react";
-import type { ColorScheme, Props, StyledConfiguration, StyledOptions, StyledProps } from "react-native-css";
-import type { ReactComponent } from "../runtime.types";
-export declare const styled: <const C extends ReactComponent, const M extends StyledConfiguration<C>>(baseComponent: C, mapping?: M, _options?: StyledOptions) => (props: StyledProps<ComponentPropsWithRef<C>, M>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+import { type PropsWithChildren } from "react";
+import type { ColorScheme, Props, StyledConfiguration } from "react-native-css";
+import type { ReactComponent, Styled } from "../runtime.types.js";
+export declare const styled: Styled;
 export declare const useCssElement: <C extends ReactComponent>(component: C, incomingProps: Props, mapping: StyledConfiguration<C>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export declare const colorScheme: ColorScheme;
 /**
@@ -10,7 +10,7 @@ export declare const colorScheme: ColorScheme;
 export declare function vars(variables: Record<string, string | number>): Record<string, string>;
 export declare function VariableContextProvider(props: PropsWithChildren<{
     value: Record<`--${string}`, string | number>;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): import("react").JSX.Element;
 export declare const useNativeVariable: () => never;
 export declare const useUnstableNativeVariable: () => never;
 //# sourceMappingURL=api.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/web/api.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAE1B,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,mBAAmB,EACnB,aAAa,EACb,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAOvD,eAAO,MAAM,MAAM,GACjB,KAAK,CAAC,CAAC,SAAS,cAAc,EAC9B,KAAK,CAAC,CAAC,SAAS,mBAAmB,CAAC,CAAC,CAAC,EAEtC,eAAe,CAAC,EAChB,UAAS,CAAuB,EAChC,WAAW,aAAa,MAEhB,OAAO,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,2FAGxD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,EACpD,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,mBAAmB,CAAC,CAAC,CAAC,2FA4BhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF;;GAEG;AACH,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,0BAW9D;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,iBAAiB,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;CAAE,CAAC,2CAe5E;AAED,eAAO,MAAM,iBAAiB,aAE7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,aAErC,CAAC"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/web/api.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EACV,WAAW,EACX,KAAK,EACL,mBAAmB,EAEpB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,qBAAkB,CAAC;AAO/D,eAAO,MAAM,MAAM,EAAE,MAQpB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,EACpD,WAAW,CAAC,EACZ,eAAe,KAAK,EACpB,SAAS,mBAAmB,CAAC,CAAC,CAAC,2FA4BhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAOzB,CAAC;AAEF;;GAEG;AACH,wBAAgB,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,0BAW9D;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,iBAAiB,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;CAAE,CAAC,+BAe5E;AAED,eAAO,MAAM,iBAAiB,aAE7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,aAErC,CAAC"}

package/dist/typescript/module/src/web/assign-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assign-style.d.ts","sourceRoot":"","sources":["../../../../../src/web/assign-style.ts"],"names":[],"mappings":"AACA,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,EAAE,MAAM,EAAE,EACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,uBAqB3B"}
+{"version":3,"file":"assign-style.d.ts","sourceRoot":"","sources":["../../../../../src/web/assign-style.ts"],"names":[],"mappings":"AACA,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,EAAE,MAAM,EAAE,EACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,uBAsB3B"}

package/dist/typescript/module/src/web/index.d.ts

@@ -1,4 +1,4 @@
-import "./metro";
-export type * from "../runtime.types";
-export * from "./api";
+import "./metro.js";
+export type * from "../runtime.types.js";
+export * from "./api.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/module/src/web/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/web/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAC;AAEjB,mBAAmB,kBAAkB,CAAC;AACtC,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/web/index.ts"],"names":[],"mappings":"AACA,OAAO,YAAS,CAAC;AAEjB,mBAAmB,qBAAkB,CAAC;AACtC,cAAc,UAAO,CAAC"}

package/node/babel.mjs

@@ -0,0 +1,4 @@
+// Preserve the callable default export when Node loads the preset as ESM.
+import implementation from "../dist/commonjs/babel/index.js";
+
+export default implementation.default;

package/node/compiler.mjs

@@ -0,0 +1,2 @@
+// Node ESM entry for the CommonJS tooling implementation.
+export { compile } from "../dist/commonjs/compiler/index.js";

package/node/metro.mjs

@@ -0,0 +1,2 @@
+// Node ESM entry for the CommonJS tooling implementation.
+export { withReactNativeCSS } from "../dist/commonjs/metro/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-css",
-  "version": "3.0.6",
+  "version": "3.1.0-rc.0",
   "description": "Use CSS stylesheets in React Native",
   "exports": {
     ".": {
@@ -18,7 +18,7 @@
       "source": "./src/compiler/index.ts",
       "import": {
         "types": "./dist/typescript/module/src/compiler/index.d.ts",
-        "default": "./dist/module/compiler/index.js"
+        "default": "./node/compiler.mjs"
       },
       "require": {
         "types": "./dist/typescript/commonjs/src/compiler/index.d.ts",
@@ -29,7 +29,7 @@
       "source": "./src/babel/index.ts",
       "import": {
         "types": "./dist/typescript/module/src/babel/index.d.ts",
-        "default": "./dist/module/babel/index.js"
+        "default": "./node/babel.mjs"
       },
       "require": {
         "types": "./dist/typescript/commonjs/src/babel/index.d.ts",
@@ -59,6 +59,30 @@
         "default": "./dist/commonjs/components/react-native-safe-area-context.js"
       }
     },
+    "./components/copyComponentProperties": {
+      "source": "./src/components/copyComponentProperties.ts",
+      "react-native": "./src/components/copyComponentProperties.ts",
+      "import": {
+        "types": "./dist/typescript/module/src/components/copyComponentProperties.d.ts",
+        "default": "./dist/module/components/copyComponentProperties.js"
+      },
+      "require": {
+        "types": "./dist/typescript/commonjs/src/components/copyComponentProperties.d.ts",
+        "default": "./dist/commonjs/components/copyComponentProperties.js"
+      }
+    },
+    "./components/index": {
+      "source": "./src/components/index.cts",
+      "import": {
+        "default": "./dist/module/components/index.cjs",
+        "types": "./dist/typescript/module/src/components/index.d.ts"
+      },
+      "require": {
+        "default": "./dist/commonjs/components/index.cjs",
+        "types": "./dist/typescript/commonjs/src/components/index.d.ts"
+      },
+      "react-native": "./src/components/index.cts"
+    },
     "./components/*": {
       "source": "./src/components/*.tsx",
       "react-native": "./src/components/*.tsx",
@@ -87,7 +111,7 @@
       "source": "./src/metro/index.ts",
       "import": {
         "types": "./dist/typescript/module/src/metro/index.d.ts",
-        "default": "./dist/module/metro/index.js"
+        "default": "./node/metro.mjs"
       },
       "require": {
         "types": "./dist/typescript/commonjs/src/metro/index.d.ts",
@@ -164,7 +188,7 @@
     "start": "yarn example start",
     "start:build": "yarn build && yarn example build",
     "start:debug": "yarn build && yarn example debug",
-    "test": "NODE_OPTIONS=\"${NODE_OPTIONS:-} --experimental-vm-modules\" jest",
+    "test": "jest",
     "typecheck": "tsc --noEmit"
   },
   "keywords": [
@@ -191,15 +215,18 @@
   "files": [
     "src",
     "dist",
+    "node",
     "types.d.ts",
     "!**/__tests__",
     "!**/__fixtures__",
-    "!**/__mocks__"
+    "!**/__mocks__",
+    "!**/*.test.*",
+    "!**/*.spec.*"
   ],
   "dependencies": {
     "@types/debug": "^4.1.12",
     "babel-plugin-react-compiler": "^19.1.0-rc.2",
-    "colorjs.io": "0.6.0-alpha.1",
+    "colorjs.io": "0.7.0",
     "comment-json": "^4.2.5",
     "debug": "^4.4.1"
   },
@@ -210,46 +237,48 @@
     "react-native": ">=0.81"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.0",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@eslint/js": "^9.30.1",
-    "@expo/metro-config": "~54.0.5",
+    "@babel/core": "^7.29.0",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@eslint/js": "^10.0.1",
+    "@expo/metro-config": "57.0.12",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.2",
+    "@react-native/jest-preset": "0.86.3",
+    "@react-native/metro-config": "0.86.3",
     "@release-it/conventional-changelog": "10.0.1",
     "@tailwindcss/postcss": "^4.1.12",
     "@testing-library/react-native": "^13.3.3",
     "@tsconfig/react-native": "^3.0.6",
     "@types/babel__core": "^7",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.1.10",
+    "@types/react": "~19.2.0",
     "@types/react-test-renderer": "^19",
     "babel-plugin-tester": "^12.0.0",
-    "babel-preset-expo": "~54.0.3",
+    "babel-preset-expo": "57.0.11",
     "commitlint": "^20.0.0",
     "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.10",
+    "expo": "57.0.22",
     "jest": "^29.7.0",
-    "jest-expo": "~54.0.12",
-    "lefthook": "^1.12.3",
+    "jest-expo": "57.0.5",
+    "lefthook": "^2.1.5",
     "lightningcss": "^1.30.1",
-    "metro-runtime": "^0.83.0",
+    "metro-runtime": "^0.84.2",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
-    "react": "19.1.0",
-    "react-native": "0.81.4",
-    "react-native-builder-bob": "^0.40.13",
-    "react-native-reanimated": "~4.1.0",
-    "react-native-safe-area-context": "5.6.1",
-    "react-native-worklets": "~0.5.0",
+    "react": "19.2.3",
+    "react-native": "0.86.3",
+    "react-native-builder-bob": "^0.43.0",
+    "react-native-reanimated": "4.5.1",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-worklets": "0.10.1",
     "react-refresh": "^0.17.0",
-    "react-test-renderer": "19.1.0",
-    "release-it": "^19.0.4",
+    "react-test-renderer": "19.2.3",
+    "release-it": "^20.2.1",
     "tailwindcss": "^4.1.12",
     "tailwindcss-safe-area": "^1.1.0",
-    "typescript": "^5.9.2",
+    "typescript": "~6.0.3",
     "typescript-eslint": "^8.40.0"
   },
   "react-native-builder-bob": {
@@ -268,7 +297,12 @@
           "esm": true
         }
       ],
-      "typescript"
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
     ]
   },
   "packageManager": "yarn@4.9.2",

package/src/babel/import-plugin.ts

@@ -1,4 +1,4 @@
-import { resolve } from "path";
+import { basename, dirname, resolve, sep } from "path";
 
 import { type PluginObj } from "@babel/core";
 import type { Statement } from "@babel/types";
@@ -16,6 +16,7 @@ import {
 import {
   handleReactNativeWebIdentifierRequire,
   handleReactNativeWebImport,
+  handleReactNativeWebInteropRequireDefault,
   handleReactNativeWebObjectPatternRequire,
 } from "./react-native-web";
 
@@ -26,8 +27,12 @@ export default function ({
 }): PluginObj<PluginState> {
   const processed = new WeakSet();
 
-  const thisModuleDist = resolve(__dirname, "../../../dist");
-  const thisModuleSrc = resolve(__dirname, "../../../src");
+  const packageRoot = resolve(
+    __dirname,
+    basename(dirname(__dirname)) === "src" ? "../.." : "../../..",
+  );
+  const thisModuleDist = resolve(packageRoot, "dist") + sep;
+  const thisModuleSrc = resolve(packageRoot, "src") + sep;
 
   function isFromThisModule(filename: string): boolean {
     return (
@@ -94,6 +99,11 @@ export default function ({
           return;
         }
 
+        // A local function called require is not the module loader.
+        if (path.scope.getBinding("require")) {
+          return;
+        }
+
         const initArg = init.arguments.at(0);
 
         if (!initArg) {
@@ -152,10 +162,11 @@ export default function ({
           if (!source) {
             return;
           }
-          statements = handleReactNativeWebIdentifierRequire(
+          statements = handleReactNativeWebInteropRequireDefault(
             path,
             t,
             id.name,
+            init,
             source,
             state.filename,
           );

package/src/babel/react-native-web.ts

@@ -1,7 +1,8 @@
-import { resolve } from "path";
+import { dirname, resolve } from "path";
 
 import { type NodePath } from "@babel/traverse";
 import tBabelTypes, {
+  type CallExpression,
   type ImportDeclaration,
   type ObjectPattern,
   type Statement,
@@ -14,7 +15,7 @@ type BabelTypes = typeof tBabelTypes;
 
 function parseReactNativeWebSource(source: string, filename: string) {
   if (source.startsWith(".")) {
-    source = resolve(filename, source);
+    source = resolve(dirname(filename), source);
 
     const internalPath = source.split("react-native-web/dist")[1];
     if (!internalPath) {
@@ -48,6 +49,7 @@ export function handleReactNativeWebImport(
   filename: string,
 ): Statement[] | undefined {
   const { specifiers, source } = declaration;
+  if (declaration.importKind && declaration.importKind !== "value") return;
 
   const rnwSource = parseReactNativeWebSource(source.value, filename);
   if (!rnwSource) {
@@ -76,7 +78,7 @@ export function handleReactNativeWebImport(
       } else {
         statements.push(
           t.importDeclaration(
-            [t.importSpecifier(specifier.local, specifier.local)],
+            [t.importSpecifier(specifier.local, t.identifier(name))],
             t.stringLiteral(`react-native-css/components/${name}`),
           ),
         );
@@ -89,6 +91,10 @@ export function handleReactNativeWebImport(
         ),
       );
     } else {
+      if (specifier.importKind && specifier.importKind !== "value") {
+        statements.push(t.importDeclaration([specifier], source));
+        continue;
+      }
       const localName = t.isStringLiteral(specifier.imported)
         ? specifier.imported.value
         : specifier.imported.name;
@@ -158,6 +164,28 @@ export function handleReactNativeWebIdentifierRequire(
   }
 }
 
+export function handleReactNativeWebInteropRequireDefault(
+  path: NodePath<VariableDeclaration>,
+  t: BabelTypes,
+  id: string,
+  init: CallExpression,
+  source: string,
+  filename: string,
+) {
+  const parsed = parseReactNativeWebSource(source, filename);
+  if (!parsed) return;
+
+  const wrapped = t.cloneNode(init);
+  wrapped.arguments = [
+    t.callExpression(t.identifier("require"), [t.stringLiteral(parsed.source)]),
+  ];
+  return [
+    t.variableDeclaration(path.node.kind, [
+      t.variableDeclarator(t.identifier(id), wrapped),
+    ]),
+  ];
+}
+
 export function handleReactNativeWebObjectPatternRequire(
   path: NodePath<VariableDeclaration>,
   t: BabelTypes,
@@ -180,6 +208,7 @@ export function handleReactNativeWebObjectPatternRequire(
       // We need to exit as we do not handle `const { Text, ...rest } = require('react-native-web');`
       return;
     } else if (
+      identifier.computed ||
       !(t.isIdentifier(identifier.value) && t.isIdentifier(identifier.key))
     ) {
       // Bail out on anything that isn't `const { <key>: <identifier> } = require('react-native-web');`

package/src/babel/react-native.ts

@@ -48,6 +48,7 @@ export function handleReactNativeImport(
   filename: string,
 ): Statement[] | undefined {
   const { specifiers, source } = declaration;
+  if (declaration.importKind && declaration.importKind !== "value") return;
 
   const rnwSource = parseReactNativeSource(source.value, filename);
   if (!rnwSource) {
@@ -76,7 +77,7 @@ export function handleReactNativeImport(
       } else {
         statements.push(
           t.importDeclaration(
-            [t.importSpecifier(specifier.local, specifier.local)],
+            [t.importSpecifier(specifier.local, t.identifier(name))],
             t.stringLiteral(`react-native-css/components/${name}`),
           ),
         );
@@ -89,6 +90,10 @@ export function handleReactNativeImport(
         ),
       );
     } else {
+      if (specifier.importKind && specifier.importKind !== "value") {
+        statements.push(t.importDeclaration([specifier], source));
+        continue;
+      }
       const localName = t.isStringLiteral(specifier.imported)
         ? specifier.imported.value
         : specifier.imported.name;
@@ -180,6 +185,7 @@ export function handleReactNativeObjectPatternRequire(
       // We need to exit as we do not handle `const { Text, ...rest } = require('react-native');`
       return;
     } else if (
+      identifier.computed ||
       !(t.isIdentifier(identifier.value) && t.isIdentifier(identifier.key))
     ) {
       // Bail out on anything that isn't `const { <key>: <identifier> } = require('react-native');`

package/src/compiler/atRules.ts

@@ -1,4 +1,5 @@
 import type {
+  Declaration,
   DeclarationBlock,
   ParsedComponent,
   Rule,
@@ -99,6 +100,49 @@ export function parsePropAtRule(rules?: (Rule | PropAtRule)[]) {
   return mapping;
 }
 
+const mappingProperty = "-rn-native-mapping";
+
+export function isMappingProperty(name: string) {
+  return name === mappingProperty || name.startsWith(`${mappingProperty}-`);
+}
+
+/** Declaration metadata survives the optimizer flattening nested at rules. */
+export function parsePropDeclarations(declarations: Declaration[] = []) {
+  const mapping: StyleRuleMapping = {};
+  for (const declaration of declarations) {
+    if (
+      declaration.property !== "custom" ||
+      !isMappingProperty(declaration.value.name)
+    ) {
+      continue;
+    }
+    const { name, value } = declaration.value;
+    const target = value.filter(
+      (item): item is Extract<TokenOrValue, { type: "token" }> =>
+        item.type === "token" && item.value.type !== "white-space",
+    );
+    if (target.length === 0) continue;
+    nativeMappingAtRuleBlock(
+      [
+        {
+          type: "token",
+          value: {
+            type: "ident",
+            value:
+              name === mappingProperty
+                ? "*"
+                : name.slice(mappingProperty.length + 1),
+          },
+        },
+        { type: "token", value: { type: "colon" } },
+        ...target,
+      ],
+      mapping,
+    );
+  }
+  return mapping;
+}
+
 function nativeMappingAtRuleBlock(
   token: Extract<TokenOrValue, { type: "token" }>[],
   mapping: StyleRuleMapping = {},