@tamagui/core 1.130.3 → 1.130.5

package/dist/native.js

@@ -6768,10 +6768,7 @@ var require_Theme_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Theme_exports);
-    var import_jsx_runtime2 = require("react/jsx-runtime"), import_constants = require_index_native2(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_useTheme = require_useTheme_native(), import_useThemeState = require_useThemeState_native(), import_ThemeDebug = require_ThemeDebug_native(), empty = {
-      className: "",
-      style: {}
-    }, Theme = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, ref) {
+    var import_jsx_runtime2 = require("react/jsx-runtime"), import_constants = require_index_native2(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_createVariable = require_createVariable_native(), import_useTheme = require_useTheme_native(), import_useThemeState = require_useThemeState_native(), import_ThemeDebug = require_ThemeDebug_native(), Theme = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, ref) {
       if (props.disable) return props.children;
       var { passThrough } = props, isRoot = !!props._isRoot, [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot), disableDirectChildTheme = props["disable-child-theme"], finalChildren = disableDirectChildTheme ? import_react3.Children.map(props.children, function(child) {
         return passThrough ? child : /* @__PURE__ */ (0, import_react3.cloneElement)(child, {
@@ -6819,17 +6816,21 @@ var require_Theme_native = __commonJS({
         forceClassName,
         themeState,
         state,
-        ...getThemeClassNameAndStyle(themeState, props, isRoot)
+        themeSpanProps: getThemeClassNameAndColor(themeState, props, isRoot)
       }), forceClassName === !1) return children;
       if (import_constants.isWeb) {
-        var { className = "", style } = passThrough ? {} : getThemeClassNameAndStyle(themeState, props, isRoot);
+        var baseStyle = props.contain ? inertContainedStyle : inertStyle, { className = "", color } = passThrough ? {} : getThemeClassNameAndColor(themeState, props, isRoot);
         if (children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {
-          className: `${className} _dsp_contents is_Theme`,
-          style: passThrough ? void 0 : style,
+          className: `${className} is_Theme`,
+          style: passThrough ? baseStyle : {
+            color,
+            ...baseStyle
+          },
           children
         }), state.hasEverThemed === "wrapped") {
-          var className1 = !passThrough && requiresExtraWrapper ? `${isInverse ? name.startsWith("light") ? "t_light is_inversed" : name.startsWith("dark") ? "t_dark is_inversed" : "" : ""} _dsp_contents` : "_dsp_contents";
+          var className1 = !passThrough && requiresExtraWrapper ? `${isInverse ? name.startsWith("light") ? "t_light is_inversed" : name.startsWith("dark") ? "t_dark is_inversed" : "" : ""} ` : "";
           children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {
+            style: baseStyle,
             className: className1,
             children
           });
@@ -6838,14 +6839,21 @@ var require_Theme_native = __commonJS({
       }
       return children;
     }
-    function getThemeClassNameAndStyle(themeState, props) {
+    var inertStyle = {
+      display: "contents"
+    }, inertContainedStyle = {
+      display: "contents",
+      contain: "strict"
+    }, empty = {
+      className: "",
+      color: void 0
+    };
+    function getThemeClassNameAndColor(themeState, props) {
       var isRoot = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
       if (!themeState.isNew && !props.forceClassName) return empty;
-      var themeColor = themeState != null && themeState.theme && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : "", style = themeColor ? {
-        color: themeColor
-      } : void 0, maxInverses = (0, import_config.getSetting)("maxDarkLightNesting") || 3, themeClassName = themeState.inverses >= maxInverses ? themeState.name : themeState.name.replace(schemePrefix, ""), className = `${isRoot ? "" : "t_sub_theme"} t_${themeClassName}`;
+      var themeColor = themeState != null && themeState.theme && themeState.isNew ? (0, import_createVariable.variableToString)(themeState.theme.color) : "", maxInverses = (0, import_config.getSetting)("maxDarkLightNesting") || 3, themeClassName = themeState.inverses >= maxInverses ? themeState.name : themeState.name.replace(schemePrefix, ""), className = `${isRoot ? "" : "t_sub_theme"} t_${themeClassName}`;
       return {
-        style,
+        color: themeColor,
         className
       };
     }
@@ -7952,13 +7960,13 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           onPress,
           onLongPress
         });
-        process.env.NODE_ENV === "development" && time2 && time2`spaced-as-child`;
-        var useChildrenResult;
-        import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps)), process.env.NODE_ENV === "development" && time2 && time2`use-children`, splitStyles || (elementType = "span", content = propsIn.children, viewProps = {
+        process.env.NODE_ENV === "development" && time2 && time2`spaced-as-child`, splitStyles || (content = propsIn.children, elementType = BaseViewComponent, viewProps = {
           style: {
             display: "contents"
           }
-        }), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ import_react3.default.createElement(elementType, viewProps, content);
+        });
+        var useChildrenResult;
+        import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps)), process.env.NODE_ENV === "development" && time2 && time2`use-children`, useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ import_react3.default.createElement(elementType, viewProps, content);
         var ResetPresence = config == null || (_config_animations = config.animations) === null || _config_animations === void 0 ? void 0 : _config_animations.ResetPresence, needsReset = !!// not when passing down to child
         (!asChild && // not when passThrough
         splitStyles && // not when HOC
@@ -12295,7 +12303,6 @@ var require_index_native12 = __commonJS({
         return cb();
       }), queuedUpdates.clear()));
     }
