react-native-unistyles 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/commonjs/core/withUnistyles/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SUPPORTED_STYLE_PROPS","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/types.ts"],"mappings":";;;;;;AAGO,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,CAAC,OAAO,EAAE,uBAAuB,CAAU","ignoreList":[]}

package/lib/commonjs/core/withUnistyles/useDependencies.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDependencies = void 0;
+var _react = require("react");
+var _specs = require("../../specs");
+var _NativePlatform = require("../../specs/NativePlatform");
+// It's imported that way because of circular dependency
+
+const getMiniRuntime = () => {
+  // @ts-expect-error This is hidden from TS
+  return _specs.UnistylesRuntime.miniRuntime;
+};
+const RTDependencyMap = {
+  breakpoint: _NativePlatform.UnistyleDependency.Breakpoints,
+  colorScheme: _NativePlatform.UnistyleDependency.ColorScheme,
+  contentSizeCategory: _NativePlatform.UnistyleDependency.ContentSizeCategory,
+  hasAdaptiveThemes: _NativePlatform.UnistyleDependency.AdaptiveThemes,
+  insets: _NativePlatform.UnistyleDependency.Insets,
+  fontScale: _NativePlatform.UnistyleDependency.FontScale,
+  isLandscape: _NativePlatform.UnistyleDependency.Orientation,
+  isPortrait: _NativePlatform.UnistyleDependency.Orientation,
+  navigationBar: _NativePlatform.UnistyleDependency.NavigationBar,
+  screen: _NativePlatform.UnistyleDependency.Dimensions,
+  statusBar: _NativePlatform.UnistyleDependency.StatusBar,
+  pixelRatio: _NativePlatform.UnistyleDependency.PixelRatio,
+  themeName: _NativePlatform.UnistyleDependency.ThemeName
+};
+const useDependencies = listener => {
+  const scopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
+  const [dependencies] = (0, _react.useState)(() => new Set());
+  const [theme, setTheme] = (0, _react.useState)(_specs.UnistylesRuntime.getTheme(scopedTheme));
+  const [_, runtimeChanged] = (0, _react.useReducer)(() => ({}), {});
+  const disposeRef = (0, _react.useRef)();
+  const reinitListener = () => {
+    disposeRef.current?.();
+    disposeRef.current = listener({
+      dependencies: Array.from(dependencies),
+      updateTheme: () => {
+        if (scopedTheme) {
+          return;
+        }
+        setTheme(_specs.UnistylesRuntime.getTheme(scopedTheme));
+      },
+      updateRuntime: () => runtimeChanged()
+    });
+  };
+  (0, _react.useEffect)(() => {
+    reinitListener();
+    return () => disposeRef.current?.();
+  }, [dependencies.size]);
+  return {
+    mappingsCallback: callback => {
+      const proxifiedTheme = new Proxy(theme, {
+        get: (target, prop) => {
+          dependencies.add(_NativePlatform.UnistyleDependency.Theme);
+          return target[prop];
+        }
+      });
+      const proxifiedRuntime = new Proxy(getMiniRuntime(), {
+        get: (target, prop) => {
+          if (prop in RTDependencyMap) {
+            dependencies.add(RTDependencyMap[prop]);
+          }
+          return target[prop];
+        }
+      });
+      return callback(proxifiedTheme, proxifiedRuntime);
+    },
+    addDependencies: newDependencies => {
+      const dependenciesSize = dependencies.size;
+      newDependencies.forEach(dependency => {
+        dependencies.add(dependency);
+      });
+      if (dependenciesSize === dependencies.size) {
+        return;
+      }
+      reinitListener();
+    }
+  };
+};
+exports.useDependencies = useDependencies;
+//# sourceMappingURL=useDependencies.js.map

