tamagui 1.101.2 → 1.101.3

package/dist/native.js

@@ -3319,30 +3319,32 @@ var require_useMedia_native = __commonJS({
       }, States.set(uid, componentState));
       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) {
+        var enabled = componentState.enabled, keys = componentState.keys, _componentState_prev = componentState.prev, prev = _componentState_prev === void 0 ? initialState : _componentState_prev;
+        if (enabled === !1) return prev;
+        var _ref, testKeys = (_ref = (keys != null || enabled) && keys) !== null && _ref !== void 0 ? _ref : null, hasntUpdated = !testKeys || Object.keys(testKeys).every(function(key) {
           return mediaState3[key] === prev[key];
-        }));
+        });
         return hasntUpdated ? prev : (componentState.prev = mediaState3, mediaState3);
       }, state;
       if (process.env.TAMAGUI_SYNC_MEDIA_QUERY) state = (0, import_react4.useSyncExternalStore)(subscribe, getSnapshot, function() {
         return initialState;
       });
       else {
-        var _useState = _sliced_to_array((0, import_react4.useState)(initialState), 2), internalState = _useState[0], setState = _useState[1];
-        state = internalState, (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        var _useState = _sliced_to_array((0, import_react4.useState)(initialState), 2), _state = _useState[0], setState = _useState[1];
+        state = _state, (0, import_constants4.useIsomorphicLayoutEffect)(function() {
           var update = function() {
             setState(getSnapshot);
           };
-          return update(), subscribe(update);
+          return update(), disableSSR || Promise.resolve().then(function() {
+            update();
+          }), subscribe(update);
         }, []);
       }
       return new Proxy(state, {
         get: function(_, key) {
           if (typeof key == "string") {
             var _componentState;
-            (_componentState = componentState).keys || (_componentState.keys = []), componentState.keys.includes(key) || componentState.keys.push(key), process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key);
+            (_componentState = componentState).keys || (_componentState.keys = {}), componentState.keys[key] = !0, process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key);
           }
           return Reflect.get(state, key);
         }
@@ -7843,7 +7845,7 @@ current`, _object_spread9({}, styleState.style)));
                 if (isMedia) {
                   if (!val) continue;
                   var hasSpace = val.space, mediaKeyShort = key.slice(1);
-                  if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (Array.isArray(hasMedia) || (hasMedia = []), hasMedia.push(mediaKeyShort)), isMedia === "platform") {
+                  if (hasMedia || (hasMedia = !0), (hasSpace || !shouldDoClasses || styleProps.willBeAnimated) && (typeof hasMedia != "object" && (hasMedia = {}), hasMedia[mediaKeyShort] = !0), isMedia === "platform") {
                     var platform = key.slice(10);
                     if (
                       // supports web, ios, android
@@ -9504,7 +9506,7 @@ var require_createComponent_native = __commonJS({
           (_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
         }
         process.env.NODE_ENV === "development" && time && time(_templateObject10()), curStateRef.isListeningToTheme = splitStyles.dynamicThemeAccess;
-        var isMediaArray = splitStyles.hasMedia && Array.isArray(splitStyles.hasMedia), shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || isMediaArray || noClassNames && splitStyles.hasMedia === !0, mediaListeningKeys = isMediaArray ? splitStyles.hasMedia : null;
+        var hasRuntimeMediaKeys = splitStyles.hasMedia && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClassNames && splitStyles.hasMedia === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
         process.env.NODE_ENV === "development" && debugProp && console.info("useMedia() createComponent", shouldListenForMedia, mediaListeningKeys), (0, import_useMedia.setMediaShouldUpdate)(stateRef, {
           enabled: shouldListenForMedia,
           keys: mediaListeningKeys
@@ -9762,7 +9764,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
                 elementType,
                 events,
                 isAnimated,
-                isMediaArray,
+                hasRuntimeMediaKeys,
                 isStringElement,
                 mediaListeningKeys,
                 pseudos,