react-native-unistyles 3.0.0-alpha.41 → 3.0.0-alpha.43

package/README.md

@@ -22,7 +22,7 @@
 ## Installation
 
 ```shell
-bun install react-native-unistyles
+yarn install react-native-unistyles
 ```
 Install CocoaPods dependencies / generate native folders with Expo:
 
@@ -75,6 +75,12 @@ npx expo prebuild
 <a href="https://github.com/happyfloat">
      <img src="https://avatars.githubusercontent.com/u/186333704?s=200&v=4" height="70px" width="70px" alt="happyfloat" />
 </a>
+<a href="https://github.com">
+     <img src="https://avatars.githubusercontent.com/u/138339?v=4" height="70px" width="70px" alt="anonymous" />
+</a>
+<a href="https://github.com/hyoban">
+     <img src="https://avatars.githubusercontent.com/u/38493346?v=4" height="70px" width="70px" alt="hyoban" />
+</a>
 
 ## Past sponsors
 

package/cxx/common/Constants.h

@@ -9,6 +9,5 @@ static const std::string STYLE_VARIANTS = "uni__variants";
 static const std::string WEB_STYLE_KEY = "_web";
 static const std::string EXOTIC_STYLE_KEY = "_exotic";
 static const std::string NAME_STYLE_KEY = "__unistyles_name";
-static const std::string UNI_PRESSABLE_ID = "__uni_pressable_id";
 
 }

package/cxx/core/UnistylesRegistry.cpp

