@tamagui/core 1.105.1 → 1.105.2

package/dist/native.js

@@ -2136,6 +2136,9 @@ var require_config_native = __commonJS({
       getFont: function() {
         return getFont;
       },
+      getSetting: function() {
+        return getSetting;
+      },
       getThemes: function() {
         return getThemes2;
       },
@@ -2215,7 +2218,14 @@ var require_config_native = __commonJS({
         if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
       }
     }
-    var conf, setConfig = function(next) {
+    var conf, getSetting = function(key) {
+      if (process.env.NODE_ENV === "development" && !conf) throw new Error("Haven't called createTamagui yet");
+      var _conf_settings_key;
+      return (_conf_settings_key = conf.settings[key]) !== null && _conf_settings_key !== void 0 ? _conf_settings_key : (
+        // @ts-expect-error
+        conf[key]
+      );
+    }, setConfig = function(next) {
       conf = next;
     }, setConfigFont = function(name, font, fontParsed) {
       if (process.env.NODE_ENV === "development" && !conf) throw new Error("Haven't called createTamagui yet");
@@ -3068,7 +3078,7 @@ var require_useDisableSSR_native = __commonJS({
     var import_config = require_config_native();
     function getDisableSSR(componentContext) {
       var _componentContext_disableSSR;
-      return (_componentContext_disableSSR = componentContext == null ? void 0 : componentContext.disableSSR) !== null && _componentContext_disableSSR !== void 0 ? _componentContext_disableSSR : (0, import_config.getConfig)().disableSSR;
+      return (_componentContext_disableSSR = componentContext == null ? void 0 : componentContext.disableSSR) !== null && _componentContext_disableSSR !== void 0 ? _componentContext_disableSSR : (0, import_config.getSetting)("disableSSR");
     }
   }
 });
@@ -3115,6 +3125,9 @@ var require_useMedia_native = __commonJS({
       }), mod);
     }, useMedia_exports = {};
     __export2(useMedia_exports, {
+      _dmt: function() {
+        return _dmt;
+      },
       configureMedia: function() {
         return configureMedia2;
       },
@@ -3127,6 +3140,9 @@ var require_useMedia_native = __commonJS({
       getMediaKeyImportance: function() {
         return getMediaKeyImportance;
       },
+      getMediaState: function() {
+        return getMediaState;
+      },
       isMediaKey: function() {
         return isMediaKey;
       },
@@ -3168,6 +3184,9 @@ var require_useMedia_native = __commonJS({
     function _array_with_holes(arr) {
       if (Array.isArray(arr)) return arr;
     }
+    function _array_without_holes(arr) {
+      if (Array.isArray(arr)) return _array_like_to_array(arr);
+    }
     function _define_property2(obj, key, value) {
       return key in obj ? Object.defineProperty(obj, key, {
         value,
@@ -3176,6 +3195,9 @@ var require_useMedia_native = __commonJS({
         writable: !0
       }) : obj[key] = value, obj;
     }
+    function _iterable_to_array(iter) {
+      if ((typeof Symbol > "u" ? "undefined" : _type_of(Symbol)) < "u" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+    }
     function _iterable_to_array_limit(arr, i) {
       var _i = arr == null ? null : (typeof Symbol > "u" ? "undefined" : _type_of(Symbol)) < "u" && arr[Symbol.iterator] || arr["@@iterator"];
       if (_i != null) {
@@ -3197,6 +3219,9 @@ var require_useMedia_native = __commonJS({
     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 _non_iterable_spread() {
+      throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+    }
     function _object_spread2(target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
@@ -3226,6 +3251,9 @@ var require_useMedia_native = __commonJS({
     function _sliced_to_array(arr, i) {
       return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
     }
+    function _to_consumable_array(arr) {
+      return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+    }
     function _unsupported_iterable_to_array(o, minLen) {
       if (o) {
         if (typeof o == "string") return _array_like_to_array(o, minLen);
@@ -3257,7 +3285,7 @@ var require_useMedia_native = __commonJS({
       var conf = (0, import_config.getConfig)();
       return conf.settings.mediaPropOrder ? defaultMediaImportance : mediaKeysOrdered.indexOf(key) + 100;
     }, dispose = /* @__PURE__ */ new Set(), mediaVersion = 0, configureMedia2 = function(config) {
-      var media = config.media, mediaQueryDefaultActive = config.mediaQueryDefaultActive;
+      var media = config.media, mediaQueryDefaultActive = (0, import_config.getSetting)("mediaQueryDefaultActive");
       if (media) {
         mediaVersion++;
         for (var key in media) mediaState2[key] = (mediaQueryDefaultActive == null ? void 0 : mediaQueryDefaultActive[key]) || !1, mediaKeys.add("$".concat(key));
@@ -3335,16 +3363,37 @@ var require_useMedia_native = __commonJS({
       }
       return new Proxy(state, {
         get: function(_, key) {
-          if (typeof key == "string") {
-            var _componentState;
-            (_componentState = componentState).keys || (_componentState.keys = {}), componentState.keys[key] = !0, process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key);
+          if (!disableMediaTouch) {
+            if (typeof key == "string") {
+              var _componentState;
+              (_componentState = componentState).keys || (_componentState.keys = {}), componentState.keys[key] = !0, process.env.NODE_ENV === "development" && debug && console.info("useMedia() TOUCH", key);
+            }
+            return Reflect.get(state, key);
           }
-          return Reflect.get(state, key);
         }
       });
     }
+    var disableMediaTouch = !1;
+    function _dmt(val) {
+      disableMediaTouch = val;
+    }
+    function getMediaState(mediaGroups, layout) {
+      disableMediaTouch = !0;
+      var res;
+      try {
+        res = Object.fromEntries(_to_consumable_array(mediaGroups).map(function(mediaKey) {
+          return [
+            mediaKey,
+            mediaKeyMatch2(mediaKey, layout)
+          ];
+        }));
+      } finally {
+        disableMediaTouch = !1;
+      }
+      return res;
+    }
     var getMediaImportanceIfMoreImportant = function(mediaKey, key, importancesUsed, isSizeMedia) {
-      var conf = (0, import_config.getConfig)(), importance = isSizeMedia && !conf.settings.mediaPropOrder ? getMediaKeyImportance(mediaKey) : defaultMediaImportance;
+      var importance = isSizeMedia && !(0, import_config.getSetting)("mediaPropOrder") ? getMediaKeyImportance(mediaKey) : defaultMediaImportance;
       return !importancesUsed[key] || importance > importancesUsed[key] ? importance : null;
     };
     function camelToHyphen(str) {
@@ -3899,7 +3948,7 @@ var require_createShallowSetState_native = __commonJS({
     }
     function mergeIfNotShallowEqual(prev, next, isDisabled, debug) {
       if (isDisabled || !prev || !next || isEqualShallow(prev, next)) return prev || next;
-      if (process.env.NODE_ENV === "development" && debug && (console.warn("setStateShallow CHANGE", {
+      if (process.env.NODE_ENV === "development" && debug && (console.info("setStateShallow CHANGE", {
         prev,
         next
       }), debug === "break")) debugger;
@@ -4091,7 +4140,7 @@ var require_useTheme_native = __commonJS({
         }
         return next;
       }), themeManager = changedThemeState.themeManager, state = changedThemeState.state;
-      process.env.NODE_ENV === "development" && (state != null && state.theme || process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.warn("[tamagui] No theme found, this could be due to an invalid theme name (given theme props ".concat(JSON.stringify(props), `).
+      process.env.NODE_ENV === "development" && (state != null && state.theme || process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.error("[tamagui] No theme found, this could be due to an invalid theme name (given theme props ".concat(JSON.stringify(props), `).
 
 If this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`)));
       var themeProxied = (0, import_react3.useMemo)(function() {
@@ -4133,7 +4182,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
                 if (subkey === "val") track(keyString);
                 else if (subkey === "get") return function(platform) {
                   var outVal = (0, import_createVariable.getVariable)(val);
-                  if (platform !== "web" && import_constants.isIos && !deopt && config.settings.fastSchemeChange && !someParentIsInversed(themeManager) && scheme) {
+                  if (platform !== "web" && import_constants.isIos && !deopt && (0, import_config.getSetting)("fastSchemeChange") && !someParentIsInversed(themeManager) && scheme) {
                     var oppositeThemeName = name.replace(scheme === "dark" ? "dark" : "light", scheme === "dark" ? "light" : "dark"), oppositeTheme = config.themes[oppositeThemeName], oppositeVal = (0, import_createVariable.getVariable)(oppositeTheme == null ? void 0 : oppositeTheme[keyString]);
                     if (oppositeVal) {
                       var dynamicVal = {
@@ -4174,7 +4223,16 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         var id = _idToUID[t.id] = {};
         _uidToManager.set(id, t);
       }
-    }, useChangeThemeEffect = function(props) {
+    }, ogLog = console.error, preventWarnSetState = process.env.NODE_ENV === "production" ? ogLog : (
+      // temporary fix for logs, they are harmless in that i've tried to rewrite this
+      // a few times using the "right" ways, but they are always slower. maybe skill issue
+      function(a) {
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) args[_key - 1] = arguments[_key];
+        if (!(typeof a == "string" && a.includes("Cannot update a component"))) return ogLog.apply(void 0, [
+          a
+        ].concat(_to_consumable_array(args)));
+      }
+    ), useChangeThemeEffect = function(props) {
       var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, keys = arguments.length > 2 ? arguments[2] : void 0, shouldUpdate = arguments.length > 3 ? arguments[3] : void 0, getShouldUpdateTheme = function() {
         var manager = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : themeManager, nextState = arguments.length > 1 ? arguments[1] : void 0, prevState = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : state, forceShouldChange = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, forceUpdate = shouldUpdate == null ? void 0 : shouldUpdate();
         if (!(!manager || !forceShouldChange && forceUpdate === !1)) {
@@ -4197,7 +4255,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         }
         var isNewTheme2 = !!(themeManager2 !== parentManager || props.inverse);
         isNewTheme2 && registerThemeManager(themeManager2);
-        var isWebSSR = import_constants.isWeb ? !(0, import_config.getConfig)().disableSSR : !1, mounted2 = isWebSSR ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
+        var isWebSSR = import_constants.isWeb ? !(0, import_config.getSetting)("disableSSR") : !1, mounted2 = isWebSSR ? isRoot || (prev == null ? void 0 : prev.mounted) : !0;
         state2 || (isNewTheme2 ? state2 = themeManager2.state : (state2 = parentManager.state, themeManager2 = parentManager));
         var wasInversed = prev == null ? void 0 : prev.inversed, isInherentlyInversed = isNewTheme2 && state2.scheme !== (parentManager == null ? void 0 : parentManager.state.scheme), inversed2 = isRoot ? !1 : isInherentlyInversed ? !0 : isWebSSR ? wasInversed != null ? !1 : null : props.inverse, response = {
           themeManager: themeManager2,
@@ -4241,9 +4299,9 @@ If this is intended and you are using Tamagui without any themes, you can disabl
           }
           (isNewTheme || getShouldUpdateTheme(themeManager)) && (activeThemeManagers.add(themeManager), setThemeState(createState));
           var selfListenerDispose = themeManager.onChangeTheme(function(_a, _b, forced) {
-            forced && setThemeState(function(prev) {
+            forced && (console.error = preventWarnSetState, setThemeState(function(prev) {
               return createState(prev, !0);
-            });
+            }), console.error = ogLog);
           }), disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme(function(name, manager, forced) {
             var force = forced || (shouldUpdate == null ? void 0 : shouldUpdate()) || props.deopt || props["disable-child-theme"], shouldTryUpdate = force ?? !!(keys != null && keys.length || isNewTheme);
             process.env.NODE_ENV === "development" && props.debug === "verbose" && console.info(" \u{1F538} onChange", themeManager.id, {
@@ -4253,9 +4311,9 @@ If this is intended and you are using Tamagui without any themes, you can disabl
               name,
               manager,
               keys
-            }), shouldTryUpdate && setThemeState(function(prev) {
+            }), shouldTryUpdate && (console.error = preventWarnSetState, setThemeState(function(prev) {
               return createState(prev, force);
-            });
+            }), console.error = ogLog);
           }, themeManager.id);
           return function() {
             selfListenerDispose(), disposeChangeListener == null || disposeChangeListener(), isNewTheme && activeThemeManagers.delete(themeManager);
@@ -5278,7 +5336,7 @@ var require_createMediaStyle_native = __commonJS({
         if (isTheme || isGroup) {
           var groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyIn), mediaName = groupInfo == null ? void 0 : groupInfo.name;
           groupMediaKey = groupInfo == null ? void 0 : groupInfo.media, isGroup && (containerName = mediaName);
-          var name = (isGroup ? "group_" : "") + mediaName, selectorStart = styleInner.indexOf(":root"), selectorEnd = styleInner.lastIndexOf("{"), selector = styleInner.slice(selectorStart, selectorEnd), precedenceSpace = conf.themeClassNameOnRoot && isTheme ? "" : " ", pseudoSelectorName = groupInfo.pseudo ? groupPseudoToPseudoCSSMap[groupInfo.pseudo] || groupInfo.pseudo : void 0, pseudoSelector = pseudoSelectorName ? ":".concat(pseudoSelectorName) : "", presedencePrefix = ":root".concat(precedenceImportancePrefix).concat(precedenceSpace), mediaSelector = ".t_".concat(name).concat(pseudoSelector), nextSelector = "".concat(presedencePrefix).concat(mediaSelector, " ").concat(selector.replace(":root", ""));
+          var name = (isGroup ? "group_" : "") + mediaName, selectorStart = styleInner.indexOf(":root"), selectorEnd = styleInner.lastIndexOf("{"), selector = styleInner.slice(selectorStart, selectorEnd), precedenceSpace = (0, import_config.getSetting)("themeClassNameOnRoot") && isTheme ? "" : " ", pseudoSelectorName = groupInfo.pseudo ? groupPseudoToPseudoCSSMap[groupInfo.pseudo] || groupInfo.pseudo : void 0, pseudoSelector = pseudoSelectorName ? ":".concat(pseudoSelectorName) : "", presedencePrefix = ":root".concat(precedenceImportancePrefix).concat(precedenceSpace), mediaSelector = ".t_".concat(name).concat(pseudoSelector), nextSelector = "".concat(presedencePrefix).concat(mediaSelector, " ").concat(selector.replace(":root", ""));
           styleRule = styleInner.replace(selector, nextSelector);
         } else styleRule = "".concat(precedenceImportancePrefix).concat(styleInner);
       }
@@ -6203,6 +6261,7 @@ var require_log_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(log_exports);
+    var import_useMedia = require_useMedia_native();
     function _array_like_to_array(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];
@@ -6230,10 +6289,15 @@ var require_log_native = __commonJS({
     }
     function log() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
-      var _console;
       if (process.env.NODE_ENV !== "production") {
-        if (0) var _console1;
-        return (_console = console).log.apply(_console, _to_consumable_array(args));
+        (0, import_useMedia._dmt)(!0);
+        try {
+          var _console;
+          if (0) var _console1;
+          return (_console = console).log.apply(_console, _to_consumable_array(args));
+        } finally {
+          (0, import_useMedia._dmt)(!1);
+        }
       }
     }
   }
@@ -7297,16 +7361,17 @@ var require_propMapper_native = __commonJS({
     }
     var propMapper = function(key, value, styleStateIn, subPropsIn) {
       if (lastFontFamilyToken = null, !(!import_constants.isAndroid && key === "elevationAndroid")) {
+        var conf = styleStateIn.conf, styleProps = styleStateIn.styleProps, fontFamily = styleStateIn.fontFamily, staticConfig = styleStateIn.staticConfig;
         if (value === "unset") {
-          var _styleStateIn_conf_unset, unsetVal = (_styleStateIn_conf_unset = styleStateIn.conf.unset) === null || _styleStateIn_conf_unset === void 0 ? void 0 : _styleStateIn_conf_unset[key];
+          var _conf_unset, unsetVal = (_conf_unset = conf.unset) === null || _conf_unset === void 0 ? void 0 : _conf_unset[key];
           if (unsetVal != null) value = unsetVal;
           else return;
         }
-        var subProps = styleStateIn.styleProps.fallbackProps || subPropsIn, styleState = subProps ? new Proxy(styleStateIn, {
+        var subProps = styleProps.fallbackProps || subPropsIn, styleState = subProps ? new Proxy(styleStateIn, {
           get: function(_, k) {
             return k === "curProps" ? subProps : Reflect.get(_, k);
           }
-        }) : styleStateIn, conf = styleState.conf, styleProps = styleState.styleProps, fontFamily = styleState.fontFamily, staticConfig = styleState.staticConfig, variants = staticConfig.variants;
+        }) : styleStateIn, variants = staticConfig.variants;
         if (process.env.NODE_ENV === "development" && fontFamily && fontFamily[0] === "$" && !(fontFamily in conf.fontsParsed) && console.warn('Warning: no fontFamily "'.concat(fontFamily, '" found in config: ').concat(Object.keys(conf.fontsParsed).join(", "))), !styleProps.noExpand && variants && key in variants) {
           styleState.curProps[key] = value;
           var variantValue = resolveVariants(key, value, styleProps, styleState, "");
@@ -7729,7 +7794,7 @@ var require_getSplitStyles_native = __commonJS({
         if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
       }
     }
-    var conf, PROP_SPLIT = "-";
+    var consoleGroupCollapsed = import_constants.isWeb ? console.groupCollapsed : console.info, conf, PROP_SPLIT = "-";
     function isValidStyleKey(key, staticConfig) {
       var _staticConfig_accept, validStyleProps = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles);
       return validStyleProps[key] || ((_staticConfig_accept = staticConfig.accept) === null || _staticConfig_accept === void 0 ? void 0 : _staticConfig_accept[key]);
@@ -7759,7 +7824,7 @@ var require_getSplitStyles_native = __commonJS({
         debug,
         skipThemeTokenResolution
       };
-      process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants.isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
+      process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants.isClient && (consoleGroupCollapsed("getSplitStyles (collapsed)"), (0, import_log.log)({
         props,
         staticConfig,
         shouldDoClasses,
@@ -7808,7 +7873,7 @@ var require_getSplitStyles_native = __commonJS({
           if (!(isStyleProp && (asChild === "except-style" || asChild === "except-style-web"))) {
             var shouldPassProp = !isStyleProp || // is in parent variants
             isHOC && parentVariants && keyInit in parentVariants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = parentVariants == null ? void 0 : parentVariants[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo1 || parentVariant || keyInit in import_skipProps.skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
-            if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), console.groupCollapsed("  \u{1F511} ".concat(keyOg).concat(keyInit !== keyOg ? " (shorthand for ".concat(keyInit, ")") : "", " ").concat(shouldPassThrough ? "(pass)" : "")), (0, import_log.log)({
+            if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupEnd(), console.groupEnd(), consoleGroupCollapsed("  \u{1F511} ".concat(keyOg).concat(keyInit !== keyOg ? " (shorthand for ".concat(keyInit, ")") : "", " ").concat(shouldPassThrough ? "(pass)" : "")), (0, import_log.log)({
               isVariant,
               valInit,
               shouldPassProp
@@ -7835,7 +7900,7 @@ var require_getSplitStyles_native = __commonJS({
               next && (styleState.fontFamily = next);
             }
             if (process.env.NODE_ENV === "development" && debug === "verbose") {
-              console.groupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
+              consoleGroupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
               try {
                 !import_constants.isServer && import_isDevTools.isDevTools && ((0, import_log.log)({
                   expanded,
@@ -7845,7 +7910,6 @@ var require_getSplitStyles_native = __commonJS({
                   variant: variants == null ? void 0 : variants[keyInit],
                   shouldPassProp,
                   isHOCShouldPassThrough,
-                  theme,
                   usedKeys: _object_spread2({}, usedKeys),
                   curProps: _object_spread2({}, styleState.curProps)
                 }), (0, import_log.log)("expanded", expanded, `
@@ -7868,7 +7932,7 @@ current`, _object_spread2({}, styleState.style)));
                 }
                 var shouldPassThrough1 = styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo1 || (parentStaticConfig == null || (_parentStaticConfig_variants = parentStaticConfig.variants) === null || _parentStaticConfig_variants === void 0 ? void 0 : _parentStaticConfig_variants[keyInit]));
                 if (shouldPassThrough1) {
-                  passDownProp(viewProps, key, val, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(" - passing down prop ".concat(key)), (0, import_log.log)({
+                  passDownProp(viewProps, key, val, isMediaOrPseudo1), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed(" - passing down prop ".concat(key)), (0, import_log.log)({
                     val,
                     after: _object_spread2({}, viewProps[key])
                   }), console.groupEnd());
@@ -7887,7 +7951,7 @@ current`, _object_spread2({}, styleState.style)));
                   }
                   if (shouldDoClasses && !isExit) {
                     var pseudoStyles = (0, import_getStylesAtomic.getStyleAtomic)(pseudoStyleObject, descriptor);
-                    process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), (0, import_log.log)({
+                    process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo (classes)", key), (0, import_log.log)({
                       pseudoStyleObject,
                       pseudoStyles
                     }), console.groupEnd());
@@ -7909,7 +7973,7 @@ current`, _object_spread2({}, styleState.style)));
                   }
                   if (!shouldDoClasses || isExit || isEnter) {
                     var descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = componentState[descriptorKey] === !1;
-                    isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, {
+                    isExit && (isDisabled = !styleProps.isExiting), isEnter && componentState.unmounted === !1 && (isDisabled = !0), process.env.NODE_ENV === "development" && debug === "verbose" && (consoleGroupCollapsed("pseudo", key, {
                       isDisabled
                     }), (0, import_log.log)({
                       pseudoStyleObject,
@@ -8005,22 +8069,21 @@ current`, _object_spread2({}, styleState.style)));
                     } else if (isGroupMedia) {
                       var _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
                       if (!groupContext) {
-                        process.env.NODE_ENV === "development" && debug && console.warn("No parent with group prop, skipping styles: ".concat(groupName));
+                        process.env.NODE_ENV === "development" && debug && (0, import_log.log)("No parent with group prop, skipping styles: ".concat(groupName));
                         continue;
                       }
                       var groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
                       if (groupMediaKey) {
                         mediaGroups || (mediaGroups = /* @__PURE__ */ new Set()), mediaGroups.add(groupMediaKey);
                         var mediaState1 = componentGroupState == null ? void 0 : componentGroupState.media, isActive = mediaState1 == null ? void 0 : mediaState1[groupMediaKey];
-                        if (!mediaState1 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), !isActive) continue;
+                        if (!mediaState1 && groupContext.layout && (isActive = (0, import_useMedia.mediaKeyMatch)(groupMediaKey, groupContext.layout)), process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(" \u{1F3D8}\uFE0F GROUP media ".concat(groupMediaKey, " active? ").concat(isActive)), !isActive) continue;
                         importanceBump = 2;
                       }
                       if (groupPseudoKey) {
                         pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
                         var componentGroupPseudoState = (componentGroupState || // fallback to context initially
-                        context.groups.state[groupName]).pseudo, isActive1 = componentGroupPseudoState == null ? void 0 : componentGroupPseudoState[groupPseudoKey];
-                        if (!isActive1) continue;
-                        var priority1 = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
+                        context.groups.state[groupName]).pseudo, isActive1 = componentGroupPseudoState == null ? void 0 : componentGroupPseudoState[groupPseudoKey], priority1 = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
+                        if (process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)(" \u{1F3D8}\uFE0F GROUP pseudo ".concat(groupMediaKey, " active? ").concat(isActive1, ", priority ").concat(priority1)), !isActive1) continue;
                         importanceBump = priority1;
                       }
                     }
@@ -8030,7 +8093,7 @@ current`, _object_spread2({}, styleState.style)));
                         space = valInit.space;
                         continue;
                       }
-                      (_styleState1 = styleState).style || (_styleState1.style = {}), mergeMediaByImportance(styleState, mediaKeyShort, subKey, mediaStyle1[subKey], usedKeys, mediaState2[mediaKeyShort], importanceBump), key === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
+                      (_styleState1 = styleState).style || (_styleState1.style = {}), mergeMediaByImportance(styleState, mediaKeyShort, subKey, mediaStyle1[subKey], usedKeys, mediaState2[mediaKeyShort], importanceBump, debug), key === "fontFamily" && (styleState.fontFamily = mediaStyle1.fontFamily);
                     }
                   }
                   continue;
@@ -8152,7 +8215,7 @@ current`, _object_spread2({}, styleState.style)));
         } else style3 && !styleProps.noMergeStyle && (viewProps.style = style3);
       }
       if (process.env.NODE_ENV === "development" && debug === "verbose" && import_isDevTools.isDevTools) {
-        console.groupCollapsed("\u{1F539} getSplitStyles ===>");
+        consoleGroupCollapsed("\u{1F539} getSplitStyles ===>");
         try {
           var logs = _object_spread_props(_object_spread2({}, result), {
             className,
@@ -8259,9 +8322,15 @@ current`, _object_spread2({}, styleState.style)));
         delete viewProps[key], viewProps[key] = next;
       } else viewProps[key] = val;
     }
-    function mergeMediaByImportance(styleState, mediaKey, key, value, importancesUsed, isSizeMedia, importanceBump) {
+    function mergeMediaByImportance(styleState, mediaKey, key, value, importancesUsed, isSizeMedia, importanceBump, debugProp) {
       var importance = (0, import_useMedia.getMediaImportanceIfMoreImportant)(mediaKey, key, importancesUsed, isSizeMedia);
-      return importanceBump && (importance = (importance || 0) + importanceBump), importance === null ? !1 : (importancesUsed[key] = importance, mergeStyle(styleState, key, value), !0);
+      if (importanceBump && (importance = (importance || 0) + importanceBump), process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)("mergeMediaByImportance ".concat(key, " importance existing ").concat(importancesUsed[key], " next ").concat(importance)), importance === null) return !1;
+      if (importancesUsed[key] = importance, key in import_pseudoDescriptors.pseudoDescriptors) {
+        var descriptor = import_pseudoDescriptors.pseudoDescriptors[key], descriptorKey = descriptor.stateKey || descriptor.name, isDisabled = styleState.componentState[descriptorKey] === !1;
+        if (isDisabled) return !1;
+        for (var subKey in value) mergeStyle(styleState, subKey, value[subKey]);
+      } else mergeStyle(styleState, key, value);
+      return !0;
     }
     function normalizeStyle(style) {
       var out = {};
@@ -9598,7 +9667,7 @@ var require_createComponent_native = __commonJS({
         if ("themeInverse" in props && (themeStateProps.inverse = props.themeInverse), "theme" in props && (themeStateProps.name = props.theme), typeof curStateRef.isListeningToTheme == "boolean" && (themeStateProps.shouldUpdate = function() {
           return stateRef.current.isListeningToTheme;
         }), themeStateProps.deopt = willBeAnimated, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
-          var name = "".concat(componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"), type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (shouldAvoidClasses ? "(shouldAvoidClasses)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = "".concat(internalID, " ").concat(name).concat(dataIs ? " ".concat(dataIs) : "", " ").concat(type);
+          var name = "".concat(componentName2 || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"), type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (shouldAvoidClasses ? "(shouldAvoidClasses)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + ((presenceState == null ? void 0 : presenceState.isPresent) === !1 ? "(EXIT)" : ""), dataIs = propsIn["data-is"] || "", banner = "".concat(internalID, " ").concat(name).concat(dataIs ? " ".concat(dataIs) : "", " ").concat(type);
           if (console.info("%c ".concat(banner, " (hydrated: ").concat(isHydrated, ") (unmounted: ").concat(state.unmounted, ")"), "background: green; color: white;"), import_constants.isServer) (0, import_log.log)({
             noClassNames,
             isAnimated,
@@ -9608,8 +9677,8 @@ var require_createComponent_native = __commonJS({
           });
           else {
             console.groupEnd();
-            var pressLog = "".concat(state.press || state.pressIn ? " PRESS " : ""), stateLog = "".concat(pressLog).concat(state.hover ? " HOVER " : "").concat(state.focus ? " FOCUS" : " "), ch = propsIn.children, childLog = typeof ch == "string" ? ch.length > 4 ? ch.slice(0, 4) + "..." : ch : "";
-            childLog.length && (childLog = "(children: ".concat(childLog, ")")), console.groupCollapsed("".concat(childLog).concat(stateLog, "Props:")), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props), (0, import_log.log)({
+            var ch = propsIn.children, childLog = typeof ch == "string" ? ch.length > 4 ? ch.slice(0, 4) + "..." : ch : "";
+            childLog.length && (childLog = "(children: ".concat(childLog, ")")), console.groupCollapsed("".concat(childLog, " Props:")), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props), (0, import_log.log)({
               state,
               staticConfig,
               elementType,
@@ -9716,7 +9785,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             pressIn: !1
           });
         };
-        process.env.NODE_ENV === "development" && (0, import_constants.useIsomorphicLayoutEffect)(function() {
+        process.env.NODE_ENV === "development" && import_constants.isWeb && (0, import_constants.useIsomorphicLayoutEffect)(function() {
           debugProp && (console.groupCollapsed("Rendered style >"), console.warn(getComputedStyle(stateRef.current.host)), console.groupEnd());
         }), (0, import_react3.useEffect)(function() {
           if (!disabled) {
@@ -9751,7 +9820,17 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           mediaGroups ? Object.keys(_to_consumable_array(mediaGroups)).join("") : 0
         ]);
         var runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut), attachHover = import_constants.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(groupName || runtimePressStyle);
-        process.env.NODE_ENV === "development" && time && time(_templateObject14());
+        process.env.NODE_ENV === "development" && time && time(_templateObject14()), process.env.NODE_ENV === "development" && debugProp === "verbose" && (0, import_log.log)("\u{1FAA9} events()", {
+          runtimeFocusStyle,
+          runtimePressStyle,
+          runtimeHoverStyle,
+          runtimeFocusVisibleStyle,
+          attachPress,
+          attachFocus,
+          attachHover,
+          shouldAttach,
+          needsHoverState
+        });
         var events = shouldAttach ? _object_spread2(_object_spread_props(_object_spread2({
           onPressOut: attachPress ? function(e) {
             unPress(), onPressOut == null || onPressOut(e), onMouseUp == null || onMouseUp(e);
@@ -10073,14 +10152,6 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         return val && ((typeof val > "u" ? "undefined" : _type_of(val)) > "u" ? "undefined" : _type_of1(val)) === "object" && "_animation" in val;
       });
     }
-    function getMediaState(mediaGroups, layout) {
-      return Object.fromEntries(_to_consumable_array(mediaGroups).map(function(mediaKey) {
-        return [
-          mediaKey,
-          (0, import_useMedia.mediaKeyMatch)(mediaKey, layout)
-        ];
-      }));
-    }
     var fromPx = function(val) {
       return typeof val != "string" ? val : +val.replace("px", "");
     }, isDisabled = function(props) {
@@ -10102,7 +10173,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           };
           if (pseudo && pseudoGroups != null && pseudoGroups.has(String(name))) Object.assign(current.pseudo, pseudo), persist();
           else if (layout && mediaGroups) {
-            var mediaState2 = getMediaState(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState2);
+            var mediaState2 = (0, import_useMedia.getMediaState)(mediaGroups, layout), next = (0, import_createShallowSetState.mergeIfNotShallowEqual)(current.media, mediaState2);
             next !== current.media && (Object.assign(current.media, next), persist());
           }
         });
@@ -10970,6 +11041,7 @@ var require_createTamagui_native = __commonJS({
     }
     var createdConfigs = /* @__PURE__ */ new WeakMap();
     function createTamagui(configIn) {
+      var _configIn_settings;
       if (createdConfigs.has(configIn)) return configIn;
       var tokensParsed = {}, tokens = (0, import_createVariables.createVariables)(configIn.tokens || {});
       if (configIn.tokens) {
@@ -11089,7 +11161,7 @@ var require_createTamagui_native = __commonJS({
         return getCSS(_object_spread_props(_object_spread2({}, opts), {
           sinceLastCall: !0
         }));
-      }, defaultFontName = configIn.defaultFont || // uses font named "body" if present for compat
+      }, _configIn_settings_defaultFont, defaultFontSetting = (_configIn_settings_defaultFont = (_configIn_settings = configIn.settings) === null || _configIn_settings === void 0 ? void 0 : _configIn_settings.defaultFont) !== null && _configIn_settings_defaultFont !== void 0 ? _configIn_settings_defaultFont : configIn.defaultFont, defaultFontName = defaultFontSetting || // uses font named "body" if present for compat
       configIn.fonts && ("body" in configIn.fonts ? "body" : "");
       !defaultFontName && configIn.fonts && (defaultFontName = Object.keys(configIn.fonts)[0]), (defaultFontName == null ? void 0 : defaultFontName[0]) === "$" && (defaultFontName = defaultFontName.slice(1));
       var defaultFont = "$".concat(defaultFontName), config = _object_spread_props(_object_spread2({
@@ -11100,7 +11172,7 @@ var require_createTamagui_native = __commonJS({
         media: {}
       }, configIn), {
         unset: _object_spread2({
-          fontFamily: configIn.defaultFont ? defaultFont : void 0
+          fontFamily: defaultFontName ? defaultFont : void 0
         }, configIn.unset),
         settings: _object_spread2({
           webContainerType: "inline-size"
@@ -11126,7 +11198,7 @@ var require_createTamagui_native = __commonJS({
         fontSizeTokens: fontSizeTokens || /* @__PURE__ */ new Set(),
         specificTokens
       });
-      if ((0, import_useMedia.configureMedia)(config), (0, import_config.setConfig)(config), createdConfigs.set(config, !0), import_config.configListeners.size && (import_config.configListeners.forEach(function(cb) {
+      if ((0, import_config.setConfig)(config), (0, import_useMedia.configureMedia)(config), createdConfigs.set(config, !0), import_config.configListeners.size && (import_config.configListeners.forEach(function(cb) {
         return cb(config);
       }), import_config.configListeners.clear()), process.env.NODE_ENV === "development") {
         var _process_env_DEBUG;
@@ -12684,10 +12756,10 @@ var require_ThemeProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(ThemeProvider_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), import_react3 = require("react"), import_constants2 = require_constants_native2(), import_Theme = require_Theme_native(), ThemeProvider = function(props) {
+    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), import_react3 = require("react"), import_constants2 = require_constants_native2(), import_Theme = require_Theme_native(), import_config = require_config_native(), ThemeProvider = function(props) {
       return import_constants.isClient && (0, import_react3.useLayoutEffect)(function() {
         if (!props.disableRootThemeClass) {
-          var cn = "".concat(import_constants2.THEME_CLASSNAME_PREFIX).concat(props.defaultTheme), target = props.themeClassNameOnRoot ? document.documentElement : document.body;
+          var cn = "".concat(import_constants2.THEME_CLASSNAME_PREFIX).concat(props.defaultTheme), _props_themeClassNameOnRoot, target = ((_props_themeClassNameOnRoot = props.themeClassNameOnRoot) !== null && _props_themeClassNameOnRoot !== void 0 ? _props_themeClassNameOnRoot : (0, import_config.getSetting)("themeClassNameOnRoot")) ? document.documentElement : document.body;
           return target.classList.add(cn), function() {
             target.classList.remove(cn);
           };
@@ -12836,7 +12908,7 @@ var require_TamaguiProvider_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native();
+    var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require_index_native3(), import_react3 = require("react"), import_ComponentContext = require_ComponentContext_native(), import_useDidHydrateOnce = require_useDidHydrateOnce_native(), import_useMedia = require_useMedia_native(), import_ThemeProvider = require_ThemeProvider_native(), import_config = require_config_native();
     function _array_like_to_array(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];
@@ -12893,8 +12965,8 @@ var require_TamaguiProvider_native = __commonJS({
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, {
           animationDriver: config == null ? void 0 : config.animations,
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeProvider.ThemeProvider, {
-            themeClassNameOnRoot: themeClassNameOnRoot ?? (config == null ? void 0 : config.themeClassNameOnRoot),
-            disableRootThemeClass: disableRootThemeClass ?? (config == null ? void 0 : config.disableRootThemeClass),
+            themeClassNameOnRoot: themeClassNameOnRoot ?? (0, import_config.getSetting)("themeClassNameOnRoot"),
+            disableRootThemeClass: disableRootThemeClass ?? (0, import_config.getSetting)("disableRootThemeClass"),
             defaultTheme: defaultTheme ?? (config ? Object.keys(config.themes)[0] : ""),
             reset,
             className,