@tamagui/core 1.130.7 → 1.131.0

package/dist/test.native.js

@@ -1938,7 +1938,7 @@ var require_useMedia_native = __commonJS({
       internalRef.current || (internalRef.current = {
         keys: /* @__PURE__ */ new Set()
       });
-      var { keys, lastState = (0, import_config.getSetting)("disableSSR") ? mediaState2 : initState } = internalRef.current;
+      var { keys, lastState = mediaState2 } = 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;
@@ -2454,13 +2454,15 @@ var require_createStyledContext_native = __commonJS({
     module2.exports = __toCommonJS2(createStyledContext_exports);
     var import_jsx_runtime2 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_objectIdentityKey = require_objectIdentityKey_native(), createReactContext = import_react3.default[Math.random(), "createContext"];
     function createStyledContext(defaultValues) {
-      var OGContext = createReactContext(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map();
+      var namespace = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", OGContext = createReactContext(defaultValues), OGProvider = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map(), LastScopeInNamespace = createReactContext(namespace);
       function getOrCreateScopedContext(scope) {
         var ScopedContext = scopedContexts.get(scope);
         return ScopedContext || (ScopedContext = createReactContext(defaultValues), scopedContexts.set(scope, ScopedContext)), ScopedContext;
       }
-      var Provider = function(param) {
-        var { children, scope, ...values } = param, next = import_react3.default.useMemo(function() {
+      var getNamespacedScope = function(scope) {
+        return namespace ? `${namespace}--${scope}` : scope;
+      }, Provider = function(param) {
+        var { children, scope: scopeIn, ...values } = param, scope = getNamespacedScope(scopeIn), next = import_react3.default.useMemo(function() {
           return {
             // this ! is a workaround for ts error
             ...defaultValues,
@@ -2469,13 +2471,16 @@ var require_createStyledContext_native = __commonJS({
         }, [
           (0, import_objectIdentityKey.objectIdentityKey)(values)
         ]), Provider22 = OGProvider;
-        return scope && (Provider22 = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Provider22, {
-          value: next,
-          children
+        return scope && (Provider22 = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LastScopeInNamespace.Provider, {
+          value: scope,
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Provider22, {
+            value: next,
+            children
+          })
         });
-      }, useStyledContext = function(scope) {
-        var context = scope ? getOrCreateScopedContext(scope) : OGContext;
-        return import_react3.default.useContext(context);
+      }, useStyledContext = function() {
+        var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", lastScopeInNamespace = (0, import_react3.useContext)(LastScopeInNamespace), scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn, context = scope ? getOrCreateScopedContext(scope) : OGContext, value = import_react3.default.useContext(context);
+        return value;
       };
       return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
     }
@@ -7319,13 +7324,14 @@ var require_createComponent_native = __commonJS({
           onBlur,
           separator,
           // ignore from here on out
+          passThrough,
           forceStyle: _forceStyle,
           // @ts-ignore  for next/link compat etc
           onClick,
           theme: _themeProp,
           ...nonTamaguiProps
         } = viewPropsIn || {}, viewProps = nonTamaguiProps;
-        !isTaggable && props.forceStyle && (viewProps.forceStyle = props.forceStyle), isHOC && _themeProp && (viewProps.theme = _themeProp), tagProp && elementType.acceptTagProp && (viewProps.tag = tagProp);
+        !isTaggable && props.forceStyle && (viewProps.forceStyle = props.forceStyle), isHOC && (typeof _themeProp < "u" && (viewProps.theme = _themeProp), typeof passThrough < "u" && (viewProps.passThrough = passThrough)), tagProp && elementType.acceptTagProp && (viewProps.tag = tagProp);
         var animationStyles, shouldUseAnimation = (
           // if it supports css vars we run it on server too to get matching initial style
           (supportsCSS ? willBeAnimatedClient : willBeAnimated) && useAnimations && !isHOC
@@ -11749,23 +11755,35 @@ var require_index_native12 = __commonJS({
       }), mod);
     }, index_exports2 = {};
     __export2(index_exports2, {
+      createMeasure: function() {
+        return createMeasure2;
+      },
+      createMeasureInWindow: function() {
+        return createMeasureInWindow2;
+      },
+      createMeasureLayout: function() {
+        return createMeasureLayout2;
+      },
       enable: function() {
         return enable2;
       },
+      getBoundingClientRectAsync: function() {
+        return getBoundingClientRectAsync;
+      },
       getElementLayoutEvent: function() {
         return getElementLayoutEvent;
       },
-      getElementLayoutEventAsync: function() {
-        return getElementLayoutEventAsync;
+      measure: function() {
+        return measure;
       },
-      getRect: function() {
-        return getRect2;
+      measureInWindow: function() {
+        return measureInWindow;
       },
       measureLayout: function() {
-        return measureLayout2;
+        return measureLayout;
       },
-      measureLayoutAsync: function() {
-        return measureLayoutAsync;
+      measureNode: function() {
+        return measureNode;
       },
       setOnLayoutStrategy: function() {
         return setOnLayoutStrategy2;
@@ -11785,7 +11803,7 @@ var require_index_native12 = __commonJS({
         return cb();
       }), queuedUpdates.clear()));
     }
-    function startGlobalIntersectionObserver() {
+    function startGlobalObservers() {
       !import_constants.isClient || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(function(entries) {
         entries.forEach(function(entry) {
           var node = entry.target;
@@ -11838,9 +11856,9 @@ var require_index_native12 = __commonJS({
           }
         }
       }
-      rAF(layoutOnAnimationFrame), frameCount = 0, RUN_EVERY_X_FRAMES = 8;
+      rAF(layoutOnAnimationFrame), frameCount = 0, userSkipVal = process.env.TAMAGUI_LAYOUT_FRAME_SKIP, RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 10;
     }
-    var layoutOnAnimationFrame, layoutOnAnimationFrame2, supportsCheckVisibility, frameCount, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
+    var layoutOnAnimationFrame, layoutOnAnimationFrame2, supportsCheckVisibility, frameCount, userSkipVal, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
       return {
         nativeEvent: {
           layout: getRelativeDimensions(nodeRect, parentRect),
@@ -11848,45 +11866,6 @@ var require_index_native12 = __commonJS({
         },
         timeStamp: Date.now()
       };
-    }, measureLayout2 = function(node, relativeTo, callback) {
-      var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
-      if (relativeNode instanceof HTMLElement) {
-        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);
-        }
-      }
-    }, getElementLayoutEventAsync = async function(target) {
-      var layout = await measureLayoutAsync(target);
-      if (!layout) throw new Error("\u203C\uFE0F");
-      return {
-        nativeEvent: {
-          layout,
-          target
-        },
-        timeStamp: Date.now()
-      };
-    }, measureLayoutAsync = async function(node, relativeTo) {
-      var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
-      if (relativeNode instanceof HTMLElement) {
-        var [nodeDim, relativeNodeDim] = await Promise.all([
-          getBoundingClientRectAsync(node),
-          getBoundingClientRectAsync(relativeNode)
-        ]);
-        if (relativeNodeDim && nodeDim) {
-          var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
-          return {
-            x,
-            y,
-            width,
-            height,
-            left,
-            top
-          };
-        }
-      }
-      return null;
     }, getRelativeDimensions = function(a, b) {
       var { height, left, top, width } = a, x = left - b.left, y = top - b.top;
       return {
@@ -11894,8 +11873,8 @@ var require_index_native12 = __commonJS({
         y,
         width,
         height,
-        left,
-        top
+        pageX: a.left,
+        pageY: a.top
       };
     };
     function useElementLayout2(ref, onLayout) {
@@ -11905,7 +11884,7 @@ var require_index_native12 = __commonJS({
         if (onLayout) {
           var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
           if (node2) {
-            Nodes.add(node2), startGlobalIntersectionObserver(), globalIntersectionObserver && (globalIntersectionObserver.observe(node2), IntersectionState.set(node2, !0));
+            Nodes.add(node2), startGlobalObservers(), globalIntersectionObserver && (globalIntersectionObserver.observe(node2), IntersectionState.set(node2, !0));
             var parentNode = node2.parentNode;
             return parentNode && onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect())), function() {
               Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2), LastChangeTime.delete(node2), IntersectionState.delete(node2), globalIntersectionObserver && globalIntersectionObserver.unobserve(node2);
@@ -11930,23 +11909,41 @@ var require_index_native12 = __commonJS({
         });
         io.observe(node);
       });
-    }, getBoundingClientRect = function(node) {
-      var _node_getBoundingClientRect;
-      if (!(!node || node.nodeType !== 1)) return (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);
-    }, getRect2 = function(node) {
-      var rect = getBoundingClientRect(node);
-      if (rect) {
-        var { x, y, top, left } = rect;
-        return {
-          x,
-          y,
-          width: node.offsetWidth,
-          height: node.offsetHeight,
-          top,
-          left
-        };
+    }, measureNode = async function(node, relativeTo) {
+      var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
+      if (relativeNode instanceof HTMLElement) {
+        var [nodeDim, relativeNodeDim] = await Promise.all([
+          getBoundingClientRectAsync(node),
+          getBoundingClientRectAsync(relativeNode)
+        ]);
+        if (relativeNodeDim && nodeDim) return getRelativeDimensions(nodeDim, relativeNodeDim);
       }
+      return null;
+    }, measure = async function(node, callback) {
+      var out = await measureNode(node, node.parentNode instanceof HTMLElement ? node.parentNode : null);
+      return out && (callback == null || callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY)), out;
     };
+    function createMeasure2(node) {
+      return function(callback) {
+        return measure(node, callback);
+      };
+    }
+    var measureInWindow = async function(node, callback) {
+      var out = await measureNode(node, null);
+      return out && (callback == null || callback(out.pageX, out.pageY, out.width, out.height)), out;
+    }, createMeasureInWindow2 = function(node) {
+      return function(callback) {
+        return measureInWindow(node, callback);
+      };
+    }, measureLayout = async function(node, relativeNode, callback) {
+      var out = await measureNode(node, relativeNode);
+      return out && (callback == null || callback(out.x, out.y, out.width, out.height, out.pageX, out.pageY)), out;
+    };
+    function createMeasureLayout2(node) {
+      return function(relativeTo, callback) {
+        return measureLayout(node, relativeTo, callback);
+      };
+    }
   }
 });
 
@@ -12222,19 +12219,8 @@ var TamaguiProvider = function(props) {
 (0, import_web.setupHooks)({
   getBaseViews,
   setElementProps: function(node) {
-    if (node && !node.measure) {
+    if (0 && node && !node.measure)
       var _node, _node1, _node2;
-      (_node = node).measure || (_node.measure = function(callback) {
-        return (0, import_use_element_layout.measureLayout)(node, null, callback);
-      }), (_node1 = node).measureLayout || (_node1.measureLayout = function(relativeToNode, success) {
-        return (0, import_use_element_layout.measureLayout)(node, relativeToNode, success);
-      }), (_node2 = node).measureInWindow || (_node2.measureInWindow = function(callback) {
-        setTimeout(function() {
-          var { height, left, top, width } = (0, import_use_element_layout.getRect)(node);
-          callback(left, top, width, height);
-        }, 0);
-      });
-    }
   },
   usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
     if (0) {