tamagui 3.0.18 → 3.1.1

package/dist/test.cjs

@@ -11248,16 +11248,21 @@ var require_react_dom_development = /* @__PURE__ */ __commonJSMin(((exports) =>
 		}
 		function createPortal$1(children, containerInfo, implementation) {
 			var key = 3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
-			try {
-				testStringCoercion(key);
-				var JSCompiler_inline_result = !1;
-			} catch (e) {
-				JSCompiler_inline_result = !0;
+			if (null == key) key = null;
+			else if (key === REACT_OPTIMISTIC_KEY) key = REACT_OPTIMISTIC_KEY;
+			else {
+				try {
+					testStringCoercion(key);
+					var JSCompiler_inline_result = !1;
+				} catch (e) {
+					JSCompiler_inline_result = !0;
+				}
+				JSCompiler_inline_result && (console.error("The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", "function" === typeof Symbol && Symbol.toStringTag && key[Symbol.toStringTag] || key.constructor.name || "Object"), testStringCoercion(key));
+				key = "" + key;
 			}
-			JSCompiler_inline_result && (console.error("The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", "function" === typeof Symbol && Symbol.toStringTag && key[Symbol.toStringTag] || key.constructor.name || "Object"), testStringCoercion(key));
 			return {
 				$$typeof: REACT_PORTAL_TYPE,
-				key: null == key ? null : "" + key,
+				key,
 				children,
 				containerInfo,
 				implementation
@@ -11295,9 +11300,15 @@ var require_react_dom_development = /* @__PURE__ */ __commonJSMin(((exports) =>
 			},
 			p: 0,
 			findDOMNode: null
-		}, REACT_PORTAL_TYPE = Symbol.for("react.portal"), ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+		}, REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_RECOVERABLE_TYPE = Symbol.for("react.recoverable"), REACT_OPTIMISTIC_KEY = Symbol.for("react.optimistic_key"), ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
 		"function" === typeof Map && null != Map.prototype && "function" === typeof Map.prototype.forEach && "function" === typeof Set && null != Set.prototype && "function" === typeof Set.prototype.clear && "function" === typeof Set.prototype.forEach || console.error("React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills");
 		exports.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = Internals;
+		exports.browser = function(reason) {
+			return {
+				$$typeof: REACT_RECOVERABLE_TYPE,
+				_reason: reason
+			};
+		};
 		exports.createPortal = function(children, container) {
 			var key = 2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null;
 			if (!container || 1 !== container.nodeType && 9 !== container.nodeType && 11 !== container.nodeType) throw Error("Target container is not a DOM element.");
@@ -11352,7 +11363,8 @@ var require_react_dom_development = /* @__PURE__ */ __commonJSMin(((exports) =>
 				if (null == options.as || "script" === options.as) encountered = getCrossOriginStringAs(options.as, options.crossOrigin), Internals.d.M(href, {
 					crossOrigin: encountered,
 					integrity: "string" === typeof options.integrity ? options.integrity : void 0,
-					nonce: "string" === typeof options.nonce ? options.nonce : void 0
+					nonce: "string" === typeof options.nonce ? options.nonce : void 0,
+					fetchPriority: "string" === typeof options.fetchPriority ? options.fetchPriority : void 0
 				});
 			} else null == options && Internals.d.M(href);
 		};
@@ -11385,7 +11397,9 @@ var require_react_dom_development = /* @__PURE__ */ __commonJSMin(((exports) =>
 			"string" === typeof href && (options ? (encountered = getCrossOriginStringAs(options.as, options.crossOrigin), Internals.d.m(href, {
 				as: "string" === typeof options.as && "script" !== options.as ? options.as : void 0,
 				crossOrigin: encountered,
-				integrity: "string" === typeof options.integrity ? options.integrity : void 0
+				integrity: "string" === typeof options.integrity ? options.integrity : void 0,
+				nonce: "string" === typeof options.nonce ? options.nonce : void 0,
+				fetchPriority: "string" === typeof options.fetchPriority ? options.fetchPriority : void 0
 			})) : Internals.d.m(href));
 		};
 		exports.requestFormReset = function(form) {
@@ -11400,7 +11414,7 @@ var require_react_dom_development = /* @__PURE__ */ __commonJSMin(((exports) =>
 		exports.useFormStatus = function() {
 			return resolveDispatcher().useHostTransitionStatus();
 		};
-		exports.version = "19.2.3";
+		exports.version = "19.3.0";
 		"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 	})();
 }));
@@ -14009,7 +14023,7 @@ function resolveSafeAreaVariable(name) {
 	if (edge !== "top" && edge !== "right" && edge !== "bottom" && edge !== "left") return;
 	var state = getSafeArea().state;
 	if (!state.didSetup) {
-		if (!didWarnMissingSetup) {
+		if (!isProd$11 && !didWarnMissingSetup) {
 			didWarnMissingSetup = true;
 			console.warn("[tamagui] safe-area variables on native require importing @tamagui/native/setup-safe-area and wrapping the app in the SafeAreaProvider from react-native-safe-area-context.");
 		}
@@ -14020,9 +14034,10 @@ function resolveSafeAreaVariable(name) {
 function subscribeToSafeArea(listener) {
 	return getSafeArea().subscribe(listener);
 }
-var didWarnMissingSetup;
+var isProd$11, didWarnMissingSetup;
 var init_resolveSafeAreaVariable_native = __esmMin((() => {
 	init_index_native$4();
+	isProd$11 = false;
 	didWarnMissingSetup = false;
 }));
 //#endregion
@@ -14606,7 +14621,7 @@ var init_mediaState_native = __esmMin((() => {
 //#endregion
 //#region ../../core/web/dist/esm/helpers/matchMedia.native.js
 function matchMediaFallback(query) {
-	if (!process.env.IS_STATIC && false);
+	if (!process.env.IS_STATIC && !isProd$10 && false);
 	return {
 		match: function match(a, b) {
 			return false;
@@ -14620,8 +14635,9 @@ function setupMatchMedia(_) {
 	matchMediaImpl = _;
 	globalThis["matchMedia"] = _;
 }
-var matchMediaImpl, matchMedia;
+var isProd$10, matchMediaImpl, matchMedia;
 var init_matchMedia_native = __esmMin((() => {
+	isProd$10 = false;
 	matchMediaImpl = matchMediaFallback;
 	matchMedia = function matchMedia2() {
 		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
@@ -14643,11 +14659,11 @@ function setupMediaListeners() {
 			return matchMedia(str);
 		};
 		var match = getMatch();
-		if (!match) throw new Error(formatDiagnostic("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
+		if (!match) throw new Error(!isProd$9 && true ? formatDiagnostic("TAMAGUI_MEDIA_MATCH", "useMedia", "matchMedia returned no MediaQueryList", "Provide a matchMedia implementation that returns a MediaQueryList", "key,query,platform", {
 			key: key2,
 			query: str,
 			platform: "native"
-		}));
+		}) : "❌ Error 013");
 		match.addListener(update);
 		dispose.add(function() {
 			match.removeListener(update);
@@ -14992,7 +15008,7 @@ function getMediaState(mediaGroups, layout) {
 	}
 	return res;
 }
-var dispose, mediaVersion, configureMedia, setupVersion, listenersByKey, globalListeners, publishedState, _mediaListenerStats, States, touchTrackerProto, refSlot, incReducer$1, disableMediaTouch;
+var isProd$9, dispose, mediaVersion, configureMedia, setupVersion, listenersByKey, globalListeners, publishedState, _mediaListenerStats, States, touchTrackerProto, refSlot, incReducer$1, disableMediaTouch;
 var init_useMedia_native = __esmMin((() => {
 	init_index_native$7();
 	init_config_native();
@@ -15002,6 +15018,7 @@ var init_useMedia_native = __esmMin((() => {
 	init_mediaObjectToString_native();
 	init_mediaState_native();
 	init_objectSpread2();
+	isProd$9 = false;
 	dispose = /* @__PURE__ */ new Set();
 	mediaVersion = 0;
 	configureMedia = function configureMedia2(config) {
@@ -16793,7 +16810,10 @@ var init_styledDynamic_native = __esmMin((() => {
 function scanAllSheets() {
 	var collectThemes = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
 	arguments.length > 1 && arguments[1];
-	if (process.env.TAMAGUI_RUNTIME !== "island" || collectThemes) return;
+	if (process.env.TAMAGUI_RUNTIME !== "island" || collectThemes) {
+		if (!isProd$8 && true) return;
+		return;
+	}
 }
 function trackInsertedStyle(id) {
 	var next = (totalSelectorsInserted.get(id) || 0) + 1;
@@ -16863,9 +16883,10 @@ function shouldInsertStyleRules(identifier) {
 	if (process.env.IS_STATIC === "is_static") return true;
 	return (totalSelectorsInserted.get(identifier) || 0) < maxToInsert;
 }
-var totalSelectorsInserted, allSelectors, allRules, allRuleSets, getRulesForIdentifier, sortedRulesStale, bailAfterEnv, sheet$1, mountedProviders, trackAllRules, nonce, maxToInsert;
+var isProd$8, totalSelectorsInserted, allSelectors, allRules, allRuleSets, getRulesForIdentifier, sortedRulesStale, bailAfterEnv, sheet$1, mountedProviders, trackAllRules, nonce, maxToInsert;
 var init_insertStyleRule_native = __esmMin((() => {
 	init_index_native$5();
+	isProd$8 = false;
 	totalSelectorsInserted = /* @__PURE__ */ new Map();
 	allSelectors = {};
 	allRules = {};
@@ -17385,9 +17406,10 @@ var init_webPropsToSkip_native = __esmMin((() => {
 }));
 //#endregion
 //#region ../../core/web/dist/esm/helpers/skipProps.native.js
-var HOC_CLASSNAME_MARKER, skipProps;
+var isProd$7, HOC_CLASSNAME_MARKER, skipProps;
 var init_skipProps_native = __esmMin((() => {
 	init_webPropsToSkip_native();
+	isProd$7 = false;
 	HOC_CLASSNAME_MARKER = "data-tamagui-hoc-class";
 	skipProps = {
 		untilMeasured: 1,
@@ -17406,7 +17428,7 @@ var init_skipProps_native = __esmMin((() => {
 		container: 1,
 		animatePresence: 1
 	};
-	skipProps["data-test-renders"] = 1;
+	if (!isProd$7 && true) skipProps["data-test-renders"] = 1;
 	Object.assign(skipProps, webPropsToSkip);
 }));
 //#endregion
@@ -17493,7 +17515,7 @@ function setConditionUnresolved(condition) {
 	var name = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
 	var _condition;
 	condition[conditionValue] &= ~conditionResolvedFlag;
-	(_condition = condition).problem || (_condition.problem = name);
+	if (!isProd$6 && true) (_condition = condition).problem || (_condition.problem = name);
 }
 function appendConditionWrapper(condition, wrapper) {
 	var wrappers = condition[conditionWrappers];
@@ -17601,7 +17623,10 @@ function commitCondition(condition) {
 	condition[conditionKey] = condition[conditionAtoms].join(":");
 	var ranks = condition[conditionRanks];
 	var depth = ranks.length;
-	if (depth > 5) throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${condition[conditionKey]}:"`);
+	if (depth > 5) {
+		if (!isProd$6 && true) throw new Error(`a flat value clause supports at most 5 non-platform conditions; received ${depth} in "${condition[conditionKey]}:"`);
+		return 0;
+	}
 	var precedence = condition[conditionPlatform] * 6 + depth;
 	for (var index = 0; index < 5; index++) precedence = precedence * 256 + (ranks[index] || 0);
 	var value = precedence * 256 + condition[conditionValue];
@@ -17691,7 +17716,7 @@ function contributeProp(pass, keyOg, valOg) {
 	}
 	if (keyInit === "ref") return;
 	if (keyInit[0] === "d" && keyInit.startsWith("data-")) return;
-	if (keyInit === "jestAnimatedStyle") return;
+	if (!isProd$6 && keyInit === "jestAnimatedStyle") return;
 	if (!disableExpandShorthands) {
 		if (keyInit in shorthands) keyInit = shorthands[keyInit];
 	}
@@ -18202,7 +18227,7 @@ function emitAtParentCondition(state, property, value, originalValue, contextOnl
 function emitUnderCondition(state, property, value, cursor, originalValue, contextOnly, warnMode, warnSource) {
 	var condition = cursor[conditionValue];
 	if (!(condition & conditionResolvedFlag)) {
-		if (warnMode && true) warnRefusedValue(property, warnSource, `unknown modifier "${cursor.problem}"`);
+		if (warnMode && !isProd$6 && true) warnRefusedValue(property, warnSource, `unknown modifier "${cursor.problem}"`);
 		return 0;
 	}
 	emitValue(state, property, value, cursor, warnMode === 2 ? originalValue : originalValue !== null && originalValue !== void 0 ? originalValue : value, contextOnly);
@@ -18619,7 +18644,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 				var payload = (_ = (_slices = slices)[_index = index]) !== null && _ !== void 0 ? _ : _slices[_index] = value.slice(start, end);
 				emitConditionalValue(state, property, payload, parentCondition, payload, sink, warnMode, contextOnly);
 				hasBase = true;
-			} else if (warnMode && !chainCount && (failure === "invalid-character" || failure === "stray-comment-close")) {
+			} else if (!isProd$6 && warnMode && !chainCount && (failure === "invalid-character" || failure === "stray-comment-close")) {
 				emitConditionalValue(state, property, value, parentCondition, value, sink, warnMode, contextOnly);
 				hasBase = true;
 			} else if (warnMode);
@@ -18644,7 +18669,7 @@ function walkConditionalValue(state, property, value, parent, sink) {
 				emitConditionalValue(state, property, (_2 = (_slices2 = slices)[_index1 = index1]) !== null && _2 !== void 0 ? _2 : _slices2[_index1] = value.slice(start1, end1), cursor, value, sink, warnMode, contextOnly);
 			}
 		}
-		value.slice(lastPayloadStart);
+		if (!isProd$6 && true) value.slice(lastPayloadStart);
 	} else {
 		if (!value || typeof value !== "object" || Array.isArray(value) || isVariable(value) || !classifyConditionalObject(value, state)) return false;
 		if (value.default != null) {
@@ -18757,7 +18782,7 @@ function emitVariantStyle(state, key, value, original, condition, disabled) {
 	pass[passParentCursor] = parent;
 	pass[passVariantOutput] = parentVariantOutput;
 }
-var shouldTrackStyleTokenProvenance, conditionValue, conditionPlatform, conditionKey, conditionSelector, conditionTheme, conditionWrappers, conditionAtoms, conditionRanks, conditionResolvedFlag, conditionPlatformPseudoFlag, passClassName, passShouldDoClasses, passContainerValue, passContainerName, passContainerType, passFrontendGroup, passFrontendContainer, passFrontendContainerType, passSourceLayer, passParentCursor, passMapSourceKey, passVariantOutput, passFlags, sourceLayerBase, sourceLayerVariant, sourceLayerResolver, sourceLayerProps, sourceLayerStyle, passNoSkipFlag, passDisableShorthandsFlag, passNoExpandFlag, passNoMergeFlag, passHocFlag, passTextFlag, passInputFlag, passAsChildStyleFlag, getSplitStyles, stylePieceStaticConfig, resolvedStylePieceCache, resolveStyleObject, recordInline, recordNormalize, recordRetract, recordDefault, recordCSS, borderTargets, valueCacheConf, valueCacheRevision, valueCaches, valueCacheEntries, valueCacheRoot, parsedSlices, shadowRecipeProperties, shadowRecipeKeywords;
+var isProd$6, shouldTrackStyleTokenProvenance, conditionValue, conditionPlatform, conditionKey, conditionSelector, conditionTheme, conditionWrappers, conditionAtoms, conditionRanks, conditionResolvedFlag, conditionPlatformPseudoFlag, passClassName, passShouldDoClasses, passContainerValue, passContainerName, passContainerType, passFrontendGroup, passFrontendContainer, passFrontendContainerType, passSourceLayer, passParentCursor, passMapSourceKey, passVariantOutput, passFlags, sourceLayerBase, sourceLayerVariant, sourceLayerResolver, sourceLayerProps, sourceLayerStyle, passNoSkipFlag, passDisableShorthandsFlag, passNoExpandFlag, passNoMergeFlag, passHocFlag, passTextFlag, passInputFlag, passAsChildStyleFlag, getSplitStyles, stylePieceStaticConfig, resolvedStylePieceCache, resolveStyleObject, recordInline, recordNormalize, recordRetract, recordDefault, recordCSS, borderTargets, valueCacheConf, valueCacheRevision, valueCaches, valueCacheEntries, valueCacheRoot, parsedSlices, shadowRecipeProperties, shadowRecipeKeywords;
 var init_getSplitStyles_native = __esmMin((() => {
 	init_transitionResolver_native();
 	init_index_native$7();
@@ -18796,7 +18821,8 @@ var init_getSplitStyles_native = __esmMin((() => {
 	init_style_native();
 	init_objectSpread2();
 	init_tokenCategories_native();
-	shouldTrackStyleTokenProvenance = false;
+	isProd$6 = false;
+	shouldTrackStyleTokenProvenance = !isProd$6 && false;
 	conditionValue = 0;
 	conditionPlatform = 1;
 	conditionKey = 2;
@@ -19817,10 +19843,10 @@ function getThemedChildren(themeState, children, props) {
 	if (requiresExtraWrapper || isFirstThemedRender && (themeState.name === "dark" || themeState.name === "light")) state.hasEverThemed = "wrapped";
 	if (shallow) if (!themeState.parentId) {} else {
 		var parentState = getThemeState(themeState.isNew ? themeState.id : themeState.parentId);
-		if (!parentState) throw new Error(formatDiagnostic("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
+		if (!parentState) throw new Error(!isProd$5 && true ? formatDiagnostic("‼️010", "Theme", "parent theme state is missing for shallow rendering", "Keep <Theme shallow> inside its mounted parent Theme", "name,parentId", {
 			name: themeState.name,
 			parentId: themeState.parentId
-		}));
+		}) : "❌ Error 014");
 		children = react$1.Children.toArray(children).map(function(child) {
 			return /* @__PURE__ */ (0, react$1.isValidElement)(child) ? passThrough ? child : /* @__PURE__ */ (0, react$1.cloneElement)(child, void 0, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Theme, {
 				name: parentState.name,
@@ -19831,7 +19857,7 @@ function getThemedChildren(themeState, children, props) {
 	if (forceClassName === false) return children;
 	return children;
 }
-var Theme;
+var isProd$5, Theme;
 var init_Theme_native = __esmMin((() => {
 	init_index_native$3();
 	init_index_native$7();
@@ -19842,6 +19868,7 @@ var init_Theme_native = __esmMin((() => {
 	init_useTheme_native();
 	init_useThemeState_native();
 	init_objectSpread2();
+	isProd$5 = false;
 	Theme = createRefComponent(function Theme2(props, ref) {
 		"use no memo";
 		if (props.disable) return props.children;
@@ -19870,7 +19897,7 @@ var init_Theme_native = __esmMin((() => {
 //#endregion
 //#region ../../core/web/dist/esm/createComponent.native.js
 function createComponent(staticConfig) {
-	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.`);
+	if (process.env.TAMAGUI_RUNTIME === "zero") throw new Error(!isProd$4 && true ? `[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.` : "❌ Error 010");
 	var config = null;
 	var resolvedDefaultProps;
 	var resolvedStyleRevision = -1;
@@ -19903,11 +19930,13 @@ function createComponent(staticConfig) {
 				BaseView = baseViews.View;
 			}
 		}
-		var testRenderCount = propsIn["data-test-renders"];
-		if (testRenderCount && typeof testRenderCount === "object" && !Object.isFrozen(testRenderCount)) {
-			var _testRenderCount_current;
-			testRenderCount.current = (_testRenderCount_current = testRenderCount.current) !== null && _testRenderCount_current !== void 0 ? _testRenderCount_current : 0;
-			testRenderCount.current += 1;
+		if (!isProd$4 && true) {
+			var testRenderCount = propsIn["data-test-renders"];
+			if (testRenderCount && typeof testRenderCount === "object" && !Object.isFrozen(testRenderCount)) {
+				var _testRenderCount_current;
+				testRenderCount.current = (_testRenderCount_current = testRenderCount.current) !== null && _testRenderCount_current !== void 0 ? _testRenderCount_current : 0;
+				testRenderCount.current += 1;
+			}
 		}
 		var { context } = staticConfig;
 		var debugProp = propsIn["debug"];
@@ -19968,7 +19997,7 @@ function createComponent(staticConfig) {
 		if (isAnimatedCustomComponent) elementType = animationDriver[isText ? "Text" : "View"] || elementType;
 		var disableThemeProp = false;
 		var hocThemesSelf = isHOC && "theme" in props;
-		var disableTheme = disableThemeProp || isHOC && !hocThemesSelf;
+		var disableTheme = disableThemeProp || isHOC && false;
 		var themeStateProps = {
 			disable: disableTheme,
 			shallow: props.themeShallow,
@@ -20625,7 +20654,7 @@ function getRenderElementForPlatform(potential) {
 function isHTMLElement(el) {
 	return typeof el["type"] === "string" && el["type"][0] === el["type"][0].toLowerCase();
 }
-var _excluded$64, _excluded2$36, componentSetStates, avoidReRenderKeys, groupPseudoKeys, BaseText, BaseView, hasSetupBaseViews, lastInteractionWasKeyboard, lastInteractionWasTouch, fromPx, getCustomRender;
+var _excluded$64, _excluded2$36, isProd$4, componentSetStates, avoidReRenderKeys, groupPseudoKeys, BaseText, BaseView, hasSetupBaseViews, lastInteractionWasKeyboard, lastInteractionWasTouch, fromPx, getCustomRender;
 var init_createComponent_native = __esmMin((() => {
 	init_index_native$3();
 	init_index_native$7();
@@ -20692,6 +20721,7 @@ var init_createComponent_native = __esmMin((() => {
 		"onClick",
 		"theme"
 	];
+	isProd$4 = false;
 	componentSetStates = /* @__PURE__ */ new Set();
 	avoidReRenderKeys = /* @__PURE__ */ new Set([
 		"hover",
@@ -21071,7 +21101,7 @@ function buildCSSRuleSets(declarations, fontDeclarations) {
 			return `:root${arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : ""}${sep}{${sep}${[...decs].join(`;${sep}`)}${developmentWhitespace ? "\n" : ""}}`;
 		};
 		var cssRuleSets = [];
-		var developmentWhitespace = false;
+		var developmentWhitespace = !isProd$3 && false;
 		var sep = developmentWhitespace ? " " : "";
 		if (declarations.length) cssRuleSets.push(declarationsToRuleSet2(declarations));
 		var fontSelectors = [];
@@ -21117,10 +21147,12 @@ function getCSS(themeConfig) {
 	if (!process.env.TAMAGUI_DID_OUTPUT_CSS && false);
 	return "";
 }
+var isProd$3;
 var init_createDesignSystem_native = __esmMin((() => {
 	init_index_native$7();
 	init_registerCSSVariable_native();
 	init_getThemeCSSRules_native();
+	isProd$3 = false;
 }));
 //#endregion
 //#region ../../core/web/dist/esm/helpers/proxyThemeToParents.native.js
@@ -21669,7 +21701,7 @@ var init_createTamagui_native = __esmMin((() => {
 //#region ../../core/web/dist/esm/createTokens.native.js
 function createTokens(tokens) {
 	var _process_env_TAMAGUI_TOKEN_PREFIX;
-	validateNoTrueTokenKeys(tokens);
+	if (!isProd$2 && true) validateNoTrueTokenKeys(tokens);
 	return createVariables(tokens, (_process_env_TAMAGUI_TOKEN_PREFIX = process.env.TAMAGUI_TOKEN_PREFIX) !== null && _process_env_TAMAGUI_TOKEN_PREFIX !== void 0 ? _process_env_TAMAGUI_TOKEN_PREFIX : "t");
 }
 function validateNoTrueTokenKeys(tokens) {
@@ -21679,8 +21711,10 @@ function validateNoTrueTokenKeys(tokens) {
 		if ("true" in tokenSet) throw new Error(`tokens.${category}.true is reserved because boolean values select component defaults. Use an explicit token name instead.`);
 	}
 }
+var isProd$2;
 var init_createTokens_native = __esmMin((() => {
 	init_createVariables_native();
+	isProd$2 = false;
 }));
 //#endregion
 //#region ../../core/web/dist/esm/helpers/mergeVariants.native.js
@@ -21966,20 +22000,21 @@ var init_useIsTouchDevice_native = __esmMin((() => {
 //#region ../../core/web/dist/esm/hooks/useAnimationDriver.native.js
 function useAnimationDriver() {
 	var { animationDriver } = useConfiguration();
-	if (!animationDriver || animationDriver.isStub) throw new Error(`No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations`);
+	if (!animationDriver || animationDriver.isStub) throw new Error(!isProd$1 && true ? `No animation driver configured. Pass \`animations\` to createTamagui. See: https://tamagui.dev/docs/core/animations` : "❌ Error 011");
 	return animationDriver;
 }
 function useAnimatedNumberDriver() {
 	var animatedDriver = useAnimationDriver();
-	if (typeof animatedDriver.useAnimatedNumber !== "function" || typeof animatedDriver.useAnimatedNumberStyle !== "function" || typeof animatedDriver.useAnimatedNumbersStyle !== "function" || typeof animatedDriver.useAnimatedNumberReaction !== "function") throw new Error(`The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css`);
+	if (typeof animatedDriver.useAnimatedNumber !== "function" || typeof animatedDriver.useAnimatedNumberStyle !== "function" || typeof animatedDriver.useAnimatedNumbersStyle !== "function" || typeof animatedDriver.useAnimatedNumberReaction !== "function") throw new Error(!isProd$1 && true ? `The configured animation driver does not include animated-number hooks. When using the CSS driver, import \`createAnimations\` from \`@tamagui/animations-css/extras\` instead of \`@tamagui/animations-css\`. See: https://tamagui.dev/docs/core/animations-css` : "❌ Error 012");
 	return animatedDriver;
 }
 function useAnimatedNumber(initial) {
 	return useAnimatedNumberDriver().useAnimatedNumber(initial);
 }
-var useAnimatedNumberStyle, useAnimatedNumbersStyle, useAnimatedNumberReaction;
+var isProd$1, useAnimatedNumberStyle, useAnimatedNumbersStyle, useAnimatedNumberReaction;
 var init_useAnimationDriver_native = __esmMin((() => {
 	init_ComponentContext_native();
+	isProd$1 = false;
 	useAnimatedNumberStyle = function useAnimatedNumberStyle2(value, getStyle) {
 		return useAnimatedNumberDriver().useAnimatedNumberStyle(value, getStyle);
 	};
@@ -23751,12 +23786,12 @@ function TamaguiProvider$3(param) {
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		!process.env.TAMAGUI_DID_OUTPUT_CSS && false,
-		false,
+		!isProd && false,
 		hasSafeAreaTracker() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SafeAreaTracker, {}),
 		contents
 	] });
 }
-var _cachedFirstKey, _cachedConfig;
+var isProd, _cachedFirstKey, _cachedConfig;
 var init_TamaguiProvider_native = __esmMin((() => {
 	init_index_native$7();
 	init_index_native$2();
@@ -23767,6 +23802,7 @@ var init_TamaguiProvider_native = __esmMin((() => {
 	init_SafeAreaTracker_native();
 	init_TamaguiRoot_native();
 	init_ThemeProvider_native();
+	isProd = false;
 }));
 //#endregion
 //#region ../../core/use-event/dist/esm/useGet.native.js
@@ -26239,7 +26275,8 @@ var _excluded10$3 = ["scope", "displayWhenAdapted"];
 var DialogContext = createStyledContext({}, "Dialog__");
 var { useStyledContext: useDialogContext, Provider: DialogProvider } = DialogContext;
 var DialogTriggerFrame = styled(View, { displayName: "DialogTrigger" });
-var DialogTrigger = createStyledHOC(DialogTriggerFrame, function DialogTrigger2(props, forwardedRef) {
+var DialogTrigger = createStyledHOC(DialogTriggerFrame, function DialogTrigger2(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { scope } = props, triggerProps = _objectWithoutProperties(props, _excluded$51);
 	var isInsideButton = react$1.useContext(ButtonNestingContext);
 	var context = useDialogContext(scope);
@@ -26388,8 +26425,8 @@ var DialogOverlayFrame = styled(YStack, {
 		false: { pointerEvents: "none" }
 	} }
 });
-var DialogOverlay$1 = createStyledHOC(DialogOverlayFrame, function DialogOverlay2(param, forwardedRef) {
-	var { scope } = param, props = _objectWithoutProperties(param, _excluded3$15);
+var DialogOverlay$1 = createStyledHOC(DialogOverlayFrame, function DialogOverlay2(propsIn, forwardedRef) {
+	var { scope } = propsIn, props = _objectWithoutProperties(propsIn, _excluded3$15);
 	var context = useDialogContext(scope);
 	var { forceMount = context.forceMount } = props, overlayProps = _objectWithoutProperties(props, _excluded4$15);
 	var isAdapted = useAdaptIsActive(context.adaptScope);
@@ -26433,8 +26470,8 @@ var DialogContentFrame = styled(YStack, {
 		} }
 	}
 });
-var DialogContent$1 = createStyledHOC(DialogContentFrame, function DialogContent2(param, forwardedRef) {
-	var { scope } = param, props = _objectWithoutProperties(param, _excluded5$12);
+var DialogContent$1 = createStyledHOC(DialogContentFrame, function DialogContent2(propsIn, forwardedRef) {
+	var { scope } = propsIn, props = _objectWithoutProperties(propsIn, _excluded5$12);
 	var context = useDialogContext(scope);
 	var isAdapted = useAdaptIsActive(context.adaptScope);
 	var reporter = useDialogAnimationReporter(context);
@@ -26565,7 +26602,8 @@ var DialogCloseFrame = styled(View, {
 	displayName: "DialogClose",
 	render: "button"
 });
-var DialogClose = createStyledHOC(DialogCloseFrame, function(props, forwardedRef) {
+var DialogClose = createStyledHOC(DialogCloseFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { scope, displayWhenAdapted } = props, closeProps = _objectWithoutProperties(props, _excluded10$3);
 	var context = useDialogContext(scope);
 	var isAdapted = useAdaptIsActive(context.adaptScope);
@@ -27516,8 +27554,8 @@ var CheckboxContext = /* @__PURE__ */ react$1.default.createContext({
 	checked: false,
 	disabled: false
 });
-var Checkbox2 = withStaticProperties(createStyledHOC(CheckboxFrame$1, function Checkbox(propsIn, forwardedRef) {
-	var { checked: checkedProp, defaultChecked, onCheckedChange, native, activeStyle, activeTheme } = propsIn, props = _objectWithoutProperties(propsIn, _excluded$43);
+var Checkbox2 = withStaticProperties(createStyledHOC(CheckboxFrame$1, function Checkbox(extraProps, forwardedRef) {
+	var { checked: checkedProp, defaultChecked, onCheckedChange, native, activeStyle, activeTheme } = extraProps, props = _objectWithoutProperties(extraProps, _excluded$43);
 	var [checked = false, setChecked] = useControllableState({
 		prop: checkedProp,
 		defaultProp: defaultChecked,
@@ -27565,8 +27603,8 @@ var Checkbox2 = withStaticProperties(createStyledHOC(CheckboxFrame$1, function C
 			children: props.children
 		})), bubbleInput]
 	});
-}), { Indicator: createStyledHOC(CheckboxIndicatorFrame, function(props, forwardedRef) {
-	var { children, forceMount, activeStyle } = props, indicatorProps = _objectWithoutProperties(props, _excluded2$25);
+}), { Indicator: createStyledHOC(CheckboxIndicatorFrame, function(propsIn, forwardedRef) {
+	var { children, forceMount, activeStyle } = propsIn, indicatorProps = _objectWithoutProperties(propsIn, _excluded2$25);
 	var { active } = CheckboxStyledContext.useStyledContext();
 	var context = react$1.default.useContext(CheckboxContext);
 	if (forceMount || isIndeterminate$1(context.checked) || context.checked === true) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxIndicatorFrame, _objectSpread2(_objectSpread2({ pointerEvents: "none" }, indicatorProps), {}, {
@@ -28882,7 +28920,8 @@ var [createGroupContext, createGroupScope] = createContextScope(GROUP_NAME$2);
 var [GroupProvider, useGroupContext] = createGroupContext(GROUP_NAME$2);
 var GroupFrame = styled(YStack, { displayName: "GroupFrame" });
 function createGroup(verticalDefault) {
-	return withStaticProperties(createStyledHOC(GroupFrame, function(props, ref) {
+	return withStaticProperties(createStyledHOC(GroupFrame, function(propsIn, ref) {
+		var props = propsIn;
 		var { __scopeGroup, children: childrenProp, orientation = verticalDefault ? "vertical" : "horizontal", disabled } = props, restProps = _objectWithoutProperties(props, _excluded$40);
 		var vertical = orientation === "vertical";
 		var indexedChildren = useIndexedChildren(react$1.default.Children.toArray(childrenProp));
@@ -32890,7 +32929,7 @@ var PopoverContextProvider = /* @__PURE__ */ react$1.memo(function(param) {
 	});
 });
 var voidFn = function voidFn2() {};
-var PopoverAnchor = /* @__PURE__ */ react$1.memo(createRefComponent(function PopoverAnchor2(props, forwardedRef) {
+var PopoverAnchorComponent = createRefComponent(function PopoverAnchor(props, forwardedRef) {
 	var { scope } = props, rest = _objectWithoutProperties(props, _excluded$32);
 	var { onCustomAnchorAdd, onCustomAnchorRemove } = usePopoverContext(scope) || {};
 	react$1.useEffect(function() {
@@ -32900,8 +32939,9 @@ var PopoverAnchor = /* @__PURE__ */ react$1.memo(createRefComponent(function Pop
 		};
 	}, [onCustomAnchorAdd, onCustomAnchorRemove]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopperAnchor, _objectSpread2(_objectSpread2({ scope }, rest), {}, { ref: forwardedRef }));
-}));
-var PopoverTrigger = /* @__PURE__ */ react$1.memo(createRefComponent(function PopoverTrigger2(props, forwardedRef) {
+});
+var PopoverAnchor2 = /* @__PURE__ */ react$1.memo(PopoverAnchorComponent);
+var PopoverTriggerComponent = createRefComponent(function PopoverTrigger(props, forwardedRef) {
 	var { scope, disablePressTrigger } = props, rest = _objectWithoutProperties(props, _excluded2$14);
 	var triggerContext = usePopoverTriggerContext(scope);
 	var popperContext = usePopperContextSlow(scope);
@@ -32974,7 +33014,8 @@ var PopoverTrigger = /* @__PURE__ */ react$1.memo(createRefComponent(function Po
 		asChild: true,
 		children: wrappedTrigger
 	}));
-}));
+});
+var PopoverTrigger2 = /* @__PURE__ */ react$1.memo(PopoverTriggerComponent);
 var PopoverContent$1 = createStyledHOC(PopperContentFrame, function PopoverContent2(props, forwardedRef) {
 	var _contentImplProps_pointerEvents;
 	var { trapFocus, enableRemoveScroll = false, zIndex: zIndexProp, scope, forceMount } = props, contentImplProps = _objectWithoutProperties(props, _excluded3$6);
@@ -33191,9 +33232,9 @@ var Popover$1 = withStaticProperties(createRefComponent(function Popover2(param,
 		}, props))
 	});
 }), {
-	Anchor: PopoverAnchor,
+	Anchor: PopoverAnchor2,
 	Arrow: PopoverArrow$1,
-	Trigger: PopoverTrigger,
+	Trigger: PopoverTrigger2,
 	Content: PopoverContent$1,
 	Close: PopoverClose,
 	Adapt,
@@ -33320,8 +33361,9 @@ var ProgressIndicatorFrame = styled(YStack, {
 	height: "100%",
 	width: "100%"
 });
-var ProgressIndicator$1 = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+var ProgressIndicator$1 = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(propsIn, forwardedRef) {
 	var _context_value, _context_value1;
+	var props = propsIn;
 	var { __scopeProgress, transition } = props, indicatorProps = _objectWithoutProperties(props, _excluded$31);
 	var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
 	var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
@@ -33381,7 +33423,8 @@ var ProgressFrame = styled(YStack, {
 	overflow: "hidden",
 	variants: { size: getProgressSize }
 });
-var Progress$1 = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(props, forwardedRef) {
+var Progress$1 = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeProgress, value: valueProp, max: maxProp, getValueLabel = defaultGetValueLabel, size = true } = props, progressProps = _objectWithoutProperties(props, _excluded2$13);
 	var max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
 	var value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
@@ -33627,7 +33670,8 @@ var RadioGroupItemContext = /* @__PURE__ */ react$1.default.createContext({
 	checked: false,
 	disabled: false
 });
-var RadioGroupComponent = createStyledHOC(RadioGroupFrame$1, function(props, ref) {
+var RadioGroupComponent = createStyledHOC(RadioGroupFrame$1, function(propsIn, ref) {
+	var props = propsIn;
 	var { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = "vertical" } = props, rest = _objectWithoutProperties(props, _excluded$28);
 	var { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
 		orientation: orientation === "horizontal" ? "horizontal" : "vertical",
@@ -33645,7 +33689,8 @@ var RadioGroupComponent = createStyledHOC(RadioGroupFrame$1, function(props, ref
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RovingFocusGroup, _objectSpread2(_objectSpread2({}, rovingFocusGroupAttrs), {}, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioGroupFrame$1, _objectSpread2(_objectSpread2({}, frameAttrs), {}, { ref }, rest)) }))
 	});
 });
-var RadioGroupItem$1 = createStyledHOC(RadioGroupItemFrame, function(props, ref) {
+var RadioGroupItem$1 = createStyledHOC(RadioGroupItemFrame, function(propsIn, ref) {
+	var props = propsIn;
 	var { value, labelledBy, onPress, onKeyDown, disabled, id, activeStyle, activeTheme } = props, rest = _objectWithoutProperties(props, _excluded2$12);
 	var { providerValue, checked, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native } = useRadioGroupItem({
 		radioGroupContext: RadioGroupContext,
@@ -33662,7 +33707,8 @@ var RadioGroupItem$1 = createStyledHOC(RadioGroupItemFrame, function(props, ref)
 	});
 });
 RadioGroupItem$1.displayName = "RadioGroupItem";
-var RadioGroupIndicator$1 = createStyledHOC(RadioGroupIndicatorFrame, function(props, forwardedRef) {
+var RadioGroupIndicator$1 = createStyledHOC(RadioGroupIndicatorFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { forceMount, disabled } = props, indicatorProps = _objectWithoutProperties(props, _excluded3$5);
 	var _useRadioGroupItemInd = useRadioGroupItemIndicator({
 		radioGroupItemContext: RadioGroupItemContext,
@@ -34067,7 +34113,8 @@ var SelectItemFrame = styled(View, {
 	alignItems: "center",
 	flexDirection: "row"
 });
-var SelectItem$1 = createStyledHOC(SelectItemFrame, function SelectItem2(props, forwardedRef) {
+var SelectItem$1 = createStyledHOC(SelectItemFrame, function SelectItem2(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { scope, value, disabled: disabledProp, "aria-disabled": ariaDisabled, textValue: textValueProp } = props, restProps = _objectWithoutProperties(props, _excluded$27);
 	var disabled = disabledProp !== null && disabledProp !== void 0 ? disabledProp : ariaDisabled === true;
 	var context = useSelectItemParentContext(scope);
@@ -34292,7 +34339,8 @@ init_objectSpread2();
 var _excluded$26 = ["scope", "className"];
 var ITEM_TEXT_NAME = "SelectItemText";
 var SelectItemTextFrame = styled(Text$1, { displayName: ITEM_TEXT_NAME });
-var SelectItemText$1 = createStyledHOC(SelectItemTextFrame, function SelectItemText2(props, forwardedRef) {
+var SelectItemText$1 = createStyledHOC(SelectItemTextFrame, function SelectItemText2(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { scope, className } = props, itemTextProps = _objectWithoutProperties(props, _excluded$26);
 	var itemParentContext = useSelectItemParentContext(scope);
 	var composedRefs = useComposedRefs(forwardedRef, react$1.useRef(null));
@@ -34339,9 +34387,9 @@ var SelectTriggerFrame = styled(View, {
 	flexDirection: "row",
 	render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", { type: "button" })
 });
-var SelectTrigger$1 = createStyledHOC(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {
+var SelectTrigger$1 = createStyledHOC(SelectTriggerFrame, function SelectTrigger2(propsIn, forwardedRef) {
 	var _context_floatingContext;
-	var { scope, disabled = false } = props, triggerProps = _objectWithoutProperties(props, _excluded$25);
+	var { scope, disabled = false } = propsIn, triggerProps = _objectWithoutProperties(propsIn, _excluded$25);
 	var context = useSelectContext(scope);
 	var itemParentContext = useSelectItemParentContext(scope);
 	var composedRefs = useComposedRefs(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
@@ -34390,7 +34438,8 @@ var SelectViewportFrame = styled(View, {
 	displayName: VIEWPORT_NAME,
 	position: "relative"
 });
-var SelectViewport$1 = createStyledHOC(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {
+var SelectViewport$1 = createStyledHOC(SelectViewportFrame, function SelectViewport2(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { scope, children, disableScroll: _disableScroll } = props, viewportProps = _objectWithoutProperties(props, _excluded$24);
 	var context = useSelectContext(scope);
 	var itemParentContext = useSelectItemParentContext(scope);
@@ -34438,10 +34487,10 @@ var _excluded3$4 = ["scope"];
 var _excluded4$4 = ["scope"];
 var _excluded5$3 = ["scope"];
 var SelectValueFrame = styled(Text$1, { displayName: "SelectValue" });
-var SelectValue$1 = createStyledHOC(SelectValueFrame, function SelectValue2(param, forwardedRef) {
-	var { scope, children: childrenProp, placeholder } = param, props = _objectWithoutProperties(param, _excluded$23);
+var SelectValue$1 = createStyledHOC(SelectValueFrame, function SelectValue2(propsIn, forwardedRef) {
 	var _ref;
 	var _itemParentContext_registry_getItem;
+	var { scope, children: childrenProp, placeholder } = propsIn, props = _objectWithoutProperties(propsIn, _excluded$23);
 	var context = useSelectContext(scope);
 	var itemParentContext = useSelectItemParentContext(scope);
 	var composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange);
@@ -34484,8 +34533,8 @@ var SelectIndicatorFrame = styled(View, {
 	pointerEvents: "none",
 	zIndex: 10
 });
-var SelectIndicator$1 = createStyledHOC(SelectIndicatorFrame, function SelectIndicator2(param, forwardedRef) {
-	var { scope } = param, props = _objectWithoutProperties(param, _excluded3$4);
+var SelectIndicator$1 = createStyledHOC(SelectIndicatorFrame, function SelectIndicator2(propsIn, forwardedRef) {
+	var { scope } = propsIn, props = _objectWithoutProperties(propsIn, _excluded3$4);
 	var itemContext = useSelectItemParentContext(scope);
 	var context = useSelectContext(scope);
 	var [layout, setLayout] = react$1.useState(null);
@@ -34523,7 +34572,8 @@ var NativeSelect = styled(Text$1, {
 	displayName: "NativeSelect",
 	render: "select"
 });
-var SelectGroup$1 = createStyledHOC(SelectGroupFrame, function(props, forwardedRef) {
+var SelectGroup$1 = createStyledHOC(SelectGroupFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { scope } = props, groupProps = _objectWithoutProperties(props, _excluded4$4);
 	var groupId = react$1.useId();
 	var context = useSelectContext(scope);
@@ -34563,8 +34613,8 @@ var SelectGroup$1 = createStyledHOC(SelectGroupFrame, function(props, forwardedR
 });
 SelectGroup$1.displayName = GROUP_NAME;
 var SelectLabelFrame = styled(Text$1, { displayName: "SelectLabel" });
-var SelectLabel$1 = createStyledHOC(SelectLabelFrame, function(props, forwardedRef) {
-	var { scope } = props, labelProps = _objectWithoutProperties(props, _excluded5$3);
+var SelectLabel$1 = createStyledHOC(SelectLabelFrame, function(propsIn, forwardedRef) {
+	var { scope } = propsIn, labelProps = _objectWithoutProperties(propsIn, _excluded5$3);
 	var context = useSelectItemParentContext(scope);
 	var groupContext = useSelectGroupContext(scope);
 	if (context.shouldRenderWebNative) return null;
@@ -35701,6 +35751,7 @@ var SheetImplementationCustom = createRefComponent(function SheetImplementationC
 		onTransition === null || onTransition === void 0 || onTransition(e);
 		controller === null || controller === void 0 || (_controller_onTransition = controller.onTransition) == null || _controller_onTransition.call(controller, e);
 	});
+	var isParkedClosedRef = react$1.default.useRef(false);
 	var syncAnimatedPosition = useEvent(function(value) {
 		at.current = value;
 		scrollBridge.paneY = value;
@@ -35771,11 +35822,13 @@ var SheetImplementationCustom = createRefComponent(function SheetImplementationC
 				lastPositionIndexRef.current = -1;
 				emitTransition("start", event);
 				syncAnimatedPosition(toValue);
+				isParkedClosedRef.current = true;
 				setIsFullyClosed(true);
 				emitTransition("end", event, true);
 			}
 			return;
 		}
+		at.current;
 		at.current = toValue;
 		var cause = !isOpenAnimation ? "close" : lastPositionIndexRef.current < 0 ? "open" : "snap";
 		lastPositionIndexRef.current = isOpenAnimation ? position2 : -1;
@@ -35788,11 +35841,16 @@ var SheetImplementationCustom = createRefComponent(function SheetImplementationC
 			pendingTransitionRef.current = null;
 		}
 		stopSpring();
+		isParkedClosedRef.current;
+		isParkedClosedRef.current = false;
 		var animationCompleteCallback = function animationCompleteCallback2() {
 			if (at.current !== toValue) return;
 			syncAnimatedPosition(toValue);
 			pendingTransitionRef.current = null;
-			if (!isOpenAnimation && !openRef.current) setIsFullyClosed(true);
+			if (!isOpenAnimation && !openRef.current) {
+				isParkedClosedRef.current = true;
+				setIsFullyClosed(true);
+			}
 			emitTransition("end", event1, true);
 		};
 		pendingTransitionRef.current = event1;
@@ -36537,8 +36595,8 @@ var SheetScrollViewCustom = createRefComponent(function(param, ref) {
 		children: contentWrapper
 	}));
 });
-var SheetScrollView$1 = createStyledHOC(ScrollView, function(param, ref) {
-	var { scope } = param, props = _objectWithoutProperties(param, _excluded2$8);
+var SheetScrollView$1 = createStyledHOC(ScrollView, function(propsIn, ref) {
+	var { scope } = propsIn, props = _objectWithoutProperties(propsIn, _excluded2$8);
 	return useSheetContext(scope).onlyShowContainer ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollView, _objectSpread2(_objectSpread2({}, props), {}, { ref })) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SheetScrollViewCustom, _objectSpread2(_objectSpread2({}, props), {}, {
 		scope,
 		ref
@@ -36621,8 +36679,8 @@ var SheetBackgroundFrame = styled(YStack, {
 	zIndex: -1,
 	pointerEvents: "none"
 });
-var SheetHandle$1 = createStyledHOC(SheetHandleFrame$1, function(param, forwardedRef) {
-	var { scope } = param, props = _objectWithoutProperties(param, _excluded$19);
+var SheetHandle$1 = createStyledHOC(SheetHandleFrame$1, function(propsIn, forwardedRef) {
+	var { scope } = propsIn, props = _objectWithoutProperties(propsIn, _excluded$19);
 	var context = useSheetContext(scope);
 	var composedRef = useComposedRefs(context.handleRef, forwardedRef);
 	var wasDraggingRef = (0, react$1.useRef)(false);
@@ -36664,8 +36722,8 @@ var SheetOverlay$1 = createStyledHOC(SheetOverlayFrame, function(propsIn, ref) {
 		} : void 0)
 	}));
 });
-var SheetContainer$1 = createStyledHOC(SheetContainerFrame, function(param, forwardedRef) {
-	var { scope, adjustPaddingForOffscreenContent, children } = param, props = _objectWithoutProperties(param, _excluded3$3);
+var SheetContainer$1 = createStyledHOC(SheetContainerFrame, function(propsIn, forwardedRef) {
+	var { scope, adjustPaddingForOffscreenContent, children } = propsIn, props = _objectWithoutProperties(propsIn, _excluded3$3);
 	var context = useSheetContext(scope);
 	var { hasFit, frameSize, contentRef, open } = context;
 	var composedContentRef = useComposedRefs(forwardedRef, contentRef);
@@ -36724,8 +36782,8 @@ var SheetContainer$1 = createStyledHOC(SheetContainerFrame, function(param, forw
 		children: sheetContents
 	});
 });
-var SheetBackground$1 = createStyledHOC(SheetBackgroundFrame, function(param, forwardedRef) {
-	var { scope, disableHideBottomOverflow } = param, props = _objectWithoutProperties(param, _excluded4$3);
+var SheetBackground$1 = createStyledHOC(SheetBackgroundFrame, function(propsIn, forwardedRef) {
+	var { scope, disableHideBottomOverflow } = propsIn, props = _objectWithoutProperties(propsIn, _excluded4$3);
 	var context = useSheetContext(scope);
 	if (context.onlyShowContainer) return null;
 	var bottomOverflow = context.frameSize;
@@ -37460,8 +37518,9 @@ function createSwitch(createProps) {
 	var Thumb = (_createProps_Thumb = createProps.Thumb) !== null && _createProps_Thumb !== void 0 ? _createProps_Thumb : SwitchThumbFrame$1;
 	Frame.staticConfig.context = SwitchStyledContext;
 	Thumb.staticConfig.context = SwitchStyledContext;
-	var SwitchThumbComponent = createStyledHOC(Thumb, function SwitchThumb2(props, forwardedRef) {
+	var SwitchThumbComponent = createStyledHOC(Thumb, function SwitchThumb2(propsIn, forwardedRef) {
 		var _ref;
+		var props = propsIn;
 		var { size: sizeProp, activeStyle } = props, thumbProps = _objectWithoutProperties(props, _excluded$16);
 		var { size: sizeContext, active, disabled, frameWidth = 0 } = SwitchStyledContext.useStyledContext();
 		var size = (_ref = sizeProp !== null && sizeProp !== void 0 ? sizeProp : sizeContext) !== null && _ref !== void 0 ? _ref : true;
@@ -37481,8 +37540,9 @@ function createSwitch(createProps) {
 			disabled
 		}, thumbProps), active && activeStyle));
 	});
-	var SwitchComponent = createStyledHOC(Frame, function Switch2(_props, forwardedRef) {
+	var SwitchComponent = createStyledHOC(Frame, function Switch2(propsIn, forwardedRef) {
 		var _ref, _styledContext_size, _ref1;
+		var _props = propsIn;
 		var { native, nativeProps, checked: checkedProp, defaultChecked, onCheckedChange, activeStyle, activeTheme } = _props, props = _objectWithoutProperties(_props, _excluded2$5);
 		var [checked, setChecked] = useControllableState({
 			prop: checkedProp,
@@ -37690,7 +37750,8 @@ var TabsTabFrame = styled(View, {
 });
 var TabsContentFrame = styled(View, { displayName: "TabsContent" });
 var TabsListDisabledContext = /* @__PURE__ */ react$1.createContext(false);
-var TabsList$1 = createStyledHOC(TabsListFrame, function TabsList2(props, forwardedRef) {
+var TabsList$1 = createStyledHOC(TabsListFrame, function TabsList2(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeTabs, loop = true, disabled = false, children } = props, listProps = _objectWithoutProperties(props, _excluded$15);
 	var context = useTabsContext(__scopeTabs);
 	var { listProps: headlessListProps } = useTabsList({
@@ -37712,7 +37773,8 @@ var TabsList$1 = createStyledHOC(TabsListFrame, function TabsList2(props, forwar
 		})
 	});
 });
-var TabsTab$1 = createStyledHOC(TabsTabFrame, function TabsTab2(props, forwardedRef) {
+var TabsTab$1 = createStyledHOC(TabsTabFrame, function TabsTab2(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeTabs, value, disabled: disabledProp, onInteraction, activeStyle, activeTheme, onLayout, onMouseEnter, onMouseLeave, onPress, onKeyDown, onFocus, onBlur } = props, triggerProps = _objectWithoutProperties(props, _excluded2$4);
 	var context = useTabsContext(__scopeTabs);
 	var listDisabled = react$1.useContext(TabsListDisabledContext);
@@ -37790,7 +37852,8 @@ var TabsTab$1 = createStyledHOC(TabsTabFrame, function TabsTab2(props, forwarded
 		}, false))
 	});
 });
-var TabsContent$1 = createStyledHOC(TabsContentFrame, function TabsContent2(props, forwardedRef) {
+var TabsContent$1 = createStyledHOC(TabsContentFrame, function TabsContent2(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeTabs, value, forceMount, children } = props, contentProps = _objectWithoutProperties(props, _excluded4$1);
 	var context = useTabsContext(__scopeTabs);
 	var { shouldMount, contentProps: headlessContentProps } = useTabContent({
@@ -37806,7 +37869,8 @@ var TabsContent$1 = createStyledHOC(TabsContentFrame, function TabsContent2(prop
 		children
 	}), value);
 });
-var TabsComponent = createStyledHOC(TabsFrame$1, function Tabs(props, forwardedRef) {
+var TabsComponent = createStyledHOC(TabsFrame$1, function Tabs(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic" } = props, tabsProps = _objectWithoutProperties(props, _excluded5$1);
 	var { value, setValue, baseId, direction, triggersCount, registerTrigger, unregisterTrigger, tabsProps: headlessTabsProps } = useTabs({
 		value: valueProp,
@@ -39393,7 +39457,8 @@ var TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem";
 var TOGGLE_GROUP_CONTEXT = "ToggleGroup";
 var { Provider: ToggleGroupItemProvider } = createStyledContext();
 var { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({});
-var ToggleGroupItem$1 = createStyledHOC(ToggleFrame, function(props, forwardedRef) {
+var ToggleGroupItem$1 = createStyledHOC(ToggleFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup);
 	var context$1 = useToggleGroupContext(props.__scopeToggleGroup);
 	var toggleContext = context.useStyledContext(props.__scopeToggleGroup);
@@ -39499,7 +39564,8 @@ var ToggleGroupImplMultiple = createRefComponent(function(props, forwardedRef) {
 	});
 });
 var ToggleGroupFrame = styled(View$1, { displayName: TOGGLE_GROUP_NAME });
-var ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, function(props, forwardedRef) {
+var ToggleGroupImpl = createStyledHOC(ToggleGroupFrame, function(propsIn, forwardedRef) {
+	var props = propsIn;
 	var { __scopeToggleGroup, disabled = false, orientation = "horizontal", dir, rovingFocus = true, loop = true, color } = props, toggleGroupProps = _objectWithoutProperties(props, _excluded5);
 	var direction = useDirection(dir);
 	var content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleGroupFrame, _objectSpread2({
@@ -42189,13 +42255,13 @@ exports.Menu = Menu;
 exports.Paragraph = Paragraph;
 exports.ParentSheetContext = ParentSheetContext;
 exports.Popover = Popover;
-exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverAnchor = PopoverAnchor2;
 exports.PopoverArrow = PopoverArrow;
 exports.PopoverClose = PopoverClose;
 exports.PopoverContent = PopoverContent;
 exports.PopoverContext = PopoverContext;
 exports.PopoverContextProvider = PopoverContextProvider;
-exports.PopoverTrigger = PopoverTrigger;
+exports.PopoverTrigger = PopoverTrigger2;
 exports.PopoverTriggerContext = PopoverTriggerContext;
 exports.PopoverZIndexContext = PopoverZIndexContext;
 exports.Popper = Popper;