@pstdio/ui 0.13.0 → 0.15.0

package/dist/mermaid-renderer-CPGj6vsb.js

@@ -0,0 +1,570 @@
+import { jsx as f, jsxs as T } from "react/jsx-runtime";
+import { c as Z } from "react/compiler-runtime";
+import { Text as Q, Box as F, Dialog as $, Stack as J, Portal as Ie, Icon as V, Button as ke, IconButton as W } from "@chakra-ui/react";
+import { createContext as _e, useContext as ze, useState as R, useEffect as re, useRef as he } from "react";
+import { S as Ee, T as ee } from "./resource-badge-CeJTOn8F.js";
+import { Download as Ce, X as Re, Pencil as Ae, Maximize2 as De, Plus as Oe, Minus as Ze } from "lucide-react";
+import ue from "mermaid";
+const G = [{
+  id: "pstdio-light",
+  mode: "light"
+}, {
+  id: "pstdio-dark",
+  mode: "dark"
+}], K = (t, e = G) => typeof t == "string" && e.some((n) => n.id === t), X = (t, e = G) => e.find((n) => n.id === t)?.mode ?? "light", ge = (t) => `theme-${t}`, $e = (t, e = X(t)) => [e, ge(t)], te = "data-pstdio-theme-token-paths", ie = (t) => `--chakra-${t.replaceAll(".", "-")}`, Fe = (t, e) => {
+  if (e?.tokens)
+    for (const n of Object.keys(e.tokens))
+      t.style.removeProperty(ie(n));
+}, He = (t) => {
+  const e = t.getAttribute(te)?.split(`
+`).filter(Boolean) ?? [];
+  for (const n of e)
+    t.style.removeProperty(ie(n));
+  t.setAttribute(te, "");
+}, Be = (t, e) => {
+  if (!e.tokens) {
+    t.setAttribute(te, "");
+    return;
+  }
+  for (const [n, r] of Object.entries(e.tokens))
+    t.style.setProperty(ie(n), r);
+  t.setAttribute(te, Object.keys(e.tokens).join(`
+`));
+}, Le = (t, e = G) => {
+  if (typeof document > "u") return;
+  const n = document.documentElement, r = document.body, i = e.find((l) => l.id === t) ?? {}, c = X(t, e);
+  for (const l of [n, r]) {
+    if (!l) continue;
+    const a = l.getAttribute("data-theme"), o = e.find((u) => u.id === a);
+    l.classList.remove("light", "dark"), a && l.classList.remove(ge(a)), He(l), Fe(l, o), Be(l, i), l.classList.add(...$e(t, c)), l.setAttribute("data-theme", t), l.setAttribute("data-color-mode", c), l.style.colorScheme = c;
+  }
+}, Ne = {
+  getItem: () => null,
+  removeItem: () => {
+  },
+  setItem: () => {
+  }
+}, je = () => {
+  try {
+    return globalThis.localStorage;
+  } catch {
+    return;
+  }
+}, pe = () => {
+  const t = je();
+  return t ? {
+    getItem(e) {
+      try {
+        return t.getItem(e);
+      } catch {
+        return null;
+      }
+    },
+    removeItem(e) {
+      try {
+        t.removeItem(e);
+      } catch {
+      }
+    },
+    setItem(e, n) {
+      try {
+        t.setItem(e, n);
+      } catch {
+      }
+    }
+  } : Ne;
+}, be = "theme-preference", Pe = _e(null), ne = (t, e) => t.find((n) => n.mode === e)?.id ?? t[0]?.id ?? G[0].id, we = () => typeof window > "u" ? null : pe().getItem(be), le = (t) => {
+  typeof window > "u" || pe().setItem(be, t);
+}, xe = (t) => typeof t == "string" && t.includes("."), Ue = (t) => {
+  const {
+    canRestoreStoredPreference: e,
+    storedPreference: n,
+    themePreference: r,
+    themePreferences: i
+  } = t;
+  return e && n === r && xe(n) && !K(r, i);
+}, Ve = (t = G) => {
+  if (typeof window > "u") return ne(t, "light");
+  const e = we();
+  if (e) return e;
+  const n = typeof window.matchMedia == "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+  return ne(t, n ? "dark" : "light");
+}, yt = (t) => {
+  const e = Z(25), {
+    children: n,
+    themePreferences: r
+  } = t, i = r === void 0 ? G : r;
+  let c;
+  e[0] !== t.initialPreference || e[1] !== i ? (c = t.initialPreference ?? Ve(i), e[0] = t.initialPreference, e[1] = i, e[2] = c) : c = e[2];
+  const l = c, a = t.initialPreference === void 0, [o, u] = R(l);
+  let s, m;
+  e[3] !== a || e[4] !== o || e[5] !== i ? (s = a ? we() : null, m = Ue({
+    canRestoreStoredPreference: a,
+    storedPreference: s,
+    themePreference: o,
+    themePreferences: i
+  }), e[3] = a, e[4] = o, e[5] = i, e[6] = s, e[7] = m) : (s = e[6], m = e[7]);
+  const d = m;
+  let p, b;
+  e[8] !== d || e[9] !== s || e[10] !== o || e[11] !== i ? (p = () => {
+    if (s && s !== o && K(s, i)) {
+      u(s);
+      return;
+    }
+    if (d)
+      return;
+    if (!K(o, i)) {
+      u(ne(i, X(o, i)));
+      return;
+    }
+    Le(o, i), s && s !== o && xe(s) && !K(s, i) || le(o);
+  }, b = [d, s, o, i], e[8] = d, e[9] = s, e[10] = o, e[11] = i, e[12] = p, e[13] = b) : (p = e[12], b = e[13]), re(p, b);
+  let h;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = (y) => {
+    le(y), u(y);
+  }, e[14] = h) : h = e[14];
+  const w = h;
+  let P;
+  e[15] !== o || e[16] !== i ? (P = () => {
+    const y = X(o, i) === "dark" ? "light" : "dark";
+    w(ne(i, y));
+  }, e[15] = o, e[16] = i, e[17] = P) : P = e[17];
+  const x = P;
+  if (d)
+    return null;
+  let g;
+  e[18] !== o || e[19] !== i || e[20] !== x ? (g = {
+    themePreference: o,
+    themePreferences: i,
+    setThemePreference: w,
+    toggleThemePreference: x
+  }, e[18] = o, e[19] = i, e[20] = x, e[21] = g) : g = e[21];
+  let S;
+  return e[22] !== n || e[23] !== g ? (S = /* @__PURE__ */ f(Pe, { value: g, children: n }), e[22] = n, e[23] = g, e[24] = S) : S = e[24], S;
+}, Ge = () => {
+  const t = ze(Pe);
+  if (!t)
+    throw new Error("useThemePreference must be used within a ThemePreferenceProvider");
+  return t;
+}, ye = 0.5, ve = 3, Se = 0.25, se = (t) => Number(Math.min(ve, Math.max(ye, t)).toFixed(2)), qe = (t) => se(t + Se), We = (t) => se(t - Se), ae = (t) => {
+  if (!t)
+    return 0;
+  const e = Number.parseFloat(t);
+  return Number.isFinite(e) ? e : 0;
+}, oe = (t, e) => t.match(new RegExp(`\\s${e}="([^"]+)"`))?.[1], Te = (t) => {
+  const e = oe(t, "viewBox")?.split(/\s+/).map(Number) ?? [], n = e[2] ?? 0, r = e[3] ?? 0;
+  return n > 0 && r > 0 ? {
+    width: n,
+    height: r
+  } : {
+    width: Math.max(ae(oe(t, "width")), 1),
+    height: Math.max(ae(oe(t, "height")), 1)
+  };
+}, Xe = (t) => t.replace(/<br(\s[^>]*)?>/g, "<br$1/>"), Ye = (t) => {
+  const {
+    width: e,
+    height: n
+  } = Te(t), r = t.replace(/<svg\b[^>]*>/, (i) => {
+    const c = /\swidth=/.test(i) ? i.replace(/\swidth="[^"]*"/, ` width="${e}"`) : i.replace("<svg", `<svg width="${e}"`);
+    return /\sheight=/.test(c) ? c.replace(/\sheight="[^"]*"/, ` height="${n}"`) : c.replace("<svg", `<svg height="${n}"`);
+  });
+  return Xe(r);
+}, Me = (t) => {
+  const e = new TextEncoder().encode(Ye(t));
+  let n = "";
+  for (const r of e)
+    n += String.fromCharCode(r);
+  return `data:image/svg+xml;base64,${btoa(n)}`;
+}, Ke = (t) => new Promise((e, n) => {
+  const r = new Image();
+  r.style.position = "fixed", r.style.left = "-10000px", r.style.top = "0", r.style.pointerEvents = "none", r.onload = () => e({
+    image: r,
+    cleanup: () => r.remove()
+  }), r.onerror = () => {
+    r.remove(), n(new Error("Failed to load rendered Mermaid SVG for PNG export."));
+  }, document.body.append(r), r.src = t;
+}), Qe = (t) => new Promise((e, n) => {
+  t.toBlob((r) => {
+    if (r) {
+      e(r);
+      return;
+    }
+    n(new Error("Failed to encode Mermaid diagram as PNG."));
+  }, "image/png");
+}), Je = (t, e) => {
+  const n = URL.createObjectURL(t), r = document.createElement("a");
+  r.href = n, r.download = e, document.body.append(r), r.click(), r.remove(), window.setTimeout(() => URL.revokeObjectURL(n), 0);
+}, et = async (t) => {
+  const {
+    svg: e,
+    zoom: n,
+    filename: r = "mermaid-diagram.png"
+  } = t, i = Me(e), {
+    image: c,
+    cleanup: l
+  } = await Ke(i);
+  try {
+    const {
+      width: a,
+      height: o
+    } = Te(e), u = se(n), s = document.createElement("canvas");
+    s.width = Math.ceil(a * u), s.height = Math.ceil(o * u);
+    const m = s.getContext("2d");
+    if (!m)
+      throw new Error("Canvas rendering is unavailable for Mermaid PNG export.");
+    m.scale(u, u), m.drawImage(c, 0, 0, a, o), Je(await Qe(s), r);
+  } finally {
+    l();
+  }
+}, tt = (t) => {
+  const e = Z(9), {
+    code: n,
+    error: r
+  } = t;
+  let i;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ f(Q, { color: "fg.error", textStyle: "label/S/medium", children: "Mermaid parse failed" }), e[0] = i) : i = e[0];
+  let c;
+  e[1] !== r ? (c = /* @__PURE__ */ f(Q, { color: "fg.muted", textStyle: "label/S/regular", mt: "2xs", whiteSpace: "pre-wrap", children: r }), e[1] = r, e[2] = c) : c = e[2];
+  let l;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = {
+    p: "sm"
+  }, e[3] = l) : l = e[3];
+  let a;
+  e[4] !== n ? (a = /* @__PURE__ */ f(Ee, { mt: "sm", borderRadius: "sm", bg: "bg.muted", showHorizontalScrollbar: !0, showVerticalScrollbar: !1, contentProps: l, children: /* @__PURE__ */ f(F, { as: "pre", m: "0", fontSize: "sm", children: n }) }), e[4] = n, e[5] = a) : a = e[5];
+  let o;
+  return e[6] !== c || e[7] !== a ? (o = /* @__PURE__ */ T(F, { role: "alert", borderRadius: "sm", bg: "bg.panel", p: "sm", children: [
+    i,
+    c,
+    a
+  ] }), e[6] = c, e[7] = a, e[8] = o) : o = e[8], o;
+}, nt = (t) => {
+  const e = Z(23), {
+    children: n,
+    canDownload: r,
+    open: i,
+    onClose: c,
+    onDownload: l
+  } = t;
+  let a;
+  e[0] !== c ? (a = (g) => !g.open && c(), e[0] = c, e[1] = a) : a = e[1];
+  let o;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ f($.Backdrop, {}), e[2] = o) : o = e[2];
+  let u;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ f($.Title, { asChild: !0, children: /* @__PURE__ */ f(Q, { textStyle: "heading/S", children: "Mermaid diagram" }) }), e[3] = u) : u = e[3];
+  const s = !r;
+  let m;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ f(V, { as: Ce, boxSize: "16px" }), e[4] = m) : m = e[4];
+  let d;
+  e[5] !== l || e[6] !== s ? (d = /* @__PURE__ */ T(ke, { size: "sm", variant: "surface", onClick: l, disabled: s, children: [
+    m,
+    "Download as PNG"
+  ] }), e[5] = l, e[6] = s, e[7] = d) : d = e[7];
+  let p;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ f(V, { as: Re, boxSize: "16px" }), e[8] = p) : p = e[8];
+  let b;
+  e[9] !== c ? (b = /* @__PURE__ */ f(W, { "aria-label": "Close", size: "sm", variant: "ghost", onClick: c, children: p }), e[9] = c, e[10] = b) : b = e[10];
+  let h;
+  e[11] !== d || e[12] !== b ? (h = /* @__PURE__ */ f($.Header, { "data-testid": "mermaid-fullscreen-header", position: "absolute", top: "0", right: "0", left: "0", zIndex: "2", p: "0", children: /* @__PURE__ */ T(J, { direction: "row", align: "center", justify: "space-between", width: "100%", gap: "sm", children: [
+    u,
+    /* @__PURE__ */ T(J, { direction: "row", align: "center", gap: "xs", children: [
+      d,
+      b
+    ] })
+  ] }) }), e[11] = d, e[12] = b, e[13] = h) : h = e[13];
+  let w;
+  e[14] !== n ? (w = /* @__PURE__ */ f($.Body, { "data-testid": "mermaid-fullscreen-body", p: "0", flex: "1", minH: "0", children: n }), e[14] = n, e[15] = w) : w = e[15];
+  let P;
+  e[16] !== h || e[17] !== w ? (P = /* @__PURE__ */ T(Ie, { children: [
+    o,
+    /* @__PURE__ */ f($.Positioner, { padding: "0", children: /* @__PURE__ */ T($.Content, { width: "100vw", height: "100vh", maxW: "none", borderRadius: "0", overflow: "hidden", children: [
+      h,
+      w
+    ] }) })
+  ] }), e[16] = h, e[17] = w, e[18] = P) : P = e[18];
+  let x;
+  return e[19] !== i || e[20] !== a || e[21] !== P ? (x = /* @__PURE__ */ f($.Root, { lazyMount: !0, unmountOnExit: !0, open: i, onOpenChange: a, children: P }), e[19] = i, e[20] = a, e[21] = P, e[22] = x) : x = e[22], x;
+}, rt = (t) => {
+  const e = Z(9), {
+    isEditable: n,
+    onRequestEdit: r,
+    onOpenFullscreen: i
+  } = t;
+  let c;
+  e[0] !== n || e[1] !== r ? (c = n && r ? /* @__PURE__ */ f(ee, { content: "Edit source", children: /* @__PURE__ */ f(W, { "aria-label": "Edit", size: "xs", variant: "surface", onClick: r, children: /* @__PURE__ */ f(V, { as: Ae, boxSize: "14px" }) }) }) : null, e[0] = n, e[1] = r, e[2] = c) : c = e[2];
+  let l;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ f(V, { as: De, boxSize: "14px" }), e[3] = l) : l = e[3];
+  let a;
+  e[4] !== i ? (a = /* @__PURE__ */ f(ee, { content: "Fullscreen", children: /* @__PURE__ */ f(W, { "aria-label": "Fullscreen", size: "xs", variant: "surface", onClick: i, children: l }) }), e[4] = i, e[5] = a) : a = e[5];
+  let o;
+  return e[6] !== c || e[7] !== a ? (o = /* @__PURE__ */ T(J, { "data-testid": "mermaid-inline-toolbar", direction: "row", justify: "flex-end", align: "center", gap: "xs", position: "absolute", top: "sm", right: "sm", zIndex: "1", onPointerDown: it, children: [
+    c,
+    a
+  ] }), e[6] = c, e[7] = a, e[8] = o) : o = e[8], o;
+}, ot = (t) => {
+  const e = Z(17), {
+    zoom: n,
+    onZoomChange: r
+  } = t;
+  let i;
+  e[0] !== r || e[1] !== n ? (i = () => r(qe(n)), e[0] = r, e[1] = n, e[2] = i) : i = e[2];
+  const c = n >= ve;
+  let l;
+  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ f(V, { as: Oe, boxSize: "14px" }), e[3] = l) : l = e[3];
+  let a;
+  e[4] !== i || e[5] !== c ? (a = /* @__PURE__ */ f(ee, { content: "Zoom in", children: /* @__PURE__ */ f(W, { "aria-label": "Zoom in", size: "xs", variant: "surface", onClick: i, disabled: c, children: l }) }), e[4] = i, e[5] = c, e[6] = a) : a = e[6];
+  let o;
+  e[7] !== r || e[8] !== n ? (o = () => r(We(n)), e[7] = r, e[8] = n, e[9] = o) : o = e[9];
+  const u = n <= ye;
+  let s;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ f(V, { as: Ze, boxSize: "14px" }), e[10] = s) : s = e[10];
+  let m;
+  e[11] !== o || e[12] !== u ? (m = /* @__PURE__ */ f(ee, { content: "Zoom out", children: /* @__PURE__ */ f(W, { "aria-label": "Zoom out", size: "xs", variant: "surface", onClick: o, disabled: u, children: s }) }), e[11] = o, e[12] = u, e[13] = m) : m = e[13];
+  let d;
+  return e[14] !== a || e[15] !== m ? (d = /* @__PURE__ */ T(J, { "data-testid": "mermaid-zoom-controls", gap: "2xs", position: "absolute", right: "sm", bottom: "sm", zIndex: "1", onPointerDown: st, children: [
+    a,
+    m
+  ] }), e[14] = a, e[15] = m, e[16] = d) : d = e[16], d;
+};
+function it(t) {
+  return t.stopPropagation();
+}
+function st(t) {
+  return t.stopPropagation();
+}
+const lt = (t) => {
+  const e = Z(42), {
+    allowPanAtDefaultZoom: n,
+    maxHeight: r,
+    minHeight: i,
+    overlayActions: c,
+    svg: l,
+    zoom: a,
+    onZoomChange: o
+  } = t, u = n === void 0 ? !1 : n, s = r === void 0 ? "420px" : r, m = i === void 0 ? "220px" : i;
+  let d;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+    x: 0,
+    y: 0
+  }, e[0] = d) : d = e[0];
+  const [p, b] = R(d), [h, w] = R(!1);
+  let P;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (P = {
+    pointerId: -1,
+    x: 0,
+    y: 0
+  }, e[1] = P) : P = e[1];
+  const x = he(P), g = u || a > 1;
+  let S;
+  e[2] !== g || e[3] !== p.x || e[4] !== p.y ? (S = (v) => {
+    g && (x.current = {
+      pointerId: v.pointerId,
+      x: v.clientX - p.x,
+      y: v.clientY - p.y
+    }, w(!0), v.currentTarget.setPointerCapture(v.pointerId));
+  }, e[2] = g, e[3] = p.x, e[4] = p.y, e[5] = S) : S = e[5];
+  const y = S;
+  let E;
+  e[6] !== g || e[7] !== h ? (E = (v) => {
+    !g || !h || x.current.pointerId !== v.pointerId || b({
+      x: v.clientX - x.current.x,
+      y: v.clientY - x.current.y
+    });
+  }, e[6] = g, e[7] = h, e[8] = E) : E = e[8];
+  const A = E;
+  let C;
+  e[9] !== g ? (C = (v) => {
+    !g || x.current.pointerId !== v.pointerId || (w(!1), v.currentTarget.releasePointerCapture(v.pointerId));
+  }, e[9] = g, e[10] = C) : C = e[10];
+  const q = C;
+  let M, I;
+  e[11] !== g ? (M = () => {
+    g || (b({
+      x: 0,
+      y: 0
+    }), w(!1));
+  }, I = [g], e[11] = g, e[12] = M, e[13] = I) : (M = e[12], I = e[13]), re(M, I);
+  const D = g ? h ? "grabbing" : "grab" : "default", _ = g ? "none" : "auto";
+  let k;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (k = () => {
+    w(!1);
+  }, e[14] = k) : k = e[14];
+  const z = g ? "true" : "false", O = `translate3d(${p.x}px, ${p.y}px, 0) scale(${a})`, H = g ? h ? "grabbing" : "grab" : "default";
+  let B;
+  e[15] !== s ? (B = {
+    "& img": {
+      display: "inline-block",
+      width: "auto",
+      maxWidth: "100%",
+      maxHeight: s,
+      height: "auto",
+      userSelect: "none"
+    }
+  }, e[15] = s, e[16] = B) : B = e[16];
+  let L;
+  e[17] !== l ? (L = Me(l), e[17] = l, e[18] = L) : L = e[18];
+  let N;
+  e[19] !== L ? (N = /* @__PURE__ */ f("img", { alt: "Mermaid diagram", draggable: !1, src: L }), e[19] = L, e[20] = N) : N = e[20];
+  let j;
+  e[21] !== s || e[22] !== z || e[23] !== O || e[24] !== H || e[25] !== B || e[26] !== N ? (j = /* @__PURE__ */ f(F, { "data-testid": "mermaid-diagram-transform", "data-pan-enabled": z, width: "100%", maxHeight: s, textAlign: "center", transform: O, transformOrigin: "top left", cursor: H, css: B, children: N }), e[21] = s, e[22] = z, e[23] = O, e[24] = H, e[25] = B, e[26] = N, e[27] = j) : j = e[27];
+  let U;
+  e[28] !== o || e[29] !== a ? (U = /* @__PURE__ */ f(ot, { zoom: a, onZoomChange: o }), e[28] = o, e[29] = a, e[30] = U) : U = e[30];
+  let Y;
+  return e[31] !== y || e[32] !== A || e[33] !== q || e[34] !== s || e[35] !== m || e[36] !== c || e[37] !== D || e[38] !== _ || e[39] !== j || e[40] !== U ? (Y = /* @__PURE__ */ T(F, { "data-testid": "mermaid-diagram-surface", position: "relative", minHeight: m, maxHeight: s, overflow: "hidden", cursor: D, touchAction: _, onPointerDown: y, onPointerMove: A, onPointerUp: q, onPointerCancel: k, children: [
+    j,
+    c,
+    U
+  ] }), e[31] = y, e[32] = A, e[33] = q, e[34] = s, e[35] = m, e[36] = c, e[37] = D, e[38] = _, e[39] = j, e[40] = U, e[41] = Y) : Y = e[41], Y;
+};
+let ce = null, de = 0, me = Promise.resolve();
+const at = (t) => t === "dark" ? "dark" : "default", ct = (t) => {
+  ce !== t && (ue.initialize({
+    startOnLoad: !1,
+    htmlLabels: !0,
+    flowchart: {
+      htmlLabels: !0
+    },
+    securityLevel: "antiscript",
+    theme: at(t)
+  }), ce = t);
+}, dt = () => (de += 1, `mermaid-${de}`), mt = (t, e) => {
+  const n = async () => (ct(t), ue.render(dt(), e)), r = me.then(n, n);
+  return me = r.then(() => {
+  }, () => {
+  }), r;
+}, ft = (t) => {
+  if (!(t instanceof Error))
+    return "Failed to render Mermaid diagram.";
+  const e = t.message.trim();
+  return e ? e.split(`
+`).filter(Boolean).slice(0, 3).join(`
+`) : "Failed to render Mermaid diagram.";
+}, ht = (t) => {
+  const {
+    themePreference: e,
+    themePreferences: n
+  } = Ge(), r = X(e, n), [i, c] = R(""), [l, a] = R(""), [o, u] = R(!1);
+  return re(() => {
+    let s = !1;
+    return (async () => {
+      u(!0), a("");
+      try {
+        const d = await mt(r, t);
+        if (s)
+          return;
+        c(d.svg);
+      } catch (d) {
+        if (s)
+          return;
+        c(""), a(ft(d));
+      } finally {
+        s || u(!1);
+      }
+    })(), () => {
+      s = !0;
+    };
+  }, [t, r]), {
+    svg: i,
+    error: l,
+    isRendering: o
+  };
+}, fe = (t) => {
+  const e = Z(21), {
+    allowPanAtDefaultZoom: n,
+    code: r,
+    error: i,
+    isRendering: c,
+    maxHeight: l,
+    minHeight: a,
+    overlayActions: o,
+    svg: u,
+    zoom: s,
+    onZoomChange: m
+  } = t;
+  if (c) {
+    const p = a ?? "220px";
+    let b;
+    e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ f(Q, { color: "fg.muted", textStyle: "paragraph/S/regular", children: "Rendering diagram..." }), e[0] = b) : b = e[0];
+    let h;
+    return e[1] !== l || e[2] !== o || e[3] !== p ? (h = /* @__PURE__ */ T(F, { position: "relative", minHeight: p, maxHeight: l, overflow: "hidden", children: [
+      b,
+      o
+    ] }), e[1] = l, e[2] = o, e[3] = p, e[4] = h) : h = e[4], h;
+  }
+  if (i) {
+    const p = a ?? "220px";
+    let b;
+    e[5] !== r || e[6] !== i ? (b = /* @__PURE__ */ f(tt, { code: r, error: i }), e[5] = r, e[6] = i, e[7] = b) : b = e[7];
+    let h;
+    return e[8] !== l || e[9] !== o || e[10] !== p || e[11] !== b ? (h = /* @__PURE__ */ T(F, { position: "relative", minHeight: p, maxHeight: l, overflow: "hidden", children: [
+      b,
+      o
+    ] }), e[8] = l, e[9] = o, e[10] = p, e[11] = b, e[12] = h) : h = e[12], h;
+  }
+  let d;
+  return e[13] !== n || e[14] !== l || e[15] !== a || e[16] !== m || e[17] !== o || e[18] !== u || e[19] !== s ? (d = /* @__PURE__ */ f(lt, { allowPanAtDefaultZoom: n, maxHeight: l, minHeight: a, overlayActions: o, svg: u, zoom: s, onZoomChange: m }, u), e[13] = n, e[14] = l, e[15] = a, e[16] = m, e[17] = o, e[18] = u, e[19] = s, e[20] = d) : d = e[20], d;
+}, vt = (t) => {
+  const e = Z(36), {
+    code: n,
+    initialFullscreenOpen: r,
+    initialZoom: i,
+    isEditable: c,
+    onRequestEdit: l
+  } = t, a = r === void 0 ? !1 : r, o = i === void 0 ? 1 : i, u = c === void 0 ? !1 : c, {
+    svg: s,
+    error: m,
+    isRendering: d
+  } = ht(n), [p, b] = R(o), [h, w] = R(1), [P, x] = R(a);
+  let g;
+  e[0] !== n || e[1] !== o ? (g = {
+    code: n,
+    initialZoom: o
+  }, e[0] = n, e[1] = o, e[2] = g) : g = e[2];
+  const S = he(g), y = !!s && !m && !d;
+  let E, A;
+  e[3] !== n || e[4] !== o ? (E = () => {
+    const H = S.current;
+    H.code === n && H.initialZoom === o || (S.current = {
+      code: n,
+      initialZoom: o
+    }, b(o), w(1));
+  }, A = [n, o], e[3] = n, e[4] = o, e[5] = E, e[6] = A) : (E = e[5], A = e[6]), re(E, A);
+  let C;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = () => {
+    w(1), x(!0);
+  }, e[7] = C) : C = e[7];
+  const q = C;
+  let M;
+  e[8] !== u || e[9] !== l ? (M = /* @__PURE__ */ f(rt, { isEditable: u, onRequestEdit: l, onOpenFullscreen: q }), e[8] = u, e[9] = l, e[10] = M) : M = e[10];
+  let I;
+  e[11] !== n || e[12] !== m || e[13] !== p || e[14] !== d || e[15] !== s || e[16] !== M ? (I = /* @__PURE__ */ f(fe, { code: n, error: m, isRendering: d, overlayActions: M, svg: s, zoom: p, onZoomChange: b }), e[11] = n, e[12] = m, e[13] = p, e[14] = d, e[15] = s, e[16] = M, e[17] = I) : I = e[17];
+  let D;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = () => x(!1), e[18] = D) : D = e[18];
+  let _;
+  e[19] !== h || e[20] !== s ? (_ = () => et({
+    svg: s,
+    zoom: h
+  }), e[19] = h, e[20] = s, e[21] = _) : _ = e[21];
+  let k;
+  e[22] !== n || e[23] !== m || e[24] !== h || e[25] !== d || e[26] !== s ? (k = /* @__PURE__ */ f(fe, { allowPanAtDefaultZoom: !0, code: n, error: m, isRendering: d, maxHeight: "100%", minHeight: "100%", svg: s, zoom: h, onZoomChange: w }), e[22] = n, e[23] = m, e[24] = h, e[25] = d, e[26] = s, e[27] = k) : k = e[27];
+  let z;
+  e[28] !== y || e[29] !== P || e[30] !== _ || e[31] !== k ? (z = /* @__PURE__ */ f(nt, { open: P, canDownload: y, onClose: D, onDownload: _, children: k }), e[28] = y, e[29] = P, e[30] = _, e[31] = k, e[32] = z) : z = e[32];
+  let O;
+  return e[33] !== z || e[34] !== I ? (O = /* @__PURE__ */ T(F, { width: "100%", children: [
+    I,
+    z
+  ] }), e[33] = z, e[34] = I, e[35] = O) : O = e[35], O;
+};
+export {
+  vt as M,
+  yt as T,
+  Le as a,
+  ge as b,
+  pe as c,
+  G as d,
+  $e as e,
+  X as f,
+  Ve as g,
+  K as i,
+  Ge as u
+};
+//# sourceMappingURL=mermaid-renderer-CPGj6vsb.js.map