@tamagui/core 1.126.15 → 1.126.17

package/dist/test.native.js

@@ -1472,39 +1472,36 @@ var require_insertStyleRule_native = __commonJS({
     }
     var bailAfterEnv = process.env.TAMAGUI_BAIL_AFTER_SCANNING_X_CSS_RULES, bailAfter = bailAfterEnv ? +bailAfterEnv : 700, sheet = null;
     function updateRules(identifier, rules) {
-      if (!process.env.TAMAGUI_REACT_19) return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform-") ? addTransform(identifier, rules[0]) : !0);
+      return identifier in allRules ? !1 : (allRules[identifier] = rules.join(" "), identifier.startsWith("_transform-") ? addTransform(identifier, rules[0]) : !0);
     }
     var nonce = "";
     function setNonce2(_) {
       nonce = _;
     }
     function insertStyleRules(rulesToInsert) {
-      if (!process.env.TAMAGUI_REACT_19) {
-        if (!sheet && import_constants2.isClient && document.head) {
-          var styleTag = document.createElement("style");
-          nonce && (styleTag.nonce = nonce), sheet = document.head.appendChild(styleTag).sheet;
-        }
-        if (!sheet) return;
-        for (var key in rulesToInsert) {
-          var styleObject = rulesToInsert[key], identifier = styleObject[import_helpers2.StyleObjectIdentifier];
-          if (shouldInsertStyleRules(identifier)) {
-            var rules = styleObject[import_helpers2.StyleObjectRules];
-            allSelectors[identifier] = rules.join(`
+      if (!sheet && import_constants2.isClient && document.head) {
+        var styleTag = document.createElement("style");
+        nonce && (styleTag.nonce = nonce), sheet = document.head.appendChild(styleTag).sheet;
+      }
+      if (sheet) for (var key in rulesToInsert) {
+        var styleObject = rulesToInsert[key], identifier = styleObject[import_helpers2.StyleObjectIdentifier];
+        if (shouldInsertStyleRules(identifier)) {
+          var rules = styleObject[import_helpers2.StyleObjectRules];
+          allSelectors[identifier] = rules.join(`
 `), track(identifier), updateRules(identifier, rules);
-            var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+          var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+          try {
+            for (var _iterator = rules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+              var rule = _step.value;
+              sheet.insertRule(rule, sheet.cssRules.length);
+            }
+          } catch (err) {
+            _didIteratorError = !0, _iteratorError = err;
+          } finally {
             try {
-              for (var _iterator = rules[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-                var rule = _step.value;
-                sheet.insertRule(rule, sheet.cssRules.length);
-              }
-            } catch (err) {
-              _didIteratorError = !0, _iteratorError = err;
+              !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
             } finally {
-              try {
-                !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-              } finally {
-                if (_didIteratorError) throw _iteratorError;
-              }
+              if (_didIteratorError) throw _iteratorError;
             }
           }
         }
@@ -1512,7 +1509,7 @@ var require_insertStyleRule_native = __commonJS({
     }
     var minInsertAmt = process.env.TAMAGUI_INSERT_SELECTOR_TRIES ? +process.env.TAMAGUI_INSERT_SELECTOR_TRIES : 1;
     function shouldInsertStyleRules(identifier) {
-      if (process.env.TAMAGUI_REACT_19 || process.env.IS_STATIC === "is_static") return !0;
+      if (process.env.IS_STATIC === "is_static") return !0;
       var total = totalSelectorsInserted.get(identifier);
       return total === void 0 || total < minInsertAmt;
     }
@@ -5023,7 +5020,7 @@ var require_getSplitStyles_native = __commonJS({
     function isValidStyleKey(key, validStyles2, accept) {
       return key in validStyles2 ? !0 : accept && key in accept;
     }
-    var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, debug) {
+    var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, startedUnhydrated, debug) {
       var _loop = function(keyOg2) {
         var keyInit = keyOg2, valInit = props[keyInit];
         if (keyInit === "children") return viewProps[keyInit] = valInit, "continue";
@@ -5406,12 +5403,13 @@ var require_getSplitStyles_native = __commonJS({
       }
       return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
     }, useInsertEffectCompat = import_constants2.isWeb ? import_react3.default.useInsertionEffect || import_constants2.useIsomorphicLayoutEffect : function() {
-    }, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j) {
+    }, useSplitStyles = function(a, b, c, d, e, f, g, h, i, j, k) {
       conf = conf || (0, import_config.getConfig)();
-      var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j);
+      var res = getSplitStyles(a, b, c, d, e, f, g, h, i, j, k);
       return res;
     };
     function addStyleToInsertRules(rulesToInsert, styleObject) {
+      var startedUnhydrated = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
       if (0) var identifier;
     }
     var defaultColor = process.env.TAMAGUI_DEFAULT_COLOR || "rgba(0,0,0,0)", animatableDefaults = {
@@ -6520,9 +6518,9 @@ var require_wrapStyleTags_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(wrapStyleTags_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_helpers2 = require_index_native3();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_helpers2 = require_index_native3(), import_constants2 = require_index_native2();
     function wrapStyleTags(styles, content) {
-      return process.env.TAMAGUI_REACT_19, content;
+      return import_constants2.IS_REACT_19, content;
     }
   }
 });
@@ -6640,7 +6638,7 @@ var require_useComponentState_native = __commonJS({
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
     var import_constants2 = require_index_native2(), import_use_did_finish_ssr = require_index_native6(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
-      var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
+      var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), [startedUnhydrated] = (0, import_react3.useState)(import_constants2.IS_REACT_19 ? !isHydrated : !1), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
       stateRef.current || (stateRef.current = {});
       var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current, willBeAnimatedClient = function() {
         var next = !!(hasAnimationProp && !staticConfig.isHOC && useAnimations);
@@ -6700,6 +6698,7 @@ var require_useComponentState_native = __commonJS({
         };
       }
       return {
+        startedUnhydrated,
         curStateRef,
         disabled,
         groupName,
@@ -7011,7 +7010,7 @@ var require_createComponent_native = __commonJS({
           ...styledContextProps
         } : defaultProps, props = propsIn;
         curDefaultProps && (props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn));
-        var componentName2 = props.componentName || staticConfig.componentName, animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, setStateShallow, noClass, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config), hasTextAncestor = !!(import_constants2.isWeb && isText && componentContext.inText), isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = import_constants2.isWeb && isTaggable && tagProp || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div"), elementType = isText ? BaseTextComponent : BaseViewComponent;
+        var componentName2 = props.componentName || staticConfig.componentName, animationDriver = componentContext.animationDriver, useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, { curStateRef, disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, setStateShallow, noClass, state, stateRef, supportsCSSVars, willBeAnimated, willBeAnimatedClient, startedUnhydrated } = (0, import_useComponentState.useComponentState)(props, componentContext, staticConfig, config), hasTextAncestor = !!(import_constants2.isWeb && isText && componentContext.inText), isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = import_constants2.isWeb && isTaggable && tagProp || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div"), elementType = isText ? BaseTextComponent : BaseViewComponent;
         animationDriver && isAnimated && (elementType = animationDriver[isText ? "Text" : "View"] || elementType);
         var disableThemeProp = !1, disableTheme = disableThemeProp || isHOC;
         props.themeShallow && (curStateRef.themeShallow = !0);
@@ -7042,7 +7041,7 @@ var require_createComponent_native = __commonJS({
           isAnimated,
           willBeAnimated,
           styledContextProps
-        }, themeName = (themeState == null ? void 0 : themeState.name) || "", splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, elementType, debugProp);
+        }, themeName = (themeState == null ? void 0 : themeState.name) || "", splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, elementType, startedUnhydrated, debugProp);
         if (props.group && props.untilMeasured === "hide" && !curStateRef.hasMeasured) {
           var _splitStyles;
           (_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
@@ -7304,7 +7303,6 @@ var require_createComponent_native = __commonJS({
             children: content
           });
         }
-        var { rulesToInsert } = splitStyles;
         if (0) {
           var element1, title;
           if (!import_constants2.isWeb)
@@ -8165,7 +8163,7 @@ var require_createTamagui_native = __commonJS({
       var foundThemes;
       if (configIn.themes) {
         var noThemes = Object.keys(configIn.themes).length === 0;
-        noThemes && (foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed)), process.env.TAMAGUI_REACT_19 && process.env.TAMAGUI_SKIP_THEME_OPTIMIZATION || noThemes && (0, import_insertStyleRule.listenForSheetChanges)();
+        noThemes && (foundThemes = (0, import_insertStyleRule.scanAllSheets)(noThemes, tokensParsed)), import_constants2.IS_REACT_19 && process.env.TAMAGUI_SKIP_THEME_OPTIMIZATION || noThemes && (0, import_insertStyleRule.listenForSheetChanges)();
       }
       var fontSizeTokens = null, fontsParsed;
       if (configIn.fonts) {
@@ -9638,7 +9636,7 @@ var require_TamaguiProvider_native = __commonJS({
         }), didRender = !0, function() {
           didRender = !1;
         };
-      }, []), process.env.TAMAGUI_REACT_19 || import_constants2.isClient && (0, import_constants2.useIsomorphicLayoutEffect)(function() {
+      }, []), import_constants2.IS_REACT_19 || import_constants2.isClient && (0, import_constants2.useIsomorphicLayoutEffect)(function() {
         if (config && !disableInjectCSS) {
           var style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -11793,15 +11791,20 @@ if (import_constants.isClient && rAF) {
       }
     }
   }, layoutOnAnimationFrame = function() {
-    status !== "inactive" && Nodes.forEach(updateLayoutIfChanged), rAF(layoutOnAnimationFrame);
+    var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
+    if (lastFrameAt = now, status !== "inactive") {
+      var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
+      hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
+    }
+    rAF(layoutOnAnimationFrame);
   };
-  updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), (0, import_web.___onDidFinishClientRender)(function() {
+  updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2, (0, import_web.___onDidFinishClientRender)(function() {
     avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
       return cb();
     }), queuedUpdates.clear());
   }), rAF(layoutOnAnimationFrame);
 }
-var avoidUpdates, queuedUpdates, updateLayoutIfChanged2, layoutOnAnimationFrame2, getElementLayoutEvent = function(target) {
+var avoidUpdates, queuedUpdates, lastFrameAt, numDroppedFramesUntilPause, updateLayoutIfChanged2, layoutOnAnimationFrame2, getElementLayoutEvent = function(target) {
   var res = null;
   if (measureLayout(target, null, function(x, y, width, height, left, top) {
     res = {