package/lib/commonjs/core/withUnistyles/useDependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_specs","_NativePlatform","getMiniRuntime","UnistylesRuntime","miniRuntime","RTDependencyMap","breakpoint","UnistyleDependency","Breakpoints","colorScheme","ColorScheme","contentSizeCategory","ContentSizeCategory","hasAdaptiveThemes","AdaptiveThemes","insets","Insets","fontScale","FontScale","isLandscape","Orientation","isPortrait","navigationBar","NavigationBar","screen","Dimensions","statusBar","StatusBar","pixelRatio","PixelRatio","themeName","ThemeName","useDependencies","listener","scopedTheme","UnistylesShadowRegistry","getScopedTheme","dependencies","useState","Set","theme","setTheme","getTheme","_","runtimeChanged","useReducer","disposeRef","useRef","reinitListener","current","Array","from","updateTheme","updateRuntime","useEffect","size","mappingsCallback","callback","proxifiedTheme","Proxy","get","target","prop","add","Theme","proxifiedRuntime","addDependencies","newDependencies","dependenciesSize","forEach","dependency","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/useDependencies.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/withUnistyles/withUnistyles.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withUnistyles = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _listener = require("../../web/listener");
+var _web = require("../../web");
+var _utils = require("../../web/utils");
+var _utils2 = require("../../utils");
+var _useDependencies = require("./useDependencies");
+var _NativePlatform = require("../../specs/NativePlatform");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useShadowRegistry = style => {
+  const [ref] = (0, _react.useState)(document.createElement('div'));
+  const oldClassNames = (0, _react.useRef)([]);
+  const classNames = (0, _react.useMemo)(() => {
+    if (!style) {
+      return [];
+    }
+    const newClassNames = _web.UnistylesShadowRegistry.add(ref, [style]) ?? [];
+    if ((0, _utils.equal)(oldClassNames.current, newClassNames)) {
+      return oldClassNames.current;
+    }
+    oldClassNames.current = newClassNames;
+    return newClassNames;
+  }, [style]);
+  (0, _react.useEffect)(() => () => {
+    // Remove styles on unmount
+    if (style) {
+      _web.UnistylesShadowRegistry.add(null, [style]);
+    }
+  });
+  return classNames;
+};
+
+// @ts-expect-error
+
+// @ts-expect-error
+
+const withUnistyles = (Component, mappings) => {
+  return /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+    const narrowedProps = props;
+    const styleClassNames = useShadowRegistry(narrowedProps.style);
+    const contentContainerStyleClassNames = useShadowRegistry(narrowedProps.contentContainerStyle);
+    const {
+      mappingsCallback
+    } = (0, _useDependencies.useDependencies)(({
+      dependencies,
+      updateTheme,
+      updateRuntime
+    }) => {
+      const disposeTheme = _listener.UnistylesListener.addListeners(dependencies.filter(dependency => dependency === _NativePlatform.UnistyleDependency.Theme), updateTheme);
+      const disposeRuntime = _listener.UnistylesListener.addListeners(dependencies.filter(dependency => dependency !== _NativePlatform.UnistyleDependency.Theme), updateRuntime);
+      return () => {
+        disposeTheme();
+        disposeRuntime();
+      };
+    });
+    const mappingsProps = mappings ? mappingsCallback(mappings) : {};
+    const unistyleProps = narrowedProps.uniProps ? mappingsCallback(narrowedProps.uniProps) : {};
+    const combinedProps = {
+      ...(0, _utils2.deepMergeObjects)(mappingsProps, unistyleProps, props),
+      ...(narrowedProps.style ? {
+        style: {
+          $$css: true,
+          'unistyles': styleClassNames.join(' ')
+        }
+      } : {}),
+      ...(narrowedProps.contentContainerStyle ? {
+        style: {
+          $$css: true,
+          'unistyles': contentContainerStyleClassNames.join(' ')
+        }
+      } : {})
+    };
+    const NativeComponent = Component;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeComponent, {
+      ...combinedProps,
+      ref: ref
+    });
+  });
+};
+exports.withUnistyles = withUnistyles;
+//# sourceMappingURL=withUnistyles.js.map

