@tamagui/core 1.88.12 → 1.88.13

package/dist/native.js

@@ -4862,7 +4862,11 @@ var require_createComponent_native = __commonJS({
           let exv = exitVariant ?? enterExitVariant, env = enterVariant ?? enterExitVariant;
           state.unmounted && env && staticConfig.variants[env] ? (process.env.NODE_ENV === "development" && debugProp === "verbose" && console.warn(`Animating presence ENTER "${env}"`), props[env] = !0) : isExiting && exv && (process.env.NODE_ENV === "development" && debugProp === "verbose" && console.warn(`Animating presence EXIT "${exv}"`), props[exv] = exitVariant !== enterExitVariant);
         }
-        let shouldAvoidClasses = !!(!import_constants.isWeb || isAnimated && !supportsCSSVars || !staticConfig.acceptsClassName || propsIn.disableClassName), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo, groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
+        let shouldAvoidClasses = !!(!import_constants.isWeb || isAnimated && !supportsCSSVars || !staticConfig.acceptsClassName || // on server for SSR and animation compat added the && isHydrated but perhaps we want
+        // disableClassName="until-hydrated" to be more straightforward
+        // see issue if not, Button sets disableClassName to true <Button animation="" /> with
+        // the react-native driver errors because it tries to animate var(--color) to rbga(..)
+        propsIn.disableClassName && isHydrated), shouldForcePseudo = !!propsIn.forceStyle, noClassNames = shouldAvoidClasses || shouldForcePseudo, groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
         if (groupName && !curState.group) {
           let listeners = /* @__PURE__ */ new Set();
           curState.group = {
@@ -4910,7 +4914,9 @@ var require_createComponent_native = __commonJS({
           if (console.info(
             `%c ${banner} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`,
             "background: green; color: white;"
-          ), !import_constants.isServer) {
+          ), import_constants.isServer)
+            (0, import_log.log)({ noClassNames, isAnimated, shouldAvoidClasses, isWeb: import_constants.isWeb, supportsCSSVars });
+          else {
             console.groupEnd();
             let stateLog = `${`${state.press || state.pressIn ? " PRESS " : ""}`}${state.hover ? " HOVER " : ""}${state.focus ? " FOCUS" : " "}`, ch = propsIn.children, childLog = typeof ch == "string" ? ch.length > 4 ? ch.slice(0, 4) + "..." : ch : "";
             childLog.length && (childLog = `(children: ${childLog})`), console.groupCollapsed(`${childLog}${stateLog}Props:`), (0, import_log.log)("props in:", propsIn), (0, import_log.log)("final props:", props), (0, import_log.log)({ state, staticConfig, elementType, themeStateProps }), (0, import_log.log)({ contextProps: styledContextProps, overriddenContextProps }), (0, import_log.log)({ presence, isAnimated, isHOC, hasAnimationProp, useAnimations }), console.groupEnd();