tamagui 1.74.11 → 1.74.13

package/dist/native.js

@@ -852,7 +852,7 @@ var require_insertStyleRule_native = __commonJS({
                 } catch (err) {
                   console.groupCollapsed(
                     `Error inserting rule into CSSStyleSheet: ${String(err)}`
-                  ), console.log({ rule, rulesToInsert }), console.trace(), console.groupEnd();
+                  ), console.info({ rule, rulesToInsert }), console.trace(), console.groupEnd();
                 }
           }
       }
@@ -2337,7 +2337,7 @@ var require_normalizeValueWithProperty_native = __commonJS({
         return;
       }
       let cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim(), res;
-      return cssVal.startsWith("var(") ? res = cssVal : import_helpers.stylePropsUnitless[key] ? res = +cssVal : cssVal.endsWith("px") ? res = +cssVal.replace("px", "") : res = cssVal, rcache[cssRule] = res, process.env.NODE_ENV === "development" && typeof res == "number" && isNaN(res) && console.log("Tamagui invalid parsed value, NaN:", {
+      return cssVal.startsWith("var(") ? res = cssVal : import_helpers.stylePropsUnitless[key] ? res = +cssVal : cssVal.endsWith("px") ? res = +cssVal.replace("px", "") : res = cssVal, rcache[cssRule] = res, process.env.NODE_ENV === "development" && typeof res == "number" && isNaN(res) && console.info("Tamagui invalid parsed value, NaN:", {
         res,
         cssVal,
         cssRule,
@@ -2596,7 +2596,7 @@ var require_propMapper_native = __commonJS({
       if (!variants)
         return;
       let variantValue = getVariantDefinition(variants[key], value, conf);
-      if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(`\u2666\uFE0F\u2666\uFE0F\u2666\uFE0F resolve variant ${key}`), console.log({
+      if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(`\u2666\uFE0F\u2666\uFE0F\u2666\uFE0F resolve variant ${key}`), console.info({
         key,
         value,
         variantValue,
@@ -2613,12 +2613,12 @@ var require_propMapper_native = __commonJS({
       }
       if (typeof variantValue == "function") {
         let fn = variantValue, extras = (0, import_getVariantExtras.getVariantExtras)(styleState);
-        variantValue = fn(value, extras), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("   expanded functional variant", key), console.log({ fn, variantValue, extras }), console.groupEnd());
+        variantValue = fn(value, extras), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("   expanded functional variant", key), console.info({ fn, variantValue, extras }), console.groupEnd());
       }
       let fontFamilyResult;
       if ((0, import_isObj.isObj)(variantValue)) {
         let fontFamilyUpdate = variantValue.fontFamily || variantValue[conf.inverseShorthands.fontFamily];
-        fontFamilyUpdate && (fontFamilyResult = getFontFamilyFromNameOrVariable(fontFamilyUpdate, conf), styleState.fontFamily = fontFamilyResult, process.env.NODE_ENV === "development" && debug === "verbose" && console.log("   updating font family", fontFamilyResult)), variantValue = resolveTokensAndVariants(
+        fontFamilyUpdate && (fontFamilyResult = getFontFamilyFromNameOrVariable(fontFamilyUpdate, conf), styleState.fontFamily = fontFamilyResult, process.env.NODE_ENV === "development" && debug === "verbose" && console.info("   updating font family", fontFamilyResult)), variantValue = resolveTokensAndVariants(
           key,
           variantValue,
           styleProps,
@@ -2647,7 +2647,7 @@ var require_propMapper_native = __commonJS({
     var variableToFontNameCache = /* @__PURE__ */ new WeakMap(), fontFamilyCache = /* @__PURE__ */ new WeakMap(), getPropMappedFontFamily = (expanded) => expanded && fontFamilyCache.get(expanded), resolveTokensAndVariants = (key, value, styleProps, styleState, parentVariantKey) => {
       var _a;
       let { conf, staticConfig, debug, theme } = styleState, { variants } = staticConfig, res = {};
-      process.env.NODE_ENV === "development" && debug === "verbose" && console.log("   - resolveTokensAndVariants", key, value);
+      process.env.NODE_ENV === "development" && debug === "verbose" && console.info("   - resolveTokensAndVariants", key, value);
       for (let _key in value) {
         let subKey = conf.shorthands[_key] || _key, val = value[_key];
         if (styleProps.noExpand)
@@ -2678,7 +2678,7 @@ var require_propMapper_native = __commonJS({
         }
         if ((0, import_isObj.isObj)(val)) {
           let subObject = resolveTokensAndVariants(subKey, val, styleProps, styleState, key);
-          process.env.NODE_ENV === "development" && debug === "verbose" && console.log("object", subKey, subObject), res[subKey] ??= {}, Object.assign(res[subKey], subObject);
+          process.env.NODE_ENV === "development" && debug === "verbose" && console.info("object", subKey, subObject), res[subKey] ??= {}, Object.assign(res[subKey], subObject);
         } else
           res[subKey] = val;
         process.env.NODE_ENV === "development" && debug && ((_a = res[subKey]) == null ? void 0 : _a[0]) === "$" && console.warn(
@@ -2719,7 +2719,7 @@ var require_propMapper_native = __commonJS({
         return value;
       let { theme, conf = (0, import_config.getConfig)(), context, fontFamily } = styleState, tokensParsed = conf.tokensParsed, valOrVar, hasSet = !1;
       if (theme && value in theme)
-        process.env.NODE_ENV === "development" && styleState.debug === "verbose" && console.log(` - getting theme value for ${key} from ${value}`), valOrVar = theme[value], hasSet = !0;
+        process.env.NODE_ENV === "development" && styleState.debug === "verbose" && console.info(` - getting theme value for ${key} from ${value}`), valOrVar = theme[value], hasSet = !0;
       else if (value in conf.specificTokens)
         hasSet = !0, valOrVar = conf.specificTokens[value];
       else {
@@ -2752,9 +2752,9 @@ var require_propMapper_native = __commonJS({
       }
       if (hasSet) {
         let out = resolveVariableValue(key, valOrVar, resolveAs);
-        return process.env.NODE_ENV === "development" && styleState.debug === "verbose" && console.log("resolved", resolveAs, valOrVar.get, out), out;
+        return process.env.NODE_ENV === "development" && styleState.debug === "verbose" && console.info("resolved", resolveAs, valOrVar.get, out), out;
       }
-      return process.env.NODE_ENV === "development" && import_isDevTools.isDevTools && styleState.debug === "verbose" && (console.groupCollapsed("  \uFE52 propMap (val)", key, value), console.log({ valOrVar, theme, hasSet }, theme ? theme[key] : ""), console.groupEnd()), value;
+      return process.env.NODE_ENV === "development" && import_isDevTools.isDevTools && styleState.debug === "verbose" && (console.groupCollapsed("  \uFE52 propMap (val)", key, value), console.info({ valOrVar, theme, hasSet }, theme ? theme[key] : ""), console.groupEnd()), value;
     };
     function resolveVariableValue(key, valOrVar, resolveValues) {
       if (resolveValues === "none")
@@ -2817,7 +2817,7 @@ var require_getSplitStyles_native = __commonJS({
         context,
         debug
       };
-      process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants.isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), console.log({
+      process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants.isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), console.info({
         props,
         staticConfig,
         shouldDoClasses,
@@ -2886,7 +2886,7 @@ var require_getSplitStyles_native = __commonJS({
         isHOC && (parentStaticConfig == null ? void 0 : parentStaticConfig.variants) && keyInit in parentStaticConfig.variants || (inlineProps == null ? void 0 : inlineProps.has(keyInit)), parentVariant = (_a = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _a[keyInit], isHOCShouldPassThrough = !!(isHOC && (isShorthand || isValidStyleKeyInit || isMediaOrPseudo || parentVariant || keyInit in skipProps)), shouldPassThrough = shouldPassProp || isHOCShouldPassThrough;
         if (process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(
           `\u{1F539}\u{1F539}\u{1F539}\u{1F539} ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ""} ${shouldPassThrough ? "(pass)" : ""} \u{1F539}\u{1F539}\u{1F539}\u{1F539}`
-        ), console.log({ isVariant, valInit, shouldPassProp }), import_constants.isClient && console.log({
+        ), console.info({ isVariant, valInit, shouldPassProp }), import_constants.isClient && console.info({
           variants,
           variant: variants == null ? void 0 : variants[keyInit],
           isVariant,
@@ -2903,7 +2903,7 @@ var require_getSplitStyles_native = __commonJS({
         if (next && (styleState.fontFamily = next), process.env.NODE_ENV === "development" && debug === "verbose") {
           console.groupCollapsed("  \u{1F4A0} expanded", keyInit, valInit);
           try {
-            !import_constants.isServer && import_isDevTools.isDevTools && (console.log({
+            !import_constants.isServer && import_isDevTools.isDevTools && (console.info({
               expanded,
               styleProps,
               componentState,
@@ -2914,7 +2914,7 @@ var require_getSplitStyles_native = __commonJS({
               theme,
               usedKeys: { ...usedKeys },
               curProps: { ...styleState.curProps }
-            }), console.log("expanded", expanded, `
+            }), console.info("expanded", expanded, `
 usedKeys`, { ...usedKeys }, `
 current`, {
               ...style
@@ -2927,7 +2927,7 @@ current`, {
           for (let [key, val] of expanded)
             if (!(val == null || key in usedKeys)) {
               if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = isMedia || isPseudo, isVariant = variants && key in variants, (inlineProps != null && inlineProps.has(key) || IS_STATIC && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key)) && (viewProps[key] = props[key] ?? val), styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || ((_b = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _b[keyInit]))) {
-                passDownProp(viewProps, key, val, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(` - passing down prop ${key}`), console.log({ val, after: { ...viewProps[key] } }), console.groupEnd());
+                passDownProp(viewProps, key, val, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(` - passing down prop ${key}`), console.info({ val, after: { ...viewProps[key] } }), console.groupEnd());
                 continue;
               }
               if (isPseudo) {
@@ -2950,12 +2950,12 @@ current`, {
                 }
                 if (shouldDoClasses && !isEnter && !isExit) {
                   let pseudoStyles = (0, import_getStylesAtomic.generateAtomicStyles)(pseudoStyleObject, descriptor);
-                  process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), console.log({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
+                  process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo (classes)", key), console.info({ pseudoStyleObject, pseudoStyles }), console.groupEnd());
                   for (let psuedoStyle of pseudoStyles)
                     `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}` in usedKeys || psuedoStyle.identifier;
                 } else {
                   let descriptorKey = descriptor.stateKey || descriptor.name, pseudoState = componentState[descriptorKey], isDisabled = isExit ? !styleProps.isExiting : !pseudoState;
-                  import_constants.isWeb && !import_constants.isClient && isEnter && (isDisabled = !1), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, { isDisabled }), console.log(pseudoStyleObject, {
+                  import_constants.isWeb && !import_constants.isClient && isEnter && (isDisabled = !1), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, { isDisabled }), console.info(pseudoStyleObject, {
                     isDisabled,
                     descriptorKey,
                     descriptor,
@@ -2972,7 +2972,7 @@ current`, {
                       }
                     } else {
                       let curImportance = usedKeys[pkey] || 0, shouldMerge = importance >= curImportance;
-                      shouldMerge && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2)), process.env.NODE_ENV === "development" && debug === "verbose" && console.log("    subKey", pkey, shouldMerge, {
+                      shouldMerge && (pseudos ||= {}, pseudos[key] ||= {}, pseudos[key][pkey] = val2, mergeStyle(styleState, pkey, val2)), process.env.NODE_ENV === "development" && debug === "verbose" && console.info("    subKey", pkey, shouldMerge, {
                         importance,
                         curImportance,
                         pkey,
@@ -3009,7 +3009,7 @@ current`, {
                   // TODO try true like pseudo
                   !1
                 ), mediaKeyShort = key.slice(1);
-                process.env.NODE_ENV === "development" && debug === "verbose" && console.log(`  \u{1F4FA} ${key}`, {
+                process.env.NODE_ENV === "development" && debug === "verbose" && console.info(`  \u{1F4FA} ${key}`, {
                   key,
                   val,
                   mediaStyle,
@@ -3026,7 +3026,7 @@ current`, {
                       usedKeys,
                       !0
                     );
-                    importance && (space = val.space, usedKeys.space = importance, process.env.NODE_ENV === "development" && debug === "verbose" && console.log(
+                    importance && (space = val.space, usedKeys.space = importance, process.env.NODE_ENV === "development" && debug === "verbose" && console.info(
                       `Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`
                     ));
                   }
@@ -3110,7 +3110,7 @@ current`, {
           if (process.env.NODE_ENV === "development" && debug === "verbose") {
             console.groupCollapsed(" \u2714\uFE0F expand complete", keyInit);
             try {
-              console.log("style", { ...style }), console.log("transforms", { ...transforms }), console.log("viewProps", { ...viewProps });
+              console.info("style", { ...style }), console.info("transforms", { ...transforms }), console.info("viewProps", { ...viewProps });
             } catch {
             }
             console.groupEnd();
@@ -3142,13 +3142,14 @@ current`, {
           let overrideFace = (_g = (_f = faceInfo[style.fontWeight]) == null ? void 0 : _f[style.fontStyle || "normal"]) == null ? void 0 : _g.val;
           overrideFace && (style.fontFamily = overrideFace, styleState.fontFamily = overrideFace, delete style.fontWeight, delete style.fontStyle);
         }
-        process.env.NODE_ENV === "development" && debug && debug !== "profile" && console.log(`Found fontFamily native: ${style.fontFamily}`, faceInfo);
+        process.env.NODE_ENV === "development" && debug && debug !== "profile" && console.info(`Found fontFamily native: ${style.fontFamily}`, faceInfo);
       }
       if (className && (classNames.className = className), process.env.NODE_ENV === "development" && debug === "verbose" && import_isDevTools.isDevTools) {
         console.groupCollapsed("  \u{1F539} ===>");
         try {
           let logs = {
             ...result,
+            className,
             componentState,
             transforms,
             viewProps,
@@ -3157,7 +3158,7 @@ current`, {
             parentSplitStyles
           };
           for (let key in logs)
-            console.log(key, logs[key]);
+            console.info(key, logs[key]);
         } catch {
         }
         console.groupEnd();
@@ -3459,7 +3460,7 @@ var require_ThemeManager_native = __commonJS({
       let base = parentName.split(import_constants2.THEME_NAME_SEPARATOR), lastSegment = base[base.length - 1], isParentComponentTheme = parentName && lastSegment[0].toUpperCase() === lastSegment[0];
       isParentComponentTheme && base.pop();
       let parentBaseTheme = isParentComponentTheme ? base.slice(0, base.length).join(import_constants2.THEME_NAME_SEPARATOR) : parentName, max2 = base.length, min2 = componentName && !nextName ? max2 : 0;
-      process.env.NODE_ENV === "development" && typeof props.debug == "string" && (console.groupCollapsed("ThemeManager.getState()"), console.log({
+      process.env.NODE_ENV === "development" && typeof props.debug == "string" && (console.groupCollapsed("ThemeManager.getState()"), console.info({
         props,
         parentName,
         parentBaseTheme,
@@ -3494,7 +3495,7 @@ var require_ThemeManager_native = __commonJS({
           potentials = [...componentPotentials, ...potentials, ...allComponentThemes];
         }
         let found = potentials.find((t) => t in themes);
-        if (process.env.NODE_ENV === "development" && typeof props.debug == "string" && console.log(" - ", { found, potentials, parentManager }), found) {
+        if (process.env.NODE_ENV === "development" && typeof props.debug == "string" && console.info(" - ", { found, potentials, parentManager }), found) {
           result = {
             name: found,
             theme: themes[found],
@@ -3582,7 +3583,7 @@ var require_useTheme_native = __commonJS({
         import_constants.isServer ? void 0 : () => {
           var _a, _b;
           let next = ((_a = props.shouldUpdate) == null ? void 0 : _a.call(props)) ?? (keys.current.length > 0 ? !0 : void 0);
-          return process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && console.log("  \u{1F3A8} useTheme() shouldUpdate?", next, {
+          return process.env.NODE_ENV === "development" && props.debug && props.debug !== "profile" && console.info("  \u{1F3A8} useTheme() shouldUpdate?", next, {
             shouldUpdateProp: (_b = props.shouldUpdate) == null ? void 0 : _b.call(props),
             keys: [...keys.current]
           }), next;
@@ -3596,14 +3597,14 @@ var require_useTheme_native = __commonJS({
 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`
       );
       let themeProxied = (0, import_react2.useMemo)(() => !themeManager || !(state != null && state.theme) ? {} : getThemeProxied(state, props.deopt, themeManager, keys.current, props.debug), [state, themeManager, props.deopt, props.debug]);
-      return process.env.NODE_ENV === "development" && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} useTheme =>", state == null ? void 0 : state.name), console.log("returning state", changedThemeState, "from props", props), console.groupEnd()), [changedThemeState, themeProxied];
+      return process.env.NODE_ENV === "development" && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} useTheme =>", state == null ? void 0 : state.name), console.info("returning state", changedThemeState, "from props", props), console.groupEnd()), [changedThemeState, themeProxied];
     };
     function getThemeProxied({ theme, name }, deopt = !1, themeManager, keys, debug) {
       if (!theme)
         return {};
       let config = (0, import_config.getConfig)();
       function track(key) {
-        keys && !keys.includes(key) && (keys.push(key), process.env.NODE_ENV === "development" && debug && console.log(` \u{1F3A8} useTheme() tracking new key: ${key}`));
+        keys && !keys.includes(key) && (keys.push(key), process.env.NODE_ENV === "development" && debug && console.info(` \u{1F3A8} useTheme() tracking new key: ${key}`));
       }
       return (0, import_createProxy.createProxy)(theme, {
         has(_, key) {
@@ -3686,7 +3687,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
           forced && setThemeState((prev) => createState(prev, !0));
         }), disposeChangeListener = parentManager == null ? void 0 : parentManager.onChangeTheme((name, manager) => {
           let force = (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 && console.log(" \u{1F538} onChange", themeManager.id, {
+          process.env.NODE_ENV === "development" && props.debug && console.info(" \u{1F538} onChange", themeManager.id, {
             force,
             shouldTryUpdate,
             props,
@@ -3755,7 +3756,7 @@ If this is intended and you are using Tamagui without any themes, you can disabl
         if (process.env.NODE_ENV === "development" && props.debug && import_constants.isClient) {
           console.groupCollapsed(` \u{1F537} ${themeManager2.id} useChangeThemeEffect createState`);
           let parentState = { ...parentManager == null ? void 0 : parentManager.state }, parentId = parentManager == null ? void 0 : parentManager.id, themeManagerState = { ...themeManager2.state };
-          console.log({
+          console.info({
             props,
             parentState,
             parentId,
@@ -4080,7 +4081,7 @@ var require_createComponent_native = __commonJS({
       (0, import_config.onConfiguredOnce)((conf) => {
         if (config = conf, !tamaguiConfig && (tamaguiConfig = conf, !initialTheme)) {
           let next = conf.themes[Object.keys(conf.themes)[0]];
-          initialTheme = (0, import_proxyThemeVariables.proxyThemeVariables)(next), process.env.NODE_ENV === "development" && (initialTheme || console.log("Warning: Missing theme"));
+          initialTheme = (0, import_proxyThemeVariables.proxyThemeVariables)(next), process.env.NODE_ENV === "development" && (initialTheme || console.info("Warning: Missing theme"));
         }
       });
       let {
@@ -4091,7 +4092,7 @@ var require_createComponent_native = __commonJS({
         validStyles: validStyles2 = {},
         variants = {}
       } = staticConfig, defaultComponentClassName = `is_${staticConfig.componentName}`, defaultProps = staticConfig.defaultProps;
-      process.env.NODE_ENV === "development" && (_a = staticConfig.defaultProps) != null && _a.debug && process.env.IS_STATIC !== "is_static" && console.log(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
+      process.env.NODE_ENV === "development" && (_a = staticConfig.defaultProps) != null && _a.debug && process.env.IS_STATIC !== "is_static" && console.info(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
         staticConfig,
         defaultProps,
         defaultPropsKeyOrder: defaultProps ? Object.keys(defaultProps) : []
@@ -4116,8 +4117,8 @@ var require_createComponent_native = __commonJS({
             propVal === void 0 ? contextValue && (key in validStyles2 || key in variants) && (styledContextProps ||= {}, styledContextProps[key] = contextValue[key]) : (overriddenContextProps ||= {}, overriddenContextProps[key] = propVal);
           }
         }
-        let curDefaultProps = styledContextProps ? { ...defaultProps, ...styledContextProps } : defaultProps, props;
-        curDefaultProps ? props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn) : props = propsIn;
+        let curDefaultProps = styledContextProps ? { ...defaultProps, ...styledContextProps } : defaultProps, props = propsIn;
+        curDefaultProps && (props = (0, import_mergeProps.mergeProps)(curDefaultProps, propsIn));
         let debugProp = props.debug, componentName = props.componentName || staticConfig.componentName;
         process.env.NODE_ENV === "development" && import_constants.isClient && (0, import_react2.useEffect)(() => {
           let overlay = null, debugVisualizerHandler = (show = !1) => {
@@ -4201,7 +4202,7 @@ var require_createComponent_native = __commonJS({
               "background: green; color: white;"
             ), import_constants.isServer || (console.groupCollapsed(
               `Info (collapsed): ${state.press || state.pressIn ? "PRESSED " : ""}${state.hover ? "HOVERED " : ""}${state.focus ? "FOCUSED" : " "}`
-            ), console.log({
+            ), console.info({
               propsIn,
               props,
               state,
@@ -4255,14 +4256,14 @@ var require_createComponent_native = __commonJS({
           keys: mediaListeningKeys
         });
         let isAnimatedReactNativeWeb = hasAnimationProp && isReactNative;
-        if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed(">>>"), console.log(
+        if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && (console.groupCollapsed(">>>"), console.info(
           "props in",
           propsIn,
           "mapped to",
           props,
           "in order",
           Object.keys(props)
-        ), console.log("splitStyles", splitStyles), console.log("media", { shouldListenForMedia, isMediaArray, mediaListeningKeys }), console.log("className", Object.values(splitStyles.classNames)), import_constants.isClient && console.log("ref", hostRef, "(click to view)"), console.groupEnd(), debugProp === "break"))
+        ), console.info("splitStyles", splitStyles), console.info("media", { shouldListenForMedia, isMediaArray, mediaListeningKeys }), console.info("className", Object.values(splitStyles.classNames)), import_constants.isClient && console.info("ref", hostRef, "(click to view)"), console.groupEnd(), debugProp === "break"))
           debugger;
         let {
           viewProps: viewPropsIn,
@@ -4424,7 +4425,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           delayPressOut: viewProps.delayPressOut,
           focusable: viewProps.focusable ?? !0,
           minPressDuration: 0
-        }), process.env.NODE_ENV === "development" && time && time`events`, process.env.NODE_ENV === "development" && debugProp === "verbose" && console.log("events", { events, isHoverable, attachPress }), (_k = (_j = import_setupHooks.hooks).useEvents) == null || _k.call(_j, viewProps, events, splitStyles, setStateShallow, staticConfig);
+        }), process.env.NODE_ENV === "development" && time && time`events`, process.env.NODE_ENV === "development" && debugProp === "verbose" && console.info("events", { events, isHoverable, attachPress }), (_k = (_j = import_setupHooks.hooks).useEvents) == null || _k.call(_j, viewProps, events, splitStyles, setStateShallow, staticConfig);
         let direction = props.spaceDirection || "both";
         process.env.NODE_ENV === "development" && time && time`hooks`;
         let content = !children || asChild ? children : spacedChildren2({
@@ -4471,10 +4472,10 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         if (process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
           console.groupCollapsed(`render <${typeof elementType == "string" ? elementType : "Component"} /> with props`);
           try {
-            console.log("viewProps", viewProps), console.log("viewPropsOrder", Object.keys(viewProps));
+            console.info("viewProps", viewProps), console.info("viewPropsOrder", Object.keys(viewProps));
             for (let key in viewProps)
-              console.log(" - ", key, viewProps[key]);
-            console.log("children", content), typeof window < "u" && console.log({
+              console.info(" - ", key, viewProps[key]);
+            console.info("children", content), typeof window < "u" && console.info({
               viewProps,
               state,
               styleProps,
@@ -4629,7 +4630,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           })
         ));
       }
-      return process.env.NODE_ENV === "development" && props.debug && console.log("  Spaced children", final, props), final;
+      return process.env.NODE_ENV === "development" && props.debug && console.info("  Spaced children", final, props), final;
     }
     function createSpacer({ key, direction, space, spaceFlex }) {
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -5171,7 +5172,7 @@ ${runtimeStyles}`;
         // const tokens = [...getToken(tokens.size[0])]
         // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }
       };
-      return (0, import_useMedia.configureMedia)(config), (0, import_config.setConfig)(config), import_config.configListeners.size && (import_config.configListeners.forEach((cb) => cb(config)), import_config.configListeners.clear()), createdConfigs.set(config, !0), process.env.NODE_ENV === "development" && ((_a = process.env.DEBUG) != null && _a.startsWith("tamagui") && console.log("Tamagui config:", config), globalThis.Tamagui || (globalThis.Tamagui = import_Tamagui.Tamagui)), config;
+      return (0, import_useMedia.configureMedia)(config), (0, import_config.setConfig)(config), import_config.configListeners.size && (import_config.configListeners.forEach((cb) => cb(config)), import_config.configListeners.clear()), createdConfigs.set(config, !0), process.env.NODE_ENV === "development" && ((_a = process.env.DEBUG) != null && _a.startsWith("tamagui") && console.info("Tamagui config:", config), globalThis.Tamagui || (globalThis.Tamagui = import_Tamagui.Tamagui)), config;
     }
     function getThemesDeduped(themes) {
       let dedupedThemes = [], existing = /* @__PURE__ */ new Map();
@@ -8163,7 +8164,7 @@ var require_index_native20 = __commonJS({
         fontSize,
         lineHeight
       };
-      return process.env.NODE_ENV === "development" && props.debug && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} getFontSized", sizeTokenIn, sizeToken), console.log({ style, props, font }), console.groupEnd()), style;
+      return process.env.NODE_ENV === "development" && props.debug && props.debug === "verbose" && (console.groupCollapsed("  \u{1F539} getFontSized", sizeTokenIn, sizeToken), console.info({ style, props, font }), console.groupEnd()), style;
     }, cache = /* @__PURE__ */ new WeakMap();
     function getDefaultSizeToken(font) {
       if (typeof font == "object" && cache.has(font))
@@ -9106,7 +9107,7 @@ var require_GorhomPortal_native = __commonJS({
       }), state;
     }, removePortal = (state, hostName, portalName) => {
       if (!(hostName in state))
-        return console.log(
+        return console.info(
           `Failed to remove portal '${portalName}', '${hostName}' was not registered!`
         ), state;
       let index = state[hostName].findIndex((item) => item.name === portalName);
@@ -15199,7 +15200,7 @@ var require_Popover_native = __commonJS({
     }
     function PopoverContentPortal(props) {
       let { __scopePopover } = props, zIndex = props.zIndex ?? 15e4, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core13.useThemeName)(), contents = props.children;
-      return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverRepropagateContext, { popperContext, context, children: props.children })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, { zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core13.Theme, { forceClassName: !0, name: themeName, children: [
+      return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverRepropagateContext, { popperContext, context, children: props.children })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, { zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core13.Theme, { name: themeName, children: [
         !!context.open && !context.breakpointActive && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           import_stacks3.YStack,
           {