@@ -82,7 +82,8 @@ void core::UnistylesRegistry::linkShadowNodeWithUnistyle(
     for (size_t index = 0; index < unistyles.size(); index++) {
         Unistyle::Shared unistyle = unistyles[index];
 
-        this->_shadowRegistry[&rt][shadowNodeFamily].emplace_back(std::make_shared<UnistyleData>(unistyle, variants, arguments[index], uniquePressableId));
+        this->_shadowRegistry[&rt][shadowNodeFamily]
+            .emplace_back(std::make_shared<UnistyleData>(unistyle, variants, arguments[index], uniquePressableId));
 
         // add or update node for shadow leaf updates
         // dynamic functions are parsed later
@@ -149,16 +150,21 @@ core::DependencyMap core::UnistylesRegistry::buildDependencyMap(jsi::Runtime& rt
 
 // called from proxied function only, we don't know host
 // so we need to rebuild all instances as they may have different variants
-void core::UnistylesRegistry::shadowLeafUpdateFromUnistyle(jsi::Runtime& rt, Unistyle::Shared unistyle, std::optional<std::string> uniquePressableId) {
+void core::UnistylesRegistry::shadowLeafUpdateFromUnistyle(jsi::Runtime& rt, Unistyle::Shared unistyle, jsi::Value& maybePressableId) {
     shadow::ShadowLeafUpdates updates;
     auto parser = parser::Parser(nullptr);
+    std::optional<std::string> pressableId = maybePressableId.isString()
+        ? std::make_optional(maybePressableId.asString(rt).utf8(rt))
+        : std::nullopt;
 
     for (const auto& [family, unistyles] : this->_shadowRegistry[&rt]) {
         for (const auto& unistyleData : unistyles) {
             if (unistyleData->unistyle == unistyle) {
                 // special case for pressable
-                if (uniquePressableId.has_value() && unistyleData->pressableId.has_value() && uniquePressableId.value() == unistyleData->pressableId.value()) {
-                    unistyleData->parsedStyle = jsi::Value(rt, unistyle->parsedStyle.value()).asObject(rt);
+                if (pressableId.has_value() && unistyleData->pressableId.has_value()) {
+                    if (pressableId.value() == unistyleData->pressableId.value()) {
+                        unistyleData->parsedStyle = jsi::Value(rt, unistyle->parsedStyle.value()).asObject(rt);
+                    }
                 }
                 
                 updates[family] = parser.parseStylesToShadowTreeStyles(rt, { unistyleData });

package/cxx/core/UnistylesRegistry.h

@@ -41,7 +41,7 @@ struct UnistylesRegistry: public StyleSheetRegistry {
     void unlinkShadowNodeWithUnistyles(jsi::Runtime& rt, const ShadowNodeFamily*);
     std::shared_ptr<core::StyleSheet> addStyleSheet(jsi::Runtime& rt, int tag, core::StyleSheetType type, jsi::Object&& rawValue);
     DependencyMap buildDependencyMap(jsi::Runtime& rt, std::vector<UnistyleDependency>& deps);
-    void shadowLeafUpdateFromUnistyle(jsi::Runtime& rt, Unistyle::Shared unistyle, std::optional<std::string> uniquePressableId);
+    void shadowLeafUpdateFromUnistyle(jsi::Runtime& rt, Unistyle::Shared unistyle, jsi::Value& maybePressableId);
     shadow::ShadowTrafficController trafficController{};
 
 private:

package/cxx/hybridObjects/HybridShadowRegistry.cpp

@@ -11,8 +11,8 @@ jsi::Value HybridShadowRegistry::link(jsi::Runtime &rt, const jsi::Value &thisVa
     core::Variants variants = helpers::variantsToPairs(rt, args[2].asObject(rt));
     jsi::Array rawArguments = args[3].asObject(rt).asArray(rt);
     std::optional<std::string> uniquePressableId = args[4].isUndefined()
-        ? std::nullopt
-        : std::make_optional<std::string>(args[4].asString(rt).utf8(rt));
+            ? std::nullopt
+            : std::make_optional<std::string>(args[4].asString(rt).utf8(rt));
     std::vector<std::vector<folly::dynamic>> arguments;
     auto& registry = core::UnistylesRegistry::get();
     

package/cxx/parser/Parser.cpp

@@ -334,26 +334,6 @@ jsi::Object parser::Parser::parseFirstLevel(jsi::Runtime& rt, Unistyle::Shared u
     return parsedStyle;
 }
 
-std::optional<std::string> parser::Parser::getUniquePressableIdFromArguments(jsi::Runtime& rt, const jsi::Value* args, size_t count) {
-    if (count == 0) {
-        return std::nullopt;
-    }
-
-    auto& lastArg = args[count - 1];
-
-    if (!lastArg.isObject()) {
-        return std::nullopt;
-    }
-
-    auto lastArgObj = lastArg.asObject(rt);
-
-    if (!lastArgObj.hasProperty(rt, helpers::UNI_PRESSABLE_ID.c_str())) {
-        return std::nullopt;
-    }
-
-    return lastArgObj.getProperty(rt, helpers::UNI_PRESSABLE_ID.c_str()).asString(rt).utf8(rt);
-}
-
 // function replaces original user dynamic function with additional logic to memoize arguments
 jsi::Function parser::Parser::createDynamicFunctionProxy(jsi::Runtime& rt, Unistyle::Shared unistyle) {
     auto unistylesRuntime = this->_unistylesRuntime;
@@ -363,7 +343,9 @@ jsi::Function parser::Parser::createDynamicFunctionProxy(jsi::Runtime& rt, Unist
         jsi::PropNameID::forUtf8(rt, unistyle->styleKey),
         1,
         [this, unistylesRuntime, unistyle](jsi::Runtime& rt, const jsi::Value& thisVal, const jsi::Value* args, size_t count) {
-            auto thisObject = thisVal.asObject(rt);
+            auto thisObject = thisVal.isObject()
+                ? thisVal.asObject(rt)
+                : jsi::Object(rt);
             auto parser = parser::Parser(unistylesRuntime);
 
             // call user function
@@ -391,8 +373,11 @@ jsi::Function parser::Parser::createDynamicFunctionProxy(jsi::Runtime& rt, Unist
 
             // update shadow leaf updates to indicate newest changes
             auto& registry = core::UnistylesRegistry::get();
+            auto lastArg = count == 0
+                ? jsi::Value::undefined()
+                : jsi::Value(rt, args[count - 1]);
 
-            registry.shadowLeafUpdateFromUnistyle(rt, unistyle, getUniquePressableIdFromArguments(rt, args, count));
+            registry.shadowLeafUpdateFromUnistyle(rt, unistyle, lastArg);
 
             return style;
     });

package/cxx/parser/Parser.h

@@ -43,7 +43,6 @@ private:
     jsi::Value getStylesForVariant(jsi::Runtime& rt, const std::string groupName, jsi::Object&& groupValue, std::optional<std::string> selectedVariant, Variants& variants);
     jsi::Object parseCompoundVariants(jsi::Runtime& rt, Unistyle::Shared unistyle, jsi::Object& obj, Variants& variants);
     bool shouldApplyCompoundVariants(jsi::Runtime& rt, const Variants& variants, jsi::Object& compoundVariant);
-    std::optional<std::string> getUniquePressableIdFromArguments(jsi::Runtime& rt, const jsi::Value* args, size_t count);
     bool isColor(const std::string& propertyName);
 
     std::shared_ptr<HybridUnistylesRuntime> _unistylesRuntime;

package/lib/commonjs/components/Display.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Display = void 0;
-var _useMedia = require("./useMedia");
+var _hooks = require("../hooks");
 const Display = ({
   children,
   ...props
 }) => {
   const {
     isVisible
-  } = (0, _useMedia.useMedia)(props);
+  } = (0, _hooks.useMedia)(props);
   return isVisible ? children : null;
 };
 exports.Display = Display;

package/lib/commonjs/components/Display.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useMedia","require","Display","children","props","isVisible","useMedia","exports"],"sourceRoot":"../../../src","sources":["components/Display.tsx"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAIO,MAAMC,OAA8C,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAAK;EACtF,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,kBAAQ,EAACF,KAAK,CAAC;EAErC,OAAOC,SAAS,GACVF,QAAQ,GACR,IAAI;AACd,CAAC;AAAAI,OAAA,CAAAL,OAAA,GAAAA,OAAA","ignoreList":[]}
+{"version":3,"names":["_hooks","require","Display","children","props","isVisible","useMedia","exports"],"sourceRoot":"../../../src","sources":["components/Display.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAIO,MAAMC,OAA8C,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAAK;EACtF,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAQ,EAACF,KAAK,CAAC;EAErC,OAAOC,SAAS,GACVF,QAAQ,GACR,IAAI;AACd,CAAC;AAAAI,OAAA,CAAAL,OAAA,GAAAA,OAAA","ignoreList":[]}

package/lib/commonjs/components/Hide.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Hide = void 0;
-var _useMedia = require("./useMedia");
+var _hooks = require("../hooks");
 const Hide = ({
   children,
   ...props
 }) => {
   const {
     isVisible
-  } = (0, _useMedia.useMedia)(props);
+  } = (0, _hooks.useMedia)(props);
   return !isVisible ? children : null;
 };
 exports.Hide = Hide;

package/lib/commonjs/components/Hide.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useMedia","require","Hide","children","props","isVisible","useMedia","exports"],"sourceRoot":"../../../src","sources":["components/Hide.tsx"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAIO,MAAMC,IAAwC,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAAK;EAChF,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,kBAAQ,EAACF,KAAK,CAAC;EAErC,OAAO,CAACC,SAAS,GACXF,QAAQ,GACR,IAAI;AACd,CAAC;AAAAI,OAAA,CAAAL,IAAA,GAAAA,IAAA","ignoreList":[]}
+{"version":3,"names":["_hooks","require","Hide","children","props","isVisible","useMedia","exports"],"sourceRoot":"../../../src","sources":["components/Hide.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAIO,MAAMC,IAAwC,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,KAAK;EAChF,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,eAAQ,EAACF,KAAK,CAAC;EAErC,OAAO,CAACC,SAAS,GACXF,QAAQ,GACR,IAAI;AACd,CAAC;AAAAI,OAAA,CAAAL,IAAA,GAAAA,IAAA","ignoreList":[]}

package/lib/commonjs/components/Pressable.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pressable = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _specs = require("../specs");
+var _core = require("../core");
+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 Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
+  variants,
+  style,
+  rawStyle,
+  ...props
+}, passedRef) => {
+  const storedRef = (0, _react.useRef)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...props,
+    ref: ref => {
+      storedRef.current = ref;
+      const styleResult = typeof style === 'function' ? style({
+        pressed: false
+      }) : style;
+      const fnArgs = typeof styleResult === 'function'
+      // @ts-expect-error - this is hidden from TS
+      ? styleResult.getBoundArgs() : Array.isArray(styleResult) ? styleResult
+      // @ts-expect-error - this is hidden from TS
+      .map(style => typeof style === 'function' ? style.getBoundArgs() : []) : [];
+      if (typeof passedRef === 'object' && passedRef !== null) {
+        passedRef.current = ref;
+      }
+      const returnFn = typeof passedRef === 'function' ? passedRef(ref) : () => {};
+      const unistyles = (rawStyle ?? []).map((style, index) => {
+        if (fnArgs[index]) {
+          return style;
+        }
+        return undefined;
+      }).filter(Boolean);
+
+      // @ts-expect-error - this is hidden from TS
+      _specs.UnistylesShadowRegistry.add(ref, unistyles, variants, [...fnArgs]);
+      return () => {
+        // @ts-expect-error - this is hidden from TS
+        _specs.UnistylesShadowRegistry.remove(ref);
+        if (typeof returnFn === 'function') {
+          returnFn();
+        }
+      };
+    },
+    style: state => {
+      const styleResult = typeof style === 'function' ? style(state) : style;
+      const fnArgs = typeof styleResult === 'function'
+      // @ts-expect-error - this is hidden from TS
+      ? styleResult.getBoundArgs() : Array.isArray(styleResult) ? styleResult
+      // @ts-expect-error - this is hidden from TS
+      .map(style => typeof style === 'function' ? style.getBoundArgs() : []) : [];
+      const pressId = (0, _core.getId)();
+      const unistyles = (rawStyle ?? []).map((style, index) => {
+        if (fnArgs[index]) {
+          return style;
+        }
+        return undefined;
+      }).filter(Boolean);
+      if (storedRef.current) {
+        // @ts-expect-error - this is hidden from TS
+        _specs.UnistylesShadowRegistry.remove(storedRef.current);
+        // @ts-expect-error - this is hidden from TS
+        _specs.UnistylesShadowRegistry.add(storedRef.current, unistyles, variants, [...fnArgs], pressId);
+      }
+      return typeof styleResult === 'function'
+      // @ts-expect-error - this is hidden from TS
+      ? styleResult(pressId) : Array.isArray(styleResult)
+      // @ts-expect-error - this is hidden from TS
+      ? styleResult.map(style => typeof style === 'function' ? style(pressId) : style) : styleResult;
+    }
+  });
+});
+//# sourceMappingURL=Pressable.js.map

package/lib/commonjs/components/Pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_core","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Pressable","exports","forwardRef","variants","style","rawStyle","props","passedRef","storedRef","useRef","jsx","ref","current","styleResult","pressed","fnArgs","getBoundArgs","Array","isArray","map","returnFn","unistyles","index","undefined","filter","Boolean","UnistylesShadowRegistry","add","remove","state","pressId","getId"],"sourceRoot":"../../../src","sources":["components/Pressable.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Pressable.web.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pressable = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _specs = require("../specs");
+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 initialState = {
+  pressed: false,
+  hovered: false,
+  focused: false
+};
+const events = {
+  'pointerdown': {
+    pressed: true
+  },
+  'pointerup': {
+    pressed: false
+  },
+  'pointerenter': {
+    hovered: true
+  },
+  'pointerleave': {
+    hovered: false
+  },
+  'focus': {
+    focused: true
+  },
+  'blur': {
+    focused: false
+  }
+};
+const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
+  variants,
+  style,
+  ...props
+}, passedRef) => {
+  const storedRef = (0, _react.useRef)();
+  const state = (0, _react.useRef)(initialState);
+  const styleRef = (0, _react.useRef)(style);
+  (0, _react.useEffect)(() => {
+    styleRef.current = style;
+  }, [style]);
+  (0, _react.useEffect)(() => {
+    const handler = newState => () => {
+      state.current = {
+        ...state.current,
+        ...newState
+      };
+      const styleResult = typeof styleRef.current === 'function' ? styleRef.current(state.current) : styleRef.current;
+      const fnArgs = typeof styleResult === 'function'
+      // @ts-expect-error - this is hidden from TS
+      ? styleResult.getBoundArgs() : [];
+      const extractedResult = typeof styleResult === 'function' ? styleResult() : styleResult;
+
+      // @ts-expect-error - this is hidden from TS
+      _specs.UnistylesShadowRegistry.add(storedRef.current, [extractedResult], variants, [fnArgs]);
+    };
+    if (!storedRef.current) {
+      return;
+    }
+
+    // ref on the web is dom element
+    const ref = storedRef.current;
+    Object.entries(events).forEach(([event, state]) => {
+      ref.addEventListener(event, handler(state));
+    });
+    return () => {
+      Object.entries(events).forEach(([event, state]) => {
+        ref.removeEventListener(event, handler(state));
+      });
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ...props,
+    ref: ref => {
+      storedRef.current = ref;
+      const styleResult = typeof style === 'function' ? style(initialState) : style;
+      const fnArgs = typeof styleResult === 'function'
+      // @ts-expect-error - this is hidden from TS
+      ? styleResult.getBoundArgs() : [];
+      const extractedResult = typeof styleResult === 'function' ? styleResult() : styleResult;
+      if (typeof passedRef === 'object' && passedRef !== null) {
+        passedRef.current = ref;
+      }
+
+      // @ts-expect-error - this is hidden from TS
+      _specs.UnistylesShadowRegistry.add(ref, [extractedResult], variants, [fnArgs]);
+    }
+  });
+});
+//# sourceMappingURL=Pressable.web.js.map

package/lib/commonjs/components/Pressable.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","initialState","pressed","hovered","focused","events","Pressable","exports","forwardRef","variants","style","props","passedRef","storedRef","useRef","state","styleRef","useEffect","current","handler","newState","styleResult","fnArgs","getBoundArgs","extractedResult","UnistylesShadowRegistry","add","ref","entries","forEach","event","addEventListener","removeEventListener","jsx"],"sourceRoot":"../../../src","sources":["components/Pressable.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -15,6 +15,13 @@ Object.defineProperty(exports, "Hide", {
     return _Hide.Hide;
   }
 });
+Object.defineProperty(exports, "Pressable", {
+  enumerable: true,
+  get: function () {
+    return _Pressable.Pressable;
+  }
+});
 var _Hide = require("./Hide");
 var _Display = require("./Display");
+var _Pressable = require("./Pressable");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Hide","require","_Display"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["_Hide","require","_Display","_Pressable"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/core/getBoundArgs.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBoundArgs = void 0;
+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;
+};
+exports.getBoundArgs = getBoundArgs;
+//# sourceMappingURL=getBoundArgs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getBoundArgs","fn","boundArgs","bind","thisArg","args","push","newFn","Function","prototype","apply","exports"],"sourceRoot":"../../../src","sources":["core/getBoundArgs.ts"],"mappings":";;;;;;AAAO,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;AAAAU,OAAA,CAAAX,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/core/getId.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getId = void 0;
+const getId = () => `${Math.random().toString(36).substring(2, 9)}`;
+exports.getId = getId;
+//# sourceMappingURL=getId.js.map

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

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

package/lib/commonjs/core/index.js

@@ -9,5 +9,19 @@ Object.defineProperty(exports, "createUnistylesComponent", {
     return _createUnistylesComponent.createUnistylesComponent;
   }
 });
+Object.defineProperty(exports, "getBoundArgs", {
+  enumerable: true,
+  get: function () {
+    return _getBoundArgs.getBoundArgs;
+  }
+});
+Object.defineProperty(exports, "getId", {
+  enumerable: true,
+  get: function () {
+    return _getId.getId;
+  }
+});
 var _createUnistylesComponent = require("./createUnistylesComponent");
+var _getBoundArgs = require("./getBoundArgs");
+var _getId = require("./getId");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_createUnistylesComponent","require"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["_createUnistylesComponent","require","_getBoundArgs","_getId"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/hooks/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useMedia", {
+  enumerable: true,
+  get: function () {
+    return _useMedia.useMedia;
+  }
+});
+var _useMedia = require("./useMedia");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useMedia","require"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/hooks/useMedia.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.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":[]}

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

