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

package/dist/cjs/createComponent.native.js

@@ -48,7 +48,6 @@ var import_defaultComponentState = require("./defaultComponentState.native.js");
 var import_eventHandling = require("./eventHandling.native.js");
 var import_getDefaultProps = require("./helpers/getDefaultProps.native.js");
 var import_componentDisplayName = require("./helpers/componentDisplayName.native.js");
-var import_resolveAnimationDriver = require("./helpers/resolveAnimationDriver.native.js");
 var import_getSplitStyles = require("./helpers/getSplitStyles.native.js");
 var import_nativeStyleEngine = require("./helpers/nativeStyleEngine.native.js");
 var import_getThemeProxied = require("./hooks/getThemeProxied.native.js");
@@ -56,7 +55,6 @@ var import_log = require("./helpers/log.native.js");
 var import_mergeProps = require("./helpers/mergeProps.native.js");
 var import_mergeRenderElementProps = require("./helpers/mergeRenderElementProps.native.js");
 var import_mediaState = require("./helpers/mediaState.native.js");
-var import_objectIdentityKey = require("./helpers/objectIdentityKey.native.js");
 var import_pointerEvents = require("./helpers/pointerEvents.native.js");
 var import_extractPseudoState = require("./helpers/extractPseudoState.native.js");
 var import_resolveSafeAreaVariable = require("./helpers/resolveSafeAreaVariable.native.js");
@@ -64,6 +62,7 @@ var import_setElementProps = require("./helpers/setElementProps.native.js");
 var import_subscribeToContextGroup = require("./helpers/subscribeToContextGroup.native.js");
 require("./helpers/wrapStyleTags.native.js");
 var import_useComponentState = require("./hooks/useComponentState.native.js");
+var import_useSplitStyles = require("./hooks/useSplitStyles.native.js");
 var import_useMedia = require("./hooks/useMedia.native.js");
 var import_useTheme = require("./hooks/useTheme.native.js");
 var import_setupHooks = require("./setupHooks.native.js");
@@ -96,30 +95,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;
@@ -141,10 +116,14 @@ if (import_constants.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.`);
+	(0, import_getSplitStyles.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) {
@@ -179,7 +158,7 @@ function createComponent(staticConfig) {
 				testRenderCount.current += 1;
 			}
 		}
-		var { context, isReactNative } = staticConfig;
+		var { context } = staticConfig;
 		var debugProp = propsIn["debug"];
 		var styledContextValue = context ? import_react.default.useContext(context) : void 0;
 		var overriddenContextProps = null;
@@ -204,7 +183,6 @@ function createComponent(staticConfig) {
 		var [nextProps, overrides] = (0, import_mergeProps.mergeComponentProps)(resolvedDefaultProps, styledContextValue, propsIn);
 		props = nextProps;
 		overriddenContextProps = overrides;
-		if (staticConfig.styleFrontend) props = staticConfig.styleFrontend.preprocessProps(props, config);
 		if (process.env.NODE_ENV === "development" && import_constants.isClient) import_react.default.useEffect(function() {
 			var node;
 			var overlay = null;
@@ -256,19 +234,17 @@ function createComponent(staticConfig) {
 		var groupContextParent = import_react.default.useContext(import_GroupContext.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 (0, import_resolveAnimationDriver.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 = (0, import_resolveAnimationDriver.resolveAnimationDriver)(componentContext.animationDriver)) !== null && _resolveAnimationDriver !== void 0 ? _resolveAnimationDriver : (0, import_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 = (0, import_useComponentState.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));
@@ -295,53 +271,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 = (0, import_react.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: import_defaultComponentState.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;
@@ -372,7 +301,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;
@@ -390,7 +319,7 @@ function createComponent(staticConfig) {
 						console.groupEnd();
 						console.groupCollapsed(`${childLog} [inspect props, state, context \u{1F447}]`);
 						(0, import_log.log)("props in:", propsIn);
-						(0, import_log.log)("final props:", props, Object.keys(props));
+						(0, import_log.log)("final props:", props);
 						(0, import_log.log)({
 							state,
 							staticConfig,
@@ -447,12 +376,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 = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp, animationDriver);
+		var splitStyles = (0, import_useSplitStyles.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 = (0, import_react.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: import_defaultComponentState.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 = (0, import_nativeStyleEngine.getNativeStyleEngine)();
 		var canNativeUpdate = !!nativeEngine && !isPassthrough && !isHOC && !willBeAnimated && !groupName && !props.disableNativeStyle;
@@ -565,7 +554,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;
@@ -639,9 +628,11 @@ ${banner}
 				var prev = stateRef.current.nextState || state;
 				var next = typeof nextOrGetNext === "function" ? nextOrGetNext(prev) : nextOrGetNext;
 				if (next === prev || (0, import_is_equal_shallow.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
@@ -685,6 +676,7 @@ ${banner}
 		if (process.env.NODE_ENV === "development" && debugProp === "verbose") console.info(`useMedia() createComponent`, shouldListenForMedia, mediaListeningKeys);
 		(0, import_useMedia.setMediaShouldUpdate)(stateRef.current, shouldListenForMedia, mediaListeningKeys, stateRef.current.optimizeForFirstRender);
 		var { viewProps: viewPropsIn, style: splitStylesStyle, classNames, pseudoGroups, mediaGroups } = splitStyles || {};
+		var groupSetRevision = (0, import_subscribeToContextGroup.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;
@@ -731,11 +723,9 @@ ${banner}
 			if (process.env.NODE_ENV === "development" && time) time`animations`;
 		}
 		if (import_constants.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 = (0, import_helpers.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
+		if (!isPassthrough && groupContext && isContainer) nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
 			var _stateRef_current_group;
 			var layout = e.nativeEvent.layout;
 			groupContext.state.layout = layout;
@@ -754,7 +744,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;
 		(0, import_pointerEvents.usePointerEvents)(props, viewProps);
 		if (process.env.NODE_ENV === "development") {
-			if (!isReactNative && !isText && import_constants.isWeb && !isHOC) import_react.default.Children.toArray(props.children).forEach(function(item) {
+			if (!isText && import_constants.isWeb && !isHOC) import_react.default.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);
 			});
 		}
@@ -841,8 +831,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 ? (0, import_objectIdentityKey.objectIdentityKey)(pseudoGroups) : 0,
-			mediaGroups ? (0, import_objectIdentityKey.objectIdentityKey)(mediaGroups) : 0
+			groupSetRevision
 		]);
 		var groupEmitter = stateRef.current.group;
 		(0, import_constants.useIsomorphicLayoutEffect)(function() {
@@ -962,12 +951,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 = (0, import_eventHandling.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 = (0, import_eventHandling.useEvents)(events, viewProps, stateRef, staticConfig, isHOC, isInsideNativeMenu, pressDebugName, hasRealPressEvents);
 		if (process.env.NODE_ENV === "development" && time) time`hooks`;
 		if (asChild && !isHOC) {
 			elementType = import_Slot.Slot;
@@ -1013,7 +1005,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__ */ (0, import_jsx_runtime.jsx)(import_GroupContext.GroupContext.Provider, {
+		if (groupName || isContainer) content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GroupContext.GroupContext.Provider, {
 			value: allGroupContexts,
 			children: content
 		});
@@ -1030,6 +1022,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") {