react-native-unistyles 3.0.0-alpha.9 → 3.0.0-beta.1

package/lib/module/core/createUnistylesComponent.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import React, { useEffect, useState, forwardRef, useRef, useMemo } from 'react';
+import { UnistylesRuntime } from '../specs';
+import { UnistyleDependency } from '../specs/NativePlatform';
+import { UnistylesListener } from '../web/listener';
+import { UnistylesShadowRegistry } from '../web';
+import { equal } from '../web/utils';
+import { deepMergeObjects } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SUPPORTED_STYLE_PROPS = ['style', 'contentContainerStyle'];
+const ALL_DEPENDENCIES = Object.values(UnistyleDependency).filter(dependency => typeof dependency === 'number');
+const useShadowRegistry = style => {
+  const [ref] = useState(document.createElement('div'));
+  const oldClassNames = useRef([]);
+  const classNames = useMemo(() => {
+    if (!style) {
+      return [];
+    }
+    const newClassNames = UnistylesShadowRegistry.add(ref, [style], undefined, []) ?? [];
+    if (equal(oldClassNames.current, newClassNames)) {
+      return oldClassNames.current;
+    }
+    oldClassNames.current = newClassNames;
+    return newClassNames;
+  }, [style]);
+  useEffect(() => () => {
+    // Remove styles on unmount
+    if (style) {
+      UnistylesShadowRegistry.add(null, [style], undefined, []);
+    }
+  });
+  return classNames;
+};
+export const createUnistylesComponent = (Component, mappings) => {
+  return /*#__PURE__*/forwardRef((props, ref) => {
+    const narrowedProps = props;
+    const [mappingsProps, setMappingsProps] = useState(mappings?.(UnistylesRuntime.getTheme()));
+    const styleClassNames = useShadowRegistry(narrowedProps.style);
+    const contentContainerStyleClassNames = useShadowRegistry(narrowedProps.contentContainerStyle);
+    useEffect(() => {
+      const disposeMappings = UnistylesListener.addListeners(ALL_DEPENDENCIES, () => {
+        if (!mappings) {
+          disposeMappings();
+          return;
+        }
+        return setMappingsProps(mappings(UnistylesRuntime.getTheme()));
+      });
+      return () => disposeMappings();
+    }, [mappingsProps, narrowedProps.style]);
+    const combinedProps = {
+      ...deepMergeObjects(props, mappingsProps ?? {}),
+      ...(narrowedProps.style ? {
+        style: {
+          $$css: true,
+          'unistyles': styleClassNames.join(' ')
+        }
+      } : {}),
+      ...(narrowedProps.contentContainerStyle ? {
+        style: {
+          $$css: true,
+          'unistyles': contentContainerStyleClassNames.join(' ')
+        }
+      } : {})
+    };
+    return /*#__PURE__*/_jsx(Component, {
+      ...combinedProps,
+      ref: ref
+    });
+  });
+};
+//# sourceMappingURL=createUnistylesComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","forwardRef","useRef","useMemo","UnistylesRuntime","UnistyleDependency","UnistylesListener","UnistylesShadowRegistry","equal","deepMergeObjects","jsx","_jsx","SUPPORTED_STYLE_PROPS","ALL_DEPENDENCIES","Object","values","filter","dependency","useShadowRegistry","style","ref","document","createElement","oldClassNames","classNames","newClassNames","add","undefined","current","createUnistylesComponent","Component","mappings","props","narrowedProps","mappingsProps","setMappingsProps","getTheme","styleClassNames","contentContainerStyleClassNames","contentContainerStyle","disposeMappings","addListeners","combinedProps","$$css","join"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
+import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
+import { deepMergeObjects } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const SUPPORTED_STYLE_PROPS = ['style', 'contentContainerStyle'];
+export const createUnistylesComponent = (Component, mappings) => {
+  return /*#__PURE__*/forwardRef((props, ref) => {
+    const narrowedProps = props;
+    const [theme, setTheme] = useState(UnistylesRuntime.getTheme());
+    const [, setRt] = useState(0);
+    const stylesRef = useRef({});
+    const isForcedRef = useRef(false);
+    if (!isForcedRef.current) {
+      SUPPORTED_STYLE_PROPS.forEach(propName => {
+        if (narrowedProps?.[propName]) {
+          if (Array.isArray(narrowedProps[propName])) {
+            console.error(`🦄 Unistyles: createUnistylesComponent requires ${propName} to be an object. Please check props for component: ${Component.displayName}`);
+          }
+
+          // @ts-expect-error - this is hidden from TS
+          if (props[propName].__unistyles_name && !props[propName].__proto__?.getStyle) {
+            console.error(`🦄 Unistyles: createUnistylesComponent received style that is not bound. You likely used the spread operator on a Unistyle style. Please check props for component: ${Component.displayName}`);
+          }
+          stylesRef.current = {
+            ...stylesRef.current,
+            [propName]: narrowedProps[propName]
+          };
+        }
+      });
+    }
+    useEffect(() => {
+      const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
+        const componentDependencies = narrowedProps.style?.__proto__.uni__dependencies || mappings?.(theme).style?.__proto__.uni__dependencies;
+        if (dependencies.includes(UnistyleDependency.Theme) && (!componentDependencies || componentDependencies.includes(UnistyleDependency.Theme))) {
+          setTheme(UnistylesRuntime.getTheme());
+
+          // override with Unistyles styles
+          SUPPORTED_STYLE_PROPS.forEach(propName => {
+            if (narrowedProps?.[propName]) {
+              stylesRef.current = {
+                ...stylesRef.current,
+                // @ts-expect-error - this is hidden from TS
+                [propName]: props[propName].__proto__?.getStyle?.() || props[propName]
+              };
+            }
+          });
+          isForcedRef.current = true;
+        }
+        if (dependencies.some(dependency => dependency >= 2) && (!componentDependencies || componentDependencies.some(dependency => dependency >= 2))) {
+          setRt(prevState => prevState + 1);
+        }
+      });
+      return () => {
+        removeChangeListener();
+      };
+    }, []);
+    const mergedProps = mappings?.(theme) ?? {};
+    const finalProps = deepMergeObjects(mergedProps, props);
+
+    // override with Unistyles styles
+    SUPPORTED_STYLE_PROPS.forEach(propName => {
+      if (finalProps[propName]) {
+        finalProps[propName] = stylesRef.current[propName];
+      }
+    });
+    isForcedRef.current = false;
+    return /*#__PURE__*/_jsx(Component, {
+      ...finalProps,
+      ref: ref
+    });
+  });
+};
+//# sourceMappingURL=createUnistylesComponent.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useEffect","useRef","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","deepMergeObjects","jsx","_jsx","SUPPORTED_STYLE_PROPS","createUnistylesComponent","Component","mappings","props","ref","narrowedProps","theme","setTheme","getTheme","setRt","stylesRef","isForcedRef","current","forEach","propName","Array","isArray","console","error","displayName","__unistyles_name","__proto__","getStyle","removeChangeListener","addChangeListener","dependencies","componentDependencies","style","uni__dependencies","includes","Theme","some","dependency","prevState","mergedProps","finalProps"],"sourceRoot":"../../../src","sources":["core/createUnistylesComponent.native.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/core/getBoundArgs.js

