@stanfordspezi/spezi-web-design-system/dist/Dialog-VQXgmvwj.mjs

Stanford Biodesign Digital Health Spezi Web Design System

import { jsxs as i, jsx as s } from "react/jsx-runtime";
import { c as o } from "./index-2NvaPZWc.mjs";
import { sizeToMaxWidthRecord as n } from "./utils/tailwind.js";
import { X as c } from "./x-DwXuuFO_.mjs";
import { R as m, T as g, P as d, C as r, O as f, a as p, b as x, D } from "./index-DASnCPs3.mjs";
const z = m, O = g, b = d, w = r, h = ({
  className: a,
  ...e
}) => /* @__PURE__ */ i(
  r,
  {
    className: o(
      "focus-ring absolute top-4 right-4 opacity-70 transition hover:opacity-100 disabled:pointer-events-none",
      a
    ),
    ...e,
    children: [
      /* @__PURE__ */ s(c, { className: "size-4" }),
      /* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
    ]
  }
), y = ({
  className: a,
  ...e
}) => /* @__PURE__ */ s(
  f,
  {
    className: o(
      "animate-entrance-fade fixed inset-0 z-50 bg-black/20",
      a
    ),
    "data-testid": "dialogOverlay",
    ...e
  }
), N = ({
  size: a = "lg",
  className: e,
  children: t,
  ...l
}) => /* @__PURE__ */ s(
  p,
  {
    className: o(
      "animate-entrance-fade-zoom bg-surface fixed top-[50%] left-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg sm:rounded-lg",
      a && n[a],
      e
    ),
    ...l,
    children: t
  }
), P = ({
  className: a,
  children: e,
  size: t,
  ...l
}) => /* @__PURE__ */ i(b, { children: [
  /* @__PURE__ */ s(y, {}),
  /* @__PURE__ */ i(N, { className: a, size: t, ...l, children: [
    e,
    /* @__PURE__ */ s(h, {})
  ] })
] }), R = ({
  className: a,
  ...e
}) => /* @__PURE__ */ s(
  "div",
  {
    className: o(
      "flex flex-col space-y-1.5 text-center sm:text-left",
      a
    ),
    ...e
  }
), k = ({
  className: a,
  ...e
}) => /* @__PURE__ */ s(
  "div",
  {
    className: o(
      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
      a
    ),
    ...e
  }
), X = ({
  className: a,
  ...e
}) => /* @__PURE__ */ s(
  x,
  {
    className: o("text-lg font-semibold", a),
    ...e
  }
), E = ({
  className: a,
  ...e
}) => /* @__PURE__ */ s(
  D,
  {
    className: o("text-muted-foreground text-sm", a),
    ...e
  }
);
export {
  z as D,
  O as a,
  b,
  w as c,
  h as d,
  y as e,
  N as f,
  P as g,
  R as h,
  k as i,
  X as j,
  E as k
};