react-native-unistyles 3.0.0-alpha.33 → 3.0.0-alpha.34

package/lib/commonjs/core/useTheme.native.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTheme = void 0;
-var _react = require("react");
-var _specs = require("../specs");
-const useTheme = () => {
-  const [theme, setTheme] = (0, _react.useState)(_specs.UnistylesRuntime.getTheme());
-  (0, _react.useEffect)(() => {
-    const removeChangeListener = _specs.StyleSheet.addChangeListener(dependencies => {
-      if (dependencies.includes(_specs.UnistyleDependency.Theme)) {
-        setTheme(_specs.UnistylesRuntime.getTheme());
-      }
-    });
-    return () => {
-      removeChangeListener();
-    };
-  }, []);
-  return theme;
-};
-exports.useTheme = useTheme;
-//# sourceMappingURL=useTheme.native.js.map

package/lib/commonjs/core/useTheme.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_specs","useTheme","theme","setTheme","useState","UnistylesRuntime","getTheme","useEffect","removeChangeListener","StyleSheet","addChangeListener","dependencies","includes","UnistyleDependency","Theme","exports"],"sourceRoot":"../../../src","sources":["core/useTheme.native.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAIO,MAAME,QAAQ,GAAGA,CAAA,KAAsB;EAC1C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACC,uBAAgB,CAACC,QAAQ,CAAC,CAAC,CAAC;EAE/D,IAAAC,gBAAS,EAAC,MAAM;IACZ,MAAMC,oBAAoB,GAAIC,iBAAU,CAAyBC,iBAAiB,CAACC,YAAY,IAAI;MAC/F,IAAIA,YAAY,CAACC,QAAQ,CAACC,yBAAkB,CAACC,KAAK,CAAC,EAAE;QACjDX,QAAQ,CAACE,uBAAgB,CAACC,QAAQ,CAAC,CAAC,CAAC;MACzC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTE,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAON,KAAK;AAChB,CAAC;AAAAa,OAAA,CAAAd,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/web/mq.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parseMq = exports.isUnistylesMq = void 0;
-const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/;
-const UNISTYLES_WIDTH_REGEX = /:(w)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
-const UNISTYLES_HEIGHT_REGEX = /:(h)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
-const parseMq = mq => {
-  const [, width, fromW, toW] = UNISTYLES_WIDTH_REGEX.exec(mq) || [];
-  const [, height, fromH, toH] = UNISTYLES_HEIGHT_REGEX.exec(mq) || [];
-  return {
-    minWidth: !width || fromW === 'Infinity' ? undefined : Number(fromW),
-    maxWidth: !width || toW === 'Infinity' ? undefined : Number(toW),
-    minHeight: !height || fromH === 'Infinity' ? undefined : Number(fromH),
-    maxHeight: !height || toH === 'Infinity' ? undefined : Number(toH)
-  };
-};
-exports.parseMq = parseMq;
-const isUnistylesMq = mq => IS_UNISTYLES_REGEX.test(mq);
-exports.isUnistylesMq = isUnistylesMq;
-//# sourceMappingURL=mq.js.map

package/lib/commonjs/web/mq.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","parseMq","mq","width","fromW","toW","exec","height","fromH","toH","minWidth","undefined","Number","maxWidth","minHeight","maxHeight","exports","isUnistylesMq","test"],"sourceRoot":"../../../src","sources":["web/mq.js"],"mappings":";;;;;;AAAA,MAAMA,kBAAkB,GAAG,wCAAwC;AACnE,MAAMC,qBAAqB,GAAG,qCAAqC;AACnE,MAAMC,sBAAsB,GAAG,qCAAqC;AAC7D,MAAMC,OAAO,GAAIC,EAAE,IAAK;EAC3B,MAAM,GAAGC,KAAK,EAAEC,KAAK,EAAEC,GAAG,CAAC,GAAGN,qBAAqB,CAACO,IAAI,CAACJ,EAAE,CAAC,IAAI,EAAE;EAClE,MAAM,GAAGK,MAAM,EAAEC,KAAK,EAAEC,GAAG,CAAC,GAAGT,sBAAsB,CAACM,IAAI,CAACJ,EAAE,CAAC,IAAI,EAAE;EACpE,OAAO;IACHQ,QAAQ,EAAE,CAACP,KAAK,IAAIC,KAAK,KAAK,UAAU,GAAGO,SAAS,GAAGC,MAAM,CAACR,KAAK,CAAC;IACpES,QAAQ,EAAE,CAACV,KAAK,IAAIE,GAAG,KAAK,UAAU,GAAGM,SAAS,GAAGC,MAAM,CAACP,GAAG,CAAC;IAChES,SAAS,EAAE,CAACP,MAAM,IAAIC,KAAK,KAAK,UAAU,GAAGG,SAAS,GAAGC,MAAM,CAACJ,KAAK,CAAC;IACtEO,SAAS,EAAE,CAACR,MAAM,IAAIE,GAAG,KAAK,UAAU,GAAGE,SAAS,GAAGC,MAAM,CAACH,GAAG;EACrE,CAAC;AACL,CAAC;AAACO,OAAA,CAAAf,OAAA,GAAAA,OAAA;AACK,MAAMgB,aAAa,GAAIf,EAAE,IAAKJ,kBAAkB,CAACoB,IAAI,CAAChB,EAAE,CAAC;AAACc,OAAA,CAAAC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/module/core/useBreakpoint.js