@@ -0,0 +1,13 @@
+"use strict";
+
+export const getBoundArgs = fn => {
+  const boundArgs = [];
+  fn.bind = (thisArg, ...args) => {
+    boundArgs.push(...args);
+    const newFn = Function.prototype.bind.apply(fn, [thisArg, ...args]);
+    newFn.getBoundArgs = () => boundArgs;
+    return newFn;
+  };
+  return fn;
+};
+//# sourceMappingURL=getBoundArgs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getBoundArgs","fn","boundArgs","bind","thisArg","args","push","newFn","Function","prototype","apply"],"sourceRoot":"../../../src","sources":["core/getBoundArgs.ts"],"mappings":";;AAAA,OAAO,MAAMA,YAAY,GAAIC,EAAY,IAAK;EAC1C,MAAMC,SAAS,GAAG,EAAgB;EAElCD,EAAE,CAACE,IAAI,GAAG,CAACC,OAAO,EAAE,GAAGC,IAAI,KAAK;IAC5BH,SAAS,CAACI,IAAI,CAAC,GAAGD,IAAI,CAAC;IAEvB,MAAME,KAAK,GAAGC,QAAQ,CAACC,SAAS,CAACN,IAAI,CAACO,KAAK,CAACT,EAAE,EAAE,CAACG,OAAO,EAAE,GAAGC,IAAI,CAAC,CAAC;IAEnEE,KAAK,CAACP,YAAY,GAAG,MAAME,SAAS;IAEpC,OAAOK,KAAK;EAChB,CAAC;EAED,OAAON,EAAE;AACb,CAAC","ignoreList":[]}

package/lib/module/core/getId.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export const getId = () => `${Math.random().toString(36).substring(2, 9)}`;
+//# sourceMappingURL=getId.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getId","Math","random","toString","substring"],"sourceRoot":"../../../src","sources":["core/getId.ts"],"mappings":";;AAAA,OAAO,MAAMA,KAAK,GAAGA,CAAA,KAAM,GAAGC,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE","ignoreList":[]}

package/lib/module/core/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { createUnistylesComponent } from './createUnistylesComponent';
+export { getBoundArgs } from './getBoundArgs';
+export { getId } from './getId';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createUnistylesComponent","getBoundArgs","getId"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,KAAK,QAAQ,SAAS","ignoreList":[]}

package/lib/module/hooks/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { useMedia } from './useMedia';
+//# sourceMappingURL=index.js.map

package/lib/module/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMedia"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,YAAY","ignoreList":[]}

package/lib/module/hooks/useMedia.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { useEffect, useLayoutEffect, useState } from 'react';
+import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
+import { isValidMq, parseMq, isUnistylesMq } from '../mq';
+export const useMedia = config => {
+  const computeIsVisible = () => {
+    const maybeMq = config.mq;
+    if (!isUnistylesMq(maybeMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq: ${maybeMq}`);
+      return false;
+    }
+    const parsedMq = parseMq(maybeMq);
+    if (!isValidMq(parsedMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq where min is greater than max: ${maybeMq}`);
+      return false;
+    }
+    const {
+      width,
+      height
+    } = UnistylesRuntime.screen;
+    if (parsedMq.minWidth !== undefined && width < parsedMq.minWidth) {
+      return false;
+    }
+    if (parsedMq.maxWidth !== undefined && width > parsedMq.maxWidth) {
+      return false;
+    }
+    if (parsedMq.minHeight !== undefined && height < parsedMq.minHeight) {
+      return false;
+    }
+    if (parsedMq.maxHeight !== undefined && height > parsedMq.maxHeight) {
+      return false;
+    }
+    return true;
+  };
+  const [isVisible, setIsVisible] = useState(computeIsVisible());
+  useEffect(() => {
+    setIsVisible(computeIsVisible());
+  }, [config.mq]);
+  useLayoutEffect(() => {
+    const removeChangeListener = StyleSheet.addChangeListener(dependencies => {
+      if (dependencies.includes(UnistyleDependency.Breakpoints)) {
+        setIsVisible(computeIsVisible());
+      }
+    });
+    return () => {
+      removeChangeListener();
+    };
+  }, [config.mq]);
+  return {
+    isVisible
+  };
+};
+//# sourceMappingURL=useMedia.js.map

