@tamagui/web 3.0.0-beta.765.1 → 3.0.0-beta.804.1

package/dist/esm/createComponent.native.js

@@ -14,21 +14,20 @@ import { defaultComponentStateMounted } from "./defaultComponentState.native.js"
 import { useEvents, wrapWithGestureDetector } from "./eventHandling.native.js";
 import { getDefaultProps } from "./helpers/getDefaultProps.native.js";
 import { componentDisplayName } from "./helpers/componentDisplayName.native.js";
-import { resolveAnimationDriver } from "./helpers/resolveAnimationDriver.native.js";
-import { getSplitStyles, useSplitStyles } from "./helpers/getSplitStyles.native.js";
+import { getSplitStyles, prepareStyleStaticConfig } from "./helpers/getSplitStyles.native.js";
 import { getNativeStyleEngine, queueNativeViewState, updateNativeStyleLink } from "./helpers/nativeStyleEngine.native.js";
 import { getThemeProxied } from "./hooks/getThemeProxied.native.js";
 import { log } from "./helpers/log.native.js";
 import { mergeComponentProps } from "./helpers/mergeProps.native.js";
 import { mergeRenderElementProps } from "./helpers/mergeRenderElementProps.native.js";
 import { getMedia } from "./helpers/mediaState.native.js";
-import { objectIdentityKey } from "./helpers/objectIdentityKey.native.js";
 import { usePointerEvents } from "./helpers/pointerEvents.native.js";
 import { extractPseudoState } from "./helpers/extractPseudoState.native.js";
 import { subscribeToSafeArea } from "./helpers/resolveSafeAreaVariable.native.js";
 import { setElementProps } from "./helpers/setElementProps.native.js";
-import { subscribeToContextGroup } from "./helpers/subscribeToContextGroup.native.js";
+import { subscribeToContextGroup, useGroupSetRevision } from "./helpers/subscribeToContextGroup.native.js";
 import { useComponentState } from "./hooks/useComponentState.native.js";
+import { useSplitStyles } from "./hooks/useSplitStyles.native.js";
 import { setMediaShouldUpdate, useMedia } from "./hooks/useMedia.native.js";
 import { useThemeWithState } from "./hooks/useTheme.native.js";
 import { hooks } from "./setupHooks.native.js";
@@ -71,30 +70,6 @@ var groupPseudoKeys = [
 	"focusVisible",
 	"focusWithin"
 ];
-function getStyledContextKeys(staticConfig, styledContextValue) {
-	var _staticConfig_context;
-	var propKeys = staticConfig.contextProps || ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.propKeys);
-	if (!propKeys) return styledContextValue;
-	var out = {};
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = propKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-			var key = _step.value;
-			out[key] = true;
-		}
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
-		}
-	}
-	if (styledContextValue) Object.assign(out, styledContextValue);
-	return out;
-}
 var BaseText;
 var BaseView;
 var hasSetupBaseViews = false;
