react-native-unistyles 3.0.0-rc.2 → 3.0.0-rc.4

package/lib/typescript/src/core/getClassname.d.ts

@@ -1,7 +1,7 @@
 import type { UnistylesValues } from '../types';
-export declare const getClassName: (unistyle: UnistylesValues | undefined | Array<UnistylesValues>, forChild?: boolean) => {
-    $$css: boolean;
-    hash: string;
-    injectedClassName: string;
-} | undefined;
+export declare const getClassName: (unistyle: UnistylesValues | undefined | Array<UnistylesValues>, forChild?: boolean) => readonly [{
+    readonly $$css: true;
+    readonly hash: string;
+    readonly injectedClassName: string;
+}, UnistylesValues[]] | undefined;
 //# sourceMappingURL=getClassname.d.ts.map

package/lib/typescript/src/core/getClassname.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getClassname.d.ts","sourceRoot":"","sources":["../../../../src/core/getClassname.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG/C,eAAO,MAAM,YAAY,aAAc,eAAe,GAAG,SAAS,GAAG,KAAK,CAAC,eAAe,CAAC,aAAa,OAAO;;;;aAW9G,CAAA"}
+{"version":3,"file":"getClassname.d.ts","sourceRoot":"","sources":["../../../../src/core/getClassname.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI/C,eAAO,MAAM,YAAY,aAAc,eAAe,GAAG,SAAS,GAAG,KAAK,CAAC,eAAe,CAAC,aAAa,OAAO;;;;iCAoB9G,CAAA"}

package/lib/typescript/src/core/withUnistyles/withUnistyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withUnistyles.d.ts","sourceRoot":"","sources":["../../../../../src/core/withUnistyles/withUnistyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,KAAK,cAAc,EAAqB,MAAM,OAAO,CAAA;AAMrG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC,KAAK,qBAAqB,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,CAAA;AAIjD,eAAO,MAAM,aAAa,GAAI,UAAU,EAAE,SAAS,SAAS,qBAAqB,CAAC,UAAU,CAAC,aAAa,UAAU,aAAa,QAAQ,CAAC,SAAS,CAAC;eAGjI,QAAQ,kCAAQ;yDAoDlC,CAAA"}
+{"version":3,"file":"withUnistyles.d.ts","sourceRoot":"","sources":["../../../../../src/core/withUnistyles/withUnistyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,KAAK,cAAc,EAAqB,MAAM,OAAO,CAAA;AAMrG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC,KAAK,qBAAqB,CAAC,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,CAAA;AAIjD,eAAO,MAAM,aAAa,GAAI,UAAU,EAAE,SAAS,SAAS,qBAAqB,CAAC,UAAU,CAAC,aAAa,UAAU,aAAa,QAAQ,CAAC,SAAS,CAAC;eAGjI,QAAQ,kCAAQ;yDAqDlC,CAAA"}

package/lib/typescript/src/mocks.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=mocks.d.ts.map

package/lib/typescript/src/mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../../src/mocks.ts"],"names":[],"mappings":""}

package/lib/typescript/src/mq.d.ts

@@ -22,13 +22,5 @@ type MQHandler = {
  * @returns - JavaScript symbol to be used in your stylesheet
  */
 export declare const mq: MQHandler;
-export declare const parseMq: (mq: string) => {
-    minWidth: number | undefined;
-    maxWidth: number | undefined;
-    minHeight: number | undefined;
-    maxHeight: number | undefined;
-};
-export declare const isUnistylesMq: (mq: string) => boolean;
-export declare const isValidMq: (parsedMQ: ReturnType<typeof parseMq>) => boolean;
 export {};
 //# sourceMappingURL=mq.d.ts.map

package/lib/typescript/src/mq.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mq.d.ts","sourceRoot":"","sources":["../../../src/mq.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAMvC,KAAK,OAAO,GAAG,MAAM,oBAAoB,GAAG,MAAM,CAAA;AAElD,KAAK,SAAS,GAAG;IACb,IAAI,EAAE;QACF,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACxD,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;KAC5D,CAAC;IACF,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG;QAC7C,GAAG,EAAE;YACD,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;SAC3D,CAAA;KACJ,CAAC;IACF,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG;QAC9C,GAAG,EAAE;YACD,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;SAC1D,CAAA;KACJ,CAAA;CACJ,CAAA;AAgBD;;;GAGG;AACH,eAAO,MAAM,EAAE,EAAE,SAiBhB,CAAA;AAED,eAAO,MAAM,OAAO,OAAQ,MAAM;;;;;CAUjC,CAAA;AAED,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAgC,CAAA;AAExE,eAAO,MAAM,SAAS,aAAc,UAAU,CAAC,OAAO,OAAO,CAAC,YAK7D,CAAA"}
+{"version":3,"file":"mq.d.ts","sourceRoot":"","sources":["../../../src/mq.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,OAAO,GAAG,MAAM,oBAAoB,GAAG,MAAM,CAAA;AAElD,KAAK,SAAS,GAAG;IACb,IAAI,EAAE;QACF,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACxD,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;KAC5D,CAAC;IACF,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG;QAC7C,GAAG,EAAE;YACD,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;SAC3D,CAAA;KACJ,CAAC;IACF,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG;QAC9C,GAAG,EAAE;YACD,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;SAC1D,CAAA;KACJ,CAAA;CACJ,CAAA;AAgBD;;;GAGG;AACH,eAAO,MAAM,EAAE,EAAE,SAiBhB,CAAA"}

package/lib/typescript/src/reanimated/index.d.ts

@@ -0,0 +1,2 @@
+export { useAnimatedTheme } from './useAnimatedTheme';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/reanimated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/reanimated/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

package/lib/typescript/src/reanimated/useAnimatedTheme.d.ts

@@ -0,0 +1,4 @@
+import { type SharedValue } from 'react-native-reanimated';
+import type { UnistylesTheme } from '../types';
+export declare const useAnimatedTheme: () => SharedValue<UnistylesTheme>;
+//# sourceMappingURL=useAnimatedTheme.d.ts.map

package/lib/typescript/src/reanimated/useAnimatedTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedTheme.d.ts","sourceRoot":"","sources":["../../../../src/reanimated/useAnimatedTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,yBAAyB,CAAA;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG9C,eAAO,MAAM,gBAAgB,QAWT,WAAW,CAAC,cAAc,CAC7C,CAAA"}

package/lib/typescript/src/reanimated/useAnimatedTheme.native.d.ts

@@ -0,0 +1,4 @@
+import { type SharedValue } from 'react-native-reanimated';
+import type { UnistylesTheme } from '../types';
+export declare const useAnimatedTheme: () => SharedValue<UnistylesTheme>;
+//# sourceMappingURL=useAnimatedTheme.native.d.ts.map

package/lib/typescript/src/reanimated/useAnimatedTheme.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedTheme.native.d.ts","sourceRoot":"","sources":["../../../../src/reanimated/useAnimatedTheme.native.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,yBAAyB,CAAA;AAE1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,eAAO,MAAM,gBAAgB,QAcT,WAAW,CAAC,cAAc,CAC7C,CAAA"}

package/lib/typescript/src/server/hydrateServerUnistyles.d.ts

@@ -1,4 +1,3 @@
-import { UnistylesWeb } from '../web';
 declare global {
     interface Window {
         __UNISTYLES_STATE__: ReturnType<typeof UnistylesWeb.registry.css.getState>;

package/lib/typescript/src/server/hydrateServerUnistyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hydrateServerUnistyles.d.ts","sourceRoot":"","sources":["../../../../src/server/hydrateServerUnistyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AAGrC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QAEZ,mBAAmB,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;KAC7E;CACJ;AAED,eAAO,MAAM,sBAAsB,YAMlC,CAAA"}
+{"version":3,"file":"hydrateServerUnistyles.d.ts","sourceRoot":"","sources":["../../../../src/server/hydrateServerUnistyles.ts"],"names":[],"mappings":"AAGA,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QAEZ,mBAAmB,EAAE,UAAU,CAAC,OAAO,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;KAC7E;CACJ;AAED,eAAO,MAAM,sBAAsB,YAOlC,CAAA"}

package/lib/typescript/src/server/resetServerUnistyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resetServerUnistyles.d.ts","sourceRoot":"","sources":["../../../../src/server/resetServerUnistyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,YAKhC,CAAA"}
+{"version":3,"file":"resetServerUnistyles.d.ts","sourceRoot":"","sources":["../../../../src/server/resetServerUnistyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,YAMhC,CAAA"}

package/lib/typescript/src/utils.d.ts

@@ -1,4 +1,12 @@
 export declare const isDefined: <T>(value: T) => value is NonNullable<T>;
 export declare const deepMergeObjects: <T extends Record<PropertyKey, any>>(...sources: Array<T>) => T;
 export declare const copyComponentProperties: (Component: any, UnistylesComponent: any) => any;
+export declare const isUnistylesMq: (mq: string) => boolean;
+export declare const parseMq: (mq: string) => {
+    minWidth: number | undefined;
+    maxWidth: number | undefined;
+    minHeight: number | undefined;
+    maxHeight: number | undefined;
+};
+export declare const isValidMq: (parsedMQ: ReturnType<typeof parseMq>) => boolean;
 //# sourceMappingURL=utils.d.ts.map

package/lib/typescript/src/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,CAAC,KAAG,KAAK,IAAI,WAAW,CAAC,CAAC,CAA0C,CAAA;AAExG,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,cAAc,KAAK,CAAC,CAAC,CAAC,MAuBxF,CAAA;AAED,eAAO,MAAM,uBAAuB,cAAe,GAAG,sBAAsB,GAAG,QAe9E,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,CAAC,KAAG,KAAK,IAAI,WAAW,CAAC,CAAC,CAA0C,CAAA;AAExG,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,cAAc,KAAK,CAAC,CAAC,CAAC,MAuBxF,CAAA;AAED,eAAO,MAAM,uBAAuB,cAAe,GAAG,sBAAsB,GAAG,QAe9E,CAAA;AAMD,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAgC,CAAA;AAExE,eAAO,MAAM,OAAO,OAAQ,MAAM;;;;;CAUjC,CAAA;AAED,eAAO,MAAM,SAAS,aAAc,UAAU,CAAC,OAAO,OAAO,CAAC,YAK7D,CAAA"}

package/lib/typescript/src/web/convert/index.d.ts

@@ -1,3 +1,4 @@
 import type { UnistylesValues } from '../../types';
-export declare const convertUnistyles: (value: UnistylesValues) => Record<string, any>;
+import type { UnistylesRuntime } from '../runtime';
+export declare const convertUnistyles: (value: UnistylesValues, runtime: UnistylesRuntime) => Record<string, any>;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/web/convert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/web/convert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAQlD,eAAO,MAAM,gBAAgB,UAAW,eAAe,wBAqEtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/web/convert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAElD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAOlD,eAAO,MAAM,gBAAgB,UAAW,eAAe,WAAW,gBAAgB,wBAkEjF,CAAA"}

package/lib/typescript/src/web/convert/object/filter.d.ts

@@ -1,3 +1,4 @@
+import type { UnistylesRuntime } from '../../runtime';
 import type { Filters } from '../types';
-export declare const getFilterStyle: (filters: Array<Filters>) => Record<string, any>;
+export declare const getFilterStyle: (filters: Array<Filters>, runtime: UnistylesRuntime) => Record<string, any>;
 //# sourceMappingURL=filter.d.ts.map

package/lib/typescript/src/web/convert/object/filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../../src/web/convert/object/filter.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAUvC,eAAO,MAAM,cAAc,YAAa,KAAK,CAAC,OAAO,CAAC,wBAwBrD,CAAA"}
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../../src/web/convert/object/filter.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAUvC,eAAO,MAAM,cAAc,YAAa,KAAK,CAAC,OAAO,CAAC,WAAW,gBAAgB,wBAwBhF,CAAA"}

package/lib/typescript/src/web/index.d.ts

@@ -1,11 +1,6 @@
 import type { UnistylesShadowRegistry as NativeUnistylesShadowRegistry } from '../specs/ShadowRegistry';
 import type { StyleSheet as NativeStyleSheet } from '../specs/StyleSheet';
 import type { Runtime as NativeUnistylesRuntime } from '../specs/UnistylesRuntime';
-import { UnistylesServices } from './services';
-declare global {
-    var __unistyles__: UnistylesServices;
-}
-export declare const UnistylesWeb: UnistylesServices;
 export declare const StyleSheet: typeof NativeStyleSheet;
 export declare const UnistylesRuntime: typeof NativeUnistylesRuntime;
 export declare const UnistylesShadowRegistry: typeof NativeUnistylesShadowRegistry;

package/lib/typescript/src/web/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,IAAI,6BAA6B,EAAE,MAAM,yBAAyB,CAAA;AACvG,OAAO,KAAK,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,KAAK,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAGlF,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAG9C,OAAO,CAAC,MAAM,CAAC;IAEX,IAAI,aAAa,EAAE,iBAAiB,CAAA;CACvC;AAOD,eAAO,MAAM,YAAY,mBAAkE,CAAA;AAC3F,eAAO,MAAM,UAAU,EAoBP,OAAO,gBAAgB,CAAA;AAEvC,eAAO,MAAM,gBAAgB,EAAsC,OAAO,sBAAsB,CAAA;AAChG,eAAO,MAAM,uBAAuB,EAA6C,OAAO,6BAA6B,CAAA;AAErH,cAAc,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,IAAI,6BAA6B,EAAE,MAAM,yBAAyB,CAAA;AACvG,OAAO,KAAK,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,KAAK,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAKlF,eAAO,MAAM,UAAU,EAoBP,OAAO,gBAAgB,CAAA;AAEvC,eAAO,MAAM,gBAAgB,EAA4C,OAAO,sBAAsB,CAAA;AACtG,eAAO,MAAM,uBAAuB,EAAmD,OAAO,6BAA6B,CAAA;AAE3H,cAAc,QAAQ,CAAA"}

package/lib/typescript/src/web/services.d.ts

@@ -3,7 +3,7 @@ import { UnistylesRegistry } from './registry';
 import { UnistylesRuntime } from './runtime';
 import { UnistylesShadowRegistry } from './shadowRegistry';
 import { UnistylesState } from './state';
-export declare class UnistylesServices {
+declare class UnistylesServices {
     runtime: UnistylesRuntime;
     registry: UnistylesRegistry;
     shadowRegistry: UnistylesShadowRegistry;
@@ -12,4 +12,9 @@ export declare class UnistylesServices {
     private services;
     constructor();
 }
+declare global {
+    var __unistyles__: UnistylesServices;
+}
+export declare const services: UnistylesServices;
+export {};
 //# sourceMappingURL=services.d.ts.map

package/lib/typescript/src/web/services.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../../../../src/web/services.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC,qBAAa,iBAAiB;IAC1B,OAAO,EAAE,gBAAgB,CAAA;IACzB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,cAAc,EAAE,uBAAuB,CAAA;IACvC,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,iBAAiB,CAAA;IAE3B,OAAO,CAAC,QAAQ,CAA0B;;CAc7C"}
+{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../../../../src/web/services.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGxC,cAAM,iBAAiB;IACnB,OAAO,EAAE,gBAAgB,CAAA;IACzB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,cAAc,EAAE,uBAAuB,CAAA;IACvC,KAAK,EAAE,cAAc,CAAA;IACrB,QAAQ,EAAE,iBAAiB,CAAA;IAE3B,OAAO,CAAC,QAAQ,CAA0B;;CAc7C;AAED,OAAO,CAAC,MAAM,CAAC;IAEX,IAAI,aAAa,EAAE,iBAAiB,CAAA;CACvC;AAOD,eAAO,MAAM,QAAQ,mBAAkE,CAAA"}

package/lib/typescript/src/web/shadowRegistry.d.ts

@@ -1,5 +1,5 @@
 import type { UnistylesTheme, UnistylesValues } from '../types';
-import type { UnistylesServices } from './types';
+import type { UniGeneratedStyle, UnistylesServices } from './types';
 export declare class UnistylesShadowRegistry {
     private services;
     name: string;
@@ -11,7 +11,7 @@ export declare class UnistylesShadowRegistry {
     private disposeMap;
     constructor(services: UnistylesServices);
     add: (ref: any, hash?: string) => void;
-    addStyles: (unistyles: Array<UnistylesValues>, forChild?: boolean) => {
+    addStyles: (unistyles: Array<UnistylesValues>, forChild?: boolean) => UniGeneratedStyle | {
         injectedClassName: string;
         hash: string;
     };

package/lib/typescript/src/web/shadowRegistry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shadowRegistry.d.ts","sourceRoot":"","sources":["../../../../src/web/shadowRegistry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAIhD,qBAAa,uBAAuB;IAYpB,OAAO,CAAC,QAAQ;IAV5B,IAAI,SAA4B;IAChC,MAAM,SAAQ;IACd,MAAM,gBAAa;IACnB,QAAQ,eAAkC;IAC1C,OAAO,aAAW;IAGlB,OAAO,CAAC,WAAW,CAAwC;IAC3D,OAAO,CAAC,UAAU,CAAkC;gBAEhC,QAAQ,EAAE,iBAAiB;IAE/C,GAAG,QAAS,GAAG,SAAS,MAAM,UAM7B;IAED,SAAS,cAAe,KAAK,CAAC,eAAe,CAAC,aAAa,OAAO;;;MAqDjE;IAED,cAAc,WAAY,cAAc,UAEvC;IAED,cAAc,kBAAyB;IAEvC,MAAM,QAAS,GAAG,SAAS,MAAM,UAchC;CACJ"}
+{"version":3,"file":"shadowRegistry.d.ts","sourceRoot":"","sources":["../../../../src/web/shadowRegistry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAInE,qBAAa,uBAAuB;IAYpB,OAAO,CAAC,QAAQ;IAV5B,IAAI,SAA4B;IAChC,MAAM,SAAQ;IACd,MAAM,gBAAa;IACnB,QAAQ,eAAkC;IAC1C,OAAO,aAAW;IAGlB,OAAO,CAAC,WAAW,CAAwC;IAC3D,OAAO,CAAC,UAAU,CAAkC;gBAEhC,QAAQ,EAAE,iBAAiB;IAE/C,GAAG,QAAS,GAAG,SAAS,MAAM,UAM7B;IAED,SAAS,cAAe,KAAK,CAAC,eAAe,CAAC,aAAa,OAAO;;;MAoEjE;IAED,cAAc,WAAY,cAAc,UAEvC;IAED,cAAc,kBAAyB;IAEvC,MAAM,QAAS,GAAG,SAAS,MAAM,UAchC;CACJ"}

package/lib/typescript/src/web/types.d.ts

@@ -10,4 +10,7 @@ export type UnistylesServices = {
     state: UnistylesState;
     listener: UnistylesListener;
 };
+export declare const UNI_GENERATED_KEYS: readonly ["$$css", "hash", "injectedClassName"];
+export type UniGeneratedKey = typeof UNI_GENERATED_KEYS[number];
+export type UniGeneratedStyle = Record<UniGeneratedKey, string>;
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/web/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/web/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,KAAI,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,KAAI,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,KAAI,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,KAAI,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,MAAM,iBAAiB,GAAG;IAC5B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,cAAc,EAAE,uBAAuB,CAAC;IACxC,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAA;CAC9B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/web/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,MAAM,MAAM,iBAAiB,GAAG;IAC5B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,cAAc,EAAE,uBAAuB,CAAC;IACxC,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,iBAAiB,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,kBAAkB,iDAAkD,CAAA;AACjF,MAAM,MAAM,eAAe,GAAG,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAA;AAE/D,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA"}

package/lib/typescript/src/web/utils/createUnistylesRef.d.ts

@@ -1,8 +1,11 @@
 import type React from 'react';
-import type { Nullable } from '../../types';
-type ClassNames = {
-    hash: string;
-};
-export declare const createUnistylesRef: <T>(classNames?: ClassNames, forwardedRef?: React.ForwardedRef<T>) => ((ref: Nullable<T>) => void) | undefined;
+import type { Nullable, UnistylesValues } from '../../types';
+type Styles = readonly [
+    {
+        hash: string;
+    },
+    Array<UnistylesValues>
+];
+export declare const createUnistylesRef: <T>(styles?: Styles, forwardedRef?: React.ForwardedRef<T>) => ((ref: Nullable<T>) => void) | undefined;
 export {};
 //# sourceMappingURL=createUnistylesRef.d.ts.map

package/lib/typescript/src/web/utils/createUnistylesRef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createUnistylesRef.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/createUnistylesRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAI3C,KAAK,UAAU,GAAG;IACd,IAAI,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,eAAe,UAAU,iBAAiB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,YAGzD,QAAQ,CAAC,CAAC,CAAC,sBAgBpD,CAAA"}
+{"version":3,"file":"createUnistylesRef.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/createUnistylesRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAI5D,KAAK,MAAM,GAAG,SAAS;IACnB;QACI,IAAI,EAAE,MAAM,CAAA;KACf;IACD,KAAK,CAAC,eAAe,CAAC;CACzB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,WAAW,MAAM,iBAAiB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,YAIjD,QAAQ,CAAC,CAAC,CAAC,sBAgBpD,CAAA"}

package/lib/typescript/src/web/utils/index.d.ts

@@ -1,4 +1,3 @@
 export * from './common';
 export * from './unistyle';
-export * from './createUnistylesRef';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/web/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA"}

package/lib/typescript/src/web/utils/unistyle.d.ts

@@ -1,6 +1,7 @@
-import type { UnistyleDependency } from '../../specs/NativePlatform';
+import type { UnistyleDependency } from '../../specs/NativePlatform/NativePlatform.nitro';
 import { ColorScheme } from '../../specs/types';
 import type { StyleSheet, StyleSheetWithSuperPowers, UnistylesValues } from '../../types/stylesheet';
+import { type UniGeneratedStyle } from '../types';
 export declare const schemeToTheme: (scheme: ColorScheme) => "light" | "dark";
 export type UnistyleSecrets = {
     __uni__stylesheet: StyleSheetWithSuperPowers<StyleSheet>;
@@ -15,4 +16,7 @@ export declare const extractSecrets: (object: any) => {
 export declare const removeInlineStyles: (values: UnistylesValues) => {};
 export declare const getMediaQuery: (query: string, allBreakpoints: Array<string>) => string;
 export declare const extractUnistyleDependencies: (value: any) => UnistyleDependency[];
+export declare const checkForProp: (value: any, prop: string) => boolean;
+export declare const checkForAnimated: (value: any) => boolean;
+export declare const isGeneratedUnistyle: (value: Record<string, any>) => value is UniGeneratedStyle;
 //# sourceMappingURL=unistyle.d.ts.map

package/lib/typescript/src/web/utils/unistyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unistyle.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/unistyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAIpG,eAAO,MAAM,aAAa,WAAY,WAAW,qBAQhD,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B,iBAAiB,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAA;CAC/D,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,UAAU,CAAC,WAAW,eAAe,MAanE,CAAA;AAED,eAAO,MAAM,cAAc,WAAY,GAAG;;aAkBzC,CAAA;AAED,eAAO,MAAM,kBAAkB,WAAY,eAAe,OAUzD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,MAAM,kBAAkB,KAAK,CAAC,MAAM,CAAC,WA6BzE,CAAA;AAED,eAAO,MAAM,2BAA2B,UAAW,GAAG,yBAQrD,CAAA"}
+{"version":3,"file":"unistyle.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/unistyle.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAA;AACzF,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAA;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAGpG,OAAO,EAA4C,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAG3F,eAAO,MAAM,aAAa,WAAY,WAAW,qBAQhD,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC1B,iBAAiB,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAA;CAC/D,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,UAAU,CAAC,WAAW,eAAe,MAanE,CAAA;AAED,eAAO,MAAM,cAAc,WAAY,GAAG;;aAYzC,CAAA;AAED,eAAO,MAAM,kBAAkB,WAAY,eAAe,OAUzD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,MAAM,kBAAkB,KAAK,CAAC,MAAM,CAAC,WA6BzE,CAAA;AAED,eAAO,MAAM,2BAA2B,UAAW,GAAG,yBAQrD,CAAA;AAED,eAAO,MAAM,YAAY,UAAW,GAAG,QAAQ,MAAM,KAAG,OAcvD,CAAA;AAED,eAAO,MAAM,gBAAgB,UAAW,GAAG,KAAG,OAgB7C,CAAA;AAED,eAAO,MAAM,mBAAmB,UAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,KAAK,IAAI,iBAEzE,CAAA"}

package/lib/typescript/src/web-only/getWebProps.d.ts

@@ -0,0 +1,7 @@
+import type { StyleProp } from 'react-native';
+import type { RNStyle } from '../types';
+export declare const getWebProps: <T>(style: StyleProp<RNStyle>) => {
+    className: string;
+    ref: ((ref: import("../types").Nullable<T>) => void) | undefined;
+};
+//# sourceMappingURL=getWebProps.d.ts.map

package/lib/typescript/src/web-only/getWebProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWebProps.d.ts","sourceRoot":"","sources":["../../../../src/web-only/getWebProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,KAAK,EAAE,OAAO,EAAmB,MAAM,UAAU,CAAA;AAGxD,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,SAAS,CAAC,OAAO,CAAC;;;CAYvD,CAAA"}

package/lib/typescript/src/web-only/index.d.ts

@@ -0,0 +1,2 @@
+export { getWebProps } from './getWebProps';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/web-only/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web-only/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/package.json

@@ -1,32 +1,43 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.0.0-rc.2",
+  "version": "3.0.0-rc.4",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
-    "test": "jest",
-    "test:coverage": "jest --passWithNoTests --coverage",
+    "test": "NODE_ENV=babel-test jest ./plugin",
+    "test:coverage": "NODE_ENV=babel-test jest --passWithNoTests --coverage",
     "tsc": "node_modules/typescript/bin/tsc --noEmit",
     "lint": "biome lint",
     "check": "biome check --write",
     "check:ci": "biome check",
     "prepare": "husky && bob build && yarn plugin:build",
-    "precommit": "concurrently 'yarn tsc' 'yarn lint' 'yarn check' 'yarn test'",
+    "precommit": "concurrently 'yarn tsc' 'yarn lint' 'yarn check' 'yarn test' 'yarn circular:check'",
     "release": "release-it",
-    "plugin:build": "node plugin/esbuild.js"
+    "plugin:build": "node plugin/esbuild.js",
+    "circular:check": "dpdm --no-warning --no-tree -T --exit-code circular:1 src/**/*.ts",
+    "components:build": "node build-components.js"
   },
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
+  "browser": "lib/module/index.js",
   "types": "lib/typescript/src/index.d.ts",
   "source": "src/index",
   "exports": {
     ".": {
       "types": "./lib/typescript/src/index.d.ts",
       "import": "./lib/module/index.js",
+      "browser": "./lib/module/index.js",
       "react-native": "./src/index.ts",
       "default": "./lib/commonjs/index.js"
     },
+    "./mocks": {
+      "import": "./lib/module/mocks.js",
+      "browser": "./lib/module/mocks.js",
+      "react-native": "./src/mocks.ts",
+      "default": "./lib/commonjs/mocks.js"
+    },
     "./components/native/*": {
       "import": "./lib/module/components/native/*",
+      "browser": "./lib/module/components/native/*",
       "react-native": "./src/components/native/*",
       "default": "./lib/commonjs/components/native/*"
     },
@@ -39,8 +50,23 @@
     "./server": {
       "types": "./lib/typescript/src/server/index.d.ts",
       "import": "./lib/module/server/index.js",
-      "react-native": "./src/server.ts",
+      "browser": "./lib/module/server/index.js",
+      "react-native": "./src/server/index.ts",
       "default": "./lib/commonjs/server/index.js"
+    },
+    "./web": {
+      "types": "./lib/typescript/src/web-only/index.d.ts",
+      "import": "./lib/module/web-only/index.js",
+      "browser": "./lib/module/web-only/index.js",
+      "react-native": "./src/web-only/index.ts",
+      "default": "./lib/commonjs/web-only/index.js"
+    },
+    "./reanimated": {
+      "types": "./lib/typescript/src/reanimated/index.d.ts",
+      "import": "./lib/module/reanimated/index.js",
+      "browser": "./lib/module/reanimated/index.js",
+      "react-native": "./src/reanimated/index.ts",
+      "default": "./lib/commonjs/reanimated/index.js"
     }
   },
   "files": [
@@ -54,6 +80,8 @@
     "web",
     "components",
     "server",
+    "web-only",
+    "reanimated",
     "react-native.config.js",
     "Unistyles.podspec",
     "!plugin/__tests__",
@@ -102,6 +130,7 @@
     "babel-plugin-tester": "11.0.4",
     "commitlint": "19.7.1",
     "concurrently": "9.1.2",
+    "dpdm": "3.14.0",
     "esbuild": "0.25.0",
     "husky": "9.1.7",
     "jest": "29.7.0",
@@ -111,6 +140,7 @@
     "react-native": "0.77.1",
     "react-native-builder-bob": "0.37.0",
     "react-native-nitro-modules": "0.25.2",
+    "react-native-reanimated": "3.17.5",
     "react-native-web": "0.19.13",
     "react-test-renderer": "18.3.1",
     "release-it": "17.11.0",
@@ -121,7 +151,13 @@
     "react": "*",
     "react-native": ">=0.76.0",
     "react-native-edge-to-edge": "*",
-    "react-native-nitro-modules": "*"
+    "react-native-nitro-modules": "*",
+    "react-native-reanimated": "*"
+  },
+  "peerDependenciesMeta": {
+    "react-native-reanimated": {
+      "optional": true
+    }
   },
   "workspaces": [
     "example",

package/plugin/index.js

@@ -83,18 +83,6 @@ var NATIVE_COMPONENTS_PATHS = {
 
 // plugin/src/exotic.ts
 var t = __toESM(require("@babel/types"));
-
-// plugin/src/paths.ts
-var path = __toESM(require("node:path"));
-var isWindows = process.platform === "win32";
-var toWinPath = (pathString) => {
-  return path.normalize(pathString).replace(/\//g, "\\");
-};
-var toPlatformPath = (pathString) => {
-  return isWindows ? toWinPath(pathString) : pathString;
-};
-
-// plugin/src/exotic.ts
 function handleExoticImport(path2, state, exoticImport) {
   const specifiers = path2.node.specifiers;
   const source = path2.node.source;
@@ -113,7 +101,7 @@ function handleExoticImport(path2, state, exoticImport) {
         const newImport = t.importDeclaration(
           [t.importDefaultSpecifier(t.identifier(specifier.local.name))],
           t.stringLiteral(
-            state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(toPlatformPath(`react-native-unistyles/components/native/${rule.mapTo}`)) ?? "" : toPlatformPath(`react-native-unistyles/components/native/${rule.mapTo}`)
+            state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(`react-native-unistyles/components/native/${rule.mapTo}`) ?? "" : `react-native-unistyles/components/native/${rule.mapTo}`
           )
         );
         path2.replaceWith(newImport);
@@ -121,7 +109,7 @@ function handleExoticImport(path2, state, exoticImport) {
         const newImport = t.importDeclaration(
           [t.importSpecifier(t.identifier(rule.mapTo), t.identifier(rule.mapTo))],
           t.stringLiteral(
-            state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(toPlatformPath(`react-native-unistyles/components/native/${rule.mapTo}`)) ?? "" : toPlatformPath(`react-native-unistyles/components/native/${rule.mapTo}`)
+            state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(`react-native-unistyles/components/native/${rule.mapTo}`) ?? "" : `react-native-unistyles/components/native/${rule.mapTo}`
           )
         );
         path2.node.specifiers = specifiers.filter((s) => s !== specifier);
@@ -152,7 +140,7 @@ function addUnistylesImport(path2, state) {
     }
   });
   names.forEach((name) => {
-    const rnWebImport = path2.node.body.find((node) => t2.isImportDeclaration(node) && node.source.value === toPlatformPath(`react-native-web/dist/exports/${name}`));
+    const rnWebImport = path2.node.body.find((node) => t2.isImportDeclaration(node) && node.source.value === `react-native-web/dist/exports/${name}`);
     if (rnWebImport) {
       rnWebImport.specifiers = [];
     }
@@ -161,7 +149,7 @@ function addUnistylesImport(path2, state) {
     const newImport = t2.importDeclaration(
       [t2.importSpecifier(t2.identifier(localName), t2.identifier(name))],
       t2.stringLiteral(
-        state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(toPlatformPath(`react-native-unistyles/src/components/native/${name}`)) ?? "" : toPlatformPath(`react-native-unistyles/components/native/${name}`)
+        state.opts.isLocal ? state.file.opts.filename?.split("react-native-unistyles").at(0)?.concat(`react-native-unistyles/src/components/native/${name}`) ?? "" : `react-native-unistyles/components/native/${name}`
       )
     );
     path2.node.body.unshift(newImport);
@@ -185,6 +173,16 @@ function addUnistylesRequire(path2, state) {
   });
 }
 
+// plugin/src/paths.ts
+var import_node_path = __toESM(require("node:path"));
+var isWindows = process.platform === "win32";
+var toWinPath = (pathString) => {
+  return import_node_path.default.normalize(pathString).replace(/\//g, "\\");
+};
+var toPlatformPath = (pathString) => {
+  return isWindows ? toWinPath(pathString) : pathString;
+};
+
 // plugin/src/ref.ts
 var t3 = __toESM(require("@babel/types"));
 function hasStringRef(path2) {
@@ -715,6 +713,12 @@ function extractVariants(path2, state) {
 
 // plugin/src/index.ts
 function index_default() {
+  if (process.env.NODE_ENV === "test") {
+    return {
+      name: "babel-react-native-unistyles",
+      visitor: {}
+    };
+  }
   return {
     name: "babel-react-native-unistyles",
     visitor: {
@@ -806,7 +810,7 @@ function index_default() {
             }
           });
         }
-        if (importSource.includes(toPlatformPath("react-native/Libraries"))) {
+        if (importSource.includes("react-native/Libraries")) {
           handleExoticImport(path2, state, NATIVE_COMPONENTS_PATHS);
         }
         if (!state.file.forceProcessing && Array.isArray(state.opts.autoProcessImports)) {
@@ -831,6 +835,9 @@ function index_default() {
         if (path2.node.object.name !== state.file.reactNativeCommonJSName || !t6.isIdentifier(path2.node.property)) {
           return;
         }
+        if (!REACT_NATIVE_COMPONENT_NAMES.includes(path2.node.property.name)) {
+          return;
+        }
         if (!state.reactNativeImports[path2.node.property.name]) {
           const uniqueId = path2.scope.generateUidIdentifier(`reactNativeUnistyles_${path2.node.property.name}`);
           state.reactNativeImports[path2.node.property.name] = uniqueId.name;

package/reanimated/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../lib/commonjs/reanimated/index",
+  "module": "../lib/module/reanimated/index",
+  "react-native": "../src/reanimated/index",
+  "types": "../lib/typescript/src/reanimated/index"
+}

package/src/components/native/Image.tsx

@@ -4,7 +4,8 @@ import { getClassName } from '../../core'
 import { maybeWarnAboutMultipleUnistyles } from '../../core/warn'
 import type { UnistylesValues } from '../../types'
 import { copyComponentProperties } from '../../utils'
-import { createUnistylesRef, keyInObject } from '../../web/utils'
+import { checkForProp } from '../../web/utils'
+import { createUnistylesRef } from '../../web/utils/createUnistylesRef'
 
 type Props = ComponentProps<typeof NativeImage> & {
     style?: UnistylesValues
@@ -14,8 +15,8 @@ type Props = ComponentProps<typeof NativeImage> & {
 const UnistylesImage = forwardRef<unknown, Props>((props, forwardedRef) => {
     const classNames = getClassName(props.style)
     const ref = createUnistylesRef(classNames, forwardedRef)
-    const hasWidthStyle = typeof props.style === 'object' && keyInObject(props.style, 'width')
-    const hasHeightStyle = typeof props.style === 'object' && keyInObject(props.style, 'height')
+    const hasWidthStyle = checkForProp(props.style, 'width')
+    const hasHeightStyle = checkForProp(props.style, 'height')
 
     maybeWarnAboutMultipleUnistyles(props.style as ViewStyle, 'Image')
 

package/src/components/native/ImageBackground.tsx

@@ -5,7 +5,8 @@ import { getClassName } from '../../core'
 import { maybeWarnAboutMultipleUnistyles } from '../../core/warn'
 import type { UnistylesValues } from '../../types'
 import { copyComponentProperties } from '../../utils'
-import { createUnistylesRef, keyInObject } from '../../web/utils'
+import { keyInObject } from '../../web/utils'
+import { createUnistylesRef } from '../../web/utils/createUnistylesRef'
 
 type Props = {
     style?: UnistylesValues