package/lib/module/hooks/useMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useLayoutEffect","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","isValidMq","parseMq","isUnistylesMq","useMedia","config","computeIsVisible","maybeMq","mq","console","error","parsedMq","width","height","screen","minWidth","undefined","maxWidth","minHeight","maxHeight","isVisible","setIsVisible","removeChangeListener","addChangeListener","dependencies","includes","Breakpoints"],"sourceRoot":"../../../src","sources":["hooks/useMedia.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAkC,UAAU;AACrG,SAASC,SAAS,EAAEC,OAAO,EAAEC,aAAa,QAAQ,OAAO;AAEzD,OAAO,MAAMC,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,gBAAgB,GAAGA,CAAA,KAAe;IACpC,MAAMC,OAAO,GAAGF,MAAM,CAACG,EAAuB;IAE9C,IAAI,CAACL,aAAa,CAACI,OAAO,CAAC,EAAE;MACzBE,OAAO,CAACC,KAAK,CAAC,sCAAsCH,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMI,QAAQ,GAAGT,OAAO,CAACK,OAAO,CAAC;IAEjC,IAAI,CAACN,SAAS,CAACU,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEH,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEK,KAAK;MAAEC;IAAO,CAAC,GAAGb,gBAAgB,CAACc,MAAM;IAEjD,IAAIH,QAAQ,CAACI,QAAQ,KAAKC,SAAS,IAAIJ,KAAK,GAAGD,QAAQ,CAACI,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIJ,QAAQ,CAACM,QAAQ,KAAKD,SAAS,IAAIJ,KAAK,GAAGD,QAAQ,CAACM,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIN,QAAQ,CAACO,SAAS,KAAKF,SAAS,IAAIH,MAAM,GAAGF,QAAQ,CAACO,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,IAAIP,QAAQ,CAACQ,SAAS,KAAKH,SAAS,IAAIH,MAAM,GAAGF,QAAQ,CAACQ,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,OAAO,IAAI;EACf,CAAC;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGxB,QAAQ,CAAiBS,gBAAgB,CAAC,CAAC,CAAC;EAE9EX,SAAS,CAAC,MAAM;IACZ0B,YAAY,CAACf,gBAAgB,CAAC,CAAC,CAAC;EACpC,CAAC,EAAE,CAACD,MAAM,CAACG,EAAE,CAAC,CAAC;EAEfZ,eAAe,CAAC,MAAM;IAClB,MAAM0B,oBAAoB,GAAIxB,UAAU,CAAyByB,iBAAiB,CAACC,YAAY,IAAI;MAC/F,IAAIA,YAAY,CAACC,QAAQ,CAAC1B,kBAAkB,CAAC2B,WAAW,CAAC,EAAE;QACvDL,YAAY,CAACf,gBAAgB,CAAC,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTgB,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,CAACjB,MAAM,CAACG,EAAE,CAAC,CAAC;EAEf,OAAO;IACHY;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/hooks/useMedia.web.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { isUnistylesMq, isValidMq, parseMq } from '../mq';
+export const useMedia = config => {
+  const disposeRef = useRef(() => {});
+  const [isVisible, setIsVisible] = useState(() => {
+    const maybeMq = config.mq;
+    if (!isUnistylesMq(maybeMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq: ${maybeMq}`);
+      return false;
+    }
+    const parsedMq = parseMq(maybeMq);
+    if (!isValidMq(parsedMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq where min is greater than max: ${maybeMq}`);
+      return false;
+    }
+    const {
+      minWidth,
+      maxWidth,
+      minHeight,
+      maxHeight
+    } = parsedMq;
+    const mediaQuery = [minWidth !== undefined ? `(min-width: ${minWidth}px)` : undefined, maxWidth !== undefined ? `(max-width: ${maxWidth}px)` : undefined, minHeight !== undefined ? `(min-height: ${minHeight}px)` : undefined, maxHeight !== undefined ? `(max-height: ${maxHeight}px)` : undefined].filter(Boolean).join(' and ');
+    const media = window.matchMedia(mediaQuery);
+    const handler = event => setIsVisible(event.matches);
+    media.addEventListener('change', handler);
+    disposeRef.current = () => media.removeEventListener('change', handler);
+    return media.matches;
+  });
+
+  // Unmount
+  useEffect(() => () => disposeRef.current(), []);
+  return {
+    isVisible
+  };
+};
+//# sourceMappingURL=useMedia.web.js.map

package/lib/module/hooks/useMedia.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","isUnistylesMq","isValidMq","parseMq","useMedia","config","disposeRef","isVisible","setIsVisible","maybeMq","mq","console","error","parsedMq","minWidth","maxWidth","minHeight","maxHeight","mediaQuery","undefined","filter","Boolean","join","media","window","matchMedia","handler","event","matches","addEventListener","current","removeEventListener"],"sourceRoot":"../../../src","sources":["hooks/useMedia.web.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,aAAa,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAEzD,OAAO,MAAMC,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,UAAU,GAAGP,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;EACnC,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CAAC,MAAM;IAC7C,MAAMS,OAAO,GAAGJ,MAAM,CAACK,EAAuB;IAE9C,IAAI,CAACT,aAAa,CAACQ,OAAO,CAAC,EAAE;MACzBE,OAAO,CAACC,KAAK,CAAC,sCAAsCH,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMI,QAAQ,GAAGV,OAAO,CAACM,OAAO,CAAC;IAEjC,IAAI,CAACP,SAAS,CAACW,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEH,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEK,QAAQ;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAU,CAAC,GAAGJ,QAAQ;IAE7D,MAAMK,UAAU,GAAG,CACfJ,QAAQ,KAAKK,SAAS,GAAG,eAAeL,QAAQ,KAAK,GAAGK,SAAS,EACjEJ,QAAQ,KAAKI,SAAS,GAAG,eAAeJ,QAAQ,KAAK,GAAGI,SAAS,EACjEH,SAAS,KAAKG,SAAS,GAAG,gBAAgBH,SAAS,KAAK,GAAGG,SAAS,EACpEF,SAAS,KAAKE,SAAS,GAAG,gBAAgBF,SAAS,KAAK,GAAGE,SAAS,CACvE,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,OAAO,CAAC;IAE/B,MAAMC,KAAK,GAAGC,MAAM,CAACC,UAAU,CAACP,UAAU,CAAC;IAC3C,MAAMQ,OAAO,GAAIC,KAA0B,IAAKnB,YAAY,CAACmB,KAAK,CAACC,OAAO,CAAC;IAE3EL,KAAK,CAACM,gBAAgB,CAAC,QAAQ,EAAEH,OAAO,CAAC;IACzCpB,UAAU,CAACwB,OAAO,GAAG,MAAMP,KAAK,CAACQ,mBAAmB,CAAC,QAAQ,EAAEL,OAAO,CAAC;IAEvE,OAAOH,KAAK,CAACK,OAAO;EACxB,CAAC,CAAC;;EAEF;EACA9B,SAAS,CAAC,MAAM,MAAMQ,UAAU,CAACwB,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,OAAO;IACHvB;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -1,14 +1,7 @@
 "use strict";
 
-import React from 'react';
 export * from './specs';
 export { mq } from './mq';