@@ -116,10 +91,14 @@ if (isWeb && typeof document !== "undefined") {
 	});
 }
 function createComponent(staticConfig) {
+	var _staticConfig_context;
 	if (process.env.TAMAGUI_RUNTIME === "zero") throw new Error(`[tamagui zero-runtime] createComponent ran in a zero-runtime graph. No Tamagui component renderer ships in this mode, so a component reference survived compilation. Fix the site or move the owning module to a declared full-runtime island.`);
+	prepareStyleStaticConfig(staticConfig);
 	var config = null;
 	var resolvedDefaultProps;
 	var didResolveDefaultProps = false;
+	var styledContextPropKeys = staticConfig.contextProps || ((_staticConfig_context = staticConfig.context) === null || _staticConfig_context === void 0 ? void 0 : _staticConfig_context.propKeys);
+	var styledContextKeys = styledContextPropKeys ? new Set(styledContextPropKeys) : void 0;
 	var { Component, isText, isHOC } = staticConfig;
 	var res;
 	var component = function(propsInWithRef) {
@@ -154,7 +133,7 @@ function createComponent(staticConfig) {
 				testRenderCount.current += 1;
 			}
 		}
-		var { context, isReactNative } = staticConfig;
+		var { context } = staticConfig;
 		var debugProp = propsIn["debug"];
 		var styledContextValue = context ? React.useContext(context) : void 0;
 		var overriddenContextProps = null;
@@ -179,7 +158,6 @@ function createComponent(staticConfig) {
 		var [nextProps, overrides] = mergeComponentProps(resolvedDefaultProps, styledContextValue, propsIn);
 		props = nextProps;
 		overriddenContextProps = overrides;
-		if (staticConfig.styleFrontend) props = staticConfig.styleFrontend.preprocessProps(props, config);
 		if (process.env.NODE_ENV === "development" && isClient) React.useEffect(function() {
 			var node;
 			var overlay = null;
@@ -231,19 +209,17 @@ function createComponent(staticConfig) {
 		var groupContextParent = React.useContext(GroupContext);
 		var animationDriver = (function() {
 			if (props.animatedBy && config) {
-				var selectedDriver;
-				if (config.animationDrivers) {
-					var _config_animationDrivers_props_animatedBy;
-					selectedDriver = (_config_animationDrivers_props_animatedBy = config.animationDrivers[props.animatedBy]) !== null && _config_animationDrivers_props_animatedBy !== void 0 ? _config_animationDrivers_props_animatedBy : config.animations;
-				} else selectedDriver = props.animatedBy === "default" ? config.animations : null;
-				return resolveAnimationDriver(selectedDriver);
+				if (config.animationDrivers) return props.animatedBy in config.animationDrivers ? config.animationDrivers[props.animatedBy] : config.animations;
+				return props.animatedBy === "default" ? config.animations : null;
 			}
-			var _resolveAnimationDriver, _ref5;
-			return (_ref5 = (_resolveAnimationDriver = resolveAnimationDriver(componentContext.animationDriver)) !== null && _resolveAnimationDriver !== void 0 ? _resolveAnimationDriver : resolveAnimationDriver(config === null || config === void 0 ? void 0 : config.animations)) !== null && _ref5 !== void 0 ? _ref5 : null;
+			var _componentContext_animationDriver, _ref5;
+			return (_ref5 = (_componentContext_animationDriver = componentContext.animationDriver) !== null && _componentContext_animationDriver !== void 0 ? _componentContext_animationDriver : config === null || config === void 0 ? void 0 : config.animations) !== null && _ref5 !== void 0 ? _ref5 : null;
 		})();
 		var useAnimations = (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? void 0 : animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.useAnimations;
 		var componentState = useComponentState(props, (animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.isStub) ? null : animationDriver, staticConfig, config);
-		var { disabled, groupName, hasAnimationProp, hasEnterStyle, isAnimated, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, inputStyle, outputStyle, willBeAnimated, willBeAnimatedClient, platformPseudo, startedUnhydrated } = componentState;
+		var { disabled, hasAnimationProp, isExiting, isHydrated, presence, presenceState, setState, noClass, state, stateRef, inputStyle, outputStyle, startedUnhydrated } = componentState;
+		var { groupName } = componentState;
+		var { hasEnterStyle, isAnimated, willBeAnimated, willBeAnimatedClient, platformPseudo } = componentState;
 		props = componentState.props;
 		var _avoidReRenders;
 		(_avoidReRenders = (_stateRef_current = stateRef.current).avoidReRenders) !== null && _avoidReRenders !== void 0 || (_stateRef_current.avoidReRenders = !!(animationDriver === null || animationDriver === void 0 ? void 0 : animationDriver.avoidReRenders));
@@ -270,53 +246,6 @@ function createComponent(staticConfig) {
 				(_stateRef_current_setStateShallow = (_stateRef_current2 = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current2, { hover: hovered });
 			});
 		}, [platformPseudo, props.disabled]);
-		var containerName = props.containerName;
-		var isContainer = !!(props.container || containerName || props.containerType && props.containerType !== "normal");
-		var allGroupContexts = useMemo(function() {
-			var _stateRef_current_group_listeners, _stateRef_current_group;
-			if (!groupName && !isContainer || props.passThrough) return groupContextParent;
-			var listeners = /* @__PURE__ */ new Set();
-			(_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || (_stateRef_current_group_listeners = _stateRef_current_group.listeners) == null || _stateRef_current_group_listeners.clear();
-			stateRef.current.group = {
-				listeners,
-				emit(state2) {
-					listeners.forEach(function(l) {
-						return l(state2);
-					});
-				},
-				subscribe(cb) {
-					listeners.add(cb);
-					if (listeners.size === 1) setStateShallow({ hasDynGroupChildren: true });
-					return function() {
-						listeners.delete(cb);
-						if (listeners.size === 0) setStateShallow({ hasDynGroupChildren: false });
-					};
-				}
-			};
-			var entry = {
-				state: { pseudo: defaultComponentStateMounted },
-				subscribe: function(listener) {
-					var _stateRef_current_group2;
-					var dispose = (_stateRef_current_group2 = stateRef.current.group) === null || _stateRef_current_group2 === void 0 ? void 0 : _stateRef_current_group2.subscribe(listener);
-					return function() {
-						dispose === null || dispose === void 0 || dispose();
-					};
-				}
-			};
-			var next = { ...groupContextParent };
-			if (groupName) next[groupName] = entry;
-			if (isContainer) {
-				next["@"] = entry;
-				if (containerName) next[`@${containerName}`] = entry;
-			}
-			return next;
-		}, [
-			stateRef,
-			groupName,
-			containerName,
-			isContainer,
-			groupContextParent
-		]);
 		var setStateShallow = componentState.setStateShallow;
 		if (process.env.NODE_ENV === "development" && time) time`use-state`;
 		var renderProp = props.render;
@@ -346,7 +275,7 @@ function createComponent(staticConfig) {
 		if (process.env.NODE_ENV === "development") {
 			if (debugProp && debugProp !== "profile") {
 				var name = `${displayName || (Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || "[Unnamed Component]"}`;
-				var type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (isReactNative ? "(rnw)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + (state.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false ? "(EXIT)" : "");
+				var type = (hasEnterStyle ? "(hasEnter)" : " ") + (isAnimated ? "(animated)" : " ") + (noClass ? "(noClass)" : " ") + (state.press || state.pressIn ? "(PRESSED)" : " ") + (state.hover ? "(HOVERED)" : " ") + (state.focus ? "(FOCUSED)" : " ") + (state.focusWithin ? "(WITHIN FOCUSED)" : " ") + ((presenceState === null || presenceState === void 0 ? void 0 : presenceState.isPresent) === false ? "(EXIT)" : "");
 				var dataIs = propsIn["data-is"] || "";
 				var banner = `<${name} /> ${internalID} ${dataIs ? ` ${dataIs}` : ""} ${type.trim()} (hydrated: ${isHydrated}) (unmounted: ${state.unmounted})`;
 				var ch = propsIn.children;
@@ -364,7 +293,7 @@ function createComponent(staticConfig) {
 						console.groupEnd();
 						console.groupCollapsed(`${childLog} [inspect props, state, context \u{1F447}]`);
 						log("props in:", propsIn);
-						log("final props:", props, Object.keys(props));
+						log("final props:", props);
 						log({
 							state,
 							staticConfig,
@@ -421,12 +350,72 @@ ${banner}
 			isExiting,
 			isAnimated,
 			willBeAnimated,
+			canPlatformPseudo: componentState.platformPseudo,
 			displayName,
-			styledContext: getStyledContextKeys(staticConfig, styledContextValue)
+			styledContext: styledContextValue,
+			styledContextKeys
 		};
 		var themeName = (themeState === null || themeState === void 0 ? void 0 : themeState.name) || "";
 		if (process.env.NODE_ENV === "development" && time) time`split-styles-prepare`;
-		var splitStyles = useSplitStyles(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
+		var splitStyles = useSplitStyles(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, groupContextParent, elementType, startedUnhydrated, debugProp, animationDriver);
+		var finalizedComponentState = componentState.finalizeStyleFlags(!!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.hasEnterStyle), !!(splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.platformPseudo));
+		hasEnterStyle = finalizedComponentState.hasEnterStyle;
+		isAnimated = finalizedComponentState.isAnimated;
+		willBeAnimated = finalizedComponentState.willBeAnimated;
+		willBeAnimatedClient = finalizedComponentState.willBeAnimatedClient;
+		platformPseudo = finalizedComponentState.platformPseudo;
+		var _splitStyles_frontendGroup;
+		groupName = (_splitStyles_frontendGroup = splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.frontendGroup) !== null && _splitStyles_frontendGroup !== void 0 ? _splitStyles_frontendGroup : groupName;
+		var _splitStyles_frontendContainer;
+		var containerProp = (_splitStyles_frontendContainer = splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.frontendContainer) !== null && _splitStyles_frontendContainer !== void 0 ? _splitStyles_frontendContainer : props.container;
+		var containerName = props.containerName || (typeof containerProp === "string" ? containerProp : void 0);
+		var containerType = (splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.frontendContainerType) || props.containerType || (containerProp ? "inline-size" : void 0);
+		var isContainer = !!containerType && containerType !== "normal";
+		var allGroupContexts = useMemo(function() {
+			var _stateRef_current_group_listeners, _stateRef_current_group;
+			if (!groupName && !isContainer || props.passThrough) return groupContextParent;
+			var listeners = /* @__PURE__ */ new Set();
+			(_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || (_stateRef_current_group_listeners = _stateRef_current_group.listeners) == null || _stateRef_current_group_listeners.clear();
+			stateRef.current.group = {
+				listeners,
+				emit(state2) {
+					listeners.forEach(function(l) {
+						return l(state2);
+					});
+				},
+				subscribe(cb) {
+					listeners.add(cb);
+					if (listeners.size === 1) setStateShallow({ hasDynGroupChildren: true });
+					return function() {
+						listeners.delete(cb);
+						if (listeners.size === 0) setStateShallow({ hasDynGroupChildren: false });
+					};
+				}
+			};
+			var entry = {
+				state: { pseudo: defaultComponentStateMounted },
+				subscribe: function(listener) {
+					var _stateRef_current_group2;
+					var dispose = (_stateRef_current_group2 = stateRef.current.group) === null || _stateRef_current_group2 === void 0 ? void 0 : _stateRef_current_group2.subscribe(listener);
+					return function() {
+						dispose === null || dispose === void 0 || dispose();
+					};
+				}
+			};
+			var next = { ...groupContextParent };
+			if (groupName) next[groupName] = entry;
+			if (isContainer) {
+				next["@"] = entry;
+				if (containerName) next[`@${containerName}`] = entry;
+			}
+			return next;
+		}, [
+			stateRef,
+			groupName,
+			containerName,
+			isContainer,
+			groupContextParent
+		]);
 		var isPassthrough = !splitStyles;
 		var nativeEngine = getNativeStyleEngine();
 		var canNativeUpdate = !!nativeEngine && !isPassthrough && !isHOC && !willBeAnimated && !groupName && !props.disableNativeStyle;
@@ -539,7 +528,7 @@ ${banner}
 			}
 		}
 		var groupContext = groupName || isContainer ? (allGroupContexts === null || allGroupContexts === void 0 ? void 0 : allGroupContexts[groupName !== null && groupName !== void 0 ? groupName : "@"]) || null : null;
-		if (!isPassthrough && groupContext && props.containerType !== "normal") {
+		if (!isPassthrough && groupContext && isContainer) {
 			var groupState = groupContext === null || groupContext === void 0 ? void 0 : groupContext.state;
 			if (groupState && groupState.layout === void 0) {
 				var _splitStyles_style, _splitStyles_style1;
@@ -613,9 +602,11 @@ ${banner}
 				var prev = stateRef.current.nextState || state;
 				var next = typeof nextOrGetNext === "function" ? nextOrGetNext(prev) : nextOrGetNext;
 				if (next === prev || isEqualShallow(prev, next)) return;
-				var canAvoidReRender = Object.keys(next).every(function(key4) {
-					return avoidReRenderKeys.has(key4);
-				});
+				var canAvoidReRender = true;
+				for (var key4 in next) if (!avoidReRenderKeys.has(key4)) {
+					canAvoidReRender = false;
+					break;
+				}
 				var updatedState = {
 					...prev,
 					...next
@@ -659,6 +650,7 @@ ${banner}
 		if (process.env.NODE_ENV === "development" && debugProp === "verbose") console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys);
 		setMediaShouldUpdate(stateRef.current, shouldListenForMedia, mediaListeningKeys, stateRef.current.optimizeForFirstRender);
 		var { viewProps: viewPropsIn, style: splitStylesStyle, classNames, pseudoGroups, mediaGroups } = splitStyles || {};
+		var groupSetRevision = useGroupSetRevision(pseudoGroups, mediaGroups);
 		var propsWithAnimation = props;
 		var { asChild, children, themeShallow, spaceDirection: _spaceDirection, onPress, onLongPress, onPressIn, onPressOut, onHoverIn, onHoverOut, onMouseUp, onMouseDown, onMouseEnter, onMouseLeave, onFocus, onBlur, onTransition, separator, passThrough, forceStyle: _forceStyle, onClick, theme: _themeProp, ...nonTamaguiProps } = viewPropsIn || {};
 		var viewProps = nonTamaguiProps;
@@ -705,11 +697,9 @@ ${banner}
 			if (process.env.NODE_ENV === "development" && time) time`animations`;
 		}
 		if (isWeb && isExiting) viewProps.className = `t_exiting ${viewProps.className || ""}`;
-		if (process.env.NODE_ENV === "development" && props.untilMeasured && !props.group) console.warn(`You set the untilMeasured prop without setting group. This doesn't work, be sure to set untilMeasured on the parent that sets group, not the children that use a group clause.
-
-If you meant to do this, you can disable this warning - either change untilMeasured and group at the same time, or do group={conditional ? 'name' : undefined}`);
+		if (process.env.NODE_ENV === "development" && props.untilMeasured && !isContainer) console.warn(`You set untilMeasured without establishing a container. Set it on the parent with container or container="name", not on the child using a container clause.`);
 		if (process.env.NODE_ENV === "development" && time) time`destructure`;
-		if (!isPassthrough && groupContext && props.containerType !== "normal") nonTamaguiProps.onLayout = composeEventHandlers(nonTamaguiProps.onLayout, function(e) {
+		if (!isPassthrough && groupContext && isContainer) nonTamaguiProps.onLayout = composeEventHandlers(nonTamaguiProps.onLayout, function(e) {
 			var _stateRef_current_group;
 			var layout = e.nativeEvent.layout;
 			groupContext.state.layout = layout;
@@ -728,7 +718,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
 		if (onClick !== void 0 && ((_staticConfig_neverSkipProps = staticConfig.neverSkipProps) === null || _staticConfig_neverSkipProps === void 0 ? void 0 : _staticConfig_neverSkipProps.onClick)) viewProps.onClick = onClick;
 		usePointerEvents(props, viewProps);
 		if (process.env.NODE_ENV === "development") {
-			if (!isReactNative && !isText && isWeb && !isHOC) React.Children.toArray(props.children).forEach(function(item) {
+			if (!isText && isWeb && !isHOC) React.Children.toArray(props.children).forEach(function(item) {
 				if (typeof item === "string" && item !== "\n") console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <${displayName || propsIn.tag || "View"}>.`, props);
 			});
 		}
@@ -815,8 +805,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
 			allGroupContexts,
 			disabled,
 			splitStyles === null || splitStyles === void 0 ? void 0 : splitStyles.usesSafeArea,
-			pseudoGroups ? objectIdentityKey(pseudoGroups) : 0,
-			mediaGroups ? objectIdentityKey(mediaGroups) : 0
+			groupSetRevision
 		]);
 		var groupEmitter = stateRef.current.group;
 		useIsomorphicLayoutEffect(function() {
@@ -936,12 +925,15 @@ If you meant to do this, you can disable this warning - either change untilMeasu
 			attachHover,
 			attachPress
 		});
+		var hasRealPressEvents = false;
+		var pressGesture = null;
 		var propsWithHref = props;
 		var propsInWithHref = propsIn;
 		var _props_testID, _ref1, _ref2, _ref3, _ref4;
-		var pressDebugName = [displayName, (_ref4 = (_ref3 = (_ref2 = (_ref1 = (_props_testID = props.testID) !== null && _props_testID !== void 0 ? _props_testID : propsIn.testID) !== null && _ref1 !== void 0 ? _ref1 : props.accessibilityLabel) !== null && _ref2 !== void 0 ? _ref2 : propsIn.accessibilityLabel) !== null && _ref3 !== void 0 ? _ref3 : typeof propsWithHref.href === "string" ? propsWithHref.href : null) !== null && _ref4 !== void 0 ? _ref4 : typeof propsInWithHref.href === "string" ? propsInWithHref.href : null].filter(Boolean).join(":") || null;
-		var hasRealPressEvents = !!(onPress || onPressIn || onPressOut || onLongPress);
-		var pressGesture = useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, pressDebugName, hasRealPressEvents);
+		var pressDebugDetail = (_ref4 = (_ref3 = (_ref2 = (_ref1 = (_props_testID = props.testID) !== null && _props_testID !== void 0 ? _props_testID : propsIn.testID) !== null && _ref1 !== void 0 ? _ref1 : props.accessibilityLabel) !== null && _ref2 !== void 0 ? _ref2 : propsIn.accessibilityLabel) !== null && _ref3 !== void 0 ? _ref3 : typeof propsWithHref.href === "string" ? propsWithHref.href : null) !== null && _ref4 !== void 0 ? _ref4 : typeof propsInWithHref.href === "string" ? propsInWithHref.href : null;
+		var pressDebugName = displayName ? pressDebugDetail ? `${displayName}:${pressDebugDetail}` : displayName : pressDebugDetail || null;
+		hasRealPressEvents = !!(onPress || onPressIn || onPressOut || onLongPress);
+		pressGesture = useEvents(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, pressDebugName, hasRealPressEvents);
 		if (process.env.NODE_ENV === "development" && time) time`hooks`;
 		if (asChild && !isHOC) {
 			elementType = Slot;
@@ -986,7 +978,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
 			setParentFocusState: setStateShallow,
 			children: content
 		});
-		if ("group" in props || isContainer) content = /* @__PURE__ */ jsx(GroupContext.Provider, {
+		if (groupName || isContainer) content = /* @__PURE__ */ jsx(GroupContext.Provider, {
 			value: allGroupContexts,
 			children: content
 		});
@@ -1003,6 +995,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
 			});
 		}
 		if (process.env.NODE_ENV === "development" && time) time`context-override`;
+		if (!process.env.TAMAGUI_DID_OUTPUT_CSS && false);
 		if (process.env.NODE_ENV === "development" && time) time`style-tags`;
 		if (process.env.NODE_ENV === "development") {
 			if (debugProp && debugProp !== "profile") {