tamagui 1.126.15 → 1.126.17

package/dist/native.js

@@ -2650,13 +2650,11 @@ var require_insertStyleRule_native = __commonJS({
               }
               continue;
             }
-            if (!process.env.TAMAGUI_REACT_19) {
-              var total = track(identifier, remove);
-              if (remove) total === 0 && delete allSelectors[identifier];
-              else if (!(identifier in allSelectors)) {
-                var isTransform = identifier.startsWith("_transform-"), shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : !0;
-                shouldInsert && (allSelectors[identifier] = cssRule.cssText);
-              }
+            var total = track(identifier, remove);
+            if (remove) total === 0 && delete allSelectors[identifier];
+            else if (!(identifier in allSelectors)) {
+              var isTransform = identifier.startsWith("_transform-"), shouldInsert = isTransform ? addTransform(identifier, cssRule.cssText, cssRule) : !0;
+              shouldInsert && (allSelectors[identifier] = cssRule.cssText);
             }
           }
         }
@@ -2754,44 +2752,41 @@ var require_insertStyleRule_native = __commonJS({
       return dotIndex > -1 ? selector.slice(7, dotIndex) : selector.slice(7);
     }, 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_constants4.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_helpers.StyleObjectIdentifier];
-          if (shouldInsertStyleRules(identifier)) {
-            var rules = styleObject[import_helpers.StyleObjectRules];
-            allSelectors[identifier] = rules.join(`
+      if (!sheet && import_constants4.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_helpers.StyleObjectIdentifier];
+        if (shouldInsertStyleRules(identifier)) {
+          var rules = styleObject[import_helpers.StyleObjectRules];
+          allSelectors[identifier] = rules.join(`
 `), track(identifier), updateRules(identifier, rules);
-            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;
-                if (process.env.NODE_ENV === "production") try {
-                  sheet.insertRule(rule, sheet.cssRules.length);
-                } catch (err) {
-                  console.error("Error inserting CSS", err);
-                }
-                else sheet.insertRule(rule, sheet.cssRules.length);
+          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;
+              if (process.env.NODE_ENV === "production") try {
+                sheet.insertRule(rule, sheet.cssRules.length);
+              } catch (err) {
+                console.error("Error inserting CSS", err);
               }
-            } catch (err) {
-              _didIteratorError = !0, _iteratorError = err;
+              else sheet.insertRule(rule, sheet.cssRules.length);
+            }
+          } catch (err) {
+            _didIteratorError = !0, _iteratorError = err;
+          } finally {
+            try {
+              !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
             } finally {
-              try {
-                !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-              } finally {
-                if (_didIteratorError) throw _iteratorError;
-              }
+              if (_didIteratorError) throw _iteratorError;
             }
           }
         }
@@ -2799,7 +2794,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 process.env.NODE_ENV === "development" && totalSelectorsInserted.size > +(process.env.TAMAGUI_STYLE_INSERTION_WARNING_LIMIT || 1e4) && console.warn('Warning: inserting many CSS rules, you may be animating something and generating many CSS insertions, which can degrade performance. Instead, try using the "disableClassName" property on elements that change styles often. To disable this warning set TAMAGUI_STYLE_INSERTION_WARNING_LIMIT from 50000 to something higher'), total === void 0 || total < minInsertAmt;
     }
@@ -6407,7 +6402,7 @@ var require_getSplitStyles_native = __commonJS({
     function isValidStyleKey(key, validStyles, accept) {
       return key in validStyles ? !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";
@@ -6874,12 +6869,13 @@ var require_getSplitStyles_native = __commonJS({
       }
       return styleProps.noNormalize || (0, import_expandStyles.fixStyles)(styleOut), styleOut;
     }, useInsertEffectCompat = import_constants4.isWeb ? import_react3.default.useInsertionEffect || import_constants4.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 = {
@@ -8031,9 +8027,9 @@ var require_wrapStyleTags_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(wrapStyleTags_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_helpers = require_index_native7();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_helpers = require_index_native7(), import_constants4 = require_index_native6();
     function wrapStyleTags(styles, content) {
-      return process.env.TAMAGUI_REACT_19, content;
+      return import_constants4.IS_REACT_19, content;
     }
   }
 });
@@ -8151,7 +8147,7 @@ var require_useComponentState_native = __commonJS({
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
     var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native13(), 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_constants4.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);
@@ -8216,6 +8212,7 @@ var require_useComponentState_native = __commonJS({
         };
       }
       return {
+        startedUnhydrated,
         curStateRef,
         disabled,
         groupName,
@@ -8577,7 +8574,7 @@ var require_createComponent_native = __commonJS({
         }, [
           componentName2
         ]);
-        var 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);
+        var 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);
         process.env.NODE_ENV === "development" && time2 && time2`use-state`;
         var hasTextAncestor = !!(import_constants4.isWeb && isText && componentContext.inText), isTaggable = !Component || typeof Component == "string", tagProp = props.tag, element = import_constants4.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);
@@ -8637,7 +8634,7 @@ var require_createComponent_native = __commonJS({
           styledContextProps
         }, themeName = (themeState == null ? void 0 : themeState.name) || "";
         process.env.NODE_ENV === "development" && time2 && time2`split-styles-prepare`;
-        var splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, elementType, debugProp);
+        var splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, elementType, startedUnhydrated, debugProp);
         if (process.env.NODE_ENV === "development" && time2 && time2`split-styles`, props.group && props.untilMeasured === "hide" && !curStateRef.hasMeasured) {
           var _splitStyles;
           (_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
@@ -8935,8 +8932,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             children: content
           });
         }
-        var { rulesToInsert } = splitStyles;
-        if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
+        if (process.env.NODE_ENV === "development" && time2 && time2`context-override`, process.env.NODE_ENV === "development" && time2 && time2`style-tags`, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
           var element1 = typeof elementType == "string" ? elementType : "Component", title = `render <${element1} /> (${internalID}) with props`;
           if (import_constants4.isWeb) {
             (0, import_consoleLog.groupCollapsed)(title);
@@ -9835,7 +9831,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_constants4.IS_REACT_19 && process.env.TAMAGUI_SKIP_THEME_OPTIMIZATION || noThemes && (0, import_insertStyleRule.listenForSheetChanges)();
       }
       var fontSizeTokens = null, fontsParsed;
       if (configIn.fonts) {
@@ -11312,7 +11308,7 @@ var require_TamaguiProvider_native = __commonJS({
         }), didRender = !0, function() {
           didRender = !1;
         };
-      }, []), process.env.TAMAGUI_REACT_19 || import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+      }, []), import_constants4.IS_REACT_19 || import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         if (config && !disableInjectCSS) {
           var style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -13715,13 +13711,18 @@ var require_useElementLayout_native = __commonJS({
         }
       }
     }, layoutOnAnimationFrame = function() {
-      status !== "inactive" && Nodes.forEach(updateLayoutIfChanged), rAF(layoutOnAnimationFrame);
-    }, updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), (0, import_web.___onDidFinishClientRender)(function() {
+      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(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2, (0, import_web.___onDidFinishClientRender)(function() {
       avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
         return cb();
       }), queuedUpdates.clear());
     }), rAF(layoutOnAnimationFrame)) : process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly"));
-    var updateLayoutIfChanged, layoutOnAnimationFrame, updateLayoutIfChanged2, layoutOnAnimationFrame2, avoidUpdates, queuedUpdates, getElementLayoutEvent2 = function(target) {
+    var updateLayoutIfChanged, layoutOnAnimationFrame, updateLayoutIfChanged2, layoutOnAnimationFrame2, avoidUpdates, queuedUpdates, lastFrameAt, numDroppedFramesUntilPause, getElementLayoutEvent2 = function(target) {
       var res = null;
       if (measureLayout(target, null, function(x, y, width, height, left, top) {
         res = {