@tamagui/core 1.126.13-1747671613486 → 1.126.13-1747874018127

package/dist/test.native.js

@@ -70,9 +70,9 @@ var require_index_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var cache2 = /* @__PURE__ */ new Map(), cacheSize = 0, simpleHash = function(strIn) {
+    var cache = /* @__PURE__ */ new Map(), cacheSize = 0, simpleHash = function(strIn) {
       var hashMin = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 10;
-      if (cache2.has(strIn)) return cache2.get(strIn);
+      if (cache.has(strIn)) return cache.get(strIn);
       var str = strIn;
       str[0] === "v" && str.startsWith("var(") && (str = str.slice(6, str.length - 1));
       for (var hash = 0, valids = "", added = 0, len = str.length, i = 0; i < len; i++) {
@@ -90,7 +90,7 @@ var require_index_native = __commonJS({
         hash = hashChar(hash, str[i]);
       }
       var res = valids + (hash ? Math.abs(hash) : "");
-      return cacheSize > 1e4 && (cache2.clear(), cacheSize = 0), cache2.set(strIn, res), cacheSize++, res;
+      return cacheSize > 1e4 && (cache.clear(), cacheSize = 0), cache.set(strIn, res), cacheSize++, res;
     }, hashChar = function(hash, c) {
       return Math.imul(31, hash) + c.charCodeAt(0) | 0;
     };
@@ -403,7 +403,7 @@ var require_constants_native = __commonJS({
         return isChrome;
       },
       isClient: function() {
-        return isClient;
+        return isClient2;
       },
       isIos: function() {
         return isIos;
@@ -428,7 +428,7 @@ var require_constants_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_native_exports);
-    var import_react3 = require("react"), import_react_native = require("react-native"), isWeb = !1, isWindowDefined = !1, isServer = !1, isClient = !1, useIsomorphicLayoutEffect2 = import_react3.useLayoutEffect, isChrome = !1, isWebTouchable = !1, isTouchable = !0, isAndroid = import_react_native.Platform.OS === "android" || process.env.TEST_NATIVE_PLATFORM === "android", isIos = import_react_native.Platform.OS === "ios" || process.env.TEST_NATIVE_PLATFORM === "ios", platforms = {
+    var import_react3 = require("react"), import_react_native = require("react-native"), isWeb = !1, isWindowDefined = !1, isServer = !1, isClient2 = !1, useIsomorphicLayoutEffect2 = import_react3.useLayoutEffect, isChrome = !1, isWebTouchable = !1, isTouchable = !0, isAndroid = import_react_native.Platform.OS === "android" || process.env.TEST_NATIVE_PLATFORM === "android", isIos = import_react_native.Platform.OS === "ios" || process.env.TEST_NATIVE_PLATFORM === "ios", platforms = {
       ios: "ios",
       android: "android"
     }, currentPlatform = platforms[import_react_native.Platform.OS] || "native";
@@ -1916,15 +1916,15 @@ var require_useMedia_native = __commonJS({
         return `-${m.toLowerCase()}`;
       }).toLowerCase();
     }
-    var cache2 = /* @__PURE__ */ new WeakMap(), cachedMediaKeyToQuery = {};
+    var cache = /* @__PURE__ */ new WeakMap(), cachedMediaKeyToQuery = {};
     function mediaObjectToString2(query, key) {
       if (typeof query == "string") return query;
-      if (cache2.has(query)) return cache2.get(query);
+      if (cache.has(query)) return cache.get(query);
       var res = Object.entries(query).map(function(param) {
         var [feature, value] = param;
         return feature = camelToHyphen(feature), typeof value == "string" ? `(${feature}: ${value})` : (typeof value == "number" && /[height|width]$/.test(feature) && (value = `${value}px`), `(${feature}: ${value})`);
       }).join(" and ");
-      return key && (cachedMediaKeyToQuery[key] = res), cache2.set(query, res), res;
+      return key && (cachedMediaKeyToQuery[key] = res), cache.set(query, res), res;
     }
     function mediaKeyToQuery(key) {
       return cachedMediaKeyToQuery[key] || mediaObjectToString2(mediaQueryConfig2[key], key);
@@ -2228,15 +2228,15 @@ var require_objectIdentityKey_native = __commonJS({
         k += key;
         var arg = obj[key], type = typeof arg;
         if (!arg || type !== "object" && type !== "function") k += type + arg;
-        else if (cache2.has(arg)) k += cache2.get(arg);
+        else if (cache.has(arg)) k += cache.get(arg);
         else {
           var v = Math.random();
-          cache2.set(arg, v), k += v;
+          cache.set(arg, v), k += v;
         }
       }
       return k;
     }
-    var cache2 = /* @__PURE__ */ new WeakMap();
+    var cache = /* @__PURE__ */ new WeakMap();
   }
 });
 
@@ -4261,8 +4261,8 @@ var require_getVariantExtras_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getVariantExtras_exports);
-    var import_createVariable = require_createVariable_native(), cache2 = /* @__PURE__ */ new WeakMap(), getVariantExtras = function(styleState) {
-      if (cache2.has(styleState)) return cache2.get(styleState);
+    var import_createVariable = require_createVariable_native(), cache = /* @__PURE__ */ new WeakMap(), getVariantExtras = function(styleState) {
+      if (cache.has(styleState)) return cache.get(styleState);
       var { props, conf, context, theme } = styleState, fonts = conf.fontsParsed;
       context != null && context.language && (fonts = getFontsForLanguage(conf.fontsParsed, context.language));
       var next = {
@@ -4277,7 +4277,7 @@ var require_getVariantExtras_native = __commonJS({
         },
         props
       };
-      return cache2.set(styleState, next), next;
+      return cache.set(styleState, next), next;
     }, fontLanguageCache = /* @__PURE__ */ new WeakMap();
     function getFontsForLanguage(fonts, language) {
       if (fontLanguageCache.has(language)) return fontLanguageCache.get(language);
@@ -5636,7 +5636,7 @@ var require_createShallowSetState_native = __commonJS({
         return createShallowSetState;
       },
       isEqualShallow: function() {
-        return isEqualShallow;
+        return isEqualShallow2;
       },
       mergeIfNotShallowEqual: function() {
         return mergeIfNotShallowEqual;
@@ -5667,12 +5667,12 @@ var require_createShallowSetState_native = __commonJS({
         for (var key in next) onlyAllow.includes(key) && (allowed[key] = next[key]);
         next = allowed;
       }
-      return !prev || !next || isEqualShallow(prev, next) ? prev || next : {
+      return !prev || !next || isEqualShallow2(prev, next) ? prev || next : {
         ...prev,
         ...next
       };
     }
-    function isEqualShallow(prev, next) {
+    function isEqualShallow2(prev, next) {
       for (var key in next) if (prev[key] !== next[key]) return !1;
       return !0;
     }
@@ -6094,11 +6094,11 @@ var require_getThemeProxied_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(getThemeProxied_exports);
-    var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), import_getDynamicVal = require_getDynamicVal_native(), cache2 = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
+    var import_constants2 = require_index_native2(), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_doesRootSchemeMatchSystem = require_doesRootSchemeMatchSystem_native(), import_getDynamicVal = require_getDynamicVal_native(), cache = /* @__PURE__ */ new Map(), curKeys, curProps, curState, emptyObject = {};
     function getThemeProxied(_props, _state, _keys) {
       if (!(_state != null && _state.theme)) return emptyObject;
-      if (curKeys = _keys, curProps = _props, curState = _state, cache2.has(curState.theme)) {
-        var proxied = cache2.get(curState.theme);
+      if (curKeys = _keys, curProps = _props, curState = _state, cache.has(curState.theme)) {
+        var proxied = cache.get(curState.theme);
         return proxied;
       }
       var config = (0, import_config.getConfig)();
@@ -6137,7 +6137,7 @@ var require_getThemeProxied_native = __commonJS({
           ]
         ];
       }));
-      return cache2.set(_state.theme, proxied1), proxied1;
+      return cache.set(_state.theme, proxied1), proxied1;
     }
   }
 });
@@ -7604,9 +7604,9 @@ var require_createVariables_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createVariables_exports);
-    var import_helpers2 = require_index_native3(), import_createVariable = require_createVariable_native(), cache2 = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
+    var import_helpers2 = require_index_native3(), import_createVariable = require_createVariable_native(), cache = /* @__PURE__ */ new WeakMap(), createVariables = function(tokens) {
       var parentPath = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", isFont = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-      if (cache2.has(tokens)) return tokens;
+      if (cache.has(tokens)) return tokens;
       var res = {}, i = 0;
       for (var keyIn in tokens) {
         i++;
@@ -7627,7 +7627,7 @@ var require_createVariables_native = __commonJS({
         });
         res[key] = finalValue;
       }
-      return cache2.set(res, !0), res;
+      return cache.set(res, !0), res;
     };
   }
 });