package/lib/commonjs/core/withUnistyles/withUnistyles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_listener","_web","_utils","_utils2","_useDependencies","_NativePlatform","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useShadowRegistry","style","ref","useState","document","createElement","oldClassNames","useRef","classNames","useMemo","newClassNames","UnistylesShadowRegistry","add","equal","current","useEffect","withUnistyles","Component","mappings","forwardRef","props","narrowedProps","styleClassNames","contentContainerStyleClassNames","contentContainerStyle","mappingsCallback","useDependencies","dependencies","updateTheme","updateRuntime","disposeTheme","UnistylesListener","addListeners","filter","dependency","UnistyleDependency","Theme","disposeRuntime","mappingsProps","unistyleProps","uniProps","combinedProps","deepMergeObjects","$$css","join","NativeComponent","jsx","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withUnistyles = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _specs = require("../../specs");
+var _utils = require("../../utils");
+var _types = require("./types");
+var _useDependencies = require("./useDependencies");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// @ts-expect-error
+
+// @ts-expect-error
+
+const withUnistyles = (Component, mappings) => {
+  return /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+    const narrowedProps = props;
+    const stylesRef = (0, _react.useRef)({});
+    const isForcedRef = (0, _react.useRef)(false);
+    const NativeComponent = Component;
+    if (!isForcedRef.current) {
+      _types.SUPPORTED_STYLE_PROPS.forEach(propName => {
+        if (narrowedProps?.[propName]) {
+          if (Array.isArray(narrowedProps[propName])) {
+            console.error(`🦄 Unistyles: withUnistyles requires ${propName} to be an object. Please check props for component: ${NativeComponent.displayName}`);
+          }
+
+          // @ts-expect-error - this is hidden from TS
+          if (props[propName].__unistyles_name && !props[propName].__proto__?.getStyle) {
+            console.error(`🦄 Unistyles: withUnistyles received style that is not bound. You likely used the spread operator on a Unistyle style. Please check props for component: ${NativeComponent.displayName}`);
+          }
+          stylesRef.current = {
+            ...stylesRef.current,
+            // @ts-expect-error - this is hidden from TS
+            [propName]: props[propName].__proto__?.getStyle?.() || props[propName]
+          };
+        }
+      });
+    }
+    const {
+      mappingsCallback,
+      addDependencies
+    } = (0, _useDependencies.useDependencies)(({
+      dependencies,
+      updateTheme,
+      updateRuntime
+    }) => {
+      const listensToTheme = dependencies.includes(_specs.UnistyleDependency.Theme);
+      // @ts-expect-error - this is hidden from TS
+      const dispose = _specs.StyleSheet.addChangeListener(changedDependencies => {
+        if (listensToTheme && changedDependencies.includes(_specs.UnistyleDependency.Theme)) {
+          updateTheme();
+        }
+        if (changedDependencies.some(dependency => dependencies.includes(dependency))) {
+          _types.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;
+            }
+          });
+          updateRuntime();
+        }
+      });
+      return () => dispose();
+    });
+    (0, _react.useEffect)(() => {
+      const styleDependencies = narrowedProps.style?.__proto__.uni__dependencies ?? [];
+      const contentContainerStyleDependencies = narrowedProps.contentContainerStyle?.__proto__.uni__dependencies ?? [];
+      addDependencies([...styleDependencies, ...contentContainerStyleDependencies]);
+    }, [narrowedProps.style, narrowedProps.contentContainerStyle]);
+    const mappingProps = mappings ? mappingsCallback(mappings) : {};
+    const unistyleProps = narrowedProps.uniProps ? mappingsCallback(narrowedProps.uniProps) : {};
+    const finalProps = (0, _utils.deepMergeObjects)(mappingProps, unistyleProps, props);
+
+    // override with Unistyles styles
+    _types.SUPPORTED_STYLE_PROPS.forEach(propName => {
+      if (finalProps[propName]) {
+        finalProps[propName] = stylesRef.current[propName];
+      }
+    });
+    isForcedRef.current = false;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeComponent, {
+      ...finalProps,
+      ref: ref
+    });
+  });
+};
+exports.withUnistyles = withUnistyles;
+//# sourceMappingURL=withUnistyles.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_types","_useDependencies","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","withUnistyles","Component","mappings","forwardRef","props","ref","narrowedProps","stylesRef","useRef","isForcedRef","NativeComponent","current","SUPPORTED_STYLE_PROPS","forEach","propName","Array","isArray","console","error","displayName","__unistyles_name","getStyle","mappingsCallback","addDependencies","useDependencies","dependencies","updateTheme","updateRuntime","listensToTheme","includes","UnistyleDependency","Theme","dispose","StyleSheet","addChangeListener","changedDependencies","some","dependency","useEffect","styleDependencies","style","uni__dependencies","contentContainerStyleDependencies","contentContainerStyle","mappingProps","unistyleProps","uniProps","finalProps","deepMergeObjects","jsx","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,gBAAA,GAAAJ,OAAA;AAAmD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEnD;;AAEA;;AAGO,MAAMW,aAAa,GAAGA,CAAkEC,SAAqB,EAAEC,QAA8B,KAAK;EAMrJ,oBAAO,IAAAC,iBAAU,EAAsD,CAACC,KAAK,EAAEC,GAAG,KAAK;IACnF,MAAMC,aAAa,GAAGF,KAA2B;IACjD,MAAMG,SAAS,GAAG,IAAAC,aAAM,EAAsB,CAAC,CAAC,CAAC;IACjD,MAAMC,WAAW,GAAG,IAAAD,aAAM,EAAC,KAAK,CAAC;IACjC,MAAME,eAAe,GAAGT,SAA0B;IAElD,IAAI,CAACQ,WAAW,CAACE,OAAO,EAAE;MACtBC,4BAAqB,CAACC,OAAO,CAACC,QAAQ,IAAI;QACtC,IAAIR,aAAa,GAAGQ,QAAQ,CAAC,EAAE;UAC3B,IAAIC,KAAK,CAACC,OAAO,CAACV,aAAa,CAACQ,QAAQ,CAAC,CAAC,EAAE;YACxCG,OAAO,CAACC,KAAK,CAAC,wCAAwCJ,QAAQ,uDAAuDJ,eAAe,CAACS,WAAW,EAAE,CAAC;UACvJ;;UAEA;UACA,IAAIf,KAAK,CAACU,QAAQ,CAAC,CAACM,gBAAgB,IAAI,CAAChB,KAAK,CAACU,QAAQ,CAAC,CAACxB,SAAS,EAAE+B,QAAQ,EAAE;YAC1EJ,OAAO,CAACC,KAAK,CAAC,4JAA4JR,eAAe,CAACS,WAAW,EAAE,CAAC;UAC5M;UAEAZ,SAAS,CAACI,OAAO,GAAG;YAChB,GAAGJ,SAAS,CAACI,OAAO;YACpB;YACA,CAACG,QAAQ,GAAGV,KAAK,CAACU,QAAQ,CAAC,CAACxB,SAAS,EAAE+B,QAAQ,GAAG,CAAC,IAAIjB,KAAK,CAACU,QAAQ;UACzE,CAAC;QACL;MACJ,CAAC,CAAC;IACN;IAEA,MAAM;MAAEQ,gBAAgB;MAAEC;IAAgB,CAAC,GAAG,IAAAC,gCAAe,EAAC,CAAC;MAAEC,YAAY;MAAEC,WAAW;MAAEC;IAAc,CAAC,KAAK;MAC5G,MAAMC,cAAc,GAAGH,YAAY,CAACI,QAAQ,CAACC,yBAAkB,CAACC,KAAK,CAAC;MACtE;MACA,MAAMC,OAAO,GAAGC,iBAAU,CAACC,iBAAiB,CAACC,mBAAmB,IAAI;QAChE,IAAIP,cAAc,IAAIO,mBAAmB,CAACN,QAAQ,CAACC,yBAAkB,CAACC,KAAK,CAAC,EAAE;UAC1EL,WAAW,CAAC,CAAC;QACjB;QAEA,IAAIS,mBAAmB,CAACC,IAAI,CAAEC,UAA8B,IAAKZ,YAAY,CAACI,QAAQ,CAACQ,UAAU,CAAC,CAAC,EAAE;UACjGzB,4BAAqB,CAACC,OAAO,CAACC,QAAQ,IAAI;YACtC,IAAIR,aAAa,GAAGQ,QAAQ,CAAC,EAAE;cAC3BP,SAAS,CAACI,OAAO,GAAG;gBAChB,GAAGJ,SAAS,CAACI,OAAO;gBACpB;gBACA,CAACG,QAAQ,GAAGV,KAAK,CAACU,QAAQ,CAAC,CAACxB,SAAS,EAAE+B,QAAQ,GAAG,CAAC,IAAIjB,KAAK,CAACU,QAAQ;cACzE,CAAC;cAEDL,WAAW,CAACE,OAAO,GAAG,IAAI;YAC9B;UACJ,CAAC,CAAC;UAEFgB,aAAa,CAAC,CAAC;QACnB;MACJ,CAAC,CAAC;MAEF,OAAO,MAAMK,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,IAAAM,gBAAS,EAAC,MAAM;MACZ,MAAMC,iBAAiB,GAAGjC,aAAa,CAACkC,KAAK,EAAElD,SAAS,CAACmD,iBAAiB,IAAI,EAA+B;MAC7G,MAAMC,iCAAiC,GAAGpC,aAAa,CAACqC,qBAAqB,EAAErD,SAAS,CAACmD,iBAAiB,IAAI,EAA+B;MAE7IlB,eAAe,CAAC,CAAC,GAAGgB,iBAAiB,EAAE,GAAGG,iCAAiC,CAAC,CAAC;IACjF,CAAC,EAAE,CAACpC,aAAa,CAACkC,KAAK,EAAElC,aAAa,CAACqC,qBAAqB,CAAC,CAAC;IAE9D,MAAMC,YAAY,GAAG1C,QAAQ,GAAGoB,gBAAgB,CAACpB,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC/D,MAAM2C,aAAa,GAAGvC,aAAa,CAACwC,QAAQ,GAAGxB,gBAAgB,CAAChB,aAAa,CAACwC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC5F,MAAMC,UAAU,GAAG,IAAAC,uBAAgB,EAAsBJ,YAAY,EAAEC,aAAa,EAAEzC,KAAK,CAAC;;IAE5F;IACAQ,4BAAqB,CAACC,OAAO,CAACC,QAAQ,IAAI;MACtC,IAAIiC,UAAU,CAACjC,QAAQ,CAAC,EAAE;QACtBiC,UAAU,CAACjC,QAAQ,CAAC,GAAGP,SAAS,CAACI,OAAO,CAACG,QAAQ,CAAC;MACtD;IACJ,CAAC,CAAC;IAEFL,WAAW,CAACE,OAAO,GAAG,KAAK;IAE3B,oBAAO,IAAAhC,WAAA,CAAAsE,GAAA,EAACvC,eAAe;MAAA,GAAKqC,UAAU;MAAY1C,GAAG,EAAEA;IAAI,CAAE,CAAC;EAClE,CAAC,CAAC;AACN,CAAC;AAAA6C,OAAA,CAAAlD,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/hooks/useMedia.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMedia = void 0;
 var _react = require("react");
