import { cn, surface } from "./cva.js";
import * as React from "react";
import { jsx, jsxs } from "react/jsx-runtime";
import * as RDialog from "@radix-ui/react-dialog";
//#region src/Dialog.tsx
const Dialog = RDialog.Root;
const DialogTrigger = RDialog.Trigger;
const DialogPortal = RDialog.Portal;
const DialogClose = RDialog.Close;
const DialogTitle = RDialog.Title;
const DialogDescription = RDialog.Description;
const DialogContent = React.forwardRef((props, ref) => /* @__PURE__ */ jsxs(RDialog.Portal, { children: [/* @__PURE__ */ jsx(RDialog.Overlay, { className: "fixed inset-0 bg-[var(--mod-color-neutral-a8)]" }), /* @__PURE__ */ jsx(RDialog.Content, {
	ref,
	className: cn(surface({
		tone: "surface",
		radius: "lg"
	}), "border border-border shadow-[var(--mod-shadow-lg)] focus-visible:outline-[var(--mod-focus-ring-width)] focus-visible:outline-[var(--mod-focus-ring-color)] focus-visible:outline-offset-[var(--mod-focus-ring-offset)]"),
	...props
})] }));
DialogContent.displayName = "DialogContent";
//#endregion
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogPortal, DialogTitle, DialogTrigger };
