react-native-unistyles 3.0.0-alpha.26 → 3.0.0-alpha.28

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":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUN,MAAM,KAAK,MAAM;yBACT,KAAK,CAAC,MAAM,CAAC;;CAErC,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,cAAc,QAAQ,CAAA;AAGtB,eAAO,MAAM,eAAe,eAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUN,MAAM,KAAK,MAAM;yBACT,KAAK,CAAC,MAAM,CAAC;;CAErC,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAC1D,cAAc,QAAQ,CAAA;AAGtB,eAAO,MAAM,eAAe,eAAW,CAAA"}

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

@@ -7,11 +7,11 @@ declare class UnistylesRuntimeBuilder {
     private getLightMedia;
     private getDarkMedia;
     get colorScheme(): ColorScheme;
-    get themeName(): keyof import("react-native-unistyles").UnistylesThemes | undefined;
+    get themeName(): undefined;
     get contentSizeCategory(): WebContentSizeCategory;
-    get breakpoint(): keyof import("react-native-unistyles").UnistylesBreakpoints | undefined;
+    get breakpoint(): keyof import("..").UnistylesBreakpoints | undefined;
     get orientation(): Orientation;
-    get theme(): import("../types").UnistylesTheme;
+    get theme(): never;
     get pixelRatio(): number;
     get screen(): {
         width: number;
@@ -35,7 +35,7 @@ declare class UnistylesRuntimeBuilder {
     setRootViewBackgroundColor: (hex: string, alpha?: number) => void;
     setImmersiveMode: () => void;
     updateTheme: (themeName: AppThemeName, updater: (currentTheme: AppTheme) => AppTheme) => void;
-    getTheme: (themeName?: keyof import("react-native-unistyles").UnistylesThemes | undefined) => import("../types").UnistylesTheme;
+    getTheme: (themeName?: undefined) => never;
 }
 export declare const UnistylesRuntime: UnistylesRuntimeBuilder;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../../src/web/runtime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC3F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAMjD,cAAM,uBAAuB;IACzB,UAAU,wBAAuB;IACjC,SAAS,wBAAsB;IAE/B,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,YAAY;IAYpB,IAAI,WAAW,gBASd;IAED,IAAI,SAAS,uEAEZ;IAED,IAAI,mBAAmB,2BAEtB;IAED,IAAI,UAAU,4EAEb;IAED,IAAI,WAAW,gBAMd;IAED,IAAI,KAAK,sCAER;IAED,IAAI,UAAU,WAEb;IAED,IAAI,MAAM;;;MAYT;IAED,IAAI,SAAS,WAEZ;IAED,IAAI,MAAM;;;;;;MAQT;IAED,IAAI,SAAS,oDAEZ;IAED,IAAI,GAAG,YAEN;IAED,IAAI,iBAAiB,YAEpB;IAED,IAAI,aAAa,2DAEhB;IAED,IAAI,WAAW,IAAI,oBAAoB,CAuBtC;IAED,QAAQ,cAAe,YAAY,UAQlC;IAED,iBAAiB,cAAe,OAAO,UAQtC;IAED,0BAA0B,QAAS,MAAM,UAAU,MAAM,UAMxD;IAED,gBAAgB,aAAW;IAE3B,WAAW,cAAe,YAAY,WAAW,CAAC,YAAY,EAAE,QAAQ,KAAK,QAAQ,UAQpF;IAED,QAAQ,wHAYP;CACJ;AAED,eAAO,MAAM,gBAAgB,yBAAgC,CAAA"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../../../src/web/runtime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC3F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAMjD,cAAM,uBAAuB;IACzB,UAAU,wBAAuB;IACjC,SAAS,wBAAsB;IAE/B,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,YAAY;IAYpB,IAAI,WAAW,gBASd;IAED,IAAI,SAAS,cAEZ;IAED,IAAI,mBAAmB,2BAEtB;IAED,IAAI,UAAU,wDAEb;IAED,IAAI,WAAW,gBAMd;IAED,IAAI,KAAK,UAER;IAED,IAAI,UAAU,WAEb;IAED,IAAI,MAAM;;;MAYT;IAED,IAAI,SAAS,WAEZ;IAED,IAAI,MAAM;;;;;;MAQT;IAED,IAAI,SAAS,oDAEZ;IAED,IAAI,GAAG,YAEN;IAED,IAAI,iBAAiB,YAEpB;IAED,IAAI,aAAa,2DAEhB;IAED,IAAI,WAAW,IAAI,oBAAoB,CAuBtC;IAED,QAAQ,cAAe,YAAY,UAQlC;IAED,iBAAiB,cAAe,OAAO,UAQtC;IAED,0BAA0B,QAAS,MAAM,UAAU,MAAM,UAMxD;IAED,gBAAgB,aAAW;IAE3B,WAAW,cAAe,YAAY,WAAW,CAAC,YAAY,EAAE,QAAQ,KAAK,QAAQ,UAQpF;IAED,QAAQ,mCAYP;CACJ;AAED,eAAO,MAAM,gBAAgB,yBAAgC,CAAA"}

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

@@ -1,9 +1,8 @@
-import type { UnistylesTheme } from '../types';
 import type { UnistylesConfig } from '../specs/StyleSheet';
 import type { AppBreakpoint, AppThemeName } from '../specs/types';
 import type { UnistylesBreakpoints } from '../global';
 declare class UnistylesStateBuilder {
-    themes: Map<string, UnistylesTheme>;
+    themes: Map<string, never>;
     themeName?: AppThemeName;
     private matchingBreakpoints;
     get breakpoint(): AppBreakpoint | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/web/state.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACjE,OAAO,KAAK,EAAE,oBAAoB,EAAmB,MAAM,WAAW,CAAA;AAMtE,cAAM,qBAAqB;IACvB,MAAM,8BAAoC;IAC1C,SAAS,CAAC,EAAE,YAAY,CAAA;IAExB,OAAO,CAAC,mBAAmB,CAA6B;IAExD,IAAI,UAAU,IAKkB,aAAa,GAAG,SAAS,CACxD;IAED,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAElC,iBAAiB,UAAQ;IAEzB,IAAI,WAAY,eAAe,UAU9B;IAED,OAAO,CAAC,UAAU,CAIjB;IAED,OAAO,CAAC,YAAY,CAyBnB;IAED,OAAO,CAAC,eAAe,CAkBtB;CACJ;AAED,eAAO,MAAM,cAAc,uBAA8B,CAAA"}
+{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../../src/web/state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAY,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC3E,OAAO,KAAK,EAAE,oBAAoB,EAAmB,MAAM,WAAW,CAAA;AAMtE,cAAM,qBAAqB;IACvB,MAAM,qBAAoC;IAC1C,SAAS,CAAC,EAAE,YAAY,CAAA;IAExB,OAAO,CAAC,mBAAmB,CAA6B;IAExD,IAAI,UAAU,IAKkB,aAAa,GAAG,SAAS,CACxD;IAED,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAElC,iBAAiB,UAAQ;IAEzB,IAAI,WAAY,eAAe,UAU9B;IAED,OAAO,CAAC,UAAU,CAIjB;IAED,OAAO,CAAC,YAAY,CAyBnB;IAED,OAAO,CAAC,eAAe,CAkBtB;CACJ;AAED,eAAO,MAAM,cAAc,uBAA8B,CAAA"}

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

@@ -1,7 +1,7 @@
 import type { UnistyleDependency } from '../../specs/NativePlatform';
-import { ColorScheme, type AppThemeName } from '../../specs/types';
+import { ColorScheme } from '../../specs/types';
 import type { StyleSheet, StyleSheetWithSuperPowers, UnistylesValues } from '../../types/stylesheet';
-export declare const schemeToTheme: (scheme: ColorScheme) => AppThemeName;
+export declare const schemeToTheme: (scheme: ColorScheme) => string;
 export declare const hexToRGBA: (hex: string, opacity: number) => string;
 export type UnistyleSecrets = {
     __uni__stylesheet: StyleSheetWithSuperPowers<StyleSheet>;

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":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,EAAE,WAAW,EAAe,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAKpG,eAAO,MAAM,aAAa,WAAY,WAAW,KAAG,YAQnD,CAAA;AAED,eAAO,MAAM,SAAS,QAAS,MAAM,WAAW,MAAM,WAM5B,CAAA;AAE1B,MAAM,MAAM,eAAe,GAAG;IAC1B,iBAAiB,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,UAAU,CAAC,WAAW,eAAe,MAKnE,CAAA;AAED,eAAO,MAAM,cAAc,WAAY,GAAG,sBAUzC,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,eAAe,OAUhD,CAAA;AAED,eAAO,MAAM,YAAY,YAAa,WAAW,YAAoC,CAAA;AAErF,eAAO,MAAM,sBAAsB,UAAW,MAAM,uBAUnD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,MAAM,WAmB1C,CAAA;AAED,eAAO,MAAM,2BAA2B,UAAW,GAAG,yBAIrD,CAAA"}
+{"version":3,"file":"unistyle.d.ts","sourceRoot":"","sources":["../../../../../src/web/utils/unistyle.ts"],"names":[],"mappings":"AAAA,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;AAKpG,eAAO,MAAM,aAAa,WAAY,WAAW,KAAG,MAQnD,CAAA;AAED,eAAO,MAAM,SAAS,QAAS,MAAM,WAAW,MAAM,WAM5B,CAAA;AAE1B,MAAM,MAAM,eAAe,GAAG;IAC1B,iBAAiB,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,UAAU,CAAC,WAAW,eAAe,MAKnE,CAAA;AAED,eAAO,MAAM,cAAc,WAAY,GAAG,sBAUzC,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,eAAe,OAUhD,CAAA;AAED,eAAO,MAAM,YAAY,YAAa,WAAW,YAAoC,CAAA;AAErF,eAAO,MAAM,sBAAsB,UAAW,MAAM,uBAUnD,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,MAAM,WAmB1C,CAAA;AAED,eAAO,MAAM,2BAA2B,UAAW,GAAG,yBAIrD,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "3.0.0-alpha.26",
+  "version": "3.0.0-alpha.28",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",
@@ -27,7 +27,7 @@
     "web",
     "react-native.config.js",
     "Unistyles.podspec",
-    "!lib/typescript/examples",
+    "!plugin/__tests__",
     "!ios/build",
     "!android/build",
     "!android/gradle",
@@ -60,29 +60,28 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "@babel/plugin-syntax-jsx": "7.25.7",
-    "@biomejs/biome": "1.8.3",
-    "@commitlint/config-conventional": "19.2.2",
-    "@react-native/normalize-colors": "0.75.2",
-    "@release-it/conventional-changelog": "8.0.1",
+    "@babel/plugin-syntax-jsx": "7.25.9",
+    "@biomejs/biome": "1.9.4",
+    "@commitlint/config-conventional": "19.5.0",
+    "@react-native/normalize-colors": "0.76.0",
+    "@release-it/conventional-changelog": "8.0.2",
     "@testing-library/react-hooks": "8.0.1",
-    "@types/jest": "29.5.12",
-    "@types/react": "18.3.4",
+    "@types/jest": "29.5.14",
+    "@types/react": "18.3.12",
     "babel-plugin-tester": "11.0.4",
-    "commitlint": "19.4.0",
+    "commitlint": "19.5.0",
     "concurrently": "8.2.2",
-    "husky": "9.1.5",
+    "husky": "9.1.6",
     "jest": "29.7.0",
     "metro-react-native-babel-preset": "0.77.0",
     "nitro-codegen": "0.13.0",
     "react": "18.3.1",
-    "react-native": "0.75.2",
-    "react-native-builder-bob": "0.30.0",
+    "react-native": "0.76.0",
+    "react-native-builder-bob": "0.30.2",
     "react-native-nitro-modules": "0.13.0",
     "react-test-renderer": "18.3.1",
-    "release-it": "17.6.0",
-    "typescript": "5.5.4",
-    "typestyle": "2.4.0"
+    "release-it": "17.10.0",
+    "typescript": "5.6.3"
   },
   "peerDependencies": {
     "@react-native/normalize-colors": "*",

package/src/common.js

@@ -0,0 +1,4 @@
+import { Platform } from 'react-native';
+export const isWeb = Platform.OS === 'web';
+export const isIOS = Platform.OS === 'ios';
+export const isAndroid = Platform.OS === 'android';

package/src/core/index.js

@@ -0,0 +1,2 @@
+export { useBreakpoint } from './useBreakpoint';
+export { useTheme } from './useTheme';

package/src/core/useBreakpoint.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from 'react';
+import { UnistylesRuntime } from '../web';
+import { UnistylesListener } from '../web/listener';
+import { UnistyleDependency } from '../specs/NativePlatform';
+export const useBreakpoint = () => {
+    const [breakpoint, setBreakpoint] = useState(UnistylesRuntime.breakpoint);
+    useEffect(() => {
+        const removeChangeListener = UnistylesListener.addListeners([UnistyleDependency.Breakpoints], () => setBreakpoint(UnistylesRuntime.breakpoint));
+        return () => {
+            removeChangeListener();
+        };
+    }, []);
+    return breakpoint;
+};

package/src/core/useBreakpoint.native.js

@@ -0,0 +1,16 @@
+import { useEffect, useState } from 'react';
+import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
+export const useBreakpoint = () => {
+    const [breakpoint, setBreakpoint] = useState(UnistylesRuntime.breakpoint);
+    useEffect(() => {
+        const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
+            if (dependencies.includes(UnistyleDependency.Breakpoints)) {
+                setBreakpoint(UnistylesRuntime.breakpoint);
+            }
+        });
+        return () => {
+            removeChangeListener();
+        };
+    }, []);
+    return breakpoint;
+};

package/src/core/useTheme.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from 'react';
+import { UnistylesRuntime } from '../web';
+import { UnistylesListener } from '../web/listener';
+import { UnistyleDependency } from '../specs/NativePlatform';
+export const useTheme = () => {
+    const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
+    useEffect(() => {
+        const removeChangeListener = UnistylesListener.addListeners([UnistyleDependency.Theme], () => setTheme(UnistylesRuntime.getTheme()));
+        return () => {
+            removeChangeListener();
+        };
+    }, []);
+    return theme;
+};

package/src/core/useTheme.native.js

@@ -0,0 +1,16 @@
+import { useEffect, useState } from 'react';
+import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
+export const useTheme = () => {
+    const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
+    useEffect(() => {
+        const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
+            if (dependencies.includes(UnistyleDependency.Theme)) {
+                setTheme(UnistylesRuntime.getTheme());
+            }
+        });
+        return () => {
+            removeChangeListener();
+        };
+    }, []);
+    return theme;
+};

