tamagui 3.0.18 → 3.1.1

package/dist/native.cjs

@@ -14408,7 +14408,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$2 && false);
 	return {
 		match: function match(a, b) {
 			return false;
@@ -14422,8 +14422,9 @@ function setupMatchMedia(_) {
 	matchMediaImpl = _;
 	globalThis["matchMedia"] = _;
 }
-var matchMediaImpl, matchMedia;
+var isProd$2, matchMediaImpl, matchMedia;
 var init_matchMedia_native = __esmMin((() => {
+	isProd$2 = true;
 	matchMediaImpl = matchMediaFallback;
 	matchMedia = function matchMedia2() {
 		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
@@ -19741,7 +19742,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,
@@ -20844,7 +20845,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$1 && false;
 		var sep = developmentWhitespace ? " " : "";
 		if (declarations.length) cssRuleSets.push(declarationsToRuleSet2(declarations));
 		var fontSelectors = [];
@@ -20890,10 +20891,12 @@ function getCSS(themeConfig) {
 	if (!process.env.TAMAGUI_DID_OUTPUT_CSS && false);
 	return "";
 }
+var isProd$1;
 var init_createDesignSystem_native = __esmMin((() => {
 	init_index_native$7();
 	init_registerCSSVariable_native();
 	init_getThemeCSSRules_native();
+	isProd$1 = true;
 }));
 //#endregion
 //#region ../../core/web/dist/esm/helpers/proxyThemeToParents.native.js
@@ -23516,12 +23519,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();
@@ -23532,6 +23535,7 @@ var init_TamaguiProvider_native = __esmMin((() => {
 	init_SafeAreaTracker_native();
 	init_TamaguiRoot_native();
 	init_ThemeProvider_native();
+	isProd = true;
 }));
 //#endregion
 //#region ../../core/use-event/dist/esm/useGet.native.js
@@ -26123,7 +26127,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);
@@ -26272,8 +26277,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);
@@ -26317,8 +26322,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);
@@ -26449,7 +26454,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);
@@ -27400,8 +27406,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,
@@ -27449,8 +27455,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), {}, {
@@ -28766,7 +28772,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));
@@ -32774,7 +32781,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() {
@@ -32784,8 +32791,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);
@@ -32858,7 +32866,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);
@@ -33075,9 +33084,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,
@@ -33204,8 +33213,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;
@@ -33265,7 +33275,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;
@@ -33511,7 +33522,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",
@@ -33529,7 +33541,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,
@@ -33546,7 +33559,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,
@@ -33951,7 +33965,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);
@@ -34176,7 +34191,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));
@@ -34223,9 +34239,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);
@@ -34274,7 +34290,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);
@@ -34322,10 +34339,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);
@@ -34368,8 +34385,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);
@@ -34407,7 +34424,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);
@@ -34447,8 +34465,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;
@@ -35585,6 +35603,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;
@@ -35655,11 +35674,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;
@@ -35672,11 +35693,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;
@@ -36421,8 +36447,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
@@ -36505,8 +36531,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);
@@ -36548,8 +36574,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);
@@ -36608,8 +36634,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;
@@ -37344,8 +37370,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;
@@ -37365,8 +37392,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,
@@ -37574,7 +37602,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({
@@ -37596,7 +37625,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);
@@ -37674,7 +37704,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({
@@ -37690,7 +37721,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,
@@ -39277,7 +39309,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);
@@ -39383,7 +39416,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({
@@ -42073,13 +42107,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;