@@ -10448,9 +10448,9 @@ var require_createMedia_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createMedia_exports);
-    var import_web2 = require_index_native8(), import_matchMedia = require_matchMedia_native2();
+    var import_web3 = require_index_native8(), import_matchMedia = require_matchMedia_native2();
     function createMedia2(media) {
-      return (0, import_web2.setupMatchMedia)(import_matchMedia.matchMedia), media;
+      return (0, import_web3.setupMatchMedia)(import_matchMedia.matchMedia), media;
     }
   }
 });
@@ -11503,10 +11503,11 @@ __export(index_exports, {
   Stack: () => Stack,
   Text: () => Text,
   View: () => View,
-  createTamagui: () => createTamagui
+  createTamagui: () => createTamagui,
+  getElementLayoutEvent: () => getElementLayoutEvent
 });
 module.exports = __toCommonJS(index_exports);
-var import_react_native_media_driver = __toESM(require_index_native9()), import_react_native_use_responder_events = __toESM(require_index_native10()), import_web = __toESM(require_index_native8()), import_react2 = __toESM(require("react"));
+var import_react_native_media_driver = __toESM(require_index_native9()), import_react_native_use_responder_events = __toESM(require_index_native10()), import_web2 = __toESM(require_index_native8()), import_react2 = __toESM(require("react"));
 
 // src/createOptimizedView.native.tsx
 var import_react = __toESM(require("react"));
