@tamagui/dialog 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/Dialog.native.cjs

@@ -0,0 +1,684 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Dialog_exports = {};
+__export(Dialog_exports, {
+	Dialog: () => Dialog,
+	DialogClose: () => DialogClose,
+	DialogContent: () => DialogContent,
+	DialogContext: () => DialogContext,
+	DialogDescription: () => DialogDescription,
+	DialogOverlay: () => DialogOverlay,
+	DialogOverlayFrame: () => DialogOverlayFrame,
+	DialogPortal: () => DialogPortal,
+	DialogPortalFrame: () => DialogPortalFrame,
+	DialogProvider: () => DialogProvider,
+	DialogTitle: () => DialogTitle,
+	DialogTrigger: () => DialogTrigger,
+	DialogWarningProvider: () => DialogWarningProvider,
+	useDialogContext: () => useDialogContext
+});
+module.exports = __toCommonJS(Dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_adapt = require("@tamagui/adapt");
+var import_animate = require("@tamagui/animate");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_create_context = require("@tamagui/create-context");
+var import_dismissable = require("@tamagui/dismissable");
+var import_focus_scope = require("@tamagui/focus-scope");
+var import_helpers = require("@tamagui/helpers");
+var import_portal = require("@tamagui/portal");
+var import_remove_scroll = require("@tamagui/remove-scroll");
+var import_stacks = require("@tamagui/stacks");
+var import_text = require("@tamagui/text");
+var import_use_controllable_state = require("@tamagui/use-controllable-state");
+var import_z_index_stack = require("@tamagui/z-index-stack");
+var React = __toESM(require("react"), 1);
+function _instanceof(left, right) {
+	if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+		return !!right[Symbol.hasInstance](left);
+	} else {
+		return left instanceof right;
+	}
+}
+var DialogContext = (0, import_core.createStyledContext)({}, "Dialog__");
+var { useStyledContext: useDialogContext, Provider: DialogProvider } = DialogContext;
+var DialogTriggerFrame = (0, import_core.styled)(import_core.View, { displayName: "DialogTrigger" });
+var DialogTrigger = (0, import_core.createStyledHOC)(DialogTriggerFrame, function DialogTrigger2(props, forwardedRef) {
+	var { scope, ...triggerProps } = props;
+	var isInsideButton = React.useContext(import_stacks.ButtonNestingContext);
+	var context = useDialogContext(scope);
+	var composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
+		value: props.asChild ? isInsideButton : true,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTriggerFrame, {
+			render: isInsideButton ? "span" : "button",
+			"aria-haspopup": "dialog",
+			"aria-expanded": context.open,
+			"aria-controls": context.contentId,
+			"data-state": getState(context.open),
+			...triggerProps,
+			ref: composedTriggerRef,
+			onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
+		})
+	});
+});
+var DialogPortalFrame = (0, import_core.styled)(import_stacks.YStack, {
+	pointerEvents: "none",
+	alignItems: "center",
+	justifyContent: "center",
+	position: "absolute web:fixed",
+	inset: 0,
+	borderWidth: "web:0px",
+	backgroundColor: "web:transparent",
+	color: "web:inherit",
+	maxInlineSize: "web:none",
+	margin: "web:0px",
+	width: "web:auto",
+	height: "web:auto",
+	maxHeight: "web:100vh",
+	zIndex: "web:1",
+	render: "dialog"
+});
+var needsRepropagation = (0, import_portal.needsPortalRepropagation)();
+var DialogPortalItem = function(param) {
+	var { context, children } = param;
+	var themeName = (0, import_core.useThemeName)();
+	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+	var adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope);
+	var content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
+		name: themeName,
+		children
+	});
+	if (needsRepropagation) {
+		content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {
+			...adaptContext,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogProvider, {
+				...context,
+				children: content
+			})
+		});
+	}
+	return isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {
+		scope: context.adaptScope,
+		children: content
+	}) : context.modal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalItem, {
+		hostName: "root",
+		children: content
+	}) : content;
+};
+var DialogPortal = (0, import_core.createRefComponent)(function(props, forwardedRef) {
+	var { scope, forceMount, children, ...frameProps } = props;
+	var dialogRef = React.useRef(null);
+	var ref = (0, import_compose_refs.composeRefs)(dialogRef, forwardedRef);
+	var context = useDialogContext(scope);
+	var portalContext = forceMount ? {
+		...context,
+		forceMount: true
+	} : context;
+	var keepMounted = forceMount || context.keepChildrenMounted;
+	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+	var isVisible = context.open || context.hasPresentParts;
+	if (import_constants.isWeb) {
+		(0, import_constants.useIsomorphicLayoutEffect)(function() {
+			var node = dialogRef.current;
+			if (!_instanceof(node, HTMLDialogElement)) return;
+			if (isVisible) {
+				var _node_show;
+				(_node_show = node.show) === null || _node_show === void 0 ? void 0 : _node_show.call(node);
+			} else {
+				var _node_close;
+				(_node_close = node.close) === null || _node_close === void 0 ? void 0 : _node_close.call(node);
+			}
+		}, [isVisible]);
+	}
+	var zIndex = (0, import_core.getExpandedShorthand)("zIndex", props);
+	var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_z_index_stack.StackZIndexContext, {
+		zIndex: (0, import_portal.resolveViewZIndex)(zIndex),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogProvider, {
+			scope: context.dialogScope,
+			...portalContext,
+			children
+		})
+	});
+	var framedContents = !isVisible && !keepMounted && !isAdapted ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.LayoutMeasurementController, {
+		disable: !context.open,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalFrame, {
+			ref,
+			...import_constants.isWeb && context.open && context.modal && { "aria-modal": true },
+			pointerEvents: context.open && context.modal ? "auto" : "none",
+			...frameProps,
+			className: `_no_backdrop ` + (frameProps.className || ""),
+			children: contents
+		})
+	});
+	if (import_constants.isWeb) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, {
+			zIndex,
+			stackZIndex: 1e5,
+			passThrough: isAdapted,
+			hidden: !isVisible,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PassthroughTheme, {
+				passThrough: isAdapted,
+				children: framedContents
+			})
+		});
+	}
+	return isAdapted ? framedContents : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalItem, {
+		context: portalContext,
+		children: framedContents
+	});
+});
+var PassthroughTheme = function(param) {
+	var { children, passThrough } = param;
+	var themeName = (0, import_core.useThemeName)();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
+		passThrough,
+		name: themeName,
+		forceClassName: true,
+		children
+	});
+};
+function useDialogAnimationReporter(context) {
+	var onAnimationCompleteRef = React.useRef(context.onAnimationComplete);
+	onAnimationCompleteRef.current = context.onAnimationComplete;
+	var openRef = React.useRef(context.open);
+	var pendingTransitionRef = React.useRef(context.open ? true : null);
+	if (openRef.current !== context.open) {
+		openRef.current = context.open;
+		pendingTransitionRef.current = context.open;
+	}
+	var reportComplete = React.useCallback(function(open) {
+		var _onAnimationCompleteRef_current;
+		if (pendingTransitionRef.current !== open) return;
+		if (openRef.current !== open) return;
+		pendingTransitionRef.current = null;
+		(_onAnimationCompleteRef_current = onAnimationCompleteRef.current) === null || _onAnimationCompleteRef_current === void 0 ? void 0 : _onAnimationCompleteRef_current.call(onAnimationCompleteRef, { open });
+	}, []);
+	return React.useMemo(function() {
+		return {
+			onEnterComplete: function() {
+				return reportComplete(true);
+			},
+			onExitComplete: function() {
+				return reportComplete(false);
+			}
+		};
+	}, [reportComplete]);
+}
+function useDialogPartPresence(context, options) {
+	var [isFullyHidden, setIsFullyHidden] = React.useState(!context.open);
+	var reactId = React.useId();
+	var partPresenceId = `${context.contentId}-${options.id}-${reactId}`;
+	var keepMounted = options.forceMount || context.keepChildrenMounted;
+	var isPresent = context.open || !isFullyHidden;
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (context.open && isFullyHidden) {
+			setIsFullyHidden(false);
+		}
+	}, [context.open, isFullyHidden]);
+	(0, import_constants.useIsomorphicLayoutEffect)(function() {
+		if (options.disabled) return;
+		context.setPartPresence(partPresenceId, isPresent);
+		return function() {
+			context.setPartPresence(partPresenceId, false);
+		};
+	}, [
+		context.setPartPresence,
+		isPresent,
+		options.disabled,
+		partPresenceId
+	]);
+	var onExitComplete = React.useCallback(function() {
+		var _options_onExitComplete;
+		setIsFullyHidden(true);
+		(_options_onExitComplete = options.onExitComplete) === null || _options_onExitComplete === void 0 ? void 0 : _options_onExitComplete.call(options);
+	}, [options.onExitComplete]);
+	return {
+		keepMounted,
+		onExitComplete,
+		shouldRender: Boolean(keepMounted || context.open || !isFullyHidden)
+	};
+}
+var OVERLAY_NAME = "DialogOverlay";
+var DialogOverlayFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: OVERLAY_NAME,
+	zIndex: 1,
+	inset: 0,
+	position: "absolute",
+	pointerEvents: "auto",
+	variants: { open: {
+		true: { pointerEvents: "auto" },
+		false: { pointerEvents: "none" }
+	} }
+});
+var DialogOverlay = (0, import_core.createStyledHOC)(DialogOverlayFrame, function DialogOverlay2(param, forwardedRef) {
+	var { scope, ...props } = param;
+	var context = useDialogContext(scope);
+	var { forceMount = context.forceMount, ...overlayProps } = props;
+	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+	var presence = useDialogPartPresence(context, {
+		disabled: isAdapted,
+		forceMount,
+		id: "overlay"
+	});
+	if (!forceMount && isAdapted) {
+		return null;
+	}
+	if (!presence.shouldRender) {
+		return null;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate.Animate, {
+		type: "presence",
+		present: Boolean(context.open),
+		keepChildrenMounted: Boolean(presence.keepMounted),
+		onExitComplete: presence.onExitComplete,
+		passThrough: isAdapted,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogOverlayFrame, {
+			"data-state": getState(context.open),
+			pointerEvents: context.open && context.modal ? "auto exit:none" : "none",
+			...overlayProps,
+			ref: forwardedRef
+		}, `${context.contentId}-overlay`)
+	});
+});
+var CONTENT_NAME = "DialogContent";
+var DialogContentFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: CONTENT_NAME,
+	zIndex: 2,
+	position: "relative",
+	pointerEvents: "auto",
+	variants: {
+		elevate: { true: {
+			shadowColor: "shadow-color",
+			shadowRadius: 24,
+			shadowOffset: {
+				width: 0,
+				height: 12
+			}
+		} },
+		bordered: { true: {
+			borderWidth: 1,
+			borderColor: "border-color"
+		} }
+	}
+});
+var DialogContent = (0, import_core.createStyledHOC)(DialogContentFrame, function DialogContent2(param, forwardedRef) {
+	var { scope, ...props } = param;
+	var context = useDialogContext(scope);
+	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+	var reporter = useDialogAnimationReporter(context);
+	var onTransitionProp = props.onTransition;
+	var onTransition = React.useCallback(function(event) {
+		if (event.phase === "end" && event.cause === "enter") {
+			reporter.onEnterComplete();
+		}
+		onTransitionProp === null || onTransitionProp === void 0 ? void 0 : onTransitionProp(event);
+	}, [reporter.onEnterComplete, onTransitionProp]);
+	var presence = useDialogPartPresence(context, {
+		disabled: isAdapted,
+		forceMount: context.forceMount,
+		id: "content",
+		onExitComplete: reporter.onExitComplete
+	});
+	var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentModal, {
+		context,
+		...props,
+		onTransition,
+		ref: forwardedRef
+	}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentNonModal, {
+		context,
+		...props,
+		onTransition,
+		ref: forwardedRef
+	}) });
+	if (isAdapted) {
+		if (!import_constants.isWeb || context.disableRemoveScroll) {
+			return contents;
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_remove_scroll.RemoveScroll, {
+			enabled: context.open && context.modal,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				"data-remove-scroll-container": true,
+				className: "_dsp_contents",
+				children: contents
+			})
+		});
+	}
+	if (!presence.shouldRender) {
+		return null;
+	}
+	var animated = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate.Animate, {
+		type: "presence",
+		present: Boolean(context.open),
+		keepChildrenMounted: Boolean(presence.keepMounted),
+		onExitComplete: presence.onExitComplete,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(React.Fragment, { children: contents }, context.contentId)
+	});
+	if (!import_constants.isWeb || context.disableRemoveScroll) {
+		return animated;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_remove_scroll.RemoveScroll, {
+		enabled: context.open && context.modal,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			"data-remove-scroll-container": true,
+			className: "_dsp_contents",
+			children: animated
+		})
+	});
+});
+var DialogContentModal = (0, import_core.createRefComponent)(function(param, forwardedRef) {
+	var { children, context: contextProp, ...props } = param;
+	var context = useDialogContext(contextProp.dialogScope);
+	var contentRef = React.useRef(null);
+	var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.contentRef, contentRef);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentImpl, {
+		...props,
+		context,
+		ref: composedRefs,
+		trapFocus: context.open,
+		disableOutsidePointerEvents: true,
+		onCloseAutoFocus: (0, import_helpers.composeEventHandlers)(props.onCloseAutoFocus, function(event) {
+			var _context_triggerRef_current;
+			event.cancel();
+			(_context_triggerRef_current = context.triggerRef.current) === null || _context_triggerRef_current === void 0 ? void 0 : _context_triggerRef_current.focus();
+		}),
+		onPointerDownOutside: (0, import_helpers.composeEventHandlers)(props.onPointerDownOutside, function(event) {
+			var originalEvent = event.event;
+			if (!originalEvent) return;
+			var ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+			var isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+			if (isRightClick) event.cancel();
+		}),
+		onFocusOutside: (0, import_helpers.composeEventHandlers)(props.onFocusOutside, function(event) {
+			return event.cancel();
+		}),
+		outlineStyle: "none",
+		children
+	});
+});
+var DialogContentNonModal = (0, import_core.createRefComponent)(function(props, forwardedRef) {
+	var context = useDialogContext(props.context.dialogScope);
+	var hasInteractedOutsideRef = React.useRef(false);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentImpl, {
+		...props,
+		context,
+		ref: forwardedRef,
+		trapFocus: false,
+		disableOutsidePointerEvents: false,
+		onCloseAutoFocus: function(event) {
+			var _props_onCloseAutoFocus;
+			(_props_onCloseAutoFocus = props.onCloseAutoFocus) === null || _props_onCloseAutoFocus === void 0 ? void 0 : _props_onCloseAutoFocus.call(props, event);
+			if (!event.isCanceled) {
+				if (!hasInteractedOutsideRef.current) {
+					var _props_context_triggerRef_current;
+					(_props_context_triggerRef_current = props.context.triggerRef.current) === null || _props_context_triggerRef_current === void 0 ? void 0 : _props_context_triggerRef_current.focus();
+				}
+				event.cancel();
+			}
+			hasInteractedOutsideRef.current = false;
+		},
+		onInteractOutside: function(event) {
+			var _props_onInteractOutside, _event_event;
+			(_props_onInteractOutside = props.onInteractOutside) === null || _props_onInteractOutside === void 0 ? void 0 : _props_onInteractOutside.call(props, event);
+			if (!event.isCanceled) hasInteractedOutsideRef.current = true;
+			var target = (_event_event = event.event) === null || _event_event === void 0 ? void 0 : _event_event.target;
+			var trigger = props.context.triggerRef.current;
+			if (!target || !_instanceof(trigger, HTMLElement)) return;
+			var targetIsTrigger = trigger.contains(target);
+			if (targetIsTrigger) event.cancel();
+		}
+	});
+});
+var DialogContentImpl = (0, import_core.createRefComponent)(function(props, forwardedRef) {
+	var { trapFocus, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, context, onTransition, ...contentProps } = props;
+	var contentRef = React.useRef(null);
+	var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
+	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+	var adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope);
+	if (isAdapted) {
+		if (!context.open && !context.keepChildrenMounted && adaptContext.targetFullyHidden) {
+			return null;
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPortalItem, {
+			context,
+			children: contentProps.children
+		});
+	}
+	var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogContentFrame, {
+		ref: composedRefs,
+		id: context.contentId,
+		role: "dialog",
+		"aria-modal": context.modal,
+		"aria-describedby": context.descriptionId,
+		"aria-labelledby": context.titleId,
+		"data-state": getState(context.open),
+		pointerEvents: context.open ? "auto" : "none",
+		onTransition,
+		...contentProps
+	});
+	if (!import_constants.isWeb) {
+		return contents;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dismissable.Dismissable, {
+		disableOutsidePointerEvents: context.open && disableOutsidePointerEvents,
+		forceUnmount: !context.open,
+		onEscapeKeyDown,
+		onPointerDownOutside,
+		onFocusOutside,
+		onInteractOutside,
+		onDismiss: function() {
+			var _context_onOpenChange;
+			return context === null || context === void 0 ? void 0 : (_context_onOpenChange = context.onOpenChange) === null || _context_onOpenChange === void 0 ? void 0 : _context_onOpenChange.call(context, false);
+		},
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_focus_scope.FocusScope, {
+			loop: true,
+			enabled: context.open,
+			trapped: trapFocus,
+			onMountAutoFocus: onOpenAutoFocus,
+			forceUnmount: !context.open,
+			onUnmountAutoFocus: onCloseAutoFocus,
+			children: contents
+		})
+	}), process.env.NODE_ENV === "development" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleWarning, { titleId: context.titleId }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DescriptionWarning, {
+		contentRef,
+		descriptionId: context.descriptionId
+	})] })] });
+});
+var DialogTitleFrame = (0, import_core.styled)(import_text.H2, { displayName: "DialogTitle" });
+var DialogTitle = (0, import_core.createStyledHOC)(DialogTitleFrame, function DialogTitle2(props, forwardedRef) {
+	var { scope, ...titleProps } = props;
+	var context = useDialogContext(scope);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogTitleFrame, {
+		id: context.titleId,
+		...titleProps,
+		ref: forwardedRef
+	});
+});
+var DialogDescriptionFrame = (0, import_core.styled)(import_text.Paragraph, { displayName: "DialogDescription" });
+var DialogDescription = (0, import_core.createStyledHOC)(DialogDescriptionFrame, function DialogDescription2(props, forwardedRef) {
+	var { scope, ...descriptionProps } = props;
+	var context = useDialogContext(scope);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogDescriptionFrame, {
+		id: context.descriptionId,
+		...descriptionProps,
+		ref: forwardedRef
+	});
+});
+var CLOSE_NAME = "DialogClose";
+var DialogCloseFrame = (0, import_core.styled)(import_core.View, {
+	displayName: CLOSE_NAME,
+	render: "button"
+});
+var DialogClose = (0, import_core.createStyledHOC)(DialogCloseFrame, function(props, forwardedRef) {
+	var { scope, displayWhenAdapted, ...closeProps } = props;
+	var context = useDialogContext(scope);
+	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+	var isInsideButton = React.useContext(import_stacks.ButtonNestingContext);
+	if (isAdapted && !displayWhenAdapted) {
+		return null;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogCloseFrame, {
+		"aria-label": "Dialog Close",
+		render: isInsideButton ? "span" : "button",
+		...closeProps,
+		ref: forwardedRef,
+		onPress: (0, import_helpers.composeEventHandlers)(props.onPress, function() {
+			context.onOpenChange(false);
+		})
+	});
+});
+function getState(open) {
+	return open ? "open" : "closed";
+}
+var TITLE_WARNING_NAME = "DialogTitleWarning";
+var [DialogWarningProvider, useWarningContext] = (0, import_create_context.createContext)(TITLE_WARNING_NAME, {
+	contentName: CONTENT_NAME,
+	titleName: "DialogTitle",
+	docsSlug: "dialog"
+});
+var TitleWarning = function(param) {
+	var { titleId } = param;
+	if (process.env.NODE_ENV === "development") {
+		var titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
+		var MESSAGE = `\`${titleWarningContext.contentName}\` wants a \`${titleWarningContext.titleName}\` to be accessible. If you want to hide the \`${titleWarningContext.titleName}\`, wrap it with <VisuallyHidden />.`;
+		React.useEffect(function() {
+			if (!import_constants.isWeb) return;
+			if (titleId) {
+				var hasTitle = document.getElementById(titleId);
+				if (!hasTitle) {
+					console.warn(MESSAGE);
+				}
+			}
+		}, [MESSAGE, titleId]);
+	}
+	return null;
+};
+var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
+var DescriptionWarning = function(param) {
+	var { contentRef, descriptionId } = param;
+	if (process.env.NODE_ENV === "development") {
+		var descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
+		var MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
+		React.useEffect(function() {
+			if (!import_constants.isWeb) return;
+			var contentNode = contentRef.current;
+			if (!_instanceof(contentNode, HTMLElement)) {
+				return;
+			}
+			var describedById = contentNode.getAttribute("aria-describedby");
+			if (descriptionId && describedById) {
+				var hasDescription = document.getElementById(descriptionId);
+				if (!hasDescription) {
+					console.warn(MESSAGE);
+				}
+			}
+		}, [
+			MESSAGE,
+			contentRef,
+			descriptionId
+		]);
+	}
+	return null;
+};
+var Dialog = (0, import_helpers.withStaticProperties)((0, import_core.createRefComponent)(function Dialog2(props) {
+	var { scope = "", children, open: openProp, defaultOpen = false, onOpenChange, modal = true, keepChildrenMounted, disableRemoveScroll = false, onAnimationComplete } = props;
+	var baseId = React.useId();
+	var dialogId = `Dialog-${scope}-${baseId}`;
+	var contentId = `${dialogId}-content`;
+	var titleId = `${dialogId}-title`;
+	var descriptionId = `${dialogId}-description`;
+	var triggerRef = React.useRef(null);
+	var contentRef = React.useRef(null);
+	var presentPartIdsRef = React.useRef(/* @__PURE__ */ new Set());
+	var [presentPartCount, setPresentPartCount] = React.useState(0);
+	var [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+		prop: openProp,
+		defaultProp: defaultOpen,
+		onChange: onOpenChange
+	});
+	var onOpenToggle = React.useCallback(function() {
+		setOpen(function(prevOpen) {
+			return !prevOpen;
+		});
+	}, [setOpen]);
+	var adaptScope = `DialogAdapt${scope}`;
+	var setPartPresence = React.useCallback(function(id, present) {
+		var presentPartIds = presentPartIdsRef.current;
+		var hasPart = presentPartIds.has(id);
+		if (present && !hasPart) {
+			presentPartIds.add(id);
+			setPresentPartCount(presentPartIds.size);
+		} else if (!present && hasPart) {
+			presentPartIds.delete(id);
+			setPresentPartCount(presentPartIds.size);
+		}
+	}, []);
+	var context = {
+		dialogScope: scope,
+		adaptScope,
+		triggerRef,
+		contentRef,
+		contentId,
+		titleId,
+		descriptionId,
+		open,
+		onOpenChange: setOpen,
+		onOpenToggle,
+		modal,
+		keepChildrenMounted,
+		disableRemoveScroll,
+		hasPresentParts: presentPartCount > 0,
+		setPartPresence,
+		onAnimationComplete
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptParent, {
+		scope: adaptScope,
+		open,
+		onOpenChange: setOpen,
+		state: context,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogProvider, {
+			scope,
+			...context,
+			children
+		})
+	});
+}), {
+	Trigger: DialogTrigger,
+	Portal: DialogPortal,
+	Overlay: DialogOverlay,
+	Content: DialogContent,
+	Title: DialogTitle,
+	Description: DialogDescription,
+	Close: DialogClose,
+	FocusScope: import_focus_scope.FocusScopeController,
+	Adapt: import_adapt.Adapt
+});