@@ -1,17 +0,0 @@
-"use strict";
-
-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;
-};
-//# sourceMappingURL=useBreakpoint.js.map

package/lib/module/core/useBreakpoint.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useState","UnistylesRuntime","UnistylesListener","UnistyleDependency","useBreakpoint","breakpoint","setBreakpoint","removeChangeListener","addListeners","Breakpoints"],"sourceRoot":"../../../src","sources":["core/useBreakpoint.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,gBAAgB,QAAQ,QAAQ;AACzC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,kBAAkB,QAAQ,yBAAyB;AAE5D,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGN,QAAQ,CAACC,gBAAgB,CAACI,UAAU,CAAC;EAEzEN,SAAS,CAAC,MAAM;IACZ,MAAMQ,oBAAoB,GAAGL,iBAAiB,CAACM,YAAY,CAAC,CAACL,kBAAkB,CAACM,WAAW,CAAC,EAAE,MAAMH,aAAa,CAACL,gBAAgB,CAACI,UAAU,CAAC,CAAC;IAE/I,OAAO,MAAM;MACTE,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,UAAU;AACrB,CAAC","ignoreList":[]}

package/lib/module/core/useBreakpoint.native.js

@@ -1,19 +0,0 @@
-"use strict";
-
-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;
-};
-//# sourceMappingURL=useBreakpoint.native.js.map

package/lib/module/core/useBreakpoint.native.js.map