-    var expectedFrameTime = 16.67, numDroppedFramesUntilPause = 10;
     function startGlobalIntersectionObserver() {
       !import_constants.isClient || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(function(entries) {
         entries.forEach(function(entry) {
@@ -12308,20 +12315,18 @@ var require_index_native12 = __commonJS({
     }
     if (import_constants.isClient) if (rAF) {
       layoutOnAnimationFrame = function() {
-        var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
-        if (lastFrameAt = now, frameCount++, frameCount % RUN_EVERY_X_FRAMES === 0) {
-          frameCount = 0, rAF(layoutOnAnimationFrame);
-          return;
-        }
         if (strategy !== "off") {
-          var hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
-          hasRecentSyncWork || Nodes.forEach(function(node) {
-            updateLayoutIfChanged(node, lastFrameAt);
+          if (frameCount++ % RUN_EVERY_X_FRAMES !== 0) {
+            rAF(layoutOnAnimationFrame);
+            return;
+          }
+          frameCount === Number.MAX_SAFE_INTEGER && (frameCount = 0), Nodes.forEach(function(node) {
+            updateLayoutIfChanged(node);
           });
         }
         rAF(layoutOnAnimationFrame);
-      }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, supportsCheckVisibility = "checkVisibility" in document.body, lastFrameAt = Date.now();
-      async function updateLayoutIfChanged(node, frameId) {
+      }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, supportsCheckVisibility = "checkVisibility" in document.body;
+      async function updateLayoutIfChanged(node) {
         if (IntersectionState.get(node) !== !1 && !(process.env.TAMAGUI_ONLAYOUT_VISIBILITY_CHECK === "1" && supportsCheckVisibility && !node.checkVisibility())) {
           var onLayout = LayoutHandlers.get(node);
           if (typeof onLayout == "function") {
@@ -12333,7 +12338,7 @@ var require_index_native12 = __commonJS({
                   getBoundingClientRectAsync(node),
                   getBoundingClientRectAsync(parentNode)
                 ]);
-                if (nr === !1 || pr === !1 || frameId !== lastFrameAt) return;
+                if (nr === !1 || pr === !1) return;
                 nodeRect = nr, parentRect = pr;
               } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
               var cachedRect = NodeRectCache.get(node), cachedParentRect = NodeRectCache.get(parentNode);
@@ -12351,9 +12356,9 @@ var require_index_native12 = __commonJS({
           }
         }
       }
-      rAF(layoutOnAnimationFrame), frameCount = 0, RUN_EVERY_X_FRAMES = 4;
+      rAF(layoutOnAnimationFrame), frameCount = 0, RUN_EVERY_X_FRAMES = 8;
     } else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
-    var layoutOnAnimationFrame, layoutOnAnimationFrame2, supportsCheckVisibility, lastFrameAt, frameCount, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
+    var layoutOnAnimationFrame, layoutOnAnimationFrame2, supportsCheckVisibility, frameCount, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
       return {
         nativeEvent: {
           layout: getRelativeDimensions(nodeRect, parentRect),
@@ -12418,7 +12423,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) {
-            LayoutHandlers.set(node2, onLayout), Nodes.add(node2), startGlobalIntersectionObserver(), globalIntersectionObserver && (globalIntersectionObserver.observe(node2), IntersectionState.set(node2, !0));
+            Nodes.add(node2), startGlobalIntersectionObserver(), 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);