package/src/core/useTheme.native.ts

@@ -1,8 +1,9 @@
 import { useEffect, useState } from 'react'
 import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs'
 import type { UnistylesStyleSheet } from '../specs'
+import type { UnistylesTheme } from '../types'
 
-export const useTheme = () => {
+export const useTheme = (): UnistylesTheme => {
     const [theme, setTheme] = useState(UnistylesRuntime.getTheme())
 
     useEffect(() => {

package/src/core/useTheme.ts

@@ -2,8 +2,9 @@ import { useEffect, useState } from 'react'
 import { UnistylesRuntime } from '../web'
 import { UnistylesListener } from '../web/listener'
 import { UnistyleDependency } from '../specs/NativePlatform'
+import type { UnistylesTheme } from '../types'
 
-export const useTheme = () => {
+export const useTheme = (): UnistylesTheme => {
     const [theme, setTheme] = useState(UnistylesRuntime.getTheme())
 
     useEffect(() => {

package/src/index.js

@@ -0,0 +1,3 @@
+export * from './specs';
+export { mq } from './mq';
+export { useTheme, useBreakpoint } from './core';

package/src/mq.js

@@ -0,0 +1,38 @@
+const getMQValue = (value) => {
+    if (typeof value === 'number') {
+        return value;
+    }
+    if (value === null) {
+        return 0;
+    }
+    // todo take it from js
+    const breakpoints = {
+        xs: 0,
+        sm: 300,
+        md: 500,
+        lg: 800,
+        xl: 1200
+    };
+    // @ts-ignore
+    return breakpoints[value] ?? 0;
+};
+/**
+ * Utility to create cross-platform media queries
+ * @returns - JavaScript symbol to be used in your stylesheet
+ */
+export const mq = {
+    only: {
+        width: (wMin = 0, wMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]`,
+        height: (hMin = 0, hMax = Infinity) => `:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
+    },
+    width: (wMin = 0, wMax = Infinity) => ({
+        and: {
+            height: (hMin = 0, hMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
+        }
+    }),
+    height: (hMin = 0, hMax = Infinity) => ({
+        and: {
+            width: (wMin = 0, wMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
+        }
+    })
+};

package/src/specs/NativePlatform/NativePlatform.nitro.js

@@ -0,0 +1,18 @@
+import {} from '../types';
+export var UnistyleDependency;
+(function (UnistyleDependency) {
+    UnistyleDependency[UnistyleDependency["Theme"] = 0] = "Theme";
+    UnistyleDependency[UnistyleDependency["ThemeName"] = 1] = "ThemeName";
+    UnistyleDependency[UnistyleDependency["AdaptiveThemes"] = 2] = "AdaptiveThemes";
+    UnistyleDependency[UnistyleDependency["Breakpoints"] = 3] = "Breakpoints";
+    UnistyleDependency[UnistyleDependency["Variants"] = 4] = "Variants";
+    UnistyleDependency[UnistyleDependency["ColorScheme"] = 5] = "ColorScheme";
+    UnistyleDependency[UnistyleDependency["Dimensions"] = 6] = "Dimensions";
+    UnistyleDependency[UnistyleDependency["Orientation"] = 7] = "Orientation";
+    UnistyleDependency[UnistyleDependency["ContentSizeCategory"] = 8] = "ContentSizeCategory";
+    UnistyleDependency[UnistyleDependency["Insets"] = 9] = "Insets";
+    UnistyleDependency[UnistyleDependency["PixelRatio"] = 10] = "PixelRatio";
+    UnistyleDependency[UnistyleDependency["FontScale"] = 11] = "FontScale";
+    UnistyleDependency[UnistyleDependency["StatusBar"] = 12] = "StatusBar";
+    UnistyleDependency[UnistyleDependency["NavigationBar"] = 13] = "NavigationBar";
+})(UnistyleDependency || (UnistyleDependency = {}));

package/src/specs/NativePlatform/index.js

@@ -0,0 +1 @@
+export { UnistyleDependency } from './NativePlatform.nitro';

package/src/specs/NavigtionBar/UnistylesNavigationBar.nitro.js

@@ -0,0 +1 @@
+export {};

package/src/specs/NavigtionBar/index.js

@@ -0,0 +1,9 @@
+import { processColor } from 'react-native';
+export const attachNavigationBarJSMethods = (hybridObject) => {
+    const privateHybrid = hybridObject;
+    privateHybrid._setBackgroundColor = hybridObject.setBackgroundColor;
+    hybridObject.setBackgroundColor = (color) => {
+        const parsedColor = processColor(color) ?? 0;
+        privateHybrid._setBackgroundColor(parsedColor);
+    };
+};

package/src/specs/ShadowRegistry/ShadowRegistry.nitro.js

@@ -0,0 +1 @@
+export {};

package/src/specs/ShadowRegistry/index.js

@@ -0,0 +1,26 @@
+import { NitroModules } from 'react-native-nitro-modules';
+const HybridShadowRegistry = NitroModules.createHybridObject('UnistylesShadowRegistry');
+const findShadowNodeForHandle = (handle) => {
+    const node = handle?.__internalInstanceHandle?.stateNode?.node
+        ?? handle?.getScrollResponder?.()?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node
+        ?? handle?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node;
+    if (!node) {
+        // todo extend log with file name / component name
+        throw new Error('Could not find shadow node for one of your components');
+    }
+    return node;
+};
+HybridShadowRegistry.add = (handle, style, variants, args) => {
+    // virtualized nodes can be null
+    if (!handle || !style) {
+        return;
+    }
+    HybridShadowRegistry.link(findShadowNodeForHandle(handle), style, variants ?? {}, args ?? []);
+};
+HybridShadowRegistry.remove = handle => {
+    if (!handle) {
+        return;
+    }
+    HybridShadowRegistry.unlink(findShadowNodeForHandle(handle));
+};
+export const UnistylesShadowRegistry = HybridShadowRegistry;

package/src/specs/ShadowRegistry/types.js

@@ -0,0 +1 @@
+export {};

package/src/specs/StatusBar/UnistylesStatusBar.nitro.js

@@ -0,0 +1 @@
+export {};

package/src/specs/StatusBar/index.js

@@ -0,0 +1,25 @@
+import { processColor, StatusBar as NativeStatusBar } from 'react-native';
+import { StatusBarStyle } from '../types';
+export const attachStatusBarJSMethods = (hybridObject) => {
+    hybridObject.setStyle = (style, animated) => {
+        switch (style) {
+            case StatusBarStyle.Light:
+                return NativeStatusBar.setBarStyle('light-content', animated);
+            case StatusBarStyle.Dark:
+                return NativeStatusBar.setBarStyle('dark-content', animated);
+            case StatusBarStyle.Default:
+                return NativeStatusBar.setBarStyle('default', animated);
+        }
+    };
+    const privateHybrid = hybridObject;
+    privateHybrid._setHidden = hybridObject.setHidden;
+    hybridObject.setHidden = (isHidden, animation) => {
+        NativeStatusBar.setHidden(isHidden, animation);
+        privateHybrid._setHidden(isHidden);
+    };
+    privateHybrid._setBackgroundColor = hybridObject.setBackgroundColor;
+    hybridObject.setBackgroundColor = (color) => {
+        const parsedColor = processColor(color) ?? 0;
+        privateHybrid._setBackgroundColor(parsedColor);
+    };
+};

package/src/specs/StyleSheet/UnistylesStyleSheet.nitro.js

@@ -0,0 +1 @@
+import { UnistyleDependency } from '../NativePlatform';

package/src/specs/StyleSheet/index.js

@@ -0,0 +1,13 @@
+import { NitroModules } from 'react-native-nitro-modules';
+import { processColor, StyleSheet as NativeStyleSheet } from 'react-native';
+const HybridUnistylesStyleSheet = NitroModules
+    .createHybridObject('UnistylesStyleSheet');
+HybridUnistylesStyleSheet.absoluteFillObject = NativeStyleSheet.absoluteFillObject;
+HybridUnistylesStyleSheet.absoluteFill = NativeStyleSheet.absoluteFill;
+HybridUnistylesStyleSheet.flatten = NativeStyleSheet.flatten;
+HybridUnistylesStyleSheet.compose = NativeStyleSheet.compose;
+HybridUnistylesStyleSheet.jsMethods = {
+    processColor
+};
+HybridUnistylesStyleSheet.init();
+export const StyleSheet = HybridUnistylesStyleSheet;

package/src/specs/TurboUnistyles/NativeTurboUnistyles.js

@@ -0,0 +1,2 @@
+import { TurboModuleRegistry } from 'react-native';
+TurboModuleRegistry.get('Unistyles');

package/src/specs/TurboUnistyles/index.js

@@ -0,0 +1 @@
+import './NativeTurboUnistyles';

package/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.js

@@ -0,0 +1 @@
+export {};

package/src/specs/UnistylesRuntime/index.js

@@ -0,0 +1,20 @@
+import { processColor } from 'react-native';
+import { NitroModules } from 'react-native-nitro-modules';
+import { attachStatusBarJSMethods } from '../StatusBar';
+import { attachNavigationBarJSMethods } from '../NavigtionBar';
+import { isIOS } from '../../common';
+const HybridUnistylesRuntime = NitroModules
+    .createHybridObject('UnistylesRuntime');
+HybridUnistylesRuntime.statusBar = HybridUnistylesRuntime.createHybridStatusBar();
+HybridUnistylesRuntime.navigationBar = HybridUnistylesRuntime.createHybridNavigationBar();
+HybridUnistylesRuntime._setRootViewBackgroundColor = HybridUnistylesRuntime.setRootViewBackgroundColor;
+HybridUnistylesRuntime.setRootViewBackgroundColor = (color) => {
+    const parsedColor = processColor(color) ?? 0;
+    HybridUnistylesRuntime._setRootViewBackgroundColor(parsedColor);
+};
+if (isIOS) {
+    HybridUnistylesRuntime.setImmersiveMode = (isEnabled) => HybridUnistylesRuntime.statusBar.setHidden(isEnabled, 'fade');
+}
+attachStatusBarJSMethods(HybridUnistylesRuntime.statusBar);
+attachNavigationBarJSMethods(HybridUnistylesRuntime.navigationBar);
+export const Runtime = HybridUnistylesRuntime;

package/src/specs/index.js

@@ -0,0 +1,8 @@
+import './TurboUnistyles';
+import { Runtime } from './UnistylesRuntime';
+import { StyleSheet } from './StyleSheet';
+import { UnistylesShadowRegistry } from './ShadowRegistry';
+import { StatusBarStyle, ColorScheme, Orientation } from './types';
+import { UnistyleDependency } from './NativePlatform';
+export { StatusBarStyle, ColorScheme, Orientation, UnistyleDependency };
+export { UnistylesShadowRegistry, Runtime as UnistylesRuntime, StyleSheet, };

package/src/specs/index.web.js

@@ -0,0 +1,2 @@
+export const getSSRUnistyles = () => [];
+export * from '../web';

package/src/specs/types.js

@@ -0,0 +1,17 @@
+export var ColorScheme;
+(function (ColorScheme) {
+    ColorScheme["Light"] = "light";
+    ColorScheme["Dark"] = "dark";
+    ColorScheme["Unspecified"] = "unspecified";
+})(ColorScheme || (ColorScheme = {}));
+export var Orientation;
+(function (Orientation) {
+    Orientation["Portrait"] = "portrait";
+    Orientation["Landscape"] = "landscape";
+})(Orientation || (Orientation = {}));
+export var StatusBarStyle;
+(function (StatusBarStyle) {
+    StatusBarStyle["Default"] = "default";
+    StatusBarStyle["Light"] = "light";
+    StatusBarStyle["Dark"] = "dark";
+})(StatusBarStyle || (StatusBarStyle = {}));

package/src/types/stylesheet.ts

@@ -1,4 +1,4 @@
-import type { ImageStyle, TextStyle, ViewStyle } from 'react-native'
+import type { BoxShadowValue, ImageStyle, TextStyle, ViewStyle, FilterFunction } from 'react-native'
 import type { ShadowOffset, TransformStyles, UnistylesTheme } from './core'
 import type { UnistylesBreakpoints } from '../global'
 import type { UnistylesMiniRuntime } from '../specs'
@@ -8,7 +8,7 @@ import type { CSSProperties } from 'react'
 import type { Pseudo } from '../web/convert/pseudo'
 
 // these props are treated differently to nest breakpoints and media queries
-type NestedKeys = 'shadowOffset' | 'transform' | 'textShadowOffset'
+type NestedKeys = 'shadowOffset' | 'transform' | 'textShadowOffset' | 'boxShadow' | 'filter'
 
 export type UnistyleView = Omit<ViewStyle, NestedKeys>
 export type UnistyleText = Omit<TextStyle, NestedKeys>
@@ -17,7 +17,9 @@ export type UnistyleImage = Omit<ImageStyle, NestedKeys>
 type UnistyleNestedStyles = {
     shadowOffset?: ToDeepUnistyles<ShadowOffset>,
     textShadowOffset?: ToDeepUnistyles<ShadowOffset>,
-    transform?: Array<ToDeepUnistyles<TransformStyles>>
+    transform?: Array<ToDeepUnistyles<TransformStyles>>,
+    boxShadow?: Array<ToDeepUnistyles<BoxShadowValue>> | string,
+    filter?: Array<ToDeepUnistyles<FilterFunction>> | string
 }
 
 type VariantsObject = {

package/src/types/variants.ts

@@ -20,7 +20,7 @@ type ExtractSubVariantKeys<T> = T extends object
 
 type ExtractVariant<T> = T extends { variants: infer V }
     ? { [key in keyof V]?: ExtractSubVariantKeys<V[key]> }
-    : T
+    : never
 
 export type UnistylesVariants<ST> = ST extends { useVariants: infer V }
     ? V extends (variants: infer T) => void

package/src/web/convert/boxShadow.js

@@ -0,0 +1,59 @@
+import { deepMergeObjects, warn } from '../utils';
+import { validateShadow } from './shadow';
+import { BOX_SHADOW_STYLES } from './types';
+import { extractShadowValue, normalizeColor, normalizeNumericValue } from './utils';
+const createBoxShadowValue = (style) => {
+    // at this point every prop is present
+    const { shadowColor, shadowOffset, shadowOpacity, shadowRadius } = style;
+    const offsetX = normalizeNumericValue(shadowOffset.width);
+    const offsetY = normalizeNumericValue(shadowOffset.height);
+    const radius = normalizeNumericValue(shadowRadius);
+    const color = normalizeColor(shadowColor, shadowOpacity);
+    return `${offsetX} ${offsetY} ${radius} ${color}`;
+};
+export const getBoxShadowStyle = (styles) => {
+    const missingStyles = BOX_SHADOW_STYLES.filter(key => !(key in styles));
+    if (missingStyles.length) {
+        warn(`can't apply box shadow as you miss these properties: ${missingStyles.join(', ')}`);
+        return {};
+    }
+    const breakpointsSet = new Set();
+    try {
+        validateShadow(BOX_SHADOW_STYLES, styles, breakpointsSet);
+    }
+    catch (error) {
+        if (typeof error === 'string') {
+            warn(error);
+        }
+        return {};
+    }
+    const breakpoints = Array.from(breakpointsSet);
+    // If no breakpoints were used return styles without media queries
+    if (breakpoints.length === 0) {
+        return {
+            boxShadow: createBoxShadowValue(styles)
+        };
+    }
+    // Create boxShadow for each breakpoint
+    const breakpointStyles = breakpoints.map(breakpoint => {
+        const color = extractShadowValue('shadowColor', breakpoint, styles);
+        const { width, height } = extractShadowValue('shadowOffset', breakpoint, styles);
+        const radius = extractShadowValue('shadowRadius', breakpoint, styles);
+        const opacity = extractShadowValue('shadowOpacity', breakpoint, styles);
+        return {
+            [breakpoint]: {
+                boxShadow: createBoxShadowValue({
+                    shadowColor: color,
+                    shadowOffset: {
+                        width,
+                        height
+                    },
+                    shadowRadius: radius,
+                    shadowOpacity: opacity
+                })
+            }
+        };
+    });
+    // Merge all breakpoints styles into one
+    return deepMergeObjects(...breakpointStyles);
+};

package/src/web/convert/index.js

@@ -0,0 +1,56 @@
+import { isPseudo } from './pseudo';
+import { getStyle } from './style';
+import { deepMergeObjects } from '../utils';
+import { getTransformStyle } from './transform';
+import { isBoxShadow, isTextShadow, isTransform } from './utils';
+import { getTextShadowStyle } from './textShadow';
+import { getBoxShadowStyle } from './boxShadow';
+export const convertUnistyles = (value) => {
+    // Flag to mark if textShadow is already created
+    let hasTextShadow = false;
+    // Flag to mark if boxShadow is already created
+    let hasBoxShadow = false;
+    const stylesArray = Object.entries({
+        ...value,
+        ...value._web
+    }).flatMap(([unistylesKey, unistylesValue]) => {
+        // Keys to omit
+        if (['_classNames', '_web', 'variants', 'compoundVariants', 'uni__dependencies', '__unistyles-secrets__'].includes(unistylesKey) || unistylesKey.startsWith('variant-')) {
+            return [];
+        }
+        // Pseudo classes :hover, :before etc.
+        if (isPseudo(unistylesKey)) {
+            const flattenValues = convertUnistyles(unistylesValue);
+            return { [unistylesKey]: flattenValues };
+        }
+        // Text shadow
+        if (isTextShadow(unistylesKey)) {
+            if (hasTextShadow) {
+                return [];
+            }
+            hasTextShadow = true;
+            return getTextShadowStyle(value);
+        }
+        // Box shadow
+        if (isBoxShadow(unistylesKey)) {
+            if (hasBoxShadow) {
+                return [];
+            }
+            hasBoxShadow = true;
+            return getBoxShadowStyle(value);
+        }
+        // Transforms
+        if (isTransform(unistylesKey, unistylesValue)) {
+            return getTransformStyle(unistylesValue);
+        }
+        // Breakpoints
+        if (typeof unistylesValue === 'object' && unistylesValue !== null) {
+            return Object.entries(unistylesValue).map(([breakpointKey, breakpointValue]) => {
+                return { [breakpointKey]: getStyle(unistylesKey, breakpointValue) };
+            });
+        }
+        // Regular styles
+        return getStyle(unistylesKey, unistylesValue);
+    });
+    return deepMergeObjects(...stylesArray);
+};