tamagui 1.112.2 → 1.112.4

package/dist/native.js

@@ -2665,7 +2665,7 @@ var require_insertStyleRule_native = __commonJS({
             getIdentifierFromTamaguiSelector(text),
             rule
           ];
-          if (collectThemes && (text.startsWith(":root.t_") || text.startsWith(":root .t_"))) return [
+          if (collectThemes && /^(:root\s?(\.t_[a-z0-9_]+\s*)+(,)?\s*)+$/i.test(text)) return [
             text.slice(0, 20),
             // just used as uid
             rule,
@@ -8258,7 +8258,7 @@ var require_setupHooks_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(setupHooks_exports);
-    var import_react3 = require("react"), hooks = {};
+    var hooks = {};
     function setupHooks(next) {
       Object.assign(hooks, next);
     }
@@ -11356,7 +11356,7 @@ var require_TamaguiProvider_native = __commonJS({
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
     function TamaguiProvider2(param) {
       var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
-      return (0, import_useMedia.setupMediaListeners)(), import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+      return (0, import_useMedia.setupMediaListeners)(), process.env.TAMAGUI_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() {
@@ -11366,18 +11366,30 @@ var require_TamaguiProvider_native = __commonJS({
       }, [
         config,
         disableInjectCSS
-      ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UnmountedClassName, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
-          animationDriver: config == null ? void 0 : config.animations,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeProvider.ThemeProvider, {
-            themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
-            disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
-            defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
-            reset,
-            className,
-            children
-          })
-        })
+      ]), /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UnmountedClassName, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ComponentContext.ComponentContext.Provider, {
+              animationDriver: config == null ? void 0 : config.animations,
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ThemeProvider.ThemeProvider, {
+                themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
+                disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
+                defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+                reset,
+                className,
+                children
+              })
+            })
+          }),
+          process.env.TAMAGUI_REACT_19 && config && !disableInjectCSS && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", {
+            // react 19 feature to hoist style tags to header:
+            // https://react.dev/reference/react-dom/components/style
+            // @ts-ignore
+            precedence: "default",
+            href: "tamagui-css",
+            children: config.getCSS()
+          }, "tamagui-css")
+        ]
       });
     }
     function UnmountedClassName(props) {
@@ -12686,7 +12698,7 @@ var require_useResponderEvents_native = __commonJS({
       }, [
         id
       ]), React4.useEffect(function() {
-        var { onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture } = config, requiresResponderSystem = onMoveShouldSetResponder != null || onMoveShouldSetResponderCapture != null || onScrollShouldSetResponder != null || onScrollShouldSetResponderCapture != null || onSelectionChangeShouldSetResponder != null || onSelectionChangeShouldSetResponderCapture != null || onStartShouldSetResponder != null || onStartShouldSetResponderCapture != null, node = hostRef.current;
+        var { onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture } = config, requiresResponderSystem = !!(onMoveShouldSetResponder || onMoveShouldSetResponderCapture || onScrollShouldSetResponder || onScrollShouldSetResponderCapture || onSelectionChangeShouldSetResponder || onSelectionChangeShouldSetResponderCapture || onStartShouldSetResponder || onStartShouldSetResponderCapture), node = hostRef.current.host;
         requiresResponderSystem ? (ResponderSystem.addNode(id, node, config), isAttachedRef.current = !0) : isAttachedRef.current && (ResponderSystem.removeNode(id), isAttachedRef.current = !1);
       }, [
         config,
@@ -13079,6 +13091,66 @@ var require_getBoundingClientRect_native = __commonJS({
   }
 });
 
+// ../../core/core/dist/cjs/helpers/getRect.native.js
+var require_getRect_native = __commonJS({
+  "../../core/core/dist/cjs/helpers/getRect.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, getRect_exports = {};
+    __export2(getRect_exports, {
+      getRect: function() {
+        return getRect;
+      }
+    });
+    module2.exports = __toCommonJS2(getRect_exports);
+    var import_getBoundingClientRect = require_getBoundingClientRect_native(), getRect = function(node) {
+      var rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
+      if (rect) {
+        var { x, y, top, left } = rect;
+        return {
+          x,
+          y,
+          width: node.offsetWidth,
+          height: node.offsetHeight,
+          top,
+          left
+        };
+      }
+    };
+  }
+});
+
 // ../../core/core/dist/cjs/hooks/useElementLayout.native.js
 var require_useElementLayout_native = __commonJS({
   "../../core/core/dist/cjs/hooks/useElementLayout.native.js"(exports2, module2) {
@@ -13224,155 +13296,24 @@ var require_useElementLayout_native = __commonJS({
       });
     };
     function useElementLayout(ref, onLayout) {
-      (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        if (onLayout) {
-          var node = ref.current;
-          node && LayoutHandlers.set(node, onLayout);
-        }
-      }, [
-        ref,
-        onLayout
-      ]), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        if (resizeObserver) {
-          var node = ref.current;
-          if (node && LayoutHandlers.has(node)) {
+      var _ref_current, node = (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.host;
+      node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        var _ref_current2;
+        if (!(!resizeObserver || !onLayout)) {
+          var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
+          if (node2) {
+            LayoutHandlers.set(node2, onLayout);
             var onResize = function() {
-              measureElement(node).then(onLayout);
+              measureElement(node2).then(onLayout);
             };
-            return resizeListeners.add(onResize), resizeObserver.observe(node), function() {
-              resizeListeners.delete(onResize), resizeObserver == null || resizeObserver.unobserve(node);
+            return resizeListeners.add(onResize), resizeObserver.observe(node2), function() {
+              LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver == null || resizeObserver.unobserve(node2);
             };
           }
         }
       }, [
-        ref
-      ]);
-    }
-  }
-});
-
-// ../../core/core/dist/cjs/helpers/getRect.native.js
-var require_getRect_native = __commonJS({
-  "../../core/core/dist/cjs/helpers/getRect.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
-      for (var name in all) __defProp2(target, name, {
-        get: all[name],
-        enumerable: !0
-      });
-    }, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, getRect_exports = {};
-    __export2(getRect_exports, {
-      getRect: function() {
-        return getRect;
-      }
-    });
-    module2.exports = __toCommonJS2(getRect_exports);
-    var import_getBoundingClientRect = require_getBoundingClientRect_native(), getRect = function(node) {
-      var rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
-      if (rect) {
-        var { x, y, top, left } = rect;
-        return {
-          x,
-          y,
-          width: node.offsetWidth,
-          height: node.offsetHeight,
-          top,
-          left
-        };
-      }
-    };
-  }
-});
-
-// ../../core/core/dist/cjs/hooks/usePlatformMethods.native.js
-var require_usePlatformMethods_native = __commonJS({
-  "../../core/core/dist/cjs/hooks/usePlatformMethods.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
-      for (var name in all) __defProp2(target, name, {
-        get: all[name],
-        enumerable: !0
-      });
-    }, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, usePlatformMethods_exports = {};
-    __export2(usePlatformMethods_exports, {
-      usePlatformMethods: function() {
-        return usePlatformMethods;
-      }
-    });
-    module2.exports = __toCommonJS2(usePlatformMethods_exports);
-    var import_constants4 = require_index_native6(), import_getRect = require_getRect_native(), import_useElementLayout = require_useElementLayout_native();
-    function usePlatformMethods(hostRef) {
-      (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        var node = hostRef.current;
-        if (node) {
-          var _node, _node1, _node2;
-          (_node = node).measure || (_node.measure = function(callback) {
-            return (0, import_useElementLayout.measureLayout)(node, null, callback);
-          }), (_node1 = node).measureLayout || (_node1.measureLayout = function(relativeToNode, success) {
-            return (0, import_useElementLayout.measureLayout)(node, relativeToNode, success);
-          }), (_node2 = node).measureInWindow || (_node2.measureInWindow = function(callback) {
-            node && setTimeout(function() {
-              var { height, left, top, width } = (0, import_getRect.getRect)(node);
-              callback(left, top, width, height);
-            }, 0);
-          });
-        }
-      }, [
-        hostRef
+        ref,
+        !!onLayout
       ]);
     }
   }