@@ -1,2 +0,0 @@
-{"version":3,"names":["useEffect","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","useBreakpoint","breakpoint","setBreakpoint","removeChangeListener","addChangeListener","dependencies","includes","Breakpoints"],"sourceRoot":"../../../src","sources":["core/useBreakpoint.native.js"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAQ,UAAU;AAC3E,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGN,QAAQ,CAACG,gBAAgB,CAACE,UAAU,CAAC;EACzEN,SAAS,CAAC,MAAM;IACZ,MAAMQ,oBAAoB,GAAGN,UAAU,CAACO,iBAAiB,CAACC,YAAY,IAAI;MACtE,IAAIA,YAAY,CAACC,QAAQ,CAACR,kBAAkB,CAACS,WAAW,CAAC,EAAE;QACvDL,aAAa,CAACH,gBAAgB,CAACE,UAAU,CAAC;MAC9C;IACJ,CAAC,CAAC;IACF,OAAO,MAAM;MACTE,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EACN,OAAOF,UAAU;AACrB,CAAC","ignoreList":[]}
-

package/lib/module/core/useTheme.js

@@ -1,17 +0,0 @@
-"use strict";
-
-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;
-};
-//# sourceMappingURL=useTheme.js.map

package/lib/module/core/useTheme.js.map

@@ -1,2 +0,0 @@
-{"version":3,"names":["useEffect","useState","UnistylesRuntime","UnistylesListener","UnistyleDependency","useTheme","theme","setTheme","getTheme","removeChangeListener","addListeners","Theme"],"sourceRoot":"../../../src","sources":["core/useTheme.js"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,gBAAgB,QAAQ,QAAQ;AACzC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC1B,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAACC,gBAAgB,CAACM,QAAQ,CAAC,CAAC,CAAC;EAC/DR,SAAS,CAAC,MAAM;IACZ,MAAMS,oBAAoB,GAAGN,iBAAiB,CAACO,YAAY,CAAC,CAACN,kBAAkB,CAACO,KAAK,CAAC,EAAE,MAAMJ,QAAQ,CAACL,gBAAgB,CAACM,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpI,OAAO,MAAM;MACTC,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EACN,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
-

package/lib/module/core/useTheme.native.js

@@ -1,19 +0,0 @@
-"use strict";
-
-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;
-};
-//# sourceMappingURL=useTheme.native.js.map

package/lib/module/core/useTheme.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","useTheme","theme","setTheme","getTheme","removeChangeListener","addChangeListener","dependencies","includes","Theme"],"sourceRoot":"../../../src","sources":["core/useTheme.native.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAQ,UAAU;AAI3E,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAsB;EAC1C,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAACG,gBAAgB,CAACI,QAAQ,CAAC,CAAC,CAAC;EAE/DR,SAAS,CAAC,MAAM;IACZ,MAAMS,oBAAoB,GAAIP,UAAU,CAAyBQ,iBAAiB,CAACC,YAAY,IAAI;MAC/F,IAAIA,YAAY,CAACC,QAAQ,CAACT,kBAAkB,CAACU,KAAK,CAAC,EAAE;QACjDN,QAAQ,CAACH,gBAAgB,CAACI,QAAQ,CAAC,CAAC,CAAC;MACzC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTC,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/module/web/mq.js

@@ -1,17 +0,0 @@
-"use strict";
-
-const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/;
-const UNISTYLES_WIDTH_REGEX = /:(w)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
-const UNISTYLES_HEIGHT_REGEX = /:(h)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
-export const parseMq = mq => {
-  const [, width, fromW, toW] = UNISTYLES_WIDTH_REGEX.exec(mq) || [];
-  const [, height, fromH, toH] = UNISTYLES_HEIGHT_REGEX.exec(mq) || [];
-  return {
-    minWidth: !width || fromW === 'Infinity' ? undefined : Number(fromW),
-    maxWidth: !width || toW === 'Infinity' ? undefined : Number(toW),
-    minHeight: !height || fromH === 'Infinity' ? undefined : Number(fromH),
-    maxHeight: !height || toH === 'Infinity' ? undefined : Number(toH)
-  };
-};
-export const isUnistylesMq = mq => IS_UNISTYLES_REGEX.test(mq);
-//# sourceMappingURL=mq.js.map

package/lib/module/web/mq.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","parseMq","mq","width","fromW","toW","exec","height","fromH","toH","minWidth","undefined","Number","maxWidth","minHeight","maxHeight","isUnistylesMq","test"],"sourceRoot":"../../../src","sources":["web/mq.ts"],"mappings":";;AAAA,MAAMA,kBAAkB,GAAG,wCAAwC;AACnE,MAAMC,qBAAqB,GAAG,qCAAqC;AACnE,MAAMC,sBAAsB,GAAG,qCAAqC;AAEpE,OAAO,MAAMC,OAAO,GAAIC,EAAU,IAAK;EACnC,MAAM,GAAGC,KAAK,EAAEC,KAAK,EAAEC,GAAG,CAAC,GAAGN,qBAAqB,CAACO,IAAI,CAACJ,EAAE,CAAC,IAAI,EAAE;EAClE,MAAM,GAAGK,MAAM,EAAEC,KAAK,EAAEC,GAAG,CAAC,GAAGT,sBAAsB,CAACM,IAAI,CAACJ,EAAE,CAAC,IAAI,EAAE;EAEpE,OAAO;IACHQ,QAAQ,EAAE,CAACP,KAAK,IAAIC,KAAK,KAAK,UAAU,GAAGO,SAAS,GAAGC,MAAM,CAACR,KAAK,CAAC;IACpES,QAAQ,EAAE,CAACV,KAAK,IAAIE,GAAG,KAAK,UAAU,GAAGM,SAAS,GAAGC,MAAM,CAACP,GAAG,CAAC;IAChES,SAAS,EAAE,CAACP,MAAM,IAAIC,KAAK,KAAK,UAAU,GAAGG,SAAS,GAAGC,MAAM,CAACJ,KAAK,CAAC;IACtEO,SAAS,EAAE,CAACR,MAAM,IAAIE,GAAG,KAAK,UAAU,GAAGE,SAAS,GAAGC,MAAM,CAACH,GAAG;EACrE,CAAC;AACL,CAAC;AAED,OAAO,MAAMO,aAAa,GAAId,EAAU,IAAKJ,kBAAkB,CAACmB,IAAI,CAACf,EAAE,CAAC","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-export declare const useBreakpoint: () => "portrait" | "landscape" | undefined;
-//# sourceMappingURL=useBreakpoint.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../../src/core/useBreakpoint.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,4CAYzB,CAAA"}

package/lib/typescript/src/core/useBreakpoint.native.d.ts

@@ -1,2 +0,0 @@
-export declare const useBreakpoint: () => "portrait" | "landscape" | undefined;
-//# sourceMappingURL=useBreakpoint.native.d.ts.map

package/lib/typescript/src/core/useBreakpoint.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBreakpoint.native.d.ts","sourceRoot":"","sources":["../../../../src/core/useBreakpoint.native.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,4CAgBzB,CAAA"}

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

@@ -1,3 +0,0 @@
-import type { UnistylesTheme } from '../types';
-export declare const useTheme: () => UnistylesTheme;
-//# sourceMappingURL=useTheme.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/core/useTheme.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,eAAO,MAAM,QAAQ,QAAO,cAY3B,CAAA"}

package/lib/typescript/src/core/useTheme.native.d.ts

@@ -1,3 +0,0 @@
-import type { UnistylesTheme } from '../types';
-export declare const useTheme: () => UnistylesTheme;
-//# sourceMappingURL=useTheme.native.d.ts.map

package/lib/typescript/src/core/useTheme.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.native.d.ts","sourceRoot":"","sources":["../../../../src/core/useTheme.native.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,eAAO,MAAM,QAAQ,QAAO,cAgB3B,CAAA"}

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

@@ -1,8 +0,0 @@
-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;
-//# sourceMappingURL=mq.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mq.d.ts","sourceRoot":"","sources":["../../../../src/web/mq.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,OAAQ,MAAM;;;;;CAUjC,CAAA;AAED,eAAO,MAAM,aAAa,OAAQ,MAAM,YAAgC,CAAA"}

package/src/common.js

@@ -1,4 +0,0 @@
-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/createUnistylesComponent.js

@@ -1,6 +0,0 @@
-import React, {} from 'react';
-export const createUnistylesComponent = (Component, mappings) => {
-    return (props) => {
-        return React.createElement(Component, { ...props });
-    };
-};

package/src/core/createUnistylesComponent.native.js

@@ -1,31 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
-export const createUnistylesComponent = (Component, mappings) => {
-    return (props) => {
-        const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
-        const [, setRt] = useState(0);
-        useEffect(() => {
-            const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
-                const componentDependencies = (props.style?.uni__dependencies || mappings(theme).style?.uni__dependencies);
-                if (dependencies.includes(UnistyleDependency.Theme) && (!componentDependencies || componentDependencies.includes(UnistyleDependency.Theme))) {
-                    setTheme(UnistylesRuntime.getTheme());
-                }
-                if (dependencies.some(dependency => dependency >= 2) && (!componentDependencies || componentDependencies.some(dependency => dependency >= 2))) {
-                    setRt(prevState => prevState + 1);
-                }
-            });
-            return () => {
-                removeChangeListener();
-            };
-        }, []);
-        const mergedProps = { ...mappings(theme) };
-        Object.keys(props).forEach(key => {
-            if (key in mergedProps) {
-                mergedProps[key] = Object.assign(props[key], mergedProps[key]);
-                return;
-            }
-            mergedProps[key] = props[key];
-        });
-        return React.createElement(Component, { ...mergedProps });
-    };
-};

