tamagui 1.103.0 → 1.103.1

package/dist/native.js

@@ -7870,6 +7870,7 @@ var require_getSplitStyles_native = __commonJS({
         staticConfig,
         shouldDoClasses,
         styleProps,
+        rulesToInsert,
         componentState,
         styleState,
         theme: _object_spread9({}, theme)
@@ -9809,7 +9810,7 @@ var require_createComponent_native = __commonJS({
             staticConfig,
             stateRef
           });
-          (isAnimated || supportsCSSVars) && animations && (animationStyles = animations.style, viewProps.style = animationStyles), process.env.NODE_ENV === "development" && time && time(_templateObject11());
+          (isAnimated || supportsCSSVars) && animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = "".concat(viewProps.className || "", " ").concat(animations.className))), process.env.NODE_ENV === "development" && time && time(_templateObject11());
         }
         process.env.NODE_ENV === "development" && props.untilMeasured && !props.group && console.warn(`You set the untilMeasured prop without setting group. This doesn't work, be sure to set untilMeasured on the parent that sets group, not the children that use the $group- prop.
 
@@ -9831,7 +9832,9 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             pressIn: !1
           });
         };
-        (0, import_react4.useEffect)(function() {
+        process.env.NODE_ENV === "development" && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+          debugProp && (console.groupCollapsed("Rendered style >"), console.warn(getComputedStyle(stateRef.current.host)), console.groupEnd());
+        }), (0, import_react4.useEffect)(function() {
           if (!disabled) {
             if (state.unmounted === !0 && hasEnterStyle) {
               setStateShallow({
@@ -12929,7 +12932,7 @@ var require_TamaguiProvider_native = __commonJS({
       "@swc/helpers - typeof";
       return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
     }
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+    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
@@ -12957,18 +12960,6 @@ var require_TamaguiProvider_native = __commonJS({
         }
       }
       return to;
-    }, __toESM2 = function(mod, isNodeMode, target) {
-      return target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-        // If the importer is in node compatibility mode or this is not an ESM
-        // file that has been converted to a CommonJS file using a Babel-
-        // compatible transform (i.e. "__esModule" has not been set), then set
-        // "default" to the CommonJS "module.exports" for node compatibility.
-        isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", {
-          value: mod,
-          enumerable: !0
-        }) : target,
-        mod
-      );
     }, __toCommonJS2 = function(mod) {
       return __copyProps2(__defProp2({}, "__esModule", {
         value: !0
@@ -12980,64 +12971,51 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), React2 = __toESM2(require("react")), import_ComponentContext = require_ComponentContext_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native();
-    function _define_property9(obj, key, value) {
-      return key in obj ? Object.defineProperty(obj, key, {
-        value,
-        enumerable: !0,
-        configurable: !0,
-        writable: !0
-      }) : obj[key] = value, obj;
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react4 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
+    function _array_like_to_array2(arr, len) {
+      (len == null || len > arr.length) && (len = arr.length);
+      for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+      return arr2;
     }
-    function _object_spread9(target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i] != null ? arguments[i] : {}, ownKeys22 = Object.keys(source);
-        typeof Object.getOwnPropertySymbols == "function" && (ownKeys22 = ownKeys22.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-          return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-        }))), ownKeys22.forEach(function(key) {
-          _define_property9(target, key, source[key]);
-        });
-      }
-      return target;
+    function _array_with_holes(arr) {
+      if (Array.isArray(arr)) return arr;
     }
-    function ownKeys8(object, enumerableOnly) {
-      var keys = Object.keys(object);
-      if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        enumerableOnly && (symbols = symbols.filter(function(sym) {
-          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-        })), keys.push.apply(keys, symbols);
+    function _iterable_to_array_limit(arr, i) {
+      var _i = arr == null ? null : (typeof Symbol > "u" ? "undefined" : _type_of3(Symbol)) < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+      if (_i != null) {
+        var _arr = [], _n = !0, _d = !1, _s, _e;
+        try {
+          for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0) ;
+        } catch (err) {
+          _d = !0, _e = err;
+        } finally {
+          try {
+            !_n && _i.return != null && _i.return();
+          } finally {
+            if (_d) throw _e;
+          }
+        }
+        return _arr;
       }
-      return keys;
     }
-    function _object_spread_props8(target, source) {
-      return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys8(Object(source)).forEach(function(key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      }), target;
+    function _non_iterable_rest() {
+      throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function _object_without_properties5(source, excluded) {
-      if (source == null) return {};
-      var target = _object_without_properties_loose5(source, excluded), key, i;
-      if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for (i = 0; i < sourceSymbolKeys.length; i++) key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-      }
-      return target;
+    function _sliced_to_array(arr, i) {
+      return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array2(arr, i) || _non_iterable_rest();
     }
-    function _object_without_properties_loose5(source, excluded) {
-      if (source == null) return {};
-      var target = {}, sourceKeys = Object.keys(source), key, i;
-      for (i = 0; i < sourceKeys.length; i++) key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-      return target;
+    function _unsupported_iterable_to_array2(o, minLen) {
+      if (o) {
+        if (typeof o == "string") return _array_like_to_array2(o, minLen);
+        var n = Object.prototype.toString.call(o).slice(8, -1);
+        if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
+        if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array2(o, minLen);
+      }
     }
-    function TamaguiProvider2(_param) {
-      var children = _param.children, disableInjectCSS = _param.disableInjectCSS, config = _param.config, themePropsProvider = _object_without_properties5(_param, [
-        "children",
-        "disableInjectCSS",
-        "config"
-      ]);
-      (0, import_useMedia.setupMediaListeners)(), import_constants4.isClient && ((0, import_useDidHydrateOnce.useDidHydrateOnceRoot)(), React2.useInsertionEffect(function() {
-        if (config && (config.disableSSR || document.documentElement.classList.contains("t_unmounted") && document.documentElement.classList.remove("t_unmounted"), !disableInjectCSS)) {
+    function TamaguiProvider2(param) {
+      var children = param.children, disableInjectCSS = param.disableInjectCSS, config = param.config, className = param.className, defaultTheme = param.defaultTheme, disableRootThemeClass = param.disableRootThemeClass, reset = param.reset, themeClassNameOnRoot = param.themeClassNameOnRoot;
+      (0, import_useMedia.setupMediaListeners)(), import_constants4.isClient && ((0, import_useDidHydrateOnce.useDidHydrateOnceRoot)(), (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() {
             document.head.removeChild(style);
@@ -13047,18 +13025,32 @@ var require_TamaguiProvider_native = __commonJS({
         config,
         disableInjectCSS
       ]));
-      var _themePropsProvider_defaultTheme;
-      return /* @__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, _object_spread_props8(_object_spread9({
-          themeClassNameOnRoot: config == null ? void 0 : config.themeClassNameOnRoot,
-          disableRootThemeClass: config == null ? void 0 : config.disableRootThemeClass
-        }, themePropsProvider), {
-          defaultTheme: (_themePropsProvider_defaultTheme = themePropsProvider.defaultTheme) !== null && _themePropsProvider_defaultTheme !== void 0 ? _themePropsProvider_defaultTheme : config ? Object.keys(config.themes)[0] : "",
-          children
-        }))
+      var contents = (0, import_react4.useMemo)(function() {
+        return /* @__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 ?? (config == null ? void 0 : config.themeClassNameOnRoot),
+            disableRootThemeClass: disableRootThemeClass ?? (config == null ? void 0 : config.disableRootThemeClass),
+            defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
+            reset,
+            className,
+            children
+          })
+        });
+      }, []);
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UnmountedClassName, {
+        children: contents
       });
     }
+    function UnmountedClassName(props) {
+      var _useState = _sliced_to_array((0, import_react4.useState)(!1), 2), mounted = _useState[0], setMounted = _useState[1];
+      return (0, import_react4.useEffect)(function() {
+        setMounted(!0);
+      }, []), import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", {
+        className: mounted ? "" : "t_unmounted",
+        children: props.children
+      }) : props.children;
+    }
     TamaguiProvider2.displayName = "TamaguiProvider";
   }
 });