tamagui 1.101.1 → 1.101.2

package/dist/native.js

@@ -3029,63 +3029,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_react4 = 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) {
@@ -3223,7 +3166,7 @@ var require_useMedia_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useMedia_exports);
-    var import_constants4 = require_index_native6(), import_react4 = 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_constants4 = require_index_native6(), import_react4 = 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_array2(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];
@@ -3232,9 +3175,6 @@ var require_useMedia_native = __commonJS({
     function _array_with_holes(arr) {
       if (Array.isArray(arr)) return arr;
     }
-    function _array_without_holes2(arr) {
-      if (Array.isArray(arr)) return _array_like_to_array2(arr);
-    }
     function _define_property9(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -3243,9 +3183,6 @@ var require_useMedia_native = __commonJS({
         writable: !0
       }) : obj[key] = value, obj;
     }
-    function _iterable_to_array2(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) {
@@ -3267,9 +3204,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_spread2() {
-      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_spread9(target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i] != null ? arguments[i] : {}, ownKeys22 = Object.keys(source);
@@ -3299,9 +3233,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_array2(arr, i) || _non_iterable_rest();
     }
-    function _to_consumable_array2(arr) {
-      return _array_without_holes2(arr) || _iterable_to_array2(arr) || _unsupported_iterable_to_array2(arr) || _non_iterable_spread2();
-    }
     function _unsupported_iterable_to_array2(o, minLen) {
       if (o) {
         if (typeof o == "string") return _array_like_to_array2(o, minLen);
@@ -3360,7 +3291,7 @@ var require_useMedia_native = __commonJS({
         }), update();
       };
       if (!(import_constants4.isWeb && import_constants4.isServer) && setupVersion !== mediaVersion) {
-        setupVersion = mediaVersion, process.env.NODE_ENV === "development" && unlisten();
+        setupVersion = mediaVersion, unlisten();
         for (var key in mediaQueryConfig3) _loop(key);
       }
     }
@@ -3376,45 +3307,42 @@ var require_useMedia_native = __commonJS({
     function setMediaShouldUpdate(ref, props) {
       return States.set(ref, _object_spread9({}, 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 mediaState3[key] === prev[key];
-      });
-      return hasntUpdated ? prev : mediaState3;
+    function subscribe(subscriber) {
+      return listeners.add(subscriber), function() {
+        listeners.delete(subscriber);
+      };
     }
-    function useMedia3(uidIn, componentContext) {
-      var debug = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1, uid = uidIn ?? (0, import_react4.useRef)(), hasHydrated = (0, import_useDidHydrateOnce.useDidHydrateOnce)(), isHydrated = !import_constants4.isWeb || (0, import_useDisableSSR.getDisableSSR)(componentContext) || hasHydrated, initialState = isHydrated ? mediaState3 : initState, componentState = States.get(uid);
+    function useMedia3(uidIn, componentContext, debug) {
+      var uid = uidIn ?? (0, import_react4.useRef)(), disableSSR = (0, import_useDisableSSR.getDisableSSR)(componentContext), initialState = (disableSSR || !import_constants4.isWeb ? mediaState3 : initState) || {}, componentState = States.get(uid);
       componentState || (componentState = {
         prev: initialState
       }, States.set(uid, componentState));
-      var _useState = _sliced_to_array((0, import_react4.useState)(initialState), 2), state = _useState[0], setState = _useState[1];
-      return (0, import_constants4.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_array2(componentState2.touched || []),
-              prev: _object_spread9({}, componentState2.prev),
-              next: getSnapshot(componentState2),
-              mediaState: _object_spread9({}, mediaState3)
-            });
-            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 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 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);
         }
@@ -8709,6 +8637,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_react4 = 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) {
@@ -9522,7 +9507,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_properties5(viewPropsIn, [
           "asChild",
@@ -21081,9 +21066,7 @@ var require_Dialog_native = __commonJS({
           onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
         }))
       });
-    });
-    DialogTrigger.displayName = TRIGGER_NAME;
-    var PORTAL_NAME = "DialogPortal", _createDialogContext1 = _sliced_to_array(createDialogContext(PORTAL_NAME, {
+    }), PORTAL_NAME = "DialogPortal", _createDialogContext1 = _sliced_to_array(createDialogContext(PORTAL_NAME, {
       forceMount: void 0
     }), 2), PortalProvider2 = _createDialogContext1[0], usePortalContext = _createDialogContext1[1], DialogPortalFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       pointerEvents: "none",
@@ -21169,9 +21152,7 @@ var require_Dialog_native = __commonJS({
         });
       }
       return contents;
-    };
-    DialogPortal.displayName = PORTAL_NAME;
-    var PassthroughTheme = function(param) {
+    }, PassthroughTheme = function(param) {
       var children = param.children, themeName = (0, import_core12.useThemeName)();
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Theme, {
         name: themeName,
@@ -21186,29 +21167,14 @@ var require_Dialog_native = __commonJS({
       ]), portalContext = usePortalContext(OVERLAY_NAME, __scopeDialog), _props_forceMount = props.forceMount, forceMount = _props_forceMount === void 0 ? portalContext.forceMount : _props_forceMount, overlayProps = _object_without_properties5(props, [
         "forceMount"
       ]), context = useDialogContext(OVERLAY_NAME, __scopeDialog), showSheet = useShowDialogSheet(context);
-      return !forceMount && (!context.modal || showSheet) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlayImpl, _object_spread_props8(_object_spread9({
-        context
+      return !forceMount && (!context.modal || showSheet) ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlayFrame, _object_spread_props8(_object_spread9({
+        "data-state": getState(context.open),
+        // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.
+        pointerEvents: context.open ? "auto" : "none"
       }, overlayProps), {
         ref: forwardedRef
       }));
-    }));
-    DialogOverlay.displayName = OVERLAY_NAME;
-    var DialogOverlayImpl = /* @__PURE__ */ React2.forwardRef(function(props, forwardedRef) {
-      var context = props.context, overlayProps = _object_without_properties5(props, [
-        "context"
-      ]);
-      return (
-        // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
-        // ie. when `Overlay` and `Content` are siblings
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlayFrame, _object_spread_props8(_object_spread9({
-          "data-state": getState(context.open),
-          // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.
-          pointerEvents: context.open ? "auto" : "none"
-        }, overlayProps), {
-          ref: forwardedRef
-        }))
-      );
-    }), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
+    })), CONTENT_NAME = "DialogContent", DialogContentFrame = (0, import_core12.styled)(import_stacks3.ThemeableStack, {
       name: CONTENT_NAME,
       tag: "dialog",
       variants: {
@@ -21261,9 +21227,7 @@ var require_Dialog_native = __commonJS({
           children: contents
         })
       });
-    }));
-    DialogContent.displayName = CONTENT_NAME;
-    var DialogContentModal = /* @__PURE__ */ React2.forwardRef(function(_param, forwardedRef) {
+    })), DialogContentModal = /* @__PURE__ */ React2.forwardRef(function(_param, forwardedRef) {
       var children = _param.children, context = _param.context, props = _object_without_properties5(_param, [
         "children",
         "context"
@@ -21385,20 +21349,18 @@ var require_Dialog_native = __commonJS({
           })
         ]
       }) : contents;
-    }), TITLE_NAME = "DialogTitle", DialogTitleFrame = (0, import_core12.styled)(import_text2.H2, {
-      name: TITLE_NAME
+    }), DialogTitleFrame = (0, import_core12.styled)(import_text2.H2, {
+      name: "DialogTitle"
     }), DialogTitle = DialogTitleFrame.styleable(function(props, forwardedRef) {
       var __scopeDialog = props.__scopeDialog, titleProps = _object_without_properties5(props, [
         "__scopeDialog"
-      ]), context = useDialogContext(TITLE_NAME, __scopeDialog);
+      ]), context = useDialogContext("DialogTitle", __scopeDialog);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogTitleFrame, _object_spread_props8(_object_spread9({
         id: context.titleId
       }, titleProps), {
         ref: forwardedRef
       }));