@@ -0,0 +1 @@
+{"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.web.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/index.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   mq: true,
-  createUnistylesComponent: true
+  createUnistylesComponent: true,
+  getBoundArgs: true
 };
 Object.defineProperty(exports, "createUnistylesComponent", {
   enumerable: true,
@@ -13,6 +14,12 @@ Object.defineProperty(exports, "createUnistylesComponent", {
     return _core.createUnistylesComponent;
   }
 });
+Object.defineProperty(exports, "getBoundArgs", {
+  enumerable: true,
+  get: function () {
+    return _core.getBoundArgs;
+  }
+});
 Object.defineProperty(exports, "mq", {
   enumerable: true,
   get: function () {

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","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":[]}

package/lib/commonjs/mq.js

@@ -25,17 +25,17 @@ const getMQValue = value => {
  */
 const mq = exports.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)}]`
     }
   })
 };

package/lib/commonjs/mq.js.map

@@ -1 +1 @@
-{"version":3,"names":["_specs","require","IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","getMQValue","value","breakpoints","UnistylesRuntime","mq","exports","only","width","wMin","wMax","Infinity","height","hMin","hMax","and","parseMq","fromW","toW","exec","fromH","toH","minWidth","undefined","Number","maxWidth","minHeight","maxHeight","isUnistylesMq","test","isValidMq","parsedMQ","isWidthValid","isHeightValid"],"sourceRoot":"../../src","sources":["mq.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_specs","require","IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","getMQValue","value","breakpoints","UnistylesRuntime","mq","exports","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":"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","ignoreList":[]}

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

@@ -9,12 +9,11 @@ const HybridShadowRegistry = _reactNativeNitroModules.NitroModules.createHybridO
 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, styles, variants, args, uniquePressableId) => {
+HybridShadowRegistry.add = (handle, styles, variants, args, id) => {
   // virtualized nodes can be null
   if (!handle || !styles || !Array.isArray(styles)) {
     return;
@@ -22,7 +21,7 @@ HybridShadowRegistry.add = (handle, styles, variants, args, uniquePressableId) =
 
   // 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 ?? [], uniquePressableId);
+  HybridShadowRegistry.link(findShadowNodeForHandle(handle), filteredStyles, variants ?? {}, args ?? [], id);
 };
 HybridShadowRegistry.remove = handle => {
   if (!handle) {