@tamagui/core 1.101.1 → 1.101.2

package/dist/native.js

@@ -2947,63 +2947,6 @@ var require_pseudoDescriptors_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/hooks/useDidHydrateOnce.native.js
-var require_useDidHydrateOnce_native = __commonJS({
-  "../web/dist/cjs/hooks/useDidHydrateOnce.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
-      for (var name in all) __defProp2(target, name, {
-        get: all[name],
-        enumerable: !0
-      });
-    }, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, useDidHydrateOnce_exports = {};
-    __export2(useDidHydrateOnce_exports, {
-      useDidHydrateOnce: function() {
-        return useDidHydrateOnce;
-      },
-      useDidHydrateOnceRoot: function() {
-        return useDidHydrateOnceRoot;
-      }
-    });
-    module2.exports = __toCommonJS2(useDidHydrateOnce_exports);
-    var import_react3 = require("react");
-    function useDidHydrateOnceRoot() {
-      return process.env.TAMAGUI_REACT_19, !0;
-    }
-    var last = Date.now();
-    function useDidHydrateOnce() {
-      return !0;
-    }
-  }
-});
-
 // ../web/dist/cjs/hooks/useDisableSSR.native.js
 var require_useDisableSSR_native = __commonJS({
   "../web/dist/cjs/hooks/useDisableSSR.native.js"(exports2, module2) {
@@ -3141,7 +3084,7 @@ var require_useMedia_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants = require_index_native3(), import_react3 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_useDisableSSR = require_useDisableSSR_native();
+    var import_constants = require_index_native3(), import_react3 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native();
     function _array_like_to_array(arr, len) {
       (len == null || len > arr.length) && (len = arr.length);
       for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -3150,9 +3093,6 @@ var require_useMedia_native = __commonJS({
     function _array_with_holes(arr) {
       if (Array.isArray(arr)) return arr;
     }
-    function _array_without_holes(arr) {
-      if (Array.isArray(arr)) return _array_like_to_array(arr);
-    }
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -3161,9 +3101,6 @@ var require_useMedia_native = __commonJS({
         writable: !0
       }) : obj[key] = value, obj;
     }
-    function _iterable_to_array(iter) {
-      if ((typeof Symbol > "u" ? "undefined" : _type_of(Symbol)) < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-    }
     function _iterable_to_array_limit(arr, i) {
       var _i = arr == null ? null : (typeof Symbol > "u" ? "undefined" : _type_of(Symbol)) < "u" && arr[Symbol.iterator] || arr["@@iterator"];
       if (_i != null) {
@@ -3185,9 +3122,6 @@ var require_useMedia_native = __commonJS({
     function _non_iterable_rest() {
       throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function _non_iterable_spread() {
-      throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-    }
     function _object_spread2(target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
@@ -3217,9 +3151,6 @@ var require_useMedia_native = __commonJS({
     function _sliced_to_array(arr, i) {
       return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
     }
-    function _to_consumable_array(arr) {
-      return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-    }
     function _unsupported_iterable_to_array(o, minLen) {
       if (o) {
         if (typeof o == "string") return _array_like_to_array(o, minLen);
@@ -3278,7 +3209,7 @@ var require_useMedia_native = __commonJS({
         }), update();
       };
       if (!(import_constants.isWeb && import_constants.isServer) && setupVersion !== mediaVersion) {
-        setupVersion = mediaVersion, process.env.NODE_ENV === "development" && unlisten();
+        setupVersion = mediaVersion, unlisten();
         for (var key in mediaQueryConfig2) _loop(key);
       }
     }
@@ -3294,45 +3225,42 @@ var require_useMedia_native = __commonJS({
     function setMediaShouldUpdate(ref, props) {
       return States.set(ref, _object_spread2({}, States.get(ref), props));
     }
-    function getSnapshot(param) {
-      var touched = param.touched, prev = param.prev, enabled = param.enabled;
-      if (enabled === !1) return prev;
-      var hasntUpdated = !touched || touched.every(function(key) {
-        return mediaState2[key] === prev[key];
-      });
-      return hasntUpdated ? prev : mediaState2;
+    function subscribe(subscriber) {
+      return listeners.add(subscriber), function() {
+        listeners.delete(subscriber);
+      };
     }
-    function useMedia2(uidIn, componentContext) {
-      var debug = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, uid = uidIn ?? (0, import_react3.useRef)(), hasHydrated = (0, import_useDidHydrateOnce.useDidHydrateOnce)(), isHydrated = !import_constants.isWeb || (0, import_useDisableSSR.getDisableSSR)(componentContext) || hasHydrated, initialState = isHydrated ? mediaState2 : initState, componentState = States.get(uid);
+    function useMedia2(uidIn, componentContext, debug) {
+      var uid = uidIn ?? (0, import_react3.useRef)(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants.isWeb ? mediaState2 : initState) || {}, componentState = States.get(uid);
       componentState || (componentState = {
         prev: initialState
       }, States.set(uid, componentState));
-      var _useState = _sliced_to_array((0, import_react3.useState)(initialState), 2), state = _useState[0], setState = _useState[1];
-      return (0, import_constants.useIsomorphicLayoutEffect)(function() {
-        var update = function() {
-          setState(function(prev) {
-            var componentState2 = States.get(uid);
-            process.env.NODE_ENV === "development" && debug && console.info("useMedia() update?", getSnapshot(componentState2) !== prev, {
-              componentState: componentState2,
-              touched: _to_consumable_array(componentState2.touched || []),
-              prev: _object_spread2({}, componentState2.prev),
-              next: getSnapshot(componentState2),
-              mediaState: _object_spread2({}, mediaState2)
-            });
-            var next = getSnapshot(componentState2);
-            return next !== prev ? (componentState2.prev = next, next) : prev;
-          });
-        };
-        return update(), listeners.add(update), function() {
-          listeners.delete(update);
-        };
-      }, [
-        uid
-      ]), new Proxy(state, {
+      var getSnapshot = function() {
+        if (!componentState) return initialState;
+        var keys = componentState.keys, _componentState_prev = componentState.prev, prev = _componentState_prev === void 0 ? initialState : _componentState_prev;
+        if (componentState && componentState.enabled === !1) return prev;
+        var _componentState_keys, _ref, testKeys = (_ref = (_componentState_keys = componentState == null ? void 0 : componentState.keys) !== null && _componentState_keys !== void 0 ? _componentState_keys : (!componentState || componentState.enabled) && keys) !== null && _ref !== void 0 ? _ref : null, hasntUpdated = !testKeys || (testKeys == null ? void 0 : testKeys.every(function(key) {
+          return mediaState2[key] === prev[key];
+        }));
+        return hasntUpdated ? prev : (componentState.prev = mediaState2, mediaState2);
+      }, state;
+      if (process.env.TAMAGUI_SYNC_MEDIA_QUERY) state = (0, import_react3.useSyncExternalStore)(subscribe, getSnapshot, function() {
+        return initialState;
+      });
+      else {
+        var _useState = _sliced_to_array((0, import_react3.useState)(initialState), 2), internalState = _useState[0], setState = _useState[1];
+        state = internalState, (0, import_constants.useIsomorphicLayoutEffect)(function() {
+          var update = function() {
+            setState(getSnapshot);
+          };
+          return update(), subscribe(update);
+        }, []);
+      }
+      return new Proxy(state, {
         get: function(_, key) {
           if (typeof key == "string") {
             var _componentState;
-            (_componentState = componentState).touched || (_componentState.touched = []), componentState.touched.includes(key) || componentState.touched.push(key), process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key);
+            (_componentState = componentState).keys || (_componentState.keys = []), componentState.keys.includes(key) || componentState.keys.push(key), process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key);
           }
           return Reflect.get(state, key);
         }
@@ -8627,6 +8555,63 @@ var require_themeable_native = __commonJS({
   }
 });
 
+// ../web/dist/cjs/hooks/useDidHydrateOnce.native.js
+var require_useDidHydrateOnce_native = __commonJS({
+  "../web/dist/cjs/hooks/useDidHydrateOnce.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, useDidHydrateOnce_exports = {};
+    __export2(useDidHydrateOnce_exports, {
+      useDidHydrateOnce: function() {
+        return useDidHydrateOnce;
+      },
+      useDidHydrateOnceRoot: function() {
+        return useDidHydrateOnceRoot;
+      }
+    });
+    module2.exports = __toCommonJS2(useDidHydrateOnce_exports);
+    var import_react3 = require("react");
+    function useDidHydrateOnceRoot() {
+      return !0;
+    }
+    var last = Date.now();
+    function useDidHydrateOnce() {
+      return !0;
+    }
+  }
+});
+
 // ../web/dist/cjs/setupHooks.native.js
 var require_setupHooks_native = __commonJS({
   "../web/dist/cjs/setupHooks.native.js"(exports2, module2) {
@@ -9440,7 +9425,7 @@ var require_createComponent_native = __commonJS({
         var isMediaArray = splitStyles.hasMedia && Array.isArray(splitStyles.hasMedia), shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || isMediaArray || noClassNames && splitStyles.hasMedia === !0, mediaListeningKeys = isMediaArray ? splitStyles.hasMedia : null;
         process.env.NODE_ENV === "development" && debugProp && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(stateRef, {
           enabled: shouldListenForMedia,
-          touched: mediaListeningKeys
+          keys: mediaListeningKeys
         });
         var viewPropsIn = splitStyles.viewProps, pseudos = splitStyles.pseudos, splitStylesStyle = splitStyles.style, classNames = splitStyles.classNames, space = splitStyles.space, propsWithAnimation = props, asChild = viewPropsIn.asChild, children = viewPropsIn.children, themeShallow = viewPropsIn.themeShallow, _spaceDirection = viewPropsIn.spaceDirection, onPress = viewPropsIn.onPress, onLongPress = viewPropsIn.onLongPress, onPressIn = viewPropsIn.onPressIn, onPressOut = viewPropsIn.onPressOut, onHoverIn = viewPropsIn.onHoverIn, onHoverOut = viewPropsIn.onHoverOut, onMouseUp = viewPropsIn.onMouseUp, onMouseDown = viewPropsIn.onMouseDown, onMouseEnter = viewPropsIn.onMouseEnter, onMouseLeave = viewPropsIn.onMouseLeave, onFocus = viewPropsIn.onFocus, onBlur = viewPropsIn.onBlur, separator = viewPropsIn.separator, _forceStyle = viewPropsIn.forceStyle, onClick = viewPropsIn.onClick, _themeProp = viewPropsIn.theme, defaultVariants = viewPropsIn.defaultVariants, nonTamaguiProps = _object_without_properties(viewPropsIn, [
           "asChild",