-    });
-    DialogTitle.displayName = TITLE_NAME;
-    var DialogDescriptionFrame = (0, import_core12.styled)(import_text2.Paragraph, {
+    }), DialogDescriptionFrame = (0, import_core12.styled)(import_text2.Paragraph, {
       name: "DialogDescription"
     }), DESCRIPTION_NAME = "DialogDescription", DialogDescription = DialogDescriptionFrame.styleable(function(props, forwardedRef) {
       var __scopeDialog = props.__scopeDialog, descriptionProps = _object_without_properties5(props, [
@@ -21409,9 +21371,7 @@ var require_Dialog_native = __commonJS({
       }, descriptionProps), {
         ref: forwardedRef
       }));
-    });
-    DialogDescription.displayName = DESCRIPTION_NAME;
-    var CLOSE_NAME = "DialogClose", DialogCloseFrame = (0, import_core12.styled)(import_core12.View, {
+    }), CLOSE_NAME = "DialogClose", DialogCloseFrame = (0, import_core12.styled)(import_core12.View, {
       name: CLOSE_NAME,
       tag: "button"
     }), DialogClose = DialogCloseFrame.styleable(function(props, forwardedRef) {
@@ -21437,7 +21397,7 @@ var require_Dialog_native = __commonJS({
     }
     var TITLE_WARNING_NAME = "DialogTitleWarning", _createContext = _sliced_to_array((0, import_create_context.createContext)(TITLE_WARNING_NAME, {
       contentName: CONTENT_NAME,
-      titleName: TITLE_NAME,
+      titleName: "DialogTitle",
       docsSlug: "dialog"
     }), 2), DialogWarningProvider = _createContext[0], useWarningContext = _createContext[1], TitleWarning = function(param) {
       var titleId = param.titleId;
@@ -21540,7 +21500,7 @@ var require_Dialog_native = __commonJS({
       Close: DialogClose,
       Sheet: import_sheet.Sheet.Controlled,
       Adapt: import_adapt.Adapt
-    }), SHEET_CONTENTS_NAME = "DialogSheetContents", DialogSheetContents = function(_param) {
+    }), DialogSheetContents = function(_param) {
       var name = _param.name, props = _object_without_properties5(_param, [
         "name"
       ]);
@@ -21548,9 +21508,7 @@ var require_Dialog_native = __commonJS({
         forwardProps: props,
         name
       });
-    };
-    DialogSheetContents.displayName = SHEET_CONTENTS_NAME;
-    var getSheetContentsName = function(param) {
+    }, getSheetContentsName = function(param) {
       var scopeKey = param.scopeKey, contentId = param.contentId;
       return "".concat(scopeKey || contentId, "SheetContents");
     }, DialogSheetController = function(props) {