-// todo verify true min version
-const minReactVersionRequiredByUnistyles = '18.3.1';
-if (React.version < minReactVersionRequiredByUnistyles) {
-  throw new Error(`
-        You are using an outdated version of React (${React.version}).
-        Unistyles requires at least React ${minReactVersionRequiredByUnistyles}.
-    `);
-}
+export { createUnistylesComponent, getBoundArgs } from './core';
+export * from './components';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","mq","minReactVersionRequiredByUnistyles","version","Error"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,cAAc,SAAS;AACvB,SAASC,EAAE,QAAQ,MAAM;AAGzB;AACA,MAAMC,kCAAkC,GAAG,QAAQ;AAEnD,IAAIF,KAAK,CAACG,OAAO,GAAGD,kCAAkC,EAAE;EACpD,MAAM,IAAIE,KAAK,CAAC;AACpB,sDAAsDJ,KAAK,CAACG,OAAO;AACnE,4CAA4CD,kCAAkC;AAC9E,KAAK,CAAC;AACN","ignoreList":[]}
+{"version":3,"names":["mq","createUnistylesComponent","getBoundArgs"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,SAASA,EAAE,QAAQ,MAAM;AAEzB,SAASC,wBAAwB,EAAEC,YAAY,QAAQ,QAAQ;AAE/D,cAAc,cAAc","ignoreList":[]}

package/lib/module/mq.js

@@ -1,5 +1,9 @@
 "use strict";
 
+import { UnistylesRuntime } from './specs';
+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 getMQValue = value => {
   if (typeof value === 'number') {
     return value;
@@ -7,17 +11,7 @@ const getMQValue = 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
+  const breakpoints = UnistylesRuntime.breakpoints;
   return breakpoints[value] ?? 0;
 };
 
@@ -27,18 +21,34 @@ const getMQValue = value => {
  */
 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 = Number.POSITIVE_INFINITY) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]`,
+    height: (hMin = 0, hMax = Number.POSITIVE_INFINITY) => `:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
   },
-  width: (wMin = 0, wMax = Infinity) => ({
+  width: (wMin = 0, wMax = Number.POSITIVE_INFINITY) => ({
     and: {
-      height: (hMin = 0, hMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
+      height: (hMin = 0, hMax = Number.POSITIVE_INFINITY) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
     }
   }),
-  height: (hMin = 0, hMax = Infinity) => ({
+  height: (hMin = 0, hMax = Number.POSITIVE_INFINITY) => ({
     and: {
-      width: (wMin = 0, wMax = Infinity) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
+      width: (wMin = 0, wMax = Number.POSITIVE_INFINITY) => `:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]`
     }
   })
 };
+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);
+export const isValidMq = parsedMQ => {
+  const isWidthValid = parsedMQ.minWidth === undefined || parsedMQ.maxWidth === undefined || parsedMQ.minWidth <= parsedMQ.maxWidth;
+  const isHeightValid = parsedMQ.minHeight === undefined || parsedMQ.maxHeight === undefined || parsedMQ.minHeight <= parsedMQ.maxHeight;
+  return isWidthValid && isHeightValid;
+};
 //# sourceMappingURL=mq.js.map

package/lib/module/mq.js.map

@@ -1 +1 @@
-{"version":3,"names":["getMQValue","value","breakpoints","xs","sm","md","lg","xl","mq","only","width","wMin","wMax","Infinity","height","hMin","hMax","and"],"sourceRoot":"../../src","sources":["mq.ts"],"mappings":";;AAsBA,MAAMA,UAAU,GAAIC,KAAwB,IAAK;EAC7C,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOA,KAAK;EAChB;EAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;IAChB,OAAO,CAAC;EACZ;;EAEA;EACA,MAAMC,WAAW,GAAG;IAChBC,EAAE,EAAE,CAAC;IACLC,EAAE,EAAE,GAAG;IACPC,EAAE,EAAE,GAAG;IACPC,EAAE,EAAE,GAAG;IACPC,EAAE,EAAE;EACR,CAAC;;EAED;EACA,OAAOL,WAAW,CAACD,KAAK,CAAC,IAAI,CAAC;AAClC,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMO,EAAa,GAAG;EACzBC,IAAI,EAAE;IACFC,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,QAAQ,KAAM,MAAMb,UAAU,CAACW,IAAI,CAAC,KAAKX,UAAU,CAACY,IAAI,CAAC,GAAyB;IACvIE,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGH,QAAQ,KAAM,MAAMb,UAAU,CAACe,IAAI,CAAC,KAAKf,UAAU,CAACgB,IAAI,CAAC;EACnH,CAAC;EACDN,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,QAAQ,MAAM;IAC/DI,GAAG,EAAE;MACDH,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGH,QAAQ,KACzD,MAAMb,UAAU,CAACW,IAAI,CAAC,KAAKX,UAAU,CAACY,IAAI,CAAC,OAAOZ,UAAU,CAACe,IAAI,CAAC,KAAKf,UAAU,CAACgB,IAAI,CAAC;IAChG;EACJ,CAAC,CAAC;EACFF,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGH,QAAQ,MAAM;IAChEI,GAAG,EAAE;MACDP,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,QAAQ,KACxD,MAAMb,UAAU,CAACW,IAAI,CAAC,KAAKX,UAAU,CAACY,IAAI,CAAC,OAAOZ,UAAU,CAACe,IAAI,CAAC,KAAKf,UAAU,CAACgB,IAAI,CAAC;IAChG;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["UnistylesRuntime","IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","getMQValue","value","breakpoints","mq","only","width","wMin","wMax","Number","POSITIVE_INFINITY","height","hMin","hMax","and","parseMq","fromW","toW","exec","fromH","toH","minWidth","undefined","maxWidth","minHeight","maxHeight","isUnistylesMq","test","isValidMq","parsedMQ","isWidthValid","isHeightValid"],"sourceRoot":"../../src","sources":["mq.ts"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,SAAS;AAE1C,MAAMC,kBAAkB,GAAG,wCAAwC;AACnE,MAAMC,qBAAqB,GAAG,qCAAqC;AACnE,MAAMC,sBAAsB,GAAG,qCAAqC;AAqBpE,MAAMC,UAAU,GAAIC,KAAwB,IAAK;EAC7C,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOA,KAAK;EAChB;EAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;IAChB,OAAO,CAAC;EACZ;EAEA,MAAMC,WAAW,GAAGN,gBAAgB,CAACM,WAAW;EAEhD,OAAOA,WAAW,CAACD,KAAK,CAAC,IAAI,CAAC;AAClC,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAME,EAAa,GAAG;EACzBC,IAAI,EAAE;IACFC,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,MAAM,CAACC,iBAAiB,KAAM,MAAMT,UAAU,CAACM,IAAI,CAAC,KAAKN,UAAU,CAACO,IAAI,CAAC,GAAyB;IACvJG,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGJ,MAAM,CAACC,iBAAiB,KAAM,MAAMT,UAAU,CAACW,IAAI,CAAC,KAAKX,UAAU,CAACY,IAAI,CAAC;EACnI,CAAC;EACDP,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,MAAM,CAACC,iBAAiB,MAAM;IAC/EI,GAAG,EAAE;MACDH,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGJ,MAAM,CAACC,iBAAiB,KACzE,MAAMT,UAAU,CAACM,IAAI,CAAC,KAAKN,UAAU,CAACO,IAAI,CAAC,OAAOP,UAAU,CAACW,IAAI,CAAC,KAAKX,UAAU,CAACY,IAAI,CAAC;IAChG;EACJ,CAAC,CAAC;EACFF,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGJ,MAAM,CAACC,iBAAiB,MAAM;IAChFI,GAAG,EAAE;MACDR,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,MAAM,CAACC,iBAAiB,KACxE,MAAMT,UAAU,CAACM,IAAI,CAAC,KAAKN,UAAU,CAACO,IAAI,CAAC,OAAOP,UAAU,CAACW,IAAI,CAAC,KAAKX,UAAU,CAACY,IAAI,CAAC;IAChG;EACJ,CAAC;AACL,CAAC;AAED,OAAO,MAAME,OAAO,GAAIX,EAAU,IAAK;EACnC,MAAM,GAAGE,KAAK,EAAEU,KAAK,EAAEC,GAAG,CAAC,GAAGlB,qBAAqB,CAACmB,IAAI,CAACd,EAAE,CAAC,IAAI,EAAE;EAClE,MAAM,GAAGO,MAAM,EAAEQ,KAAK,EAAEC,GAAG,CAAC,GAAGpB,sBAAsB,CAACkB,IAAI,CAACd,EAAE,CAAC,IAAI,EAAE;EAEpE,OAAO;IACHiB,QAAQ,EAAE,CAACf,KAAK,IAAIU,KAAK,KAAK,UAAU,GAAGM,SAAS,GAAGb,MAAM,CAACO,KAAK,CAAC;IACpEO,QAAQ,EAAE,CAACjB,KAAK,IAAIW,GAAG,KAAK,UAAU,GAAGK,SAAS,GAAGb,MAAM,CAACQ,GAAG,CAAC;IAChEO,SAAS,EAAE,CAACb,MAAM,IAAIQ,KAAK,KAAK,UAAU,GAAGG,SAAS,GAAGb,MAAM,CAACU,KAAK,CAAC;IACtEM,SAAS,EAAE,CAACd,MAAM,IAAIS,GAAG,KAAK,UAAU,GAAGE,SAAS,GAAGb,MAAM,CAACW,GAAG;EACrE,CAAC;AACL,CAAC;AAED,OAAO,MAAMM,aAAa,GAAItB,EAAU,IAAKN,kBAAkB,CAAC6B,IAAI,CAACvB,EAAE,CAAC;AAExE,OAAO,MAAMwB,SAAS,GAAIC,QAAoC,IAAK;EAC/D,MAAMC,YAAY,GAAGD,QAAQ,CAACR,QAAQ,KAAKC,SAAS,IAAIO,QAAQ,CAACN,QAAQ,KAAKD,SAAS,IAAIO,QAAQ,CAACR,QAAQ,IAAIQ,QAAQ,CAACN,QAAQ;EACjI,MAAMQ,aAAa,GAAGF,QAAQ,CAACL,SAAS,KAAKF,SAAS,IAAIO,QAAQ,CAACJ,SAAS,KAAKH,SAAS,IAAIO,QAAQ,CAACL,SAAS,IAAIK,QAAQ,CAACJ,SAAS;EAEtI,OAAOK,YAAY,IAAIC,aAAa;AACxC,CAAC","ignoreList":[]}

package/lib/module/specs/NativePlatform/NativePlatform.nitro.js

@@ -15,6 +15,7 @@ export let UnistyleDependency = /*#__PURE__*/function (UnistyleDependency) {
   UnistyleDependency[UnistyleDependency["FontScale"] = 11] = "FontScale";
   UnistyleDependency[UnistyleDependency["StatusBar"] = 12] = "StatusBar";
   UnistyleDependency[UnistyleDependency["NavigationBar"] = 13] = "NavigationBar";
+  UnistyleDependency[UnistyleDependency["Ime"] = 14] = "Ime";
   return UnistyleDependency;
 }({});
 

package/lib/module/specs/NativePlatform/NativePlatform.nitro.js.map

@@ -1 +1 @@
-{"version":3,"names":["UnistyleDependency"],"sourceRoot":"../../../../src","sources":["specs/NativePlatform/NativePlatform.nitro.ts"],"mappings":";;AAMA,WAAYA,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;;AA8B9B;AACA","ignoreList":[]}
+{"version":3,"names":["UnistyleDependency"],"sourceRoot":"../../../../src","sources":["specs/NativePlatform/NativePlatform.nitro.ts"],"mappings":";;AAMA,WAAYA,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;;AAgC9B;AACA","ignoreList":[]}

package/lib/module/specs/NavigtionBar/index.js

@@ -1,12 +1,2 @@
 "use strict";
-
-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);
-  };
-};
 //# sourceMappingURL=index.js.map

package/lib/module/specs/NavigtionBar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["processColor","attachNavigationBarJSMethods","hybridObject","privateHybrid","_setBackgroundColor","setBackgroundColor","color","parsedColor"],"sourceRoot":"../../../../src","sources":["specs/NavigtionBar/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,cAAc;AAS3C,OAAO,MAAMC,4BAA4B,GAAIC,YAAoC,IAAK;EAClF,MAAMC,aAAa,GAAGD,YAA6C;EAEnEC,aAAa,CAACC,mBAAmB,GAAGF,YAAY,CAACG,kBAAkB;EACnEH,YAAY,CAACG,kBAAkB,GAAIC,KAAc,IAAK;IAClD,MAAMC,WAAW,GAAGP,YAAY,CAACM,KAAK,CAAC,IAAI,CAAC;IAE5CH,aAAa,CAACC,mBAAmB,CAACG,WAAqB,CAAC;EAC5D,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["specs/NavigtionBar/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/specs/ShadowRegistry/index.js

@@ -5,22 +5,25 @@ const HybridShadowRegistry = NitroModules.createHybridObject('UnistylesShadowReg
 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');
+    throw new Error(`Unistyles: Could not find shadow node for one of your components of type ${handle?.__internalInstanceHandle?.elementType ?? 'unknown'}`);
   }
   return node;
 };
-HybridShadowRegistry.add = (handle, style, variants, args) => {
-  if (!handle || !style?.__unid) {
+HybridShadowRegistry.add = (handle, styles, variants, args, id) => {
+  // virtualized nodes can be null
+  if (!handle || !styles || !Array.isArray(styles)) {
     return;
   }
-  HybridShadowRegistry.link(findShadowNodeForHandle(handle), style, variants ?? {}, args ?? []);
+
+  // filter Reanimated styles and styles that are undefined
+  const filteredStyles = styles.filter(style => !style?.initial?.updater).filter(Boolean);
+  HybridShadowRegistry.link(findShadowNodeForHandle(handle), filteredStyles, variants ?? {}, args ?? [], id);
 };
-HybridShadowRegistry.remove = (handle, style) => {
-  if (!handle || !style?.__unid) {
+HybridShadowRegistry.remove = handle => {
+  if (!handle) {
     return;
   }
-  HybridShadowRegistry.unlink(findShadowNodeForHandle(handle), style);
+  HybridShadowRegistry.unlink(findShadowNodeForHandle(handle));
 };
 export const UnistylesShadowRegistry = HybridShadowRegistry;
 //# sourceMappingURL=index.js.map

package/lib/module/specs/ShadowRegistry/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NitroModules","HybridShadowRegistry","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","Error","add","style","variants","args","__unid","link","remove","unlink","UnistylesShadowRegistry"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AAazD,MAAMC,oBAAoB,GAAGD,YAAY,CAACE,kBAAkB,CAAiB,yBAAyB,CAAC;AAEvG,MAAMC,uBAAuB,GAAIC,MAAkB,IAAK;EACpD,MAAMC,IAAI,GAAGD,MAAM,EAAEE,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACvDD,MAAM,EAAEI,kBAAkB,GAAG,CAAC,EAAEC,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACjGD,MAAM,EAAEK,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI;EAEhF,IAAI,CAACA,IAAI,EAAE;IACP;IACA,MAAM,IAAIK,KAAK,CAAC,uDAAuD,CAAC;EAC5E;EAEA,OAAOL,IAAI;AACf,CAAC;AAEDJ,oBAAoB,CAACU,GAAG,GAAG,CAACP,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEC,IAAI,KAAK;EAC1D,IAAI,CAACV,MAAM,IAAI,CAACQ,KAAK,EAAEG,MAAM,EAAE;IAC3B;EACJ;EAEAd,oBAAoB,CAACe,IAAI,CAACb,uBAAuB,CAACC,MAAM,CAAC,EAAEQ,KAAK,EAAEC,QAAQ,IAAI,CAAC,CAAC,EAAEC,IAAI,IAAI,EAAE,CAAC;AACjG,CAAC;AAEDb,oBAAoB,CAACgB,MAAM,GAAG,CAACb,MAAM,EAAEQ,KAAK,KAAK;EAC7C,IAAI,CAACR,MAAM,IAAI,CAACQ,KAAK,EAAEG,MAAM,EAAE;IAC3B;EACJ;EAEAd,oBAAoB,CAACiB,MAAM,CAACf,uBAAuB,CAACC,MAAM,CAAC,EAAEQ,KAAK,CAAC;AACvE,CAAC;AAQD,OAAO,MAAMO,uBAAuB,GAAGlB,oBAA4D","ignoreList":[]}
+{"version":3,"names":["NitroModules","HybridShadowRegistry","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","Error","elementType","add","styles","variants","args","id","Array","isArray","filteredStyles","filter","style","initial","updater","Boolean","link","remove","unlink","UnistylesShadowRegistry"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AAazD,MAAMC,oBAAoB,GAAGD,YAAY,CAACE,kBAAkB,CAAiB,yBAAyB,CAAC;AAEvG,MAAMC,uBAAuB,GAAIC,MAAkB,IAAK;EACpD,MAAMC,IAAI,GAAGD,MAAM,EAAEE,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACvDD,MAAM,EAAEI,kBAAkB,GAAG,CAAC,EAAEC,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACjGD,MAAM,EAAEK,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI;EAEhF,IAAI,CAACA,IAAI,EAAE;IACP,MAAM,IAAIK,KAAK,CAAC,4EAA4EN,MAAM,EAAEE,wBAAwB,EAAEK,WAAW,IAAI,SAAS,EAAE,CAAC;EAC7J;EAEA,OAAON,IAAI;AACf,CAAC;AAEDJ,oBAAoB,CAACW,GAAG,GAAG,CAACR,MAAM,EAAES,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,EAAE,KAAK;EAC/D;EACA,IAAI,CAACZ,MAAM,IAAI,CAACS,MAAM,IAAI,CAACI,KAAK,CAACC,OAAO,CAACL,MAAM,CAAC,EAAE;IAC9C;EACJ;;EAEA;EACA,MAAMM,cAAc,GAAGN,MAAM,CACxBO,MAAM,CAACC,KAAK,IAAI,CAACA,KAAK,EAAEC,OAAO,EAAEC,OAAO,CAAC,CACzCH,MAAM,CAACI,OAAO,CAAC;EAEpBvB,oBAAoB,CAACwB,IAAI,CAACtB,uBAAuB,CAACC,MAAM,CAAC,EAAEe,cAAc,EAAEL,QAAQ,IAAI,CAAC,CAAC,EAAEC,IAAI,IAAI,EAAE,EAAEC,EAAE,CAAC;AAC9G,CAAC;AAEDf,oBAAoB,CAACyB,MAAM,GAAGtB,MAAM,IAAI;EACpC,IAAI,CAACA,MAAM,EAAE;IACT;EACJ;EAEAH,oBAAoB,CAAC0B,MAAM,CAACxB,uBAAuB,CAACC,MAAM,CAAC,CAAC;AAChE,CAAC;AAQD,OAAO,MAAMwB,uBAAuB,GAAG3B,oBAA4D","ignoreList":[]}

package/lib/module/specs/StatusBar/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { processColor, StatusBar as NativeStatusBar } from 'react-native';
+import { StatusBar as NativeStatusBar } from 'react-native';
 import { StatusBarStyle } from '../types';
 export const attachStatusBarJSMethods = hybridObject => {
   hybridObject.setStyle = (style, animated) => {
@@ -19,10 +19,5 @@ export const attachStatusBarJSMethods = hybridObject => {
     NativeStatusBar.setHidden(isHidden, animation);
     privateHybrid._setHidden(isHidden);
   };
-  privateHybrid._setBackgroundColor = hybridObject.setBackgroundColor;
-  hybridObject.setBackgroundColor = color => {
-    const parsedColor = processColor(color) ?? 0;
-    privateHybrid._setBackgroundColor(parsedColor);
-  };
 };
 //# sourceMappingURL=index.js.map

package/lib/module/specs/StatusBar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["processColor","StatusBar","NativeStatusBar","StatusBarStyle","attachStatusBarJSMethods","hybridObject","setStyle","style","animated","Light","setBarStyle","Dark","Default","privateHybrid","_setHidden","setHidden","isHidden","animation","_setBackgroundColor","setBackgroundColor","color","parsedColor"],"sourceRoot":"../../../../src","sources":["specs/StatusBar/index.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,SAAS,IAAIC,eAAe,QAAQ,cAAc;AAEzE,SAAqBC,cAAc,QAAQ,UAAU;AAYrD,OAAO,MAAMC,wBAAwB,GAAIC,YAAgC,IAAK;EAC1EA,YAAY,CAACC,QAAQ,GAAG,CAACC,KAAqB,EAAEC,QAAkB,KAAK;IACnE,QAAQD,KAAK;MACT,KAAKJ,cAAc,CAACM,KAAK;QACrB,OAAOP,eAAe,CAACQ,WAAW,CAAC,eAAe,EAAEF,QAAQ,CAAC;MACjE,KAAKL,cAAc,CAACQ,IAAI;QACpB,OAAOT,eAAe,CAACQ,WAAW,CAAC,cAAc,EAAEF,QAAQ,CAAC;MAChE,KAAKL,cAAc,CAACS,OAAO;QACvB,OAAOV,eAAe,CAACQ,WAAW,CAAC,SAAS,EAAEF,QAAQ,CAAC;IAC/D;EACJ,CAAC;EAED,MAAMK,aAAa,GAAGR,YAAyC;EAE/DQ,aAAa,CAACC,UAAU,GAAGT,YAAY,CAACU,SAAS;EACjDV,YAAY,CAACU,SAAS,GAAG,CAACC,QAAiB,EAAEC,SAAoC,KAAK;IAClFf,eAAe,CAACa,SAAS,CAACC,QAAQ,EAAEC,SAAS,CAAC;IAC9CJ,aAAa,CAACC,UAAU,CAACE,QAAQ,CAAC;EACtC,CAAC;EAEDH,aAAa,CAACK,mBAAmB,GAAGb,YAAY,CAACc,kBAAkB;EACnEd,YAAY,CAACc,kBAAkB,GAAIC,KAAc,IAAK;IAClD,MAAMC,WAAW,GAAGrB,YAAY,CAACoB,KAAK,CAAC,IAAI,CAAC;IAE5CP,aAAa,CAACK,mBAAmB,CAACG,WAAqB,CAAC;EAC5D,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["StatusBar","NativeStatusBar","StatusBarStyle","attachStatusBarJSMethods","hybridObject","setStyle","style","animated","Light","setBarStyle","Dark","Default","privateHybrid","_setHidden","setHidden","isHidden","animation"],"sourceRoot":"../../../../src","sources":["specs/StatusBar/index.ts"],"mappings":";;AAAA,SAASA,SAAS,IAAIC,eAAe,QAAQ,cAAc;AAE3D,SAASC,cAAc,QAAQ,UAAU;AAUzC,OAAO,MAAMC,wBAAwB,GAAIC,YAAgC,IAAK;EAC1EA,YAAY,CAACC,QAAQ,GAAG,CAACC,KAAqB,EAAEC,QAAkB,KAAK;IACnE,QAAQD,KAAK;MACT,KAAKJ,cAAc,CAACM,KAAK;QACrB,OAAOP,eAAe,CAACQ,WAAW,CAAC,eAAe,EAAEF,QAAQ,CAAC;MACjE,KAAKL,cAAc,CAACQ,IAAI;QACpB,OAAOT,eAAe,CAACQ,WAAW,CAAC,cAAc,EAAEF,QAAQ,CAAC;MAChE,KAAKL,cAAc,CAACS,OAAO;QACvB,OAAOV,eAAe,CAACQ,WAAW,CAAC,SAAS,EAAEF,QAAQ,CAAC;IAC/D;EACJ,CAAC;EAED,MAAMK,aAAa,GAAGR,YAAyC;EAE/DQ,aAAa,CAACC,UAAU,GAAGT,YAAY,CAACU,SAAS;EACjDV,YAAY,CAACU,SAAS,GAAG,CAACC,QAAiB,EAAEC,SAAoC,KAAK;IAClFf,eAAe,CAACa,SAAS,CAACC,QAAQ,EAAEC,SAAS,CAAC;IAC9CJ,aAAa,CAACC,UAAU,CAACE,QAAQ,CAAC;EACtC,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/module/specs/StyleSheet/index.js

@@ -10,5 +10,6 @@ HybridUnistylesStyleSheet.compose = NativeStyleSheet.compose;
 HybridUnistylesStyleSheet.jsMethods = {
   processColor
 };
+HybridUnistylesStyleSheet.init();
 export const StyleSheet = HybridUnistylesStyleSheet;
 //# sourceMappingURL=index.js.map

package/lib/module/specs/StyleSheet/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NitroModules","processColor","StyleSheet","NativeStyleSheet","HybridUnistylesStyleSheet","createHybridObject","absoluteFillObject","absoluteFill","flatten","compose","jsMethods"],"sourceRoot":"../../../../src","sources":["specs/StyleSheet/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AACzD,SAASC,YAAY,EAAEC,UAAU,IAAIC,gBAAgB,QAAQ,cAAc;AA+B3E,MAAMC,yBAAyB,GAAGJ,YAAY,CACzCK,kBAAkB,CAAsB,qBAAqB,CAAC;AAEnED,yBAAyB,CAACE,kBAAkB,GAAGH,gBAAgB,CAACG,kBAAkB;AAClFF,yBAAyB,CAACG,YAAY,GAAGJ,gBAAgB,CAACI,YAAY;AACtEH,yBAAyB,CAACI,OAAO,GAAGL,gBAAgB,CAACK,OAAO;AAC5DJ,yBAAyB,CAACK,OAAO,GAAGN,gBAAgB,CAACM,OAAO;AAC5DL,yBAAyB,CAACM,SAAS,GAAG;EAClCT;AACJ,CAAC;AAID,OAAO,MAAMC,UAAU,GAAGE,yBAAsE","ignoreList":[]}
+{"version":3,"names":["NitroModules","processColor","StyleSheet","NativeStyleSheet","HybridUnistylesStyleSheet","createHybridObject","absoluteFillObject","absoluteFill","flatten","compose","jsMethods","init"],"sourceRoot":"../../../../src","sources":["specs/StyleSheet/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AACzD,SAASC,YAAY,EAAEC,UAAU,IAAIC,gBAAgB,QAAQ,cAAc;AAiC3E,MAAMC,yBAAyB,GAAGJ,YAAY,CACzCK,kBAAkB,CAAsB,qBAAqB,CAAC;AAEnED,yBAAyB,CAACE,kBAAkB,GAAGH,gBAAgB,CAACG,kBAAkB;AAClFF,yBAAyB,CAACG,YAAY,GAAGJ,gBAAgB,CAACI,YAAY;AACtEH,yBAAyB,CAACI,OAAO,GAAGL,gBAAgB,CAACK,OAAO;AAC5DJ,yBAAyB,CAACK,OAAO,GAAGN,gBAAgB,CAACM,OAAO;AAC5DL,yBAAyB,CAACM,SAAS,GAAG;EAClCT;AACJ,CAAC;AAEDG,yBAAyB,CAACO,IAAI,CAAC,CAAC;AAIhC,OAAO,MAAMT,UAAU,GAAGE,yBAAsE","ignoreList":[]}

package/lib/module/specs/TurboUnistyles/NativeTurboUnistyles.js

@@ -2,8 +2,7 @@
 
 import { TurboModuleRegistry } from 'react-native';
 
-// this is empty spec for TurboModule that is required to hook
-// Unistyles to Fabric
+// this is empty spec for TurboModule that is required to hook Unistyles to Fabric
 
 TurboModuleRegistry.get('Unistyles');
 //# sourceMappingURL=NativeTurboUnistyles.js.map

package/lib/module/specs/TurboUnistyles/NativeTurboUnistyles.js.map

@@ -1 +1 @@
-{"version":3,"names":["TurboModuleRegistry","get"],"sourceRoot":"../../../../src","sources":["specs/TurboUnistyles/NativeTurboUnistyles.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;;AAElD;AACA;;AAGAA,mBAAmB,CAACC,GAAG,CAAO,WAAW,CAAC","ignoreList":[]}
+{"version":3,"names":["TurboModuleRegistry","get"],"sourceRoot":"../../../../src","sources":["specs/TurboUnistyles/NativeTurboUnistyles.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,cAAc;;AAElD;;AAGAA,mBAAmB,CAACC,GAAG,CAAO,WAAW,CAAC","ignoreList":[]}

package/lib/module/specs/UnistylesRuntime/index.js

@@ -3,7 +3,6 @@
 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();
@@ -17,6 +16,5 @@ if (isIOS) {
   HybridUnistylesRuntime.setImmersiveMode = isEnabled => HybridUnistylesRuntime.statusBar.setHidden(isEnabled, 'fade');
 }
 attachStatusBarJSMethods(HybridUnistylesRuntime.statusBar);
-attachNavigationBarJSMethods(HybridUnistylesRuntime.navigationBar);
 export const Runtime = HybridUnistylesRuntime;
 //# sourceMappingURL=index.js.map

package/lib/module/specs/UnistylesRuntime/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["processColor","NitroModules","attachStatusBarJSMethods","attachNavigationBarJSMethods","isIOS","HybridUnistylesRuntime","createHybridObject","statusBar","createHybridStatusBar","navigationBar","createHybridNavigationBar","_setRootViewBackgroundColor","setRootViewBackgroundColor","color","parsedColor","setImmersiveMode","isEnabled","setHidden","Runtime"],"sourceRoot":"../../../../src","sources":["specs/UnistylesRuntime/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,YAAY,QAAQ,4BAA4B;AAGzD,SAASC,wBAAwB,QAAiC,cAAc;AAChF,SAASC,4BAA4B,QAAqC,iBAAiB;AAE3F,SAASC,KAAK,QAAQ,cAAc;AAgCpC,MAAMC,sBAAsB,GAAGJ,YAAY,CACtCK,kBAAkB,CAA0B,kBAAkB,CAAC;AAEpED,sBAAsB,CAACE,SAAS,GAAGF,sBAAsB,CAACG,qBAAqB,CAAC,CAAC;AACjFH,sBAAsB,CAACI,aAAa,GAAGJ,sBAAsB,CAACK,yBAAyB,CAAC,CAAC;AACzFL,sBAAsB,CAACM,2BAA2B,GAAGN,sBAAsB,CAACO,0BAA0B;AAEtGP,sBAAsB,CAACO,0BAA0B,GAAIC,KAAc,IAAK;EACpE,MAAMC,WAAW,GAAGd,YAAY,CAACa,KAAK,CAAC,IAAI,CAAC;EAE5CR,sBAAsB,CAACM,2BAA2B,CAACG,WAAqB,CAAC;AAC7E,CAAC;AAED,IAAIV,KAAK,EAAE;EACPC,sBAAsB,CAACU,gBAAgB,GAAIC,SAAkB,IAAKX,sBAAsB,CAACE,SAAS,CAACU,SAAS,CAACD,SAAS,EAAE,MAAM,CAAC;AACnI;AAEAd,wBAAwB,CAACG,sBAAsB,CAACE,SAAS,CAAC;AAC1DJ,4BAA4B,CAACE,sBAAsB,CAACI,aAAa,CAAC;AAElE,OAAO,MAAMS,OAAO,GAAGb,sBAA0C","ignoreList":[]}
+{"version":3,"names":["processColor","NitroModules","attachStatusBarJSMethods","isIOS","HybridUnistylesRuntime","createHybridObject","statusBar","createHybridStatusBar","navigationBar","createHybridNavigationBar","_setRootViewBackgroundColor","setRootViewBackgroundColor","color","parsedColor","setImmersiveMode","isEnabled","setHidden","Runtime"],"sourceRoot":"../../../../src","sources":["specs/UnistylesRuntime/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,YAAY,QAAQ,4BAA4B;AAGzD,SAASC,wBAAwB,QAAiC,cAAc;AAGhF,SAASC,KAAK,QAAQ,cAAc;AAkCpC,MAAMC,sBAAsB,GAAGH,YAAY,CACtCI,kBAAkB,CAA0B,kBAAkB,CAAC;AAEpED,sBAAsB,CAACE,SAAS,GAAGF,sBAAsB,CAACG,qBAAqB,CAAC,CAAC;AACjFH,sBAAsB,CAACI,aAAa,GAAGJ,sBAAsB,CAACK,yBAAyB,CAAC,CAAC;AACzFL,sBAAsB,CAACM,2BAA2B,GAAGN,sBAAsB,CAACO,0BAA0B;AAEtGP,sBAAsB,CAACO,0BAA0B,GAAIC,KAAc,IAAK;EACpE,MAAMC,WAAW,GAAGb,YAAY,CAACY,KAAK,CAAC,IAAI,CAAC;EAE5CR,sBAAsB,CAACM,2BAA2B,CAACG,WAAqB,CAAC;AAC7E,CAAC;AAED,IAAIV,KAAK,EAAE;EACPC,sBAAsB,CAACU,gBAAgB,GAAIC,SAAkB,IAAKX,sBAAsB,CAACE,SAAS,CAACU,SAAS,CAACD,SAAS,EAAE,MAAM,CAAC;AACnI;AAEAb,wBAAwB,CAACE,sBAAsB,CAACE,SAAS,CAAC;AAE1D,OAAO,MAAMW,OAAO,GAAGb,sBAA0C","ignoreList":[]}

package/lib/module/specs/index.js

@@ -5,6 +5,7 @@ import { Runtime } from './UnistylesRuntime';
 import { StyleSheet } from './StyleSheet';
 import { UnistylesShadowRegistry } from './ShadowRegistry';
 import { StatusBarStyle, ColorScheme, Orientation } from './types';
-export { StatusBarStyle, ColorScheme, Orientation };
+import { UnistyleDependency } from './NativePlatform';
+export { StatusBarStyle, ColorScheme, Orientation, UnistyleDependency };
 export { UnistylesShadowRegistry, Runtime as UnistylesRuntime, StyleSheet };
 //# sourceMappingURL=index.js.map