import { j as t } from "../../node_modules/react/jsx-runtime.js";
import * as d from "react";
import { Overlay as i, Content as c, Close as l, Title as n, Description as r, Root as m, Trigger as x, Portal as g } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
import { cn as s } from "../../utils/index.js";
import { Icon as b } from "../Icon/index.js";
const z = m, C = x, u = g, T = l, f = d.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
  i,
  {
    ref: o,
    className: s(
      "fixed inset-0 z-50 bg-brand-black opacity-60 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
      e
    ),
    ...a
  }
));
f.displayName = i.displayName;
const $ = d.forwardRef(({ className: e, children: a, ...o }, p) => /* @__PURE__ */ t.jsxs(u, { children: [
  /* @__PURE__ */ t.jsx(f, {}),
  /* @__PURE__ */ t.jsxs(
    c,
    {
      ref: p,
      className: s(
        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-xl translate-x-[-50%] translate-y-[-50%] gap-4 bg-surface-alt px-6 pt-10 pb-4 shadow duration-200 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%] sm:rounded-lg",
        e
      ),
      ...o,
      children: [
        a,
        /* @__PURE__ */ t.jsxs(l, { className: "absolute right-1.5 top-2 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-surface data-[state=open]:text-muted-foreground", children: [
          /* @__PURE__ */ t.jsx(b, { name: "x", size: "sm" }),
          /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: "Close" })
        ] })
      ]
    }
  )
] }));
$.displayName = c.displayName;
const y = ({
  className: e,
  ...a
}) => /* @__PURE__ */ t.jsx(
  "div",
  {
    className: s(
      "flex flex-col space-y-1.5 text-center sm:text-left",
      e
    ),
    ...a
  }
);
y.displayName = "DialogHeader";
const N = ({
  className: e,
  ...a
}) => /* @__PURE__ */ t.jsx(
  "div",
  {
    className: s(
      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
      e
    ),
    ...a
  }
);
N.displayName = "DialogFooter";
const j = d.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
  n,
  {
    ref: o,
    className: s("text-xl leading-none tracking-tight font-medium", e),
    ...a
  }
));
j.displayName = n.displayName;
const D = d.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
  r,
  {
    ref: o,
    className: s("text-sm text-content-secondary", e),
    ...a
  }
));
D.displayName = r.displayName;
export {
  z as Dialog,
  T as DialogClose,
  $ as DialogContent,
  D as DialogDescription,
  N as DialogFooter,
  y as DialogHeader,
  f as DialogOverlay,
  u as DialogPortal,
  j as DialogTitle,
  C as DialogTrigger
};