@@ -11722,77 +11723,58 @@ var getRect = function(node) {
 };
 
 // src/hooks/useElementLayout.tsx
-var import_constants = __toESM(require_index_native2());
-function _type_of(obj) {
-  "@swc/helpers - typeof";
-  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-var LayoutHandlers = /* @__PURE__ */ new WeakMap(), resizeListeners = /* @__PURE__ */ new Set(), resizeObserver = null;
-typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver(function(entries) {
-  var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-  try {
-    for (var _loop = function() {
-      var { target } = _step.value, onLayout = LayoutHandlers.get(target);
-      if (typeof onLayout != "function") return {
-        v: void 0
-      };
-      measureElement(target).then(function(event) {
-        onLayout(event);
-      });
-    }, _iterator = entries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-      var _ret = _loop();
-      if (_type_of(_ret) === "object") return _ret.v;
-    }
-  } catch (err) {
-    _didIteratorError = !0, _iteratorError = err;
-  } finally {
-    try {
-      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-    } finally {
-      if (_didIteratorError)
-        throw _iteratorError;
-    }
-  }
-}), typeof window.addEventListener == "function" && window.addEventListener("resize", function() {
-  clearTimeout(tm), tm = setTimeout(function() {
-    resizeListeners.forEach(function(cb) {
+var import_constants = __toESM(require_index_native2()), import_web = __toESM(require_index_native8()), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap();
+if (import_constants.isClient && typeof requestAnimationFrame == "function") {
+  let updateLayoutIfChanged = function(node) {
+    var nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
+    if (typeof onLayout == "function") {
+      var cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
+      if (!cachedRect || // has changed one rect
+      !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect))) {
+        NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect);
+        var event = getElementLayoutEvent(node);
+        avoidUpdates ? queuedUpdates.set(node, function() {
+          return onLayout(event);
+        }) : onLayout(event);
+      }
+    }
+  }, layoutOnAnimationFrame = function() {
+    Nodes.forEach(updateLayoutIfChanged), requestAnimationFrame(layoutOnAnimationFrame);
+  };
+  updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), (0, import_web.___onDidFinishClientRender)(function() {
+    avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
       return cb();
-    });
-  }, 4);
-}));
-var tm, measureElement = async function(target) {
-  return new Promise(function(res) {
-    measureLayout(target, null, function(x, y, width, height, left, top) {
-      res({
-        nativeEvent: {
-          layout: {
-            x,
-            y,
-            width,
-            height,
-            left,
-            top
-          },
-          target
+    }), queuedUpdates.clear());
+  }), requestAnimationFrame(layoutOnAnimationFrame);
+}
+var avoidUpdates, queuedUpdates, updateLayoutIfChanged2, layoutOnAnimationFrame2, getElementLayoutEvent = function(target) {
+  var res = null;
+  if (measureLayout(target, null, function(x, y, width, height, left, top) {
+    res = {
+      nativeEvent: {
+        layout: {
+          x,
+          y,
+          width,
+          height,
+          left,
+          top
         },
-        timeStamp: Date.now()
-      });
-    });
-  });
-}, cache = /* @__PURE__ */ new WeakMap(), measureLayout = function(node, relativeTo, callback) {
-  var relativeNode = relativeTo || (node == null ? void 0 : node.parentNode);
+        target
+      },
+      timeStamp: Date.now()
+    };
+  }), !res)
+    throw new Error("\u203C\uFE0F");
+  return res;
+}, measureLayout = function(node, relativeTo, callback) {
+  var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
   if (relativeNode instanceof HTMLElement) {
-    var now = Date.now();
-    cache.set(node, now), Promise.all([
-      getBoundingClientRectAsync(node),
-      getBoundingClientRectAsync(relativeNode)
-    ]).then(function(param) {
-      var [nodeDim, relativeNodeDim] = param;
-      if (relativeNodeDim && nodeDim && cache.get(node) === now) {
-        var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
-        callback(x, y, width, height, left, top);
-      }
-    });
+    var nodeDim = node.getBoundingClientRect(), relativeNodeDim = relativeNode.getBoundingClientRect();
+    if (relativeNodeDim && nodeDim) {
+      var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
+      callback(x, y, width, height, left, top);
+    }
   }
 }, getRelativeDimensions = function(a, b) {
   var { height, left, top, width } = a, x = left - b.left, y = top - b.top;
@@ -11804,19 +11786,6 @@ var tm, measureElement = async function(target) {
     left,
     top
   };
-}, getBoundingClientRectAsync = function(element) {
-  return new Promise(function(resolve) {
-    function fallbackToSync() {
-      resolve(getBoundingClientRect(element));
-    }
-    var tm = setTimeout(fallbackToSync, 10), observer = new IntersectionObserver(function(entries, ob) {
-      var _entries_;
-      clearTimeout(tm), ob.disconnect(), resolve((_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.boundingClientRect);
-    }, {
-      threshold: 1e-4
-    });
-    observer.observe(element);
-  });
 };
 
 // src/vendor/Pressability.native.tsx
@@ -11863,9 +11832,9 @@ function addNativeValidStyles() {
 __reExport(index_exports, __toESM(require_index_native8()), module.exports);
 addNativeValidStyles();
 var createTamagui = function(conf) {
-  return conf.media && (conf.media = (0, import_react_native_media_driver.createMedia)(conf.media)), (0, import_web.createTamagui)(conf);
+  return conf.media && (conf.media = (0, import_react_native_media_driver.createMedia)(conf.media)), (0, import_web2.createTamagui)(conf);
 }, baseViews = getBaseViews();
-(0, import_web.setupHooks)({
+(0, import_web2.setupHooks)({
   getBaseViews,
   setElementProps: function(node) {
     if (node && !node.measure) {
@@ -11897,7 +11866,7 @@ var createTamagui = function(conf) {
           onPressIn,
           onPressOut: onPressOut || onPress
         };
-        onPressOut && onPress && (inputEvents.onPressOut = (0, import_web.composeEventHandlers)(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
+        onPressOut && onPress && (inputEvents.onPressOut = (0, import_web2.composeEventHandlers)(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
       }
     } else {
       events && viewProps.hitSlop && (events.hitSlop = viewProps.hitSlop);
@@ -11905,7 +11874,7 @@ var createTamagui = function(conf) {
       if (events && events.onPress)
         for (var key in pressability) {
           var og = viewProps[key], val = pressability[key];
-          viewProps[key] = og && !dontComposePressabilityKeys[key] ? (0, import_web.composeEventHandlers)(og, val) : val;
+          viewProps[key] = og && !dontComposePressabilityKeys[key] ? (0, import_web2.composeEventHandlers)(og, val) : val;
         }
     }
   },
@@ -11914,12 +11883,13 @@ var createTamagui = function(conf) {
 });
 var dontComposePressabilityKeys = {
   onClick: !0
-}, View = import_web.View, Stack = import_web.Stack, Text = import_web.Text;
+}, View = import_web2.View, Stack = import_web2.Stack, Text = import_web2.Text;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Stack,
   Text,
   View,
-  createTamagui
+  createTamagui,
+  getElementLayoutEvent
 });
 //# sourceMappingURL=test.js.map