@pstdio/ui 0.15.0 → 0.16.0

package/dist/mermaid-renderer-CPGj6vsb.js

@@ -1,570 +0,0 @@
-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