@tamagui/core 1.125.0 → 1.125.2

package/dist/native.js

@@ -1630,75 +1630,6 @@ var require_insertStyleRule_native = __commonJS({
   }
 });
 
-// ../use-did-finish-ssr/dist/cjs/index.native.js
-var require_index_native4 = __commonJS({
-  "../use-did-finish-ssr/dist/cjs/index.native.js"(exports2, module2) {
-    "use strict";
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __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;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // If the importer is in node compatibility mode or this is not an ESM
-        // file that has been converted to a CommonJS file using a Babel-
-        // compatible transform (i.e. "__esModule" has not been set), then set
-        // "default" to the CommonJS "module.exports" for node compatibility.
-        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, index_exports2 = {};
-    __export2(index_exports2, {
-      useClientValue: function() {
-        return useClientValue;
-      },
-      useDidFinishSSR: function() {
-        return useDidFinishSSR;
-      }
-    });
-    module2.exports = __toCommonJS2(index_exports2);
-    var React3 = __toESM2(require("react"));
-    function useDidFinishSSR(value) {
-      return value ?? !0;
-    }
-    function useClientValue(value) {
-      var done = useDidFinishSSR();
-      return done ? typeof value == "function" ? value() : value : void 0;
-    }
-  }
-});
-
 // ../web/dist/cjs/helpers/matchMedia.native.js
 var require_matchMedia_native = __commonJS({
   "../web/dist/cjs/helpers/matchMedia.native.js"(exports2, module2) {
@@ -1868,62 +1799,11 @@ var require_pseudoDescriptors_native = __commonJS({
   }
 });
 
-// ../web/dist/cjs/hooks/useDisableSSR.native.js
-var require_useDisableSSR_native = __commonJS({
-  "../web/dist/cjs/hooks/useDisableSSR.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);
-    }, useDisableSSR_exports = {};
-    __export2(useDisableSSR_exports, {
-      getDisableSSR: function() {
-        return getDisableSSR;
-      }
-    });
-    module2.exports = __toCommonJS2(useDisableSSR_exports);
-    var import_config = require_config_native();
-    function getDisableSSR(componentContext) {
-      var _componentContext_disableSSR;
-      return (_componentContext_disableSSR = componentContext == null ? void 0 : componentContext.disableSSR) !== null && _componentContext_disableSSR !== void 0 ? _componentContext_disableSSR : (0, import_config.getSetting)("disableSSR");
-    }
-  }
-});
-
 // ../web/dist/cjs/hooks/useMedia.native.js
 var require_useMedia_native = __commonJS({
   "../web/dist/cjs/hooks/useMedia.native.js"(exports2, module2) {
     "use strict";
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    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
@@ -1951,18 +1831,6 @@ var require_useMedia_native = __commonJS({
         }
       }
       return to;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // If the importer is in node compatibility mode or this is not an ESM
-        // file that has been converted to a CommonJS file using a Babel-
-        // compatible transform (i.e. "__esModule" has not been set), then set
-        // "default" to the CommonJS "module.exports" for node compatibility.
-        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -2014,12 +1882,15 @@ var require_useMedia_native = __commonJS({
       setupMediaListeners: function() {
         return setupMediaListeners;
       },
+      updateMediaListeners: function() {
+        return updateMediaListeners;
+      },
       useMedia: function() {
         return useMedia2;
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native4(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), import_useDisableSSR = require_useDisableSSR_native(), mediaState2 = (
+    var import_constants2 = require_index_native2(), import_react3 = require("react"), import_config = require_config_native(), import_matchMedia = require_matchMedia_native(), import_pseudoDescriptors = require_pseudoDescriptors_native(), mediaState2 = (
       // development only safeguard
       process.env.NODE_ENV === "development" ? new Proxy({}, {
         get(target, key) {
@@ -2065,27 +1936,26 @@ var require_useMedia_native = __commonJS({
         if (!match) throw new Error("\u26A0\uFE0F No match");
         match.addListener(update), dispose.add(function() {
           match.removeListener(update);
-        }), update();
+        });
         function update() {
           var next = !!getMatch().matches;
           next !== mediaState2[key2] && (mediaState2 = {
             ...mediaState2,
             [key2]: next
-          }, updateCurrentState());
+          }, updateMediaListeners());
         }
+        update();
       };
       if (!(import_constants2.isWeb && import_constants2.isServer) && !process.env.IS_STATIC && setupVersion !== mediaVersion) {
         setupVersion = mediaVersion, unlisten();
         for (var key in mediaQueryConfig2) _loop(key);
       }
     }
-    var listeners = /* @__PURE__ */ new Set(), flushing = !1, flushVersion = -1;
-    function updateCurrentState() {
-      flushing && flushVersion === mediaVersion || (flushVersion = mediaVersion, flushing = !0, Promise.resolve().then(function() {
-        flushing = !1, listeners.forEach(function(cb) {
-          return cb(mediaState2);
-        });
-      }));
+    var listeners = /* @__PURE__ */ new Set();
+    function updateMediaListeners() {
+      listeners.forEach(function(cb) {
+        return cb(mediaState2);
+      });
     }
     var States = /* @__PURE__ */ new WeakMap();
     function setMediaShouldUpdate(ref, enabled, keys) {
@@ -2101,18 +1971,22 @@ var require_useMedia_native = __commonJS({
         listeners.delete(subscriber);
       };
     }
-    var CurrentKeysMap = /* @__PURE__ */ new WeakMap();
     function useMedia2(cc, debug) {
-      var disableSSR = (0, import_config.getSetting)("disableSSR") || (0, import_useDisableSSR.getDisableSSR)(cc), isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), initialState = isHydrated || disableSSR || !import_constants2.isWeb ? mediaState2 : initState, [state, setState] = import_react3.default.useState(initialState);
-      CurrentKeysMap.get(setState) || CurrentKeysMap.set(setState, /* @__PURE__ */ new Set());
-      var currentKeys = CurrentKeysMap.get(setState);
-      function getSnapshot(cur) {
-        if (!currentKeys) return cur;
+      var componentState = cc ? States.get(cc) : null, internalRef = (0, import_react3.useRef)();
+      internalRef.current || (internalRef.current = {
+        keys: /* @__PURE__ */ new Set()
+      });
+      var { keys, lastState = (0, import_config.getSetting)("disableSSR") ? mediaState2 : initState } = internalRef.current;
+      keys.size && keys.clear();
+      var state = (0, import_react3.useSyncExternalStore)(subscribe, function() {
+        if (componentState != null && componentState.enabled) return internalRef.current.lastState = mediaState2, mediaState2;
+        var curKeys = (componentState == null ? void 0 : componentState.keys) || keys;
+        if (!curKeys.size) return lastState;
         var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
         try {
-          for (var _iterator = currentKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+          for (var _iterator = curKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
             var key = _step.value;
-            if (mediaState2[key] !== cur[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia()\u270D\uFE0F", key, cur[key], ">", mediaState2[key]), mediaState2;
+            if (mediaState2[key] !== lastState[key]) return process.env.NODE_ENV === "development" && debug && console.warn("useMedia() \u270D\uFE0F", key, lastState[key], "=>", mediaState2[key]), internalRef.current.lastState = mediaState2, mediaState2;
           }
         } catch (err) {
           _didIteratorError = !0, _iteratorError = err;
@@ -2123,42 +1997,17 @@ var require_useMedia_native = __commonJS({
             if (_didIteratorError) throw _iteratorError;
           }
         }
-        return cur;
-      }
-      var isRendering = !0, isInitialState = state === initialState;
-      return (0, import_constants2.useIsomorphicLayoutEffect)(function() {
-        isRendering = !1;
-      }), (0, import_constants2.useIsomorphicLayoutEffect)(function() {
-        var update = function() {
-          return setState(function(prev) {
-            var next = getSnapshot(prev);
-            return next;
-          });
-        };
-        update();
-        var tm = setTimeout(function() {
-          currentKeys.size && update();
-        }), dispose2 = subscribe(update);
-        return function() {
-          dispose2(), clearTimeout(tm);
-        };
-      }, [
-        setState
-      ]), new Proxy(state, {
+        return lastState;
+      }, getServerSnapshot);
+      return new Proxy(state, {
         get(_, key) {
-          if (isRendering && !disableMediaTouch && typeof key == "string") {
-            currentKeys.add(key);
-            var shouldUpdate = state[key] !== mediaState2[key];
-            if (shouldUpdate && (process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key), !isInitialState)) {
-              var next = getSnapshot(state);
-              next !== state && setState(next);
-            }
-          }
-          return Reflect.get(state, key);
+          return !disableMediaTouch && typeof key == "string" && keys.add(key), Reflect.get(state, key);
         }
       });
     }
-    var disableMediaTouch = !1;
+    var getServerSnapshot = function() {
+      return initState;
+    }, disableMediaTouch = !1;
     function _disableMediaTouch2(val) {
       disableMediaTouch = val;
     }
@@ -2432,7 +2281,7 @@ var require_compose_refs_native = __commonJS({
 });
 
 // ../compose-refs/dist/cjs/index.native.js
-var require_index_native5 = __commonJS({
+var require_index_native4 = __commonJS({
   "../compose-refs/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __copyProps2 = function(to, from, except, desc) {
@@ -3634,7 +3483,7 @@ var require_normalize_color = __commonJS({
 });
 
 // ../normalize-css-color/dist/cjs/index.native.js
-var require_index_native6 = __commonJS({
+var require_index_native5 = __commonJS({
   "../normalize-css-color/dist/cjs/index.native.js"(exports2, module2) {
     "use strict";
     var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
@@ -3757,7 +3606,7 @@ var require_normalizeColor_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(normalizeColor_exports);
-    var import_normalize_css_color = require_index_native6(), import_normalize_css_color2 = require_index_native6(), normalizeColor = function(color, opacity) {
+    var import_normalize_css_color = require_index_native5(), import_normalize_css_color2 = require_index_native5(), normalizeColor = function(color, opacity) {
       if (color) {
         if (color[0] === "$") return color;
         if (color.startsWith("var(")) {
@@ -5515,7 +5364,7 @@ var require_getSplitStyles_native = __commonJS({
             if (isMedia) {
               if (!val2) return;
               var hasSpace = val2.space, mediaKeyShort = key4.slice(isMedia == "theme" ? 7 : 1);
-              if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key4)) return;
+              if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && ((!hasMedia || typeof hasMedia == "boolean") && (hasMedia = /* @__PURE__ */ new Set()), hasMedia.add(mediaKeyShort)), isMedia === "platform" && !(0, import_isActivePlatform.isActivePlatform)(key4)) return;
               if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(`  \u{1F4FA} ${key4}`, {
                 key: key4,
                 val: val2,
@@ -7000,6 +6849,75 @@ var require_wrapStyleTags_native = __commonJS({
   }
 });
 
+// ../use-did-finish-ssr/dist/cjs/index.native.js
+var require_index_native6 = __commonJS({
+  "../use-did-finish-ssr/dist/cjs/index.native.js"(exports2, module2) {
+    "use strict";
+    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __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;
+    }, __toESM2 = function(mod, isNodeMode, target) {
+      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
+        // If the importer is in node compatibility mode or this is not an ESM
+        // file that has been converted to a CommonJS file using a Babel-
+        // compatible transform (i.e. "__esModule" has not been set), then set
+        // "default" to the CommonJS "module.exports" for node compatibility.
+        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
+          value: mod,
+          enumerable: !0
+        }) : target,
+        mod
+      );
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, index_exports2 = {};
+    __export2(index_exports2, {
+      useClientValue: function() {
+        return useClientValue;
+      },
+      useDidFinishSSR: function() {
+        return useDidFinishSSR;
+      }
+    });
+    module2.exports = __toCommonJS2(index_exports2);
+    var React3 = __toESM2(require("react"));
+    function useDidFinishSSR(value) {
+      return value ?? !0;
+    }
+    function useClientValue(value) {
+      var done = useDidFinishSSR();
+      return done ? typeof value == "function" ? value() : value : void 0;
+    }
+  }
+});
+
 // ../web/dist/cjs/hooks/useComponentState.native.js
 var require_useComponentState_native = __commonJS({
   "../web/dist/cjs/hooks/useComponentState.native.js"(exports2, module2) {
@@ -7043,7 +6961,7 @@ var require_useComponentState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
-    var import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native4(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
+    var import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native6(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
       var { animationDriver, groups } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
       stateRef.current || (stateRef.current = {});
       var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
@@ -7251,7 +7169,7 @@ var require_Slot_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Slot_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native5(), import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = require("react"), is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.memo)(/* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
+    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = require("react"), is19 = import_react3.version.startsWith("19."), Slot = /* @__PURE__ */ (0, import_react3.memo)(/* @__PURE__ */ (0, import_react3.forwardRef)(function(props, forwardedRef) {
       var { children, ...slotProps } = props;
       if (/* @__PURE__ */ (0, import_react3.isValidElement)(children)) {
         var mergedProps = mergeSlotProps(children, slotProps);
@@ -7366,7 +7284,7 @@ var require_createComponent_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native5(), import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_compose_refs = require_index_native4(), import_constants2 = require_index_native2(), import_helpers2 = require_index_native3(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_isDevTools = require_isDevTools_native(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_getShorthandValue = require_getShorthandValue_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_setElementProps = require_setElementProps_native(), import_subscribeToContextGroup = require_subscribeToContextGroup_native(), import_themeable = require_themeable_native(), import_wrapStyleTags = require_wrapStyleTags_native(), import_useComponentState = require_useComponentState_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), time2, debugKeyListeners, startVisualizer, componentSetStates = /* @__PURE__ */ new Set();
     typeof document < "u" && (cancelTouches = function() {
       componentSetStates.forEach(function(setState) {
         return setState(function(prev) {
@@ -7547,7 +7465,7 @@ var require_createComponent_native = __commonJS({
         }
         curStateRef.isListeningToTheme = splitStyles.dynamicThemeAccess;
         var hasRuntimeMediaKeys = splitStyles.hasMedia && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClass && splitStyles.hasMedia === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
-        process.env.NODE_ENV === "development" && debugProp === "verbose" && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(stateRef, shouldListenForMedia, mediaListeningKeys);
+        process.env.NODE_ENV === "development" && debugProp === "verbose" && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(componentContext, shouldListenForMedia, mediaListeningKeys);
         var { viewProps: viewPropsIn, pseudos, style: splitStylesStyle, classNames, space } = splitStyles, propsWithAnimation = props, {
           asChild,
           children,
@@ -9658,7 +9576,7 @@ var require_useIsTouchDevice_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useIsTouchDevice_exports);
-    var import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native4(), useIsTouchDevice = function() {
+    var import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native6(), useIsTouchDevice = function() {
       return import_constants2.isWeb ? (0, import_use_did_finish_ssr.useDidFinishSSR)() ? import_constants2.isTouchable : !1 : !0;
     };
   }
@@ -10169,7 +10087,7 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_constants2 = require_index_native2(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_ThemeProvider = require_ThemeProvider_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_constants2 = require_index_native2(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_ThemeProvider = require_ThemeProvider_native(), import_useMedia = require_useMedia_native();
     function TamaguiProvider(param) {
       var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
       return process.env.TAMAGUI_REACT_19 || import_constants2.isClient && (0, import_constants2.useIsomorphicLayoutEffect)(function() {
@@ -10182,7 +10100,9 @@ var require_TamaguiProvider_native = __commonJS({
       }, [
         config,
         disableInjectCSS
-      ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      ]), (0, import_constants2.useIsomorphicLayoutEffect)(function() {
+        (0, import_useMedia.updateMediaListeners)();
+      }, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnmountedClassName, {
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
@@ -10606,9 +10526,9 @@ var require_index_native8 = __commonJS({
     __reExport2(index_exports2, require_FontLanguage_native(), module2.exports);
     __reExport2(index_exports2, require_TamaguiProvider_native(), module2.exports);
     __reExport2(index_exports2, require_Configuration_native(), module2.exports);
-    __reExport2(index_exports2, require_index_native4(), module2.exports);
+    __reExport2(index_exports2, require_index_native6(), module2.exports);
     __reExport2(index_exports2, require_index_native7(), module2.exports);
-    __reExport2(index_exports2, require_index_native5(), module2.exports);
+    __reExport2(index_exports2, require_index_native4(), module2.exports);
     __reExport2(index_exports2, require_index_native3(), module2.exports);
     __reExport2(index_exports2, require_index_native2(), module2.exports);
     __reExport2(index_exports2, require_setupHooks_native(), module2.exports);