package/src/core/index.js

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

package/src/core/useBreakpoint.js

@@ -1,14 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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/useBreakpoint.native.ts

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

package/src/core/useBreakpoint.ts

@@ -1,18 +0,0 @@
-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/useTheme.js

@@ -1,14 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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,22 +0,0 @@
-import { useEffect, useState } from 'react'
-import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs'
-import type { UnistylesStyleSheet } from '../specs'
-import type { UnistylesTheme } from '../types'
-
-export const useTheme = (): UnistylesTheme => {
-    const [theme, setTheme] = useState(UnistylesRuntime.getTheme())
-
-    useEffect(() => {
-        const removeChangeListener = (StyleSheet as UnistylesStyleSheet).addChangeListener(dependencies => {
-            if (dependencies.includes(UnistyleDependency.Theme)) {
-                setTheme(UnistylesRuntime.getTheme())
-            }
-        })
-
-        return () => {
-            removeChangeListener()
-        }
-    }, [])
-
-    return theme
-}

package/src/core/useTheme.ts

@@ -1,19 +0,0 @@
-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 = (): UnistylesTheme => {
-    const [theme, setTheme] = useState(UnistylesRuntime.getTheme())
-
-    useEffect(() => {
-        const removeChangeListener = UnistylesListener.addListeners([UnistyleDependency.Theme], () => setTheme(UnistylesRuntime.getTheme()))
-
-        return () => {
-            removeChangeListener()
-        }
-    }, [])
-
-    return theme
-}

package/src/global.js

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

package/src/index.js

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

package/src/mq.js

@@ -1,38 +0,0 @@
-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

@@ -1,19 +0,0 @@
-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["Ime"] = 14] = "Ime";
-})(UnistyleDependency || (UnistyleDependency = {}));

package/src/specs/NativePlatform/index.js

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

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

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

package/src/specs/NavigtionBar/index.js

@@ -1,9 +0,0 @@
-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

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

package/src/specs/ShadowRegistry/index.js

@@ -1,26 +0,0 @@
-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

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

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

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

package/src/specs/StatusBar/index.js

@@ -1,25 +0,0 @@
-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

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

package/src/specs/StyleSheet/index.js

@@ -1,13 +0,0 @@
-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

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

package/src/specs/TurboUnistyles/index.js

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

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

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