import { j as o } from "../../node_modules/react/jsx-runtime.js";
import * as d from "react";
import { Overlay as i, Content as l, Close as c, Title as r, Description as n, Root as f, Trigger as $, Portal as g } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
import { cn as s } from "../../utils/index.js";
import { Icon as x } from "../Icon/index.js";
const w = f, T = $, N = g, z = c, m = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o.jsx(
  i,
  {
    ref: t,
    className: s(
      "dialog-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
      a
    ),
    ...e
  }
));
m.displayName = i.displayName;
const b = d.forwardRef(({ className: a, children: e, ...t }, p) => /* @__PURE__ */ o.jsxs(N, { children: [
  /* @__PURE__ */ o.jsx(m, {}),
  /* @__PURE__ */ o.jsxs(
    l,
    {
      ref: p,
      className: s(
        "dialog-content 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
        a
      ),
      ...t,
      children: [
        e,
        /* @__PURE__ */ o.jsxs(c, { className: "dialog-close", children: [
          /* @__PURE__ */ o.jsx(x, { name: "x", size: "sm" }),
          /* @__PURE__ */ o.jsx("span", { className: "sr-only", children: "Close" })
        ] })
      ]
    }
  )
] }));
b.displayName = l.displayName;
const y = ({
  className: a,
  ...e
}) => /* @__PURE__ */ o.jsx("div", { className: s("dialog-header", a), ...e });
y.displayName = "DialogHeader";
const D = ({
  className: a,
  ...e
}) => /* @__PURE__ */ o.jsx("div", { className: s("dialog-footer", a), ...e });
D.displayName = "DialogFooter";
const j = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o.jsx(
  r,
  {
    ref: t,
    className: s("dialog-title", a),
    ...e
  }
));
j.displayName = r.displayName;
const u = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ o.jsx(
  n,
  {
    ref: t,
    className: s("dialog-description", a),
    ...e
  }
));
u.displayName = n.displayName;
export {
  w as Dialog,
  z as DialogClose,
  b as DialogContent,
  u as DialogDescription,
  D as DialogFooter,
  y as DialogHeader,
  m as DialogOverlay,
  N as DialogPortal,
  j as DialogTitle,
  T as DialogTrigger
};
