import { t as e } from "../../utils-B7XIe3qq.js";
import { t } from "../../x-BleQvk5v.js";
import { a as n, c as r, i, n as a, o, r as s, s as c, t as l } from "../../dist-D0hHNX_3.js";
import "react";
import { jsx as u, jsxs as d } from "react/jsx-runtime";
//#region src/react/primitives/modal.tsx
function f({ ...e }) {
	return /* @__PURE__ */ u(o, {
		"data-slot": "modal",
		...e
	});
}
function p({ ...e }) {
	return /* @__PURE__ */ u(r, {
		"data-slot": "modal-trigger",
		...e
	});
}
function m({ ...e }) {
	return /* @__PURE__ */ u(l, {
		"data-slot": "modal-close",
		...e
	});
}
function h({ className: t, ...n }) {
	return /* @__PURE__ */ u(i, {
		"data-slot": "modal-overlay",
		className: e("fixed inset-0 z-50 bg-black/60 backdrop-blur-sm", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", t),
		...n
	});
}
function g({ className: r, children: i, showCloseButton: o = !0, ...s }) {
	return /* @__PURE__ */ d(n, { children: [/* @__PURE__ */ u(h, {}), /* @__PURE__ */ d(a, {
		"data-slot": "modal-content",
		className: e("fixed top-[50%] left-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%]", "grid gap-0 overflow-hidden rounded-xl border border-border-glass shadow-xl", "bg-glass backdrop-blur-xl", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "duration-200 outline-none", r),
		...s,
		children: [i, o && /* @__PURE__ */ d(l, {
			"data-slot": "modal-close",
			className: "absolute top-4 right-4 rounded-lg p-1 text-foreground-muted opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-primary/50 focus:outline-none",
			children: [/* @__PURE__ */ u(t, { className: "size-4" }), /* @__PURE__ */ u("span", {
				className: "sr-only",
				children: "Close"
			})]
		})]
	})] });
}
function _({ className: t, ...n }) {
	return /* @__PURE__ */ u("div", {
		"data-slot": "modal-header",
		className: e("flex flex-col gap-1.5 border-b border-border-glass px-6 py-4", t),
		...n
	});
}
function v({ className: t, ...n }) {
	return /* @__PURE__ */ u(c, {
		"data-slot": "modal-title",
		className: e("text-lg font-semibold leading-none text-foreground", t),
		...n
	});
}
function y({ className: t, ...n }) {
	return /* @__PURE__ */ u(s, {
		"data-slot": "modal-description",
		className: e("text-sm text-foreground-muted", t),
		...n
	});
}
function b({ className: t, ...n }) {
	return /* @__PURE__ */ u("div", {
		"data-slot": "modal-body",
		className: e("px-6 py-4", t),
		...n
	});
}
function x({ className: t, ...n }) {
	return /* @__PURE__ */ u("div", {
		"data-slot": "modal-footer",
		className: e("flex items-center justify-end gap-2 border-t border-border-glass px-6 py-4", t),
		...n
	});
}
//#endregion
export { f as Modal, b as ModalBody, m as ModalClose, g as ModalContent, y as ModalDescription, x as ModalFooter, _ as ModalHeader, h as ModalOverlay, v as ModalTitle, p as ModalTrigger };

//# sourceMappingURL=modal.js.map