import { cn } from "./index3.js";
import { Button } from "./index6.js";
import * as React from "react";
import { jsx, jsxs } from "react/jsx-runtime";
import { AlertDialog } from "@base-ui/react/alert-dialog";
//#region src/components/organisms/overlays/AlertDialog/AlertDialog.tsx
var Root = React.forwardRef(function Root({ ...props }, _ref) {
	return /* @__PURE__ */ jsx(AlertDialog.Root, {
		"data-slot": "alert-dialog",
		...props
	});
});
Root.displayName = "AlertDialog.Root";
var Trigger = React.forwardRef(function Trigger({ ...props }, ref) {
	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
		ref,
		"data-slot": "alert-dialog-trigger",
		...props
	});
});
Trigger.displayName = "AlertDialog.Trigger";
function Portal({ ...props }) {
	return /* @__PURE__ */ jsx(AlertDialog.Portal, {
		"data-slot": "alert-dialog-portal",
		...props
	});
}
Portal.displayName = "AlertDialog.Portal";
var Backdrop = React.forwardRef(function Backdrop({ className, disableAnimation, disableBackdropBlur, ...props }, ref) {
	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
		ref,
		"data-slot": "alert-dialog-backdrop",
		className: cn("bg-background/80/10 fixed inset-0 isolate z-50", !disableAnimation && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 duration-100 motion-reduce:animate-none", !disableBackdropBlur && "supports-backdrop-filter:backdrop-blur-xs", className),
		...props
	});
});
Backdrop.displayName = "AlertDialog.Backdrop";
var Viewport = React.forwardRef(function Viewport({ className, children, ...props }, ref) {
	return /* @__PURE__ */ jsx(AlertDialog.Viewport, {
		ref,
		"data-slot": "alert-dialog-viewport",
		className: cn("fixed inset-0 z-50 flex items-center justify-center p-4", className),
		...props,
		children
	});
});
Viewport.displayName = "AlertDialog.Viewport";
var Popup = React.forwardRef(function Popup({ className, size = "default", disableAnimation, disableBackdropBlur, ...props }, ref) {
	return /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(Backdrop, {
		disableAnimation,
		disableBackdropBlur
	}), /* @__PURE__ */ jsx(AlertDialog.Popup, {
		ref,
		"data-slot": "alert-dialog-popup",
		"data-size": size,
		className: cn("bg-background ring-foreground/10 gap-6 rounded-xl p-6 ring-1 shadow-lg data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 outline-none", !disableAnimation && "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 duration-150 motion-reduce:animate-none", className),
		...props
	})] });
});
Popup.displayName = "AlertDialog.Popup";
var Header = React.forwardRef(function Header({ className, ...props }, ref) {
	return /* @__PURE__ */ jsx("div", {
		ref,
		"data-slot": "alert-dialog-header",
		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
		...props
	});
});
Header.displayName = "AlertDialog.Header";
var Footer = React.forwardRef(function Footer({ className, ...props }, ref) {
	return /* @__PURE__ */ jsx("div", {
		ref,
		"data-slot": "alert-dialog-footer",
		className: cn("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
		...props
	});
});
Footer.displayName = "AlertDialog.Footer";
var Media = React.forwardRef(function Media({ className, ...props }, ref) {
	return /* @__PURE__ */ jsx("div", {
		ref,
		"data-slot": "alert-dialog-media",
		className: cn("bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8 delight-bounce-in motion-reduce:!animate-none", className),
		...props
	});
});
Media.displayName = "AlertDialog.Media";
var Title = React.forwardRef(function Title({ className, ...props }, ref) {
	return /* @__PURE__ */ jsx(AlertDialog.Title, {
		ref,
		"data-slot": "alert-dialog-title",
		className: cn("text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2 delight-stagger motion-reduce:!animate-none", className),
		...props,
		style: { "--delight-delay": "50ms" }
	});
});
Title.displayName = "AlertDialog.Title";
var Description = React.forwardRef(function Description({ className, ...props }, ref) {
	return /* @__PURE__ */ jsx(AlertDialog.Description, {
		ref,
		"data-slot": "alert-dialog-description",
		className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3 delight-stagger motion-reduce:!animate-none", className),
		...props,
		style: { "--delight-delay": "100ms" }
	});
});
Description.displayName = "AlertDialog.Description";
var Action = React.forwardRef(function Action({ className, ...props }, ref) {
	return /* @__PURE__ */ jsx(Button, {
		ref,
		"data-slot": "alert-dialog-action",
		className: cn(className),
		...props
	});
});
Action.displayName = "AlertDialog.Action";
var Cancel = React.forwardRef(function Cancel({ className, appearance = "outline", variant = "secondary", size = "default", ...props }, ref) {
	return /* @__PURE__ */ jsx(AlertDialog.Close, {
		ref,
		"data-slot": "alert-dialog-cancel",
		className: cn(className),
		render: /* @__PURE__ */ jsx(Button, {
			appearance,
			variant,
			size
		}),
		...props
	});
});
Cancel.displayName = "AlertDialog.Cancel";
var AlertDialog$1 = Object.assign(Root, {
	Root,
	Trigger,
	Portal,
	Backdrop,
	Viewport,
	Popup,
	Header,
	Footer,
	Title,
	Description,
	Action,
	Cancel,
	Media
});
//#endregion
export { Action, AlertDialog$1 as AlertDialog, Backdrop, Cancel, Description, Footer, Header, Media, Popup, Portal, Root, Title, Trigger, Viewport };

//# sourceMappingURL=index462.js.map