@tamagui/core 1.74.11 → 1.74.13

package/dist/native.js

@@ -1493,7 +1493,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();
                 }
           }
       }
@@ -2978,7 +2978,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,
@@ -3237,7 +3237,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,
@@ -3254,12 +3254,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,
@@ -3288,7 +3288,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)
@@ -3319,7 +3319,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(
@@ -3360,7 +3360,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 {
@@ -3393,9 +3393,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")
@@ -3458,7 +3458,7 @@ var require_getSplitStyles_native = __commonJS({
         context,
         debug
       };
-      process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants2.isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), console.log({
+      process.env.NODE_ENV === "development" && debug && debug !== "profile" && import_constants2.isClient && (console.groupCollapsed("getSplitStyles (collapsed)"), console.info({
         props,
         staticConfig,
         shouldDoClasses,
@@ -3527,7 +3527,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_constants2.isClient && console.log({
+        ), console.info({ isVariant, valInit, shouldPassProp }), import_constants2.isClient && console.info({
           variants,
           variant: variants == null ? void 0 : variants[keyInit],
           isVariant,
@@ -3544,7 +3544,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_constants2.isServer && import_isDevTools.isDevTools && (console.log({
+            !import_constants2.isServer && import_isDevTools.isDevTools && (console.info({
               expanded,
               styleProps,
               componentState,
@@ -3555,7 +3555,7 @@ var require_getSplitStyles_native = __commonJS({
               theme,
               usedKeys: { ...usedKeys },
               curProps: { ...styleState.curProps }
-            }), console.log("expanded", expanded, `
+            }), console.info("expanded", expanded, `
 usedKeys`, { ...usedKeys }, `
 current`, {
               ...style
@@ -3568,7 +3568,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) {
@@ -3591,12 +3591,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_constants2.isWeb && !import_constants2.isClient && isEnter && (isDisabled = !1), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, { isDisabled }), console.log(pseudoStyleObject, {
+                  import_constants2.isWeb && !import_constants2.isClient && isEnter && (isDisabled = !1), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed("pseudo", key, { isDisabled }), console.info(pseudoStyleObject, {
                     isDisabled,
                     descriptorKey,
                     descriptor,
@@ -3613,7 +3613,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,
@@ -3650,7 +3650,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,
@@ -3667,7 +3667,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})`
                     ));
                   }
@@ -3751,7 +3751,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();
@@ -3783,13 +3783,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,
@@ -3798,7 +3799,7 @@ current`, {
             parentSplitStyles
           };
           for (let key in logs)
-            console.log(key, logs[key]);
+            console.info(key, logs[key]);
         } catch {
         }
         console.groupEnd();
@@ -4100,7 +4101,7 @@ var require_ThemeManager_native = __commonJS({
       let base = parentName.split(import_constants22.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_constants22.THEME_NAME_SEPARATOR) : parentName, max = base.length, min = componentName && !nextName ? max : 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,
@@ -4135,7 +4136,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],
@@ -4223,7 +4224,7 @@ var require_useTheme_native = __commonJS({
         import_constants2.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;
@@ -4237,14 +4238,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_react.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) {
@@ -4327,7 +4328,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,
@@ -4396,7 +4397,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_constants2.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,
@@ -4721,7 +4722,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 {
@@ -4732,13 +4733,13 @@ 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) : []
       });
       let component = (0, import_react.forwardRef)((propsIn, forwardedRef) => {
-        var _a2, _b, _c, _d, _e, _f, _i, _j, _k, _l, _m;
+        var _a2, _b, _c, _d, _e, _f, _i, _j, _k, _l, _m, _n, _o;
         if (process.env.NODE_ENV === "development" && startVisualizer && (startVisualizer(), startVisualizer = void 0), !hasSetupBaseViews) {
           hasSetupBaseViews = !0;
           let baseViews = (_b = (_a2 = import_setupHooks.hooks).getBaseViews) == null ? void 0 : _b.call(_a2);
@@ -4757,8 +4758,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_constants2.isClient && (0, import_react.useEffect)(() => {
           let overlay = null, debugVisualizerHandler = (show = !1) => {
@@ -4842,7 +4843,7 @@ var require_createComponent_native = __commonJS({
               "background: green; color: white;"
             ), import_constants2.isServer || (console.groupCollapsed(
               `Info (collapsed): ${state.press || state.pressIn ? "PRESSED " : ""}${state.hover ? "HOVERED " : ""}${state.focus ? "FOCUSED" : " "}`
-            ), console.log({
+            ), console.info({
               propsIn,
               props,
               state,
@@ -4896,14 +4897,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_constants2.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_constants2.isClient && console.info("ref", hostRef, "(click to view)"), console.groupEnd(), debugProp === "break"))
           debugger;
         let {
           viewProps: viewPropsIn,
@@ -5065,7 +5066,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 : spacedChildren({
@@ -5080,7 +5081,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         process.env.NODE_ENV !== "test" && (elementType === BaseText || elementType === BaseView) ? process.env.TAMAGUI_OPTIMIZE_NATIVE_VIEWS ? (viewProps.children = content, content = (0, import_react.createElement)(
           elementType === BaseText ? "RCTText" : "RCTView",
           viewProps
-        )) : (viewProps.children = content, content = elementType.render(viewProps, viewProps.ref)) : content = (0, import_react.createElement)(elementType, viewProps, content), process.env.NODE_ENV === "development" && time && time`create-element`;
+        )) : (viewProps.children = content, content = elementType.render(viewProps, viewProps.ref)) : content = (0, import_react.createElement)(elementType, viewProps, content), import_setupHooks.hooks.useChildren && (content = (_m = (_l = import_setupHooks.hooks).useChildren) == null ? void 0 : _m.call(_l, content, viewProps, events, staticConfig)), process.env.NODE_ENV === "development" && time && time`create-element`;
         let subGroupContext = (0, import_react.useMemo)(() => {
           if (groupName)
             return {
@@ -5112,10 +5113,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,
@@ -5128,8 +5129,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               handlesPressEvents,
               willBeAnimated,
               isStringElement,
-              classNamesIn: (_l = props.className) == null ? void 0 : _l.split(" "),
-              classNamesOut: (_m = viewProps.className) == null ? void 0 : _m.split(" "),
+              classNamesIn: (_n = props.className) == null ? void 0 : _n.split(" "),
+              classNamesOut: (_o = viewProps.className) == null ? void 0 : _o.split(" "),
               events,
               shouldAttach,
               pseudos,
@@ -5270,7 +5271,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_runtime.jsx)(
@@ -5812,7 +5813,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();
@@ -6751,7 +6752,7 @@ var idFn_default, init_idFn = __esm({
   }
 });
 
-// src/index.ts
+// src/index.tsx
 var src_exports = {};
 __export(src_exports, {
   Stack: () => Stack,
@@ -6765,7 +6766,8 @@ function getBaseViews() {
   let native = require("react-native");
   return {
     View: native.View || native.default.View,
-    Text: native.Text || native.default.Text
+    Text: native.Text || native.default.Text,
+    Pressable: native.Pressable || native.default.Pressable
   };
 }
 
@@ -6842,7 +6844,7 @@ function usePlatformMethods(hostRef) {
 // src/vendor/Pressability.native.tsx
 var Pressability = require_fake_react_native().default, usePressability = (init_idFn(), __toCommonJS(idFn_exports)).default;
 
-// src/index.ts
+// src/index.tsx
 __reExport(src_exports, __toESM(require_index_native9()), module.exports);
 var Stack = import_web2.Stack, Text = import_web2.Text;
 (0, import_web2.setupHooks)({
@@ -6904,9 +6906,15 @@ var Stack = import_web2.Stack, Text = import_web2.Text;
       setStateShallow({ focus: !0 });
     }), viewProps.onBlur = (0, import_web2.composeEventHandlers)(viewProps.onBlur, () => {
       setStateShallow({ focus: !1 });
-    })), staticConfig.isInput)
-      Object.assign(viewProps, events);
-    else {
+    })), staticConfig.isInput) {
+      if (events) {
+        let { onPressIn, onPressOut, onPress } = events, inputEvents = {
+          onPressIn,
+          onPressOut: onPressOut || onPress
+        };
+        onPressOut && onPress && (inputEvents.onPressOut = (0, import_web2.composeEventHandlers)(onPress, onPressOut)), Object.assign(viewProps, inputEvents);
+      }
+    } else {
       events && viewProps.hitSlop && (events.hitSlop = viewProps.hitSlop);
       let pressability = usePressability(events || null);
       if (events && events.onPress)
@@ -6916,6 +6924,21 @@ var Stack = import_web2.Stack, Text = import_web2.Text;
         }
     }
   }
+  // attempt at properly fixing RN input, but <Pressable><TextInput /> just doesnt work on RN
+  // useChildren(children, viewProps, events, staticConfig) {
+  //   if (process.env.TAMAGUI_TARGET === 'native') {
+  //     if (staticConfig.isInput && !staticConfig.isHOC) {
+  //       const Pressable = getBaseViews().Pressable
+  //       console.log(
+  //         'wrapping in pressable',
+  //         events?.['onPressIn']?.toString(),
+  //         viewProps['onPressIn']
+  //       )
+  //       // we need to wrap it in a view?
+  //       return <Pressable {...events}>{children}</Pressable>
+  //     }
+  //   }
+  // },
 });
 var dontComposePressabilityKeys = {
   onClick: !0