-var _specs = require("../specs");
 var _mq = require("../mq");
 const useMedia = config => {
-  const computeIsVisible = () => {
+  const disposeRef = (0, _react.useRef)(() => {});
+  const [isVisible, setIsVisible] = (0, _react.useState)(() => {
     const maybeMq = config.mq;
     if (!(0, _mq.isUnistylesMq)(maybeMq)) {
       console.error(`🦄 Unistyles: Received invalid mq: ${maybeMq}`);
@@ -20,37 +20,21 @@ const useMedia = config => {
       return false;
     }
     const {
-      width,
-      height
-    } = _specs.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] = (0, _react.useState)(computeIsVisible());
-  (0, _react.useEffect)(() => {
-    setIsVisible(computeIsVisible());
-  }, [config.mq]);
-  (0, _react.useLayoutEffect)(() => {
-    const removeChangeListener = _specs.StyleSheet.addChangeListener(dependencies => {
-      if (dependencies.includes(_specs.UnistyleDependency.Breakpoints)) {
-        setIsVisible(computeIsVisible());
-      }
-    });
-    return () => {
-      removeChangeListener();
-    };
-  }, [config.mq]);
+      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
+  (0, _react.useEffect)(() => () => disposeRef.current(), []);
   return {
     isVisible
   };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_specs","_mq","useMedia","config","computeIsVisible","maybeMq","mq","isUnistylesMq","console","error","parsedMq","parseMq","isValidMq","width","height","UnistylesRuntime","screen","minWidth","undefined","maxWidth","minHeight","maxHeight","isVisible","setIsVisible","useState","useEffect","useLayoutEffect","removeChangeListener","StyleSheet","addChangeListener","dependencies","includes","UnistyleDependency","Breakpoints","exports"],"sourceRoot":"../../../src","sources":["hooks/useMedia.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AAEO,MAAMG,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,gBAAgB,GAAGA,CAAA,KAAe;IACpC,MAAMC,OAAO,GAAGF,MAAM,CAACG,EAAuB;IAE9C,IAAI,CAAC,IAAAC,iBAAa,EAACF,OAAO,CAAC,EAAE;MACzBG,OAAO,CAACC,KAAK,CAAC,sCAAsCJ,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMK,QAAQ,GAAG,IAAAC,WAAO,EAACN,OAAO,CAAC;IAEjC,IAAI,CAAC,IAAAO,aAAS,EAACF,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEJ,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEQ,KAAK;MAAEC;IAAO,CAAC,GAAGC,uBAAgB,CAACC,MAAM;IAEjD,IAAIN,QAAQ,CAACO,QAAQ,KAAKC,SAAS,IAAIL,KAAK,GAAGH,QAAQ,CAACO,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIP,QAAQ,CAACS,QAAQ,KAAKD,SAAS,IAAIL,KAAK,GAAGH,QAAQ,CAACS,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIT,QAAQ,CAACU,SAAS,KAAKF,SAAS,IAAIJ,MAAM,GAAGJ,QAAQ,CAACU,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,IAAIV,QAAQ,CAACW,SAAS,KAAKH,SAAS,IAAIJ,MAAM,GAAGJ,QAAQ,CAACW,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,OAAO,IAAI;EACf,CAAC;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAiBpB,gBAAgB,CAAC,CAAC,CAAC;EAE9E,IAAAqB,gBAAS,EAAC,MAAM;IACZF,YAAY,CAACnB,gBAAgB,CAAC,CAAC,CAAC;EACpC,CAAC,EAAE,CAACD,MAAM,CAACG,EAAE,CAAC,CAAC;EAEf,IAAAoB,sBAAe,EAAC,MAAM;IAClB,MAAMC,oBAAoB,GAAIC,iBAAU,CAAyBC,iBAAiB,CAACC,YAAY,IAAI;MAC/F,IAAIA,YAAY,CAACC,QAAQ,CAACC,yBAAkB,CAACC,WAAW,CAAC,EAAE;QACvDV,YAAY,CAACnB,gBAAgB,CAAC,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTuB,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,CAACxB,MAAM,CAACG,EAAE,CAAC,CAAC;EAEf,OAAO;IACHgB;EACJ,CAAC;AACL,CAAC;AAAAY,OAAA,CAAAhC,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_mq","useMedia","config","disposeRef","useRef","isVisible","setIsVisible","useState","maybeMq","mq","isUnistylesMq","console","error","parsedMq","parseMq","isValidMq","minWidth","maxWidth","minHeight","maxHeight","mediaQuery","undefined","filter","Boolean","join","media","window","matchMedia","handler","event","matches","addEventListener","current","removeEventListener","useEffect","exports"],"sourceRoot":"../../../src","sources":["hooks/useMedia.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AAEO,MAAME,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAC,MAAM,CAAC,CAAC,CAAC;EACnC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC7C,MAAMC,OAAO,GAAGN,MAAM,CAACO,EAAuB;IAE9C,IAAI,CAAC,IAAAC,iBAAa,EAACF,OAAO,CAAC,EAAE;MACzBG,OAAO,CAACC,KAAK,CAAC,sCAAsCJ,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMK,QAAQ,GAAG,IAAAC,WAAO,EAACN,OAAO,CAAC;IAEjC,IAAI,CAAC,IAAAO,aAAS,EAACF,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEJ,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEQ,QAAQ;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAU,CAAC,GAAGN,QAAQ;IAE7D,MAAMO,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,IAAKvB,YAAY,CAACuB,KAAK,CAACC,OAAO,CAAC;IAE3EL,KAAK,CAACM,gBAAgB,CAAC,QAAQ,EAAEH,OAAO,CAAC;IACzCzB,UAAU,CAAC6B,OAAO,GAAG,MAAMP,KAAK,CAACQ,mBAAmB,CAAC,QAAQ,EAAEL,OAAO,CAAC;IAEvE,OAAOH,KAAK,CAACK,OAAO;EACxB,CAAC,CAAC;;EAEF;EACA,IAAAI,gBAAS,EAAC,MAAM,MAAM/B,UAAU,CAAC6B,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,OAAO;IACH3B;EACJ,CAAC;AACL,CAAC;AAAA8B,OAAA,CAAAlC,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/hooks/useMedia.native.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMedia = void 0;
+var _react = require("react");
+var _specs = require("../specs");
+var _mq = require("../mq");
+const useMedia = config => {
+  const computeIsVisible = () => {
+    const maybeMq = config.mq;
+    if (!(0, _mq.isUnistylesMq)(maybeMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq: ${maybeMq}`);
+      return false;
+    }
+    const parsedMq = (0, _mq.parseMq)(maybeMq);
+    if (!(0, _mq.isValidMq)(parsedMq)) {
+      console.error(`🦄 Unistyles: Received invalid mq where min is greater than max: ${maybeMq}`);
+      return false;
+    }
+    const {
+      width,
+      height
+    } = _specs.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] = (0, _react.useState)(computeIsVisible());
+  (0, _react.useEffect)(() => {
+    setIsVisible(computeIsVisible());
+  }, [config.mq]);
+  (0, _react.useLayoutEffect)(() => {
+    // @ts-expect-error - this is hidden from TS
+    const removeChangeListener = _specs.StyleSheet.addChangeListener(dependencies => {
+      if (dependencies.includes(_specs.UnistyleDependency.Breakpoints)) {
+        setIsVisible(computeIsVisible());
+      }
+    });
+    return () => {
+      removeChangeListener();
+    };
+  }, [config.mq]);
+  return {
+    isVisible
+  };
+};
+exports.useMedia = useMedia;
+//# sourceMappingURL=useMedia.native.js.map

package/lib/commonjs/hooks/useMedia.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_specs","_mq","useMedia","config","computeIsVisible","maybeMq","mq","isUnistylesMq","console","error","parsedMq","parseMq","isValidMq","width","height","UnistylesRuntime","screen","minWidth","undefined","maxWidth","minHeight","maxHeight","isVisible","setIsVisible","useState","useEffect","useLayoutEffect","removeChangeListener","StyleSheet","addChangeListener","dependencies","includes","UnistyleDependency","Breakpoints","exports"],"sourceRoot":"../../../src","sources":["hooks/useMedia.native.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AAEO,MAAMG,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,gBAAgB,GAAGA,CAAA,KAAe;IACpC,MAAMC,OAAO,GAAGF,MAAM,CAACG,EAAuB;IAE9C,IAAI,CAAC,IAAAC,iBAAa,EAACF,OAAO,CAAC,EAAE;MACzBG,OAAO,CAACC,KAAK,CAAC,sCAAsCJ,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMK,QAAQ,GAAG,IAAAC,WAAO,EAACN,OAAO,CAAC;IAEjC,IAAI,CAAC,IAAAO,aAAS,EAACF,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEJ,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEQ,KAAK;MAAEC;IAAO,CAAC,GAAGC,uBAAgB,CAACC,MAAM;IAEjD,IAAIN,QAAQ,CAACO,QAAQ,KAAKC,SAAS,IAAIL,KAAK,GAAGH,QAAQ,CAACO,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIP,QAAQ,CAACS,QAAQ,KAAKD,SAAS,IAAIL,KAAK,GAAGH,QAAQ,CAACS,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIT,QAAQ,CAACU,SAAS,KAAKF,SAAS,IAAIJ,MAAM,GAAGJ,QAAQ,CAACU,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,IAAIV,QAAQ,CAACW,SAAS,KAAKH,SAAS,IAAIJ,MAAM,GAAGJ,QAAQ,CAACW,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,OAAO,IAAI;EACf,CAAC;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAiBpB,gBAAgB,CAAC,CAAC,CAAC;EAE9E,IAAAqB,gBAAS,EAAC,MAAM;IACZF,YAAY,CAACnB,gBAAgB,CAAC,CAAC,CAAC;EACpC,CAAC,EAAE,CAACD,MAAM,CAACG,EAAE,CAAC,CAAC;EAEf,IAAAoB,sBAAe,EAAC,MAAM;IAClB;IACA,MAAMC,oBAAoB,GAAGC,iBAAU,CAACC,iBAAiB,CAAEC,YAAuC,IAAK;MACnG,IAAIA,YAAY,CAACC,QAAQ,CAACC,yBAAkB,CAACC,WAAW,CAAC,EAAE;QACvDV,YAAY,CAACnB,gBAAgB,CAAC,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTuB,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,CAACxB,MAAM,CAACG,EAAE,CAAC,CAAC;EAEf,OAAO;IACHgB;EACJ,CAAC;AACL,CAAC;AAAAY,OAAA,CAAAhC,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/index.js

@@ -3,21 +3,58 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  mq: true,
-  createUnistylesComponent: true,
-  getBoundArgs: true
-};
-Object.defineProperty(exports, "createUnistylesComponent", {
+Object.defineProperty(exports, "Display", {
   enumerable: true,
   get: function () {
-    return _core.createUnistylesComponent;
+    return _components.Display;
+  }
+});
+Object.defineProperty(exports, "Hide", {
+  enumerable: true,
+  get: function () {
+    return _components.Hide;
+  }
+});
+Object.defineProperty(exports, "NavigationBar", {
+  enumerable: true,
+  get: function () {
+    return _specs.NavigationBar;
+  }
+});
+Object.defineProperty(exports, "ScopedTheme", {
+  enumerable: true,
+  get: function () {
+    return _components.ScopedTheme;
+  }
+});
+Object.defineProperty(exports, "StatusBar", {
+  enumerable: true,
+  get: function () {
+    return _specs.StatusBar;
+  }
+});
+Object.defineProperty(exports, "StyleSheet", {
+  enumerable: true,
+  get: function () {
+    return _specs.StyleSheet;
+  }
+});
+Object.defineProperty(exports, "UnistylesRuntime", {
+  enumerable: true,
+  get: function () {
+    return _specs.UnistylesRuntime;
   }
 });
-Object.defineProperty(exports, "getBoundArgs", {
+Object.defineProperty(exports, "Variants", {
   enumerable: true,
   get: function () {
-    return _core.getBoundArgs;
+    return _components.Variants;
+  }
+});
+Object.defineProperty(exports, "createUnistylesComponent", {
+  enumerable: true,
+  get: function () {
+    return _core.createUnistylesComponent;
   }
 });
 Object.defineProperty(exports, "mq", {
@@ -26,30 +63,14 @@ Object.defineProperty(exports, "mq", {
     return _mq.mq;
   }
 });
-var _specs = require("./specs");
-Object.keys(_specs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _specs[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _specs[key];
-    }
-  });
+Object.defineProperty(exports, "withUnistyles", {
+  enumerable: true,
+  get: function () {
+    return _core.withUnistyles;
+  }
 });
+var _specs = require("./specs");
 var _mq = require("./mq");
 var _core = require("./core");
 var _components = require("./components");
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _components[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _components[key];
-    }
-  });
-});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_specs","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_mq","_core","_components"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,GAAA,GAAAb,OAAA;AAEA,IAAAc,KAAA,GAAAd,OAAA;AAEA,IAAAe,WAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,WAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,WAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,WAAA,CAAAX,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_specs","require","_mq","_core","_components"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA","ignoreList":[]}

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

@@ -7,13 +7,13 @@ exports.UnistylesShadowRegistry = void 0;
 var _reactNativeNitroModules = require("react-native-nitro-modules");
 const HybridShadowRegistry = _reactNativeNitroModules.NitroModules.createHybridObject('UnistylesShadowRegistry');
 const findShadowNodeForHandle = handle => {
-  const node = handle?.__internalInstanceHandle?.stateNode?.node ?? handle?.getScrollResponder?.()?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node ?? handle?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node;
+  const node = handle?.__internalInstanceHandle?.stateNode?.node ?? handle?.getScrollResponder?.()?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node ?? handle?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node ?? handle?._viewRef?.__internalInstanceHandle?.stateNode?.node ?? handle?.viewRef?.current?.__internalInstanceHandle?.stateNode?.node ?? handle?._nativeRef?.__internalInstanceHandle?.stateNode?.node;
   if (!node) {
     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, styles, variants, args, id) => {
+HybridShadowRegistry.add = (handle, styles) => {
   // virtualized nodes can be null
   if (!handle || !styles || !Array.isArray(styles)) {
     return;
@@ -21,7 +21,7 @@ HybridShadowRegistry.add = (handle, styles, variants, args, id) => {
 
   // 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.link(findShadowNodeForHandle(handle), filteredStyles);
 };
 HybridShadowRegistry.remove = handle => {
   if (!handle) {

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeNitroModules","require","HybridShadowRegistry","NitroModules","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","exports"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAaA,MAAMC,oBAAoB,GAAGC,qCAAY,CAACC,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;AAEDL,oBAAoB,CAACY,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;EAEpBxB,oBAAoB,CAACyB,IAAI,CAACtB,uBAAuB,CAACC,MAAM,CAAC,EAAEe,cAAc,EAAEL,QAAQ,IAAI,CAAC,CAAC,EAAEC,IAAI,IAAI,EAAE,EAAEC,EAAE,CAAC;AAC9G,CAAC;AAEDhB,oBAAoB,CAAC0B,MAAM,GAAGtB,MAAM,IAAI;EACpC,IAAI,CAACA,MAAM,EAAE;IACT;EACJ;EAEAJ,oBAAoB,CAAC2B,MAAM,CAACxB,uBAAuB,CAACC,MAAM,CAAC,CAAC;AAChE,CAAC;AAQM,MAAMwB,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG5B,oBAA4D","ignoreList":[]}
+{"version":3,"names":["_reactNativeNitroModules","require","HybridShadowRegistry","NitroModules","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","_viewRef","viewRef","current","_nativeRef","Error","elementType","add","styles","Array","isArray","filteredStyles","filter","style","initial","updater","Boolean","link","remove","unlink","UnistylesShadowRegistry","exports"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAmBA,MAAMC,oBAAoB,GAAGC,qCAAY,CAACC,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,IACzED,MAAM,EAAEM,QAAQ,EAAEJ,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IAC3DD,MAAM,EAAEO,OAAO,EAAEC,OAAO,EAAEN,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACnED,MAAM,EAAES,UAAU,EAAEP,wBAAwB,EAAEC,SAAS,EAAEF,IAAI;EAEpE,IAAI,CAACA,IAAI,EAAE;IACP,MAAM,IAAIS,KAAK,CAAC,4EAA4EV,MAAM,EAAEE,wBAAwB,EAAES,WAAW,IAAI,SAAS,EAAE,CAAC;EAC7J;EAEA,OAAOV,IAAI;AACf,CAAC;AAEDL,oBAAoB,CAACgB,GAAG,GAAG,CAACZ,MAAM,EAAEa,MAAM,KAAK;EAC3C;EACA,IAAI,CAACb,MAAM,IAAI,CAACa,MAAM,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,MAAM,CAAC,EAAE;IAC9C;EACJ;;EAEA;EACA,MAAMG,cAAc,GAAGH,MAAM,CACxBI,MAAM,CAACC,KAAK,IAAI,CAACA,KAAK,EAAEC,OAAO,EAAEC,OAAO,CAAC,CACzCH,MAAM,CAACI,OAAO,CAAC;EAEpBzB,oBAAoB,CAAC0B,IAAI,CAACvB,uBAAuB,CAACC,MAAM,CAAC,EAAEgB,cAAc,CAAC;AAC9E,CAAC;AAEDpB,oBAAoB,CAAC2B,MAAM,GAAGvB,MAAM,IAAI;EACpC,IAAI,CAACA,MAAM,EAAE;IACT;EACJ;EAEAJ,oBAAoB,CAAC4B,MAAM,CAACzB,uBAAuB,CAACC,MAAM,CAAC,CAAC;AAChE,CAAC;AAQM,MAAMyB,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG7B,oBAA4D","ignoreList":[]}