"use client";
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
const require_styles_styler = require('../../../styles/styler.cjs');
const require_components_HStack = require('../../HStack.cjs');
const require_components_Text = require('../../Text.cjs');
const require_components_VStack = require('../../VStack.cjs');
const require_components_client_IconButton = require('../../client/IconButton.cjs');
let react_jsx_runtime = require("react/jsx-runtime");
let _yahoo_uds_icons = require("@yahoo/uds-icons");
let _ariakit_react = require("@ariakit/react");

//#region src/components/experimental/client/Modal.tsx
function useModalStore(params) {
	return (0, _ariakit_react.useDialogStore)({
		animated: true,
		...params
	});
}
function ModalHeader({ children, handleClose }) {
	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, {
		alignItems: "center",
		justifyContent: "space-between",
		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
			variant: "headline1",
			color: "primary",
			children
		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_IconButton.IconButton, {
			"aria-label": "Close",
			size: "sm",
			variant: "tertiary",
			name: _yahoo_uds_icons.Cross,
			onClick: handleClose
		})]
	});
}
ModalHeader.displayName = "ModalHeader";
function Modal({ className, ...props }) {
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_VStack.VStack, {
		borderRadius: "md",
		position: "fixed",
		backgroundColor: "primary",
		dropShadow: "md",
		className: require_styles_styler.cx("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100", className),
		spacing: "8",
		asChild: true,
		overflow: "hidden",
		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.Dialog, {
			backdrop: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm" }),
			...props
		})
	});
}
Modal.displayName = "Modal";
const ModalDismiss = _ariakit_react.DialogDismiss;

//#endregion
exports.Modal = Modal;
exports.ModalDismiss = ModalDismiss;
exports.ModalHeader = ModalHeader;
exports.useModalStore = useModalStore;