@@ -13576,16 +13517,30 @@ var require_index_native17 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(src_exports2);
-    var import_react3 = __toESM2(require("react")), import_react_native_use_responder_events = require_index_native16(), import_web = require_index_native14(), import_createOptimizedView = require_createOptimizedView_native(), import_getBaseViews = require_getBaseViews_native(), import_useElementLayout = require_useElementLayout_native(), import_usePlatformMethods = require_usePlatformMethods_native(), import_Pressability = require_Pressability_native();
+    var import_react_native_use_responder_events = require_index_native16(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_createOptimizedView = require_createOptimizedView_native(), import_getBaseViews = require_getBaseViews_native(), import_getRect = require_getRect_native(), import_useElementLayout = require_useElementLayout_native(), import_Pressability = require_Pressability_native();
     __reExport2(src_exports2, require_index_native14(), module2.exports);
     __reExport2(src_exports2, require_reactNativeTypes_native(), module2.exports);
     var baseViews = (0, import_getBaseViews.getBaseViews)();
     (0, import_web.setupHooks)({
       getBaseViews: import_getBaseViews.getBaseViews,
+      setElementProps: function(node) {
+        if (node && !node.measure) {
+          var _node, _node1, _node2;
+          (_node = node).measure || (_node.measure = function(callback) {
+            return (0, import_useElementLayout.measureLayout)(node, null, callback);
+          }), (_node1 = node).measureLayout || (_node1.measureLayout = function(relativeToNode, success) {
+            return (0, import_useElementLayout.measureLayout)(node, relativeToNode, success);
+          }), (_node2 = node).measureInWindow || (_node2.measureInWindow = function(callback) {
+            setTimeout(function() {
+              var { height, left, top, width } = (0, import_getRect.getRect)(node);
+              callback(left, top, width, height);
+            }, 0);
+          });
+        }
+      },
       usePropsTransform(elementType, propsIn, stateRef, willHydrate) {
         if (0) {
           var isDOM, onMoveShouldSetResponder, onMoveShouldSetResponderCapture, onResponderEnd, onResponderGrant, onResponderMove, onResponderReject, onResponderRelease, onResponderStart, onResponderTerminate, onResponderTerminationRequest, onScrollShouldSetResponder, onScrollShouldSetResponderCapture, onSelectionChangeShouldSetResponder, onSelectionChangeShouldSetResponderCapture, onStartShouldSetResponder, onStartShouldSetResponderCapture, collapsable, focusable, accessible, accessibilityDisabled, onLayout, hrefAttrs, plainDOMProps;
-          if (willHydrate || isDOM) var hostRef;
           if (isDOM && plainDOMProps.href && hrefAttrs) var download, rel, target;
         }
       },
@@ -16643,9 +16598,6 @@ var require_constants_native3 = __commonJS({
       SHEET_HANDLE_NAME: function() {
         return SHEET_HANDLE_NAME;
       },
-      SHEET_HIDDEN_STYLESHEET: function() {
-        return SHEET_HIDDEN_STYLESHEET;
-      },
       SHEET_NAME: function() {
         return SHEET_NAME;
       },
@@ -16657,8 +16609,7 @@ var require_constants_native3 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_core12 = require_index_native17(), constants = {}, SHEET_NAME = "Sheet", SHEET_HANDLE_NAME = "SheetHandle", SHEET_OVERLAY_NAME = "SheetOverlay", SHEET_HIDDEN_STYLESHEET = import_core12.isClient ? document.createElement("style") : null;
-    SHEET_HIDDEN_STYLESHEET && typeof document.head < "u" && document.head.appendChild(SHEET_HIDDEN_STYLESHEET);
+    var constants = {}, SHEET_NAME = "Sheet", SHEET_HANDLE_NAME = "SheetHandle", SHEET_OVERLAY_NAME = "SheetOverlay";
   }
 });
 
@@ -17391,7 +17342,7 @@ var require_SheetImplementationCustom_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetImplementationCustom_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_adapt = require_index_native26(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_portal2 = require_index_native31(), import_use_keyboard_visible = require_index_native33(), import_react_native4 = require("react-native"), import_constants22 = require_constants_native3(), import_contexts = require_contexts_native(), import_helpers = require_helpers_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, SheetImplementationCustom = (0, import_core12.themeable)(/* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_adapt = require_index_native26(), import_animate_presence = require_index_native4(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native17(), import_portal2 = require_index_native31(), import_use_keyboard_visible = require_index_native33(), import_react3 = __toESM2(require("react")), import_react_native4 = require("react-native"), import_contexts = require_contexts_native(), import_helpers = require_helpers_native(), import_SheetContext = require_SheetContext_native(), import_useSheetOpenState = require_useSheetOpenState_native(), import_useSheetProviderProps = require_useSheetProviderProps_native(), hiddenSize = 10000.1, sheetHiddenStyleSheet = null, SheetImplementationCustom = /* @__PURE__ */ import_react3.default.forwardRef(function(props, forwardedRef) {
       var parentSheet = import_react3.default.useContext(import_contexts.ParentSheetContext), { animation, animationConfig: animationConfigProp, modal = !1, zIndex = parentSheet.zIndex + 1, moveOnKeyboardChange = !1, unmountChildrenWhenHidden = !1, portalProps, containerComponent: ContainerComponent = import_react3.default.Fragment } = props, keyboardIsVisible = (0, import_use_keyboard_visible.useKeyboardVisible)(), state = (0, import_useSheetOpenState.useSheetOpenState)(props), [overlayComponent, setOverlayComponent] = import_react3.default.useState(null), providerProps = (0, import_useSheetProviderProps.useSheetProviderProps)(props, state, {
         onOverlayComponent: setOverlayComponent
       }), { frameSize, setFrameSize, snapPoints, snapPointsMode, hasFit, position, setPosition, scrollBridge, screenSize, setMaxContentSize, maxSnapPoint } = providerProps, { open, controller, isHidden } = state, sheetRef = import_react3.default.useRef(null), ref = (0, import_compose_refs.useComposedRefs)(forwardedRef, sheetRef), animationConfig = function() {
@@ -17486,7 +17437,7 @@ var require_SheetImplementationCustom_native = __commonJS({
         scrollBridge.paneMinY = minY;
         var startY = at.current;
         function setPanning(val) {
-          setIsDragging(val), import_constants22.SHEET_HIDDEN_STYLESHEET && (val ? import_constants22.SHEET_HIDDEN_STYLESHEET.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }" : import_constants22.SHEET_HIDDEN_STYLESHEET.innerText = "");
+          setIsDragging(val), import_constants4.isClient && (sheetHiddenStyleSheet || (sheetHiddenStyleSheet = document.createElement("style"), typeof document.head < "u" && document.head.appendChild(sheetHiddenStyleSheet)), val ? sheetHiddenStyleSheet.innerText = ":root * { user-select: none !important; -webkit-user-select: none !important; }" : sheetHiddenStyleSheet.innerText = "");
         }
         var release = function(param) {
           var { vy, dragAt } = param;
@@ -17665,7 +17616,7 @@ var require_SheetImplementationCustom_native = __commonJS({
         });
       }
       return contents;
-    }));
+    });
     function getYPositions(mode, point, screenSize, frameSize) {
       if (!screenSize || !frameSize) return 0;
       if (mode === "mixed") {