likec4 1.57.0 → 1.58.0

package/__app__/src/chunks/LikeC4Styles.mjs

@@ -0,0 +1,1866 @@
+import { i as e } from "./rolldown-runtime.mjs";
+import { C as t, H as n, K as r, M as i, N as a, V as o, W as s, h as c, v as l, y as u } from "./libs/remeda.mjs";
+import { Dt as d, Mt as f, Nt as p, Ot as m, Zt as h, bt as g, h as _, jt as v, m as y, mt as b } from "./libs/@mantine.mjs";
+import { E as x, M as S, N as C, c as w, d as T, f as E, g as D, h as O, l as k, u as A } from "./styled-system.mjs";
+import { _ as j, c as M, d as N, i as P, l as F, m as I, p as L, v as R } from "./libs/@tabler/icons-react.mjs";
+import { n as z, o as B, r as ee, t as te } from "./Markdown.mjs";
+import { d as ne, f as re, h as V, i as H, m as ie, n as U, p as W, r as ae, t as oe, v as G } from "./libs/@xyflow/react.mjs";
+import { n as se, t as K } from "./libs/fast-equals.mjs";
+import { t as ce } from "./libs/bezier-js.mjs";
+import { c as le, f as ue, n as de, r as fe, u as pe } from "./libs/framer.mjs";
+import { createContext as q, forwardRef as J, memo as Y, useContext as me, useEffect as he, useMemo as ge, useRef as _e, useState as ve } from "react";
+import { c as X } from "react/compiler-runtime";
+import { Fragment as Z, jsx as Q, jsxs as $ } from "react/jsx-runtime";
+import { extractStep as ye, invariant as be, isStepEdgeId as xe, nonexhaustive as Se } from "@likec4/core";
+import { BBox as Ce, vector as we, vector as Te } from "@likec4/core/geometry";
+import { invariant as Ee } from "@likec4/core/utils";
+import { LikeC4Styles as De } from "@likec4/core/styles";
+import { RichText as Oe, ensureSizes as ke } from "@likec4/core/types";
+//#region ../diagram/src/context/IconRenderer.tsx
+var Ae = q(null);
+function IconRendererProvider(e) {
+	let t = X(5), { value: n, children: r } = e;
+	if (me(Ae)) {
+		let e;
+		return t[0] === r ? e = t[1] : (e = /* @__PURE__ */ Q(Z, { children: r }), t[0] = r, t[1] = e), e;
+	}
+	let i;
+	return t[2] !== r || t[3] !== n ? (i = /* @__PURE__ */ Q(Ae.Provider, {
+		value: n,
+		children: r
+	}), t[2] = r, t[3] = n, t[4] = i) : i = t[4], i;
+}
+function decodeSvgDataUrl(e) {
+	if (!e.startsWith("data:image/svg+xml")) return null;
+	try {
+		if (e.includes(";base64,")) {
+			let t = e.split(";base64,")[1];
+			if (t) return atob(t);
+		} else {
+			let t = e.split(",")[1];
+			if (t) return decodeURIComponent(t);
+		}
+	} catch {}
+	return null;
+}
+function IconRenderer({ element: e, className: t, style: n }) {
+	let r = me(Ae);
+	if (!e || !e.icon || e.icon === "none") return null;
+	let i;
+	switch (!0) {
+		case e.icon.startsWith("data:image/svg+xml"):
+			i = /* @__PURE__ */ Q(SvgDataUrlIcon, {
+				dataUrl: e.icon,
+				alt: e.title
+			});
+			break;
+		case e.icon.startsWith("http://"):
+		case e.icon.startsWith("https://"):
+		case e.icon.startsWith("data:image"):
+			i = /* @__PURE__ */ Q("img", {
+				src: e.icon,
+				alt: e.title
+			});
+			break;
+		case !!r:
+			i = /* @__PURE__ */ Q(r, { node: e });
+			break;
+		default:
+			i = null;
+			break;
+	}
+	return i ? /* @__PURE__ */ Q("div", {
+		className: S(t, "likec4-element-icon"),
+		"data-likec4-icon": e.icon,
+		style: n,
+		children: i
+	}) : null;
+}
+var je = {
+	browser: j,
+	cylinder: I,
+	mobile: L,
+	person: P,
+	queue: M,
+	rectangle: F,
+	storage: I,
+	bucket: I,
+	document: N,
+	component: F
+};
+function IconOrShapeRenderer(e) {
+	let t = X(12), { element: n, className: r, style: i } = e;
+	if (!n.icon || n.icon === "none") {
+		let e = je[n.shape], a;
+		t[0] === r ? a = t[1] : (a = S(r, "likec4-shape-icon"), t[0] = r, t[1] = a);
+		let o;
+		t[2] === e ? o = t[3] : (o = /* @__PURE__ */ Q(e, {}), t[2] = e, t[3] = o);
+		let s;
+		return t[4] !== i || t[5] !== a || t[6] !== o ? (s = /* @__PURE__ */ Q("div", {
+			className: a,
+			style: i,
+			children: o
+		}), t[4] = i, t[5] = a, t[6] = o, t[7] = s) : s = t[7], s;
+	}
+	let a;
+	return t[8] !== r || t[9] !== n || t[10] !== i ? (a = /* @__PURE__ */ Q(IconRenderer, {
+		element: n,
+		className: r,
+		style: i
+	}), t[8] = r, t[9] = n, t[10] = i, t[11] = a) : a = t[11], a;
+}
+function SvgDataUrlIcon(e) {
+	let t = X(11), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({dataUrl: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
+	let i;
+	t[3] === n ? i = t[4] : (i = decodeSvgDataUrl(n), t[3] = n, t[4] = i);
+	let a = i;
+	if (!a) return null;
+	let o;
+	t[5] === Symbol.for("react.memo_cache_sentinel") ? (o = { display: "contents" }, t[5] = o) : o = t[5];
+	let s;
+	t[6] === a ? s = t[7] : (s = { __html: a }, t[6] = a, t[7] = s);
+	let c;
+	return t[8] !== r || t[9] !== s ? (c = /* @__PURE__ */ Q("span", {
+		...r,
+		style: o,
+		dangerouslySetInnerHTML: s
+	}), t[8] = r, t[9] = s, t[10] = c) : c = t[10], c;
+}
+//#endregion
+//#region ../diagram/src/base/Background.tsx
+function literalToEnum(e) {
+	switch (e) {
+		case "dots": return U.Dots;
+		case "lines": return U.Lines;
+		case "cross": return U.Cross;
+		default: Se(e);
+	}
+}
+var compareProps = (e, t) => typeof e.background == "string" && typeof t.background == "string" ? e.background === t.background : K(e.background, t.background), Me = Y((e) => {
+	let t = X(6), { background: n } = e;
+	if (typeof n == "string") {
+		let e;
+		t[0] === n ? e = t[1] : (e = literalToEnum(n), t[0] = n, t[1] = e);
+		let r;
+		return t[2] === e ? r = t[3] : (r = /* @__PURE__ */ Q(oe, {
+			variant: e,
+			size: 2,
+			gap: 20
+		}), t[2] = e, t[3] = r), r;
+	}
+	let r;
+	return t[4] === n ? r = t[5] : (r = /* @__PURE__ */ Q(oe, { ...n }), t[4] = n, t[5] = r), r;
+}, compareProps);
+Me.displayName = "Background";
+//#endregion
+//#region ../diagram/src/hooks/useCallbackRef.ts
+function useCallbackRef(e) {
+	let t = _e(e);
+	return t.current = e, ge(() => {
+		function callbackRef(...e) {
+			return t.current?.(...e);
+		}
+		return callbackRef;
+	}, []);
+}
+//#endregion
+//#region ../diagram/src/hooks/useXYFlow.ts
+function useXYFlow() {
+	return re();
+}
+function useXYStore(e, t) {
+	return W(useCallbackRef(e), t ?? se);
+}
+function useXYStoreApi() {
+	return ie();
+}
+function useCurrentZoomAtLeast(e) {
+	let t = X(2), t0;
+	return t[0] === e ? t0 = t[1] : (t0 = (t) => t.transform[2] >= e, t[0] = e, t[1] = t0), W(t0);
+}
+var selectZoom = (e) => e.transform[2] < .2;
+function useIsZoomTooSmall() {
+	return W(selectZoom);
+}
+//#endregion
+//#region ../diagram/src/utils/roundDpr.ts
+function getDevicePixelRatio() {
+	let e = typeof window < "u" && typeof window.devicePixelRatio == "number" ? window.devicePixelRatio : 1;
+	return r(Math.floor(e), {
+		min: 1,
+		max: 4
+	});
+}
+var Ne;
+function roundDpr(e) {
+	return Ne ??= getDevicePixelRatio(), Ne < 2 ? Math.round(e) : Math.round(e * Ne) / Ne;
+}
+//#endregion
+//#region ../diagram/src/utils/xyflow.ts
+function nodeToRect(e) {
+	return {
+		x: Math.trunc(e.internals.positionAbsolute.x),
+		y: Math.trunc(e.internals.positionAbsolute.y),
+		width: Math.round(e.measured?.width ?? e.width ?? e.initialWidth ?? 0),
+		height: Math.round(e.measured?.height ?? e.height ?? e.initialHeight ?? 0)
+	};
+}
+function getNodeCenter(e) {
+	let { width: t, height: n } = G(e), { x: r, y: i } = e.internals.positionAbsolute;
+	return {
+		x: Math.round(r + t / 2),
+		y: Math.round(i + n / 2)
+	};
+}
+function getNodeIntersectionFromCenterToPoint(e, t, n = 0) {
+	let { width: r, height: i } = e, a = Ce.center(e), o = we(t.x, t.y).subtract(a), s = (n + r / 2) / o.x, c = (n + i / 2) / o.y, l = Math.min(Math.abs(s), Math.abs(c));
+	return we(o).multiply(l).add(a).trunc().toObject();
+}
+function bezierControlPoints(e) {
+	let [t, ...r] = e;
+	Ee(t, "start should be defined");
+	let i = [];
+	for (; n(r, 3);) {
+		let [e, n, a, ...o] = r, s = new ce(t[0], t[1], e[0], e[1], n[0], n[1], a[0], a[1]), c = s.inflections();
+		c.length === 0 && c.push(.5), c.forEach((e) => {
+			let { x: t, y: n } = s.get(e);
+			i.push({
+				x: Math.trunc(t),
+				y: Math.trunc(n)
+			});
+		}), r = o, t = a;
+	}
+	return Ee(r.length === 0, "all points should be consumed"), Ee(n(i, 1), "at least one control point should be generated"), i;
+}
+function isSamePoint(e, t) {
+	if (e === t) return !0;
+	let [n, r] = i(e) ? e : [e.x, e.y], [a, o] = i(t) ? t : [t.x, t.y];
+	return Math.hypot(a - n, o - r) < 2.1;
+}
+function stopPropagation(e) {
+	e.nativeEvent.stopImmediatePropagation(), e.stopPropagation();
+}
+var printPoint = (e) => `${Math.trunc(e[0])},${Math.trunc(e[1])}`;
+function bezierPath(e) {
+	let [t, ...r] = e;
+	Ee(t, "start should be defined");
+	let i = `M ${printPoint(t)}`;
+	for (; n(r, 3);) {
+		let [e, t, n, ...a] = r;
+		i += ` C ${printPoint(e)} ${printPoint(t)} ${printPoint(n)}`, r = a;
+	}
+	return Ee(r.length === 0, "all points should be consumed"), i;
+}
+function parsePadding(e, t) {
+	if (typeof e == "number") return Math.floor((t - t / (1 + e)) * .5);
+	if (typeof e == "string" && e.endsWith("px")) {
+		let t = parseFloat(e);
+		if (!Number.isNaN(t)) return Math.floor(t);
+	}
+	if (typeof e == "string" && e.endsWith("%")) {
+		let n = parseFloat(e);
+		if (!Number.isNaN(n)) return Math.floor(t * n * .01);
+	}
+	return console.error(`[React Flow] The padding value "${e}" is invalid. Please provide a number or a string with a valid unit (px or %).`), 0;
+}
+function parsePaddings(e, t, n) {
+	if (typeof e == "string" || typeof e == "number") {
+		let r = parsePadding(e, n), i = parsePadding(e, t);
+		return {
+			top: r,
+			right: i,
+			bottom: r,
+			left: i,
+			x: i * 2,
+			y: r * 2
+		};
+	}
+	if (typeof e == "object") {
+		let r = parsePadding(e.top ?? e.y ?? 0, n), i = parsePadding(e.bottom ?? e.y ?? 0, n), a = parsePadding(e.left ?? e.x ?? 0, t), o = parsePadding(e.right ?? e.x ?? 0, t);
+		return {
+			top: r,
+			right: o,
+			bottom: i,
+			left: a,
+			x: a + o,
+			y: r + i
+		};
+	}
+	return {
+		top: 0,
+		right: 0,
+		bottom: 0,
+		left: 0,
+		x: 0,
+		y: 0
+	};
+}
+//#endregion
+//#region ../diagram/src/base/Base.ts
+var _setDimmed = (e, t) => (e.data.dimmed ?? !1) === t ? e : {
+	...e,
+	data: {
+		...e.data,
+		dimmed: t
+	}
+};
+function setDimmed(e, t) {
+	return t === void 0 ? (t) => _setDimmed(t, e) : _setDimmed(e, t);
+}
+var _setHovered = (e, t) => (e.data.hovered ?? !1) === t ? e : {
+	...e,
+	data: {
+		...e.data,
+		hovered: t
+	}
+};
+function setHovered(e, t) {
+	return t === void 0 ? (t) => _setHovered(t, e) : _setHovered(e, t);
+}
+function _setData(e, t) {
+	return a(e.data, t) ? e : {
+		...e,
+		data: {
+			...e.data,
+			...t
+		}
+	};
+}
+function setData(e, t) {
+	return t === void 0 ? (t) => _setData(t, e) : _setData(e, t);
+}
+var Pe = {
+	setDimmed,
+	setHovered,
+	setData
+}, Fe = {
+	Compound: 1,
+	Edge: 20,
+	EdgeLabel: 25,
+	Element: 20,
+	Max: 30
+}, Ie = .05, Le = {
+	default: "16px",
+	withControls: {
+		top: "58px",
+		left: "16px",
+		right: "16px",
+		bottom: "16px"
+	}
+};
+//#endregion
+//#region ../diagram/src/base/BaseXYFlow.tsx
+function BaseXYFlow(e) {
+	let t = X(85), n, r, i, a, o, s, c, l, u, d, f, p, m, h, g, _, y, b, x, C, w, T;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5], s = t[6], c = t[7], l = t[8], u = t[9], d = t[10], f = t[11], p = t[12], m = t[13], h = t[14], g = t[15], _ = t[16], y = t[17], b = t[18], x = t[19], C = t[20], w = t[21], T = t[22]) : ({nodes: o, edges: a, onEdgesChange: l, onNodesChange: p, className: r, pannable: g, zoomable: _, nodesSelectable: y, nodesDraggable: b, background: x, children: n, colorMode: i, fitViewPadding: C, fitView: w, zoomOnDoubleClick: T, onViewportResize: m, onMoveEnd: u, onNodeMouseEnter: d, onNodeMouseLeave: f, onEdgeMouseEnter: s, onEdgeMouseLeave: c, ...h} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o, t[6] = s, t[7] = c, t[8] = l, t[9] = u, t[10] = d, t[11] = f, t[12] = p, t[13] = m, t[14] = h, t[15] = g, t[16] = _, t[17] = y, t[18] = b, t[19] = x, t[20] = C, t[21] = w, t[22] = T);
+	let E = g === void 0 ? !0 : g, D = _ === void 0 ? !0 : _, O = y === void 0 ? !0 : y, k = b === void 0 ? !1 : b, A = x === void 0 ? "dots" : x, j = C === void 0 ? 0 : C, M = w === void 0 ? !0 : w, N = T === void 0 ? !1 : T, P;
+	t[23] === j ? P = t[24] : (P = {
+		minZoom: Ie,
+		maxZoom: 1,
+		padding: j,
+		includeHiddenNodes: !1
+	}, t[23] = j, t[24] = P);
+	let F = P, I = A !== "transparent" && A !== "solid", L = useIsZoomTooSmall(), R = useXYStoreApi(), { colorScheme: z } = v();
+	i ||= z === "auto" ? "system" : z;
+	let B = i, ee = o, te = a, re = A === "transparent" && "bg-transparent", V;
+	t[25] !== r || t[26] !== re ? (V = S(re, r), t[25] = r, t[26] = re, t[27] = V) : V = t[27];
+	let H;
+	t[28] === L ? H = t[29] : (H = L && { "data-likec4-zoom-small": !0 }, t[28] = L, t[29] = H);
+	let ie = !E && D, U;
+	t[30] === D ? U = t[31] : (U = !D && { zoomActivationKeyCode: null }, t[30] = D, t[31] = U);
+	let W = D ? 3 : 1, ae = D ? Ie : 1, oe = D || E, G;
+	t[32] === E ? G = t[33] : (G = !E && {
+		panActivationKeyCode: null,
+		selectionKeyCode: null
+	}, t[32] = E, t[33] = G);
+	let se = k || O, K = p, ce = l, t25;
+	t[34] !== u || t[35] !== R ? (t25 = (e, t) => {
+		let { x: n, y: r, zoom: i } = t, a = roundDpr(n), o = roundDpr(r);
+		(n !== a || r !== o) && R.setState({ transform: [
+			a,
+			o,
+			i
+		] }), u?.(e, {
+			x: a,
+			y: o,
+			zoom: i
+		});
+	}, t[34] = u, t[35] = R, t[36] = t25) : t25 = t[36];
+	let le = useCallbackRef(t25), t27;
+	t[37] !== d || t[38] !== p ? (t27 = (e, t) => {
+		if (d) {
+			d(e, t);
+			return;
+		}
+		p([{
+			id: t.id,
+			type: "replace",
+			item: Pe.setHovered(t, !0)
+		}]);
+	}, t[37] = d, t[38] = p, t[39] = t27) : t27 = t[39];
+	let ue = useCallbackRef(t27), t29;
+	t[40] !== f || t[41] !== p ? (t29 = (e, t) => {
+		if (f) {
+			f(e, t);
+			return;
+		}
+		p([{
+			id: t.id,
+			type: "replace",
+			item: Pe.setHovered(t, !1)
+		}]);
+	}, t[40] = f, t[41] = p, t[42] = t29) : t29 = t[42];
+	let de = useCallbackRef(t29), t31;
+	t[43] !== s || t[44] !== l ? (t31 = (e, t) => {
+		if (s) {
+			s(e, t);
+			return;
+		}
+		l([{
+			id: t.id,
+			type: "replace",
+			item: Pe.setHovered(t, !0)
+		}]);
+	}, t[43] = s, t[44] = l, t[45] = t31) : t31 = t[45];
+	let fe = useCallbackRef(t31), t33;
+	t[46] !== c || t[47] !== l ? (t33 = (e, t) => {
+		if (c) {
+			c(e, t);
+			return;
+		}
+		l([{
+			id: t.id,
+			type: "replace",
+			item: Pe.setHovered(t, !1)
+		}]);
+	}, t[46] = c, t[47] = l, t[48] = t33) : t33 = t[48];
+	let pe = useCallbackRef(t33), q;
+	t[49] !== A || t[50] !== I ? (q = I && /* @__PURE__ */ Q(Me, { background: A }), t[49] = A, t[50] = I, t[51] = q) : q = t[51];
+	let J;
+	t[52] === m ? J = t[53] : (J = m && /* @__PURE__ */ Q(ViewportResizeHanlder, { onViewportResize: m }), t[52] = m, t[53] = J);
+	let Y;
+	return t[54] !== n || t[55] !== i || t[56] !== a || t[57] !== M || t[58] !== F || t[59] !== o || t[60] !== k || t[61] !== O || t[62] !== l || t[63] !== p || t[64] !== E || t[65] !== h || t[66] !== V || t[67] !== H || t[68] !== ie || t[69] !== U || t[70] !== W || t[71] !== ae || t[72] !== oe || t[73] !== G || t[74] !== se || t[75] !== le || t[76] !== ue || t[77] !== de || t[78] !== fe || t[79] !== pe || t[80] !== q || t[81] !== J || t[82] !== N || t[83] !== D ? (Y = /* @__PURE__ */ $(ne, {
+		colorMode: B,
+		nodes: ee,
+		edges: te,
+		className: V,
+		...H,
+		zoomOnPinch: D,
+		zoomOnScroll: ie,
+		...U,
+		zoomOnDoubleClick: N,
+		maxZoom: W,
+		minZoom: ae,
+		fitView: M,
+		fitViewOptions: F,
+		preventScrolling: oe,
+		defaultMarkerColor: "var(--xy-edge-stroke)",
+		noDragClassName: "nodrag",
+		noPanClassName: "nopan",
+		noWheelClassName: "nowheel",
+		panOnScroll: E,
+		panOnDrag: E,
+		...G,
+		elementsSelectable: O,
+		nodesFocusable: se,
+		edgesFocusable: !1,
+		nodesDraggable: k,
+		nodeDragThreshold: 4,
+		nodeClickDistance: 3,
+		paneClickDistance: 3,
+		elevateNodesOnSelect: !1,
+		selectNodesOnDrag: !1,
+		onNodesChange: K,
+		onEdgesChange: ce,
+		onMoveEnd: le,
+		onNodeMouseEnter: ue,
+		onNodeMouseLeave: de,
+		onEdgeMouseEnter: fe,
+		onEdgeMouseLeave: pe,
+		onNodeDoubleClick: stopPropagation,
+		onEdgeDoubleClick: stopPropagation,
+		...h,
+		children: [
+			q,
+			J,
+			n
+		]
+	}), t[54] = n, t[55] = i, t[56] = a, t[57] = M, t[58] = F, t[59] = o, t[60] = k, t[61] = O, t[62] = l, t[63] = p, t[64] = E, t[65] = h, t[66] = V, t[67] = H, t[68] = ie, t[69] = U, t[70] = W, t[71] = ae, t[72] = oe, t[73] = G, t[74] = se, t[75] = le, t[76] = ue, t[77] = de, t[78] = fe, t[79] = pe, t[80] = q, t[81] = J, t[82] = N, t[83] = D, t[84] = Y) : Y = t[84], Y;
+}
+var selectDimensions = ({ width: e, height: t }) => (e || 1) * (t || 1), ViewportResizeHanlder = (e) => {
+	let t = X(2), { onViewportResize: n } = e, r = W(selectDimensions), i;
+	return t[0] === r ? i = t[1] : (i = [r], t[0] = r, t[1] = i), B(n, i), null;
+}, Re = q(null), ze = Re.Provider;
+function useRootContainerContext() {
+	return me(Re);
+}
+function useRootContainer() {
+	let e = useRootContainerContext();
+	if (!e) throw Error("useRootContainer must be used within a RootContainer");
+	return e;
+}
+function useRootContainerRef() {
+	return useRootContainer().ref;
+}
+function useRootContainerElement() {
+	return useRootContainer().ref.current;
+}
+//#endregion
+//#region ../diagram/src/components/RootContainer.tsx
+function RootContainer(e) {
+	let t = X(18), { id: n, className: r, reduceGraphics: i, children: a } = e, o = i === void 0 ? !1 : i, s = _e(null), [c] = ve(_temp), l = z(c), u = `#${n}`, d;
+	t[0] !== c || t[1] !== n || t[2] !== o || t[3] !== u ? (d = {
+		id: n,
+		ref: s,
+		selector: u,
+		reducedGraphics: o,
+		$panning: c
+	}, t[0] = c, t[1] = n, t[2] = o, t[3] = u, t[4] = d) : d = t[4];
+	let f = d, p;
+	t[5] === r ? p = t[6] : (p = S("likec4-root", r), t[5] = r, t[6] = p);
+	let m;
+	t[7] === o ? m = t[8] : (m = o && { "data-likec4-reduced-graphics": !0 }, t[7] = o, t[8] = m);
+	let h;
+	t[9] !== a || t[10] !== f ? (h = /* @__PURE__ */ Q(ze, {
+		value: f,
+		children: a
+	}), t[9] = a, t[10] = f, t[11] = h) : h = t[11];
+	let g;
+	return t[12] !== n || t[13] !== l || t[14] !== p || t[15] !== m || t[16] !== h ? (g = /* @__PURE__ */ Q("div", {
+		id: n,
+		className: p,
+		ref: s,
+		"data-likec4-diagram-panning": l,
+		...m,
+		children: h
+	}), t[12] = n, t[13] = l, t[14] = p, t[15] = m, t[16] = h, t[17] = g) : g = t[17], g;
+}
+function _temp() {
+	return /* @__PURE__ */ ee(!1);
+}
+//#endregion
+//#region ../diagram/src/context/DefaultMantineProvider.tsx
+var Be = d({
+	autoContrast: !0,
+	primaryColor: "indigo",
+	cursorType: "pointer",
+	defaultRadius: "sm",
+	fontFamily: "var(--likec4-app-font, var(--likec4-app-font-default))",
+	headings: {
+		fontWeight: "medium",
+		sizes: {
+			h1: { fontWeight: "bold" },
+			h2: { fontWeight: "medium" }
+		}
+	},
+	fontSizes: {
+		xxs: "var(--font-sizes-xxs)",
+		xs: "var(--font-sizes-xs)",
+		sm: "var(--font-sizes-sm)",
+		md: "var(--font-sizes-md)",
+		lg: "var(--font-sizes-lg)",
+		xl: "var(--font-sizes-xl)"
+	},
+	spacing: {
+		xs: "var(--spacing-xs)",
+		sm: "var(--spacing-sm)",
+		md: "var(--spacing-md)",
+		lg: "var(--spacing-lg)",
+		xl: "var(--spacing-xl)"
+	},
+	components: {
+		SegmentedControl: y.extend({ vars: (e, t) => ({ root: { "--sc-font-size": e.fontSizes[t.fz ?? t.size] } }) }),
+		Portal: g.extend({ defaultProps: { reuseTargetNode: !0 } }),
+		Tooltip: _.extend({ defaultProps: { color: "dark" } })
+	}
+});
+function DefaultMantineProvider(e) {
+	let t = X(8), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({children: n, theme: i, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let a = i ?? Be, o;
+	return t[4] !== n || t[5] !== r || t[6] !== a ? (o = /* @__PURE__ */ Q(m, {
+		defaultColorScheme: "auto",
+		theme: a,
+		...r,
+		children: n
+	}), t[4] = n, t[5] = r, t[6] = a, t[7] = o) : o = t[7], o;
+}
+//#endregion
+//#region ../diagram/src/context/EnsureMantine.tsx
+function EnsureMantine(e) {
+	let t = X(7), { children: n } = e, r = me(f), t1;
+	t[0] === r ? t1 = t[1] : (t1 = () => {
+		r || console.warn("LikeC4Diagram must be a child of MantineProvider");
+	}, t[0] = r, t[1] = t1);
+	let i;
+	if (t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = [], t[2] = i) : i = t[2], he(t1, i), !r) {
+		let e;
+		return t[3] === n ? e = t[4] : (e = /* @__PURE__ */ Q(DefaultMantineProvider, { children: n }), t[3] = n, t[4] = e), e;
+	}
+	let a;
+	return t[5] === n ? a = t[6] : (a = /* @__PURE__ */ Q(Z, { children: n }), t[5] = n, t[6] = a), a;
+}
+//#endregion
+//#region ../diagram/src/context/FramerMotionConfig.tsx
+function FramerMotionConfig(e) {
+	let t = X(6), { reducedMotion: n, children: r } = e, i = n === void 0 ? "user" : n, a = p()?.(), o;
+	t[0] === a ? o = t[1] : (o = a && { nonce: a }, t[0] = a, t[1] = o);
+	let s;
+	return t[2] !== r || t[3] !== i || t[4] !== o ? (s = /* @__PURE__ */ Q(ue, {
+		features: le,
+		strict: !0,
+		children: /* @__PURE__ */ Q(pe, {
+			reducedMotion: i,
+			...o,
+			children: r
+		})
+	}), t[2] = r, t[3] = i, t[4] = o, t[5] = s) : s = t[5], s;
+}
+//#endregion
+//#region ../diagram/src/context/LikeC4ModelContext.tsx
+var Ve = q(null), He = Ve.Provider, Ue = q(null), We = Ue.Provider;
+function useOptionalLikeC4Model() {
+	return me(Ve);
+}
+function useOptionalCurrentViewModel() {
+	return me(Ue);
+}
+//#endregion
+//#region ../diagram/src/hooks/useId.ts
+function useId$1() {
+	let e = X(2), t = h(), n;
+	return e[0] === t ? n = e[1] : (n = t.replace("mantine-", "likec4-"), e[0] = t, e[1] = n), n;
+}
+e(useId$1, "useId");
+//#endregion
+//#region ../diagram/src/hooks/useLikeC4Styles.ts
+function useLikeC4Styles() {
+	return useOptionalLikeC4Model()?.$styles ?? De.DEFAULT;
+}
+//#endregion
+//#region ../diagram/src/utils/view-bounds.ts
+function pickViewBounds(e, t) {
+	if (e._type === "dynamic") try {
+		if ((t ?? e.variant) === "sequence") return be(e.sequenceLayout, "Sequence layout is not available"), be(e.sequenceLayout.bounds, "Sequence layout bounds are not available"), e.sequenceLayout.bounds;
+	} catch (e) {
+		console.error(e);
+	}
+	return e.bounds;
+}
+function calcEdgeBounds({ points: e, controlPoints: t, labelBBox: n }) {
+	let r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
+	if (t) for (let e of t) r = Math.min(r, e.x), i = Math.min(i, e.y), a = Math.max(a, e.x), o = Math.max(o, e.y);
+	else for (let [t, n] of e) r = Math.min(r, t), i = Math.min(i, n), a = Math.max(a, t), o = Math.max(o, n);
+	return n && (r = Math.min(r, n.x), i = Math.min(i, n.y), a = Math.max(a, n.x + n.width), o = Math.max(o, n.y + n.height)), {
+		x: r,
+		y: i,
+		width: a - r,
+		height: o - i
+	};
+}
+function calcViewBounds({ nodes: e, edges: t }) {
+	return Ce.expand(Ce.merge(...e, ...t.map(calcEdgeBounds).filter((e) => isFinite(e.x) && isFinite(e.y))), 20);
+}
+//#endregion
+//#region ../diagram/src/base-primitives/edge/EdgeContainer.tsx
+function EdgeContainer(e) {
+	let t = X(33), { className: n, component: r, selectable: i, selected: a, data: o, animated: s, children: c, style: l } = e, u = r === void 0 ? "g" : r, d = i === void 0 ? !1 : i, f = a === void 0 ? !1 : a, p, m, h, g, _;
+	t[0] === o ? (p = t[1], m = t[2], h = t[3], g = t[4], _ = t[5]) : ({color: m, hovered: h, active: g, dimmed: _, ...p} = o, t[0] = o, t[1] = p, t[2] = m, t[3] = h, t[4] = g, t[5] = _);
+	let v = m === void 0 ? "gray" : m, y = h === void 0 ? !1 : h, b = g === void 0 ? !1 : g, x = _ === void 0 ? !1 : _, C = s === void 0 ? !1 : s;
+	C ||= b;
+	let w = f && "selected", T = d && "selectable", E;
+	t[6] !== n || t[7] !== w || t[8] !== T ? (E = S(n, "likec4-edge-container", w, T), t[6] = n, t[7] = w, t[8] = T, t[9] = E) : E = t[9];
+	let D = p.dir ?? "forward", O;
+	t[10] === C ? O = t[11] : (O = C && { "data-likec4-animated": C }, t[10] = C, t[11] = O);
+	let k;
+	t[12] === f ? k = t[13] : (k = f && { "data-likec4-selected": f }, t[12] = f, t[13] = k);
+	let A;
+	t[14] === x ? A = t[15] : (A = x !== !1 && { "data-likec4-dimmed": x }, t[14] = x, t[15] = A);
+	let j;
+	t[16] !== v || t[17] !== b || t[18] !== y || t[19] !== E || t[20] !== D || t[21] !== O || t[22] !== k || t[23] !== A ? (j = {
+		className: E,
+		"data-likec4-color": v,
+		"data-edge-dir": D,
+		"data-edge-active": b,
+		"data-likec4-hovered": y,
+		...O,
+		...k,
+		...A
+	}, t[16] = v, t[17] = b, t[18] = y, t[19] = E, t[20] = D, t[21] = O, t[22] = k, t[23] = A, t[24] = j) : j = t[24];
+	let M = j;
+	if (u === "svg") {
+		let e;
+		return t[25] !== c || t[26] !== M || t[27] !== l ? (e = /* @__PURE__ */ Q("svg", {
+			style: l,
+			...M,
+			children: c
+		}), t[25] = c, t[26] = M, t[27] = l, t[28] = e) : e = t[28], e;
+	}
+	be(u === "g", "EdgeContainer: component must be \"g\" or \"svg\"");
+	let N;
+	return t[29] !== c || t[30] !== M || t[31] !== l ? (N = /* @__PURE__ */ Q("g", {
+		style: l,
+		...M,
+		children: c
+	}), t[29] = c, t[30] = M, t[31] = l, t[32] = N) : N = t[32], N;
+}
+//#endregion
+//#region ../diagram/src/base-primitives/edge/EdgeLabel.tsx
+var Ge = J((e, t) => {
+	let n = X(33), r, i, a, o, s;
+	n[0] === e ? (r = n[1], i = n[2], a = n[3], o = n[4], s = n[5]) : ({edgeProps: o, pointerEvents: s, className: i, children: r, ...a} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a, n[4] = o, n[5] = s);
+	let { id: c, data: l, selected: d, selectable: f } = o, { label: p, technology: m, hovered: h } = l, g = h === void 0 ? !1 : h, _ = d === void 0 ? !1 : d, v = f === void 0 ? !1 : f, y = s === void 0 ? "all" : s, b;
+	n[6] === c ? b = n[7] : (b = xe(c) ? ye(c) : null, n[6] = c, n[7] = b);
+	let C = b, w = C !== null, T;
+	n[8] !== p || n[9] !== m ? (T = u(p) || u(m), n[8] = p, n[9] = m, n[10] = T) : T = n[10];
+	let D = T, O;
+	n[11] !== i || n[12] !== w || n[13] !== y || n[14] !== v ? (O = S("likec4-edge-label", E({
+		pointerEvents: y,
+		isStepEdge: w,
+		cursor: v || w ? "pointer" : "default"
+	}), i), n[11] = i, n[12] = w, n[13] = y, n[14] = v, n[15] = O) : O = n[15];
+	let k = g && !_ ? 1.06 : 1, A;
+	n[16] === k ? A = n[17] : (A = { scale: k }, n[16] = k, n[17] = A);
+	let j;
+	n[18] === C ? j = n[19] : (j = C !== null && /* @__PURE__ */ Q(x, {
+		className: "likec4-edge-label__step-number",
+		children: C
+	}), n[18] = C, n[19] = j);
+	let M;
+	n[20] !== r || n[21] !== D || n[22] !== p || n[23] !== m ? (M = D && /* @__PURE__ */ $(x, {
+		className: "likec4-edge-label__contents",
+		children: [
+			u(p) && /* @__PURE__ */ Q(x, {
+				lineClamp: 5,
+				className: "likec4-edge-label__text",
+				children: p
+			}),
+			u(m) && /* @__PURE__ */ Q(x, {
+				className: "likec4-edge-label__technology",
+				children: "[ " + m + " ]"
+			}),
+			r
+		]
+	}), n[20] = r, n[21] = D, n[22] = p, n[23] = m, n[24] = M) : M = n[24];
+	let N;
+	return n[25] !== c || n[26] !== t || n[27] !== a || n[28] !== A || n[29] !== j || n[30] !== M || n[31] !== O ? (N = /* @__PURE__ */ $(fe, {
+		ref: t,
+		className: O,
+		"data-edge-id": c,
+		animate: A,
+		...a,
+		children: [j, M]
+	}), n[25] = c, n[26] = t, n[27] = a, n[28] = A, n[29] = j, n[30] = M, n[31] = O, n[32] = N) : N = n[32], N;
+});
+Ge.displayName = "EdgeLabel";
+//#endregion
+//#region ../diagram/src/base-primitives/edge/EdgeLabelContainer.tsx
+var toCssVarValue = (e) => e === void 0 ? "" : t(e) ? `${Math.trunc(e)}px` : e;
+function EdgeLabelContainer(e) {
+	let t = X(42), n, r, i, a, o, s;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5], s = t[6]) : ({edgeProps: s, labelPosition: a, className: r, style: i, children: n, ...o} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o, t[6] = s);
+	let { id: c, selected: l, data: u, animated: d } = s, f = l === void 0 ? !1 : l, { hovered: p, active: m, dimmed: h, labelBBox: g, color: _ } = u, v = p === void 0 ? !1 : p, y = m === void 0 ? !1 : m, b = h === void 0 ? !1 : h, x = _ === void 0 ? "gray" : _, C = a?.x ?? g?.x, w = a?.y ?? g?.y;
+	if (C === void 0 || w === void 0) return null;
+	let T = a?.translate ?? "";
+	d ||= y;
+	let E = c, D;
+	t[7] === r ? D = t[8] : (D = S("nodrag nopan", "likec4-edge-label-container", r), t[7] = r, t[8] = D);
+	let O = d || y, k;
+	t[9] === d ? k = t[10] : (k = d && { "data-likec4-animated": d }, t[9] = d, t[10] = k);
+	let A;
+	t[11] === f ? A = t[12] : (A = f !== !1 && { "data-likec4-selected": f }, t[11] = f, t[12] = A);
+	let j;
+	t[13] === b ? j = t[14] : (j = b !== !1 && { "data-likec4-dimmed": b }, t[13] = b, t[14] = j);
+	let M;
+	t[15] === C ? M = t[16] : (M = toCssVarValue(C), t[15] = C, t[16] = M);
+	let N;
+	t[17] === w ? N = t[18] : (N = toCssVarValue(w), t[17] = w, t[18] = N);
+	let P = `translate(${M}, ${N}) ${T}`, F;
+	t[19] === P ? F = t[20] : (F = { transform: P }, t[19] = P, t[20] = F);
+	let I;
+	t[21] === g ? I = t[22] : (I = g && { maxWidth: g.width + 20 }, t[21] = g, t[22] = I);
+	let L;
+	t[23] !== i || t[24] !== I ? (L = {
+		...i,
+		...I
+	}, t[23] = i, t[24] = I, t[25] = L) : L = t[25];
+	let R;
+	t[26] !== n || t[27] !== L ? (R = /* @__PURE__ */ Q("div", {
+		style: L,
+		children: n
+	}), t[26] = n, t[27] = L, t[28] = R) : R = t[28];
+	let z;
+	return t[29] !== x || t[30] !== c || t[31] !== y || t[32] !== v || t[33] !== o || t[34] !== O || t[35] !== k || t[36] !== A || t[37] !== j || t[38] !== F || t[39] !== R || t[40] !== D ? (z = /* @__PURE__ */ Q(ae, { children: /* @__PURE__ */ Q("div", {
+		...o,
+		className: D,
+		"data-likec4-hovered": v,
+		"data-likec4-color": x,
+		"data-edge-active": y,
+		"data-edge-animated": O,
+		...k,
+		...A,
+		...j,
+		style: F,
+		children: R
+	}, E) }), t[29] = x, t[30] = c, t[31] = y, t[32] = v, t[33] = o, t[34] = O, t[35] = k, t[36] = A, t[37] = j, t[38] = F, t[39] = R, t[40] = D, t[41] = z) : z = t[41], z;
+}
+//#endregion
+//#region ../diagram/src/base-primitives/edge/EdgeMarkers.tsx
+var Open = (e) => {
+	let t = X(3), n;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q("path", {
+		d: "M0,0 L7,4 L0,8 L4,4 Z",
+		stroke: "context-stroke",
+		fill: "context-stroke",
+		strokeDasharray: 0,
+		strokeWidth: 1,
+		strokeLinecap: "round"
+	}), t[0] = n) : n = t[0];
+	let r;
+	return t[1] === e ? r = t[2] : (r = /* @__PURE__ */ Q("marker", {
+		viewBox: "-4 -4 14 16",
+		refX: 5,
+		refY: 4,
+		markerWidth: "7",
+		markerHeight: "8",
+		preserveAspectRatio: "xMaxYMid meet",
+		orient: "auto-start-reverse",
+		...e,
+		children: n
+	}), t[1] = e, t[2] = r), r;
+}, Arrow = (e) => {
+	let t = X(3), n;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q("path", {
+		d: "M 0 0 L 8 3 L 0 6 L 1 3 z",
+		fill: "context-stroke",
+		strokeWidth: 0
+	}), t[0] = n) : n = t[0];
+	let r;
+	return t[1] === e ? r = t[2] : (r = /* @__PURE__ */ Q("marker", {
+		viewBox: "-1 -1 12 10",
+		refX: 4,
+		refY: 3,
+		markerWidth: "8",
+		markerHeight: "6",
+		preserveAspectRatio: "xMaxYMid meet",
+		orient: "auto-start-reverse",
+		...e,
+		children: n
+	}), t[1] = e, t[2] = r), r;
+}, Crow = (e) => {
+	let t = X(3), n;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q("path", {
+		d: "M 8 0 L 0 4 L 8 8 M 8 4 L 0 4",
+		fill: "none",
+		strokeWidth: 1
+	}), t[0] = n) : n = t[0];
+	let r;
+	return t[1] === e ? r = t[2] : (r = /* @__PURE__ */ Q("marker", {
+		viewBox: "-1 -1 12 12",
+		refX: 8,
+		refY: 4,
+		markerWidth: "8",
+		markerHeight: "8",
+		preserveAspectRatio: "xMaxYMid meet",
+		orient: "auto-start-reverse",
+		...e,
+		children: n
+	}), t[1] = e, t[2] = r), r;
+}, OArrow = (e) => {
+	let t = X(3), n;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q("path", {
+		d: "M 0 0 L 8 3 L 0 6 L 1 3 z",
+		stroke: "context-stroke",
+		fill: "var(--likec4-background-color)",
+		strokeWidth: 1.25,
+		strokeLinejoin: "miter",
+		strokeLinecap: "square"
+	}), t[0] = n) : n = t[0];
+	let r;
+	return t[1] === e ? r = t[2] : (r = /* @__PURE__ */ Q("marker", {
+		viewBox: "-1 -1 12 10",
+		refX: 4,
+		refY: 3,
+		markerWidth: "8",
+		markerHeight: "6",
+		preserveAspectRatio: "xMaxYMid meet",
+		orient: "auto-start-reverse",
+		...e,
+		children: n
+	}), t[1] = e, t[2] = r), r;
+}, Diamond = (e) => {
+	let t = X(3), n;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q("path", {
+		d: "M5,0 L10,4 L5,8 L0,4 Z",
+		fill: "context-stroke",
+		strokeWidth: 0,
+		strokeLinecap: "round"
+	}), t[0] = n) : n = t[0];
+	let r;
+	return t[1] === e ? r = t[2] : (r = /* @__PURE__ */ Q("marker", {
+		viewBox: "-4 -4 16 14",
+		refX: 5,
+		refY: 4,
+		markerWidth: "10",
+		markerHeight: "8",
+		preserveAspectRatio: "xMaxYMid meet",
+		orient: "auto-start-reverse",
+		...e,
+		children: n
+	}), t[1] = e, t[2] = r), r;
+}, ODiamond = (e) => {
+	let t = X(3), n;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q("path", {
+		d: "M5,0 L10,4 L5,8 L0,4 Z",
+		stroke: "context-stroke",
+		fill: "var(--likec4-background-color)",
+		strokeWidth: 1.25,
+		strokeLinecap: "round"
+	}), t[0] = n) : n = t[0];
+	let r;
+	return t[1] === e ? r = t[2] : (r = /* @__PURE__ */ Q("marker", {
+		viewBox: "-4 -4 16 14",
+		refX: 6,
+		refY: 4,
+		markerWidth: "10",
+		markerHeight: "8",
+		preserveAspectRatio: "xMaxYMid meet",
+		orient: "auto-start-reverse",
+		...e,
+		children: n
+	}), t[1] = e, t[2] = r), r;
+}, Dot = (e) => {
+	let t = X(3), n;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q("circle", {
+		strokeWidth: 0,
+		fill: "context-stroke",
+		cx: 4,
+		cy: 4,
+		r: 3
+	}), t[0] = n) : n = t[0];
+	let r;
+	return t[1] === e ? r = t[2] : (r = /* @__PURE__ */ Q("marker", {
+		viewBox: "0 0 10 10",
+		refX: 4,
+		refY: 4,
+		markerWidth: "6",
+		markerHeight: "6",
+		...e,
+		children: n
+	}), t[1] = e, t[2] = r), r;
+}, ODot = (e) => {
+	let t = X(3), n;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q("circle", {
+		strokeWidth: 1.25,
+		stroke: "context-stroke",
+		fill: "var(--likec4-background-color)",
+		cx: 4,
+		cy: 4,
+		r: 3
+	}), t[0] = n) : n = t[0];
+	let r;
+	return t[1] === e ? r = t[2] : (r = /* @__PURE__ */ Q("marker", {
+		viewBox: "0 0 10 10",
+		refX: 4,
+		refY: 4,
+		markerWidth: "6",
+		markerHeight: "6",
+		...e,
+		children: n
+	}), t[1] = e, t[2] = r), r;
+}, Ke = {
+	Arrow,
+	Crow,
+	OArrow,
+	Open,
+	Diamond,
+	ODiamond,
+	Dot,
+	ODot
+};
+function arrowTypeToMarker(e) {
+	if (!(!e || e === "none")) switch (e) {
+		case "normal": return "Arrow";
+		case "crow": return "Crow";
+		case "onormal": return "OArrow";
+		case "diamond": return "Diamond";
+		case "odiamond": return "ODiamond";
+		case "open":
+		case "vee": return "Open";
+		case "dot": return "Dot";
+		case "odot": return "ODot";
+		default: Se(e);
+	}
+}
+//#endregion
+//#region ../diagram/src/base-primitives/edge/EdgePath.tsx
+var qe = J((e, t) => {
+	let n = X(54), { edgeProps: r, isDragging: i, onEdgePointerDown: a, strokeWidth: o, svgPath: s } = e, { id: c, data: l, selectable: u, style: d, interactionWidth: f } = r, { line: p, dir: m, tail: h, head: g } = l, _ = u === void 0 ? !0 : u, v = i === void 0 ? !1 : i, y = arrowTypeToMarker(h), b = arrowTypeToMarker(g ?? "normal");
+	m === "back" && ([y, b] = [b, y]);
+	let x = y ? Ke[y] : null, w = b ? Ke[b] : null, E = p === "dotted", D = E || p === "dashed", O;
+	E ? O = "1,8" : D && (O = "8,10");
+	let k, A, j, M, N, P, F, I;
+	if (n[0] !== w || n[1] !== x || n[2] !== c || n[3] !== f || n[4] !== v || n[5] !== a || n[6] !== _ || n[7] !== d || n[8] !== s || n[9] !== t) {
+		let e = T();
+		n[18] !== f || n[19] !== v || n[20] !== a || n[21] !== _ || n[22] !== s ? (A = _ && /* @__PURE__ */ Q("path", {
+			className: S("react-flow__edge-interaction", C({ fill: "none" })),
+			onPointerDown: a,
+			d: s,
+			style: {
+				strokeWidth: f ?? 10,
+				stroke: "currentcolor",
+				strokeOpacity: 0,
+				...v ? { display: "none" } : {}
+			}
+		}), n[18] = f, n[19] = v, n[20] = a, n[21] = _, n[22] = s, n[23] = A) : A = n[23];
+		let r = `path("${s}")`, i;
+		n[24] === r ? i = n[25] : (i = { offsetPath: r }, n[24] = r, n[25] = i), j = /* @__PURE__ */ Q("circle", {
+			className: S("likec4-edge-middle-point", e.middlePoint),
+			"data-edge-id": c,
+			style: i
+		}), P = e.markersCtx, F = a;
+		let o;
+		n[26] !== x || n[27] !== c ? (o = x && /* @__PURE__ */ Q(x, { id: "start" + c }), n[26] = x, n[27] = c, n[28] = o) : o = n[28];
+		let l;
+		n[29] !== w || n[30] !== c ? (l = w && /* @__PURE__ */ Q(w, { id: "end" + c }), n[29] = w, n[30] = c, n[31] = l) : l = n[31], n[32] !== o || n[33] !== l ? (I = /* @__PURE__ */ $("defs", { children: [o, l] }), n[32] = o, n[33] = l, n[34] = I) : I = n[34], k = /* @__PURE__ */ Q("path", {
+			className: S("react-flow__edge-path", "hide-on-reduced-graphics", e.pathBg, v && C({ display: "none" })),
+			d: s,
+			style: d,
+			strokeLinecap: "round"
+		}), M = t, N = S("react-flow__edge-path", e.path, _ && "react-flow__edge-interaction"), n[0] = w, n[1] = x, n[2] = c, n[3] = f, n[4] = v, n[5] = a, n[6] = _, n[7] = d, n[8] = s, n[9] = t, n[10] = k, n[11] = A, n[12] = j, n[13] = M, n[14] = N, n[15] = P, n[16] = F, n[17] = I;
+	} else k = n[10], A = n[11], j = n[12], M = n[13], N = n[14], P = n[15], F = n[16], I = n[17];
+	let L = x ? `url(#start${c})` : void 0, R = w ? `url(#end${c})` : void 0, z;
+	n[35] !== O || n[36] !== o || n[37] !== d || n[38] !== s || n[39] !== L || n[40] !== R || n[41] !== M || n[42] !== N ? (z = /* @__PURE__ */ Q("path", {
+		ref: M,
+		className: N,
+		d: s,
+		style: d,
+		strokeWidth: o,
+		strokeLinecap: "round",
+		strokeDasharray: O,
+		markerStart: L,
+		markerEnd: R
+	}), n[35] = O, n[36] = o, n[37] = d, n[38] = s, n[39] = L, n[40] = R, n[41] = M, n[42] = N, n[43] = z) : z = n[43];
+	let B;
+	n[44] !== k || n[45] !== z || n[46] !== P || n[47] !== F || n[48] !== I ? (B = /* @__PURE__ */ $("g", {
+		className: P,
+		onPointerDown: F,
+		children: [
+			I,
+			k,
+			z
+		]
+	}), n[44] = k, n[45] = z, n[46] = P, n[47] = F, n[48] = I, n[49] = B) : B = n[49];
+	let ee;
+	return n[50] !== A || n[51] !== j || n[52] !== B ? (ee = /* @__PURE__ */ $(Z, { children: [
+		A,
+		j,
+		B
+	] }), n[50] = A, n[51] = j, n[52] = B, n[53] = ee) : ee = n[53], ee;
+});
+qe.displayName = "EdgePath";
+//#endregion
+//#region ../diagram/src/base-primitives/element/ElementActionButtons.tsx
+var Je = {
+	normal: {
+		originY: 0,
+		opacity: .75,
+		scale: .8,
+		y: 0
+	},
+	selected: {
+		originY: 0,
+		opacity: 1,
+		scale: .9,
+		y: 7
+	},
+	hovered: {
+		originY: 0,
+		opacity: 1,
+		scale: 1.12,
+		y: 7
+	}
+};
+function ElementActionButtons(e) {
+	let t = X(12), { selected: n, data: r, buttons: i } = e, a = n === void 0 ? !1 : n, { hovered: o } = r, s = o === void 0 ? !1 : o, c = h();
+	if (!i.length) return null;
+	let l;
+	bb0: switch (!0) {
+		case s:
+			l = "hovered";
+			break bb0;
+		case a:
+			l = "selected";
+			break bb0;
+		default: l = "normal";
+	}
+	let u;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (u = O(), t[0] = u) : u = t[0];
+	let d = l, f = `${s}-${a}`, p;
+	t[1] === Symbol.for("react.memo_cache_sentinel") ? (p = S("nodrag nopan"), t[1] = p) : p = t[1];
+	let m;
+	if (t[2] !== i || t[3] !== c) {
+		let t9;
+		t[5] === c ? t9 = t[6] : (t9 = (e, t) => /* @__PURE__ */ Q(b, {
+			component: de,
+			className: D({}),
+			initial: !1,
+			whileTap: { scale: 1 },
+			whileHover: { scale: 1.3 },
+			tabIndex: -1,
+			onClick: e.onClick,
+			onDoubleClick: stopPropagation,
+			children: e.icon || /* @__PURE__ */ Q(R, {})
+		}, `${c}-${e.key ?? t}`), t[5] = c, t[6] = t9), m = i.map(t9), t[2] = i, t[3] = c, t[4] = m;
+	} else m = t[4];
+	let g;
+	return t[7] !== s || t[8] !== f || t[9] !== m || t[10] !== l ? (g = /* @__PURE__ */ Q("div", {
+		className: u,
+		children: /* @__PURE__ */ Q(fe, {
+			layoutRoot: !0,
+			initial: !1,
+			variants: Je,
+			animate: d,
+			layoutDependency: f,
+			"data-likec4-hovered": s,
+			className: p,
+			onClick: stopPropagation,
+			children: m
+		})
+	}), t[7] = s, t[8] = f, t[9] = m, t[10] = l, t[11] = g) : g = t[11], g;
+}
+//#endregion
+//#region ../diagram/src/base-primitives/element/ElementData.tsx
+var resolveIconColor = (e, t) => {
+	let n = t.style.iconColor;
+	if (!n) return;
+	let r = e.colors(n).elements;
+	return n === t.color ? r.stroke : r.fill;
+}, Ye = J((e, t) => {
+	let n = X(28), r, i, a, o;
+	n[0] === e ? (r = n[1], i = n[2], a = n[3], o = n[4]) : ({className: r, style: o, data: i, ...a} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a, n[4] = o);
+	let s = useLikeC4Styles(), c;
+	n[5] !== i.style || n[6] !== s ? (c = i.style.iconSize ? s.nodeSizes(i.style).values.iconSize : void 0, n[5] = i.style, n[6] = s, n[7] = c) : c = n[7];
+	let l = c, u;
+	n[8] !== i || n[9] !== s ? (u = resolveIconColor(s, i), n[8] = i, n[9] = s, n[10] = u) : u = n[10];
+	let d = u, f;
+	n[11] !== r || n[12] !== i.style.iconPosition || n[13] !== d ? (f = S(r, k({
+		iconPosition: i.style.iconPosition,
+		withIconColor: !!d
+	}), "likec4-element"), n[11] = r, n[12] = i.style.iconPosition, n[13] = d, n[14] = f) : f = n[14];
+	let p;
+	n[15] === l ? p = n[16] : (p = l && { "--likec4-icon-size": `${l}px` }, n[15] = l, n[16] = p);
+	let m;
+	n[17] === d ? m = n[18] : (m = d && { "--likec4-icon-color": d }, n[17] = d, n[18] = m);
+	let h;
+	n[19] !== o || n[20] !== p || n[21] !== m ? (h = {
+		...o,
+		...p,
+		...m
+	}, n[19] = o, n[20] = p, n[21] = m, n[22] = h) : h = n[22];
+	let g;
+	return n[23] !== a || n[24] !== t || n[25] !== f || n[26] !== h ? (g = /* @__PURE__ */ Q("div", {
+		...a,
+		ref: t,
+		className: f,
+		style: h
+	}), n[23] = a, n[24] = t, n[25] = f, n[26] = h, n[27] = g) : g = n[27], g;
+}), Icon = (e) => {
+	let t = X(6), n, r;
+	t[0] === e ? (n = t[1], r = t[2]) : ({data: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
+	let i;
+	return t[3] !== n || t[4] !== r ? (i = /* @__PURE__ */ Q(IconRenderer, {
+		element: n,
+		...r
+	}), t[3] = n, t[4] = r, t[5] = i) : i = t[5], i;
+}, Xe = J((e, t) => {
+	let n = X(9), r, i;
+	n[0] === e ? (r = n[1], i = n[2]) : ({className: r, ...i} = e, n[0] = e, n[1] = r, n[2] = i);
+	let a;
+	n[3] === r ? a = n[4] : (a = S(r, "likec4-element-node-content"), n[3] = r, n[4] = a);
+	let o;
+	return n[5] !== i || n[6] !== t || n[7] !== a ? (o = /* @__PURE__ */ Q("div", {
+		...i,
+		className: a,
+		ref: t
+	}), n[5] = i, n[6] = t, n[7] = a, n[8] = o) : o = n[8], o;
+}), Ze = J((e, t) => {
+	let n = X(11), r, i, a;
+	n[0] === e ? (r = n[1], i = n[2], a = n[3]) : ({data: a, className: r, ...i} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a);
+	let { title: o } = a, s;
+	n[4] === r ? s = n[5] : (s = S(r, "likec4-element-title"), n[4] = r, n[5] = s);
+	let c;
+	return n[6] !== i || n[7] !== t || n[8] !== s || n[9] !== o ? (c = /* @__PURE__ */ Q("div", {
+		...i,
+		className: s,
+		"data-likec4-node-title": "",
+		ref: t,
+		children: o
+	}), n[6] = i, n[7] = t, n[8] = s, n[9] = o, n[10] = c) : c = n[10], c;
+}), Qe = J((e, t) => {
+	let n = X(10), r, i, a, o;
+	n[0] === e ? (r = n[1], i = n[2], a = n[3], o = n[4]) : ({data: a, children: r, className: i, ...o} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a, n[4] = o);
+	let s = a?.technology ?? r, c;
+	return n[5] !== i || n[6] !== o || n[7] !== t || n[8] !== s ? (c = u(s) ? /* @__PURE__ */ Q("div", {
+		...o,
+		className: S(i, "likec4-element-technology"),
+		"data-likec4-node-technology": "",
+		ref: t,
+		children: s
+	}) : null, n[5] = i, n[6] = o, n[7] = t, n[8] = s, n[9] = c) : c = n[9], c;
+}), $e = J((e, t) => {
+	let n = X(16), r, i, a;
+	n[0] === e ? (r = n[1], i = n[2], a = n[3]) : ({data: a, className: r, ...i} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a);
+	let { description: o } = a;
+	if (!o) return null;
+	let s;
+	n[4] === o ? s = n[5] : (s = Oe.from(o), n[4] = o, n[5] = s);
+	let c = s, l;
+	n[6] === r ? l = n[7] : (l = S(r, "likec4-element-description"), n[6] = r, n[7] = l);
+	let u = c.isMarkdown ? "8rem" : void 0, d;
+	n[8] === u ? d = n[9] : (d = { maxHeight: u }, n[8] = u, n[9] = d);
+	let f;
+	return n[10] !== c || n[11] !== i || n[12] !== t || n[13] !== l || n[14] !== d ? (f = /* @__PURE__ */ Q(te, {
+		...i,
+		className: l,
+		"data-likec4-node-description": "",
+		value: c,
+		uselikec4palette: !0,
+		hideIfEmpty: !0,
+		style: d,
+		ref: t
+	}), n[10] = c, n[11] = i, n[12] = t, n[13] = l, n[14] = d, n[15] = f) : f = n[15], f;
+});
+function ElementData(e) {
+	let t = X(8), { data: n } = e, r;
+	t[0] === n ? r = t[1] : (r = /* @__PURE__ */ Q(Icon, { data: n }), t[0] = n, t[1] = r);
+	let i;
+	t[2] === n ? i = t[3] : (i = /* @__PURE__ */ $(Xe, { children: [
+		/* @__PURE__ */ Q(Ze, { data: n }),
+		/* @__PURE__ */ Q(Qe, { data: n }),
+		/* @__PURE__ */ Q($e, { data: n })
+	] }), t[2] = n, t[3] = i);
+	let a;
+	return t[4] !== n || t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ $(Ye, {
+		data: n,
+		children: [r, i]
+	}), t[4] = n, t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}
+ElementData.Root = Ye, ElementData.Icon = Icon, ElementData.Content = Xe, ElementData.Title = Ze, ElementData.Technology = Qe, ElementData.Description = $e;
+//#endregion
+//#region ../diagram/src/base-primitives/element/ElementNodeContainer.tsx
+var et = {
+	normal: { scale: 1 },
+	hovered: { scale: 1.05 },
+	selected: { scale: 1.02 },
+	tap: { scale: .98 }
+}, tt = J((e, t) => {
+	let n = X(34), r, i, a, o, s;
+	n[0] === e ? (r = n[1], i = n[2], a = n[3], o = n[4], s = n[5]) : ({nodeProps: s, className: i, style: o, children: r, ...a} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a, n[4] = o, n[5] = s);
+	let { selected: c, selectable: l, data: u } = s, d = c === void 0 ? !1 : c, f = l === void 0 ? !1 : l, p, m, h, g, _;
+	if (n[6] !== d || n[7] !== u) {
+		let { hovered: e, dimmed: t, ...r } = u;
+		p = r, h = e === void 0 ? !1 : e, m = t === void 0 ? !1 : t;
+		bb0: switch (!0) {
+			case h:
+				_ = "hovered";
+				break bb0;
+			case d:
+				_ = "selected";
+				break bb0;
+			default: _ = "normal";
+		}
+		g = ke(p.style ?? {}), n[6] = d, n[7] = u, n[8] = p, n[9] = m, n[10] = h, n[11] = g, n[12] = _;
+	} else p = n[8], m = n[9], h = n[10], g = n[11], _ = n[12];
+	let { size: v, padding: y, textSize: b } = g, x;
+	n[13] === i ? x = n[14] : (x = S(A(), "group", i), n[13] = i, n[14] = x);
+	let C;
+	n[15] !== f || n[16] !== _ ? (C = f && {
+		animate: _,
+		whileTap: "tap"
+	}, n[15] = f, n[16] = _, n[17] = C) : C = n[17];
+	let w;
+	n[18] === m ? w = n[19] : (w = m !== !1 && { "data-likec4-dimmed": m }, n[18] = m, n[19] = w);
+	let T = o, E;
+	return n[20] !== r || n[21] !== p.color || n[22] !== p.shape || n[23] !== h || n[24] !== y || n[25] !== t || n[26] !== a || n[27] !== v || n[28] !== x || n[29] !== C || n[30] !== w || n[31] !== T || n[32] !== b ? (E = /* @__PURE__ */ Q(fe, {
+		ref: t,
+		className: x,
+		variants: et,
+		initial: !1,
+		...C,
+		"data-likec4-hovered": h,
+		"data-likec4-color": p.color,
+		"data-likec4-shape": p.shape,
+		"data-likec4-shape-size": v,
+		"data-likec4-spacing": y,
+		"data-likec4-text-size": b,
+		...w,
+		style: T,
+		tabIndex: -1,
+		...a,
+		children: r
+	}), n[20] = r, n[21] = p.color, n[22] = p.shape, n[23] = h, n[24] = y, n[25] = t, n[26] = a, n[27] = v, n[28] = x, n[29] = C, n[30] = w, n[31] = T, n[32] = b, n[33] = E) : E = n[33], E;
+});
+tt.displayName = "ElementNodeContainer";
+//#endregion
+//#region ../diagram/src/base-primitives/element/ElementShape.tsx
+function cylinderSVGPath(e, t, n = .07) {
+	let r = Math.round(e / 2), i = r, a = roundDpr(n * r), o = t - 2 * a;
+	return {
+		path: `  M ${e},${a}
+        a ${i},${a} 0,0,0 ${-e} 0
+        l 0,${o}
+        a ${i},${a} 0,0,0 ${e} 0
+        l 0,${-o}
+        z
+        `.replace(/\s+/g, " ").trim(),
+		ry: a,
+		rx: i
+	};
+}
+function docSVGPath(e, t) {
+	let n = roundDpr(t - t / 8 / 2), r = roundDpr(t / 6);
+	return { path: `
+    M 0 ${n}
+    V 6
+    Q 0 0 6 0
+    H ${e - 6}
+    Q ${e} 0 ${e} 6
+    V ${n}
+    C ${roundDpr(e * .75)} ${n + r}, ${roundDpr(e * .5)} ${n - r}, 0 ${n}
+  `.replace(/\s+/g, " ").trim() };
+}
+function bucketSVGPath(e, t) {
+	let n = e / 2, r = roundDpr(n), i = roundDpr(Math.min(t / 8, r * .08)), a = roundDpr(r * .8), o = roundDpr(i * 1.05), s = i, c = t - o, l = n - a;
+	return {
+		path: `
+    M ${e},${s}
+    a ${r},${i} 0,0,0 ${-e} 0
+    L ${l},${c}
+    a ${a},${o} 0,0,0 ${a * 2} 0
+    Z
+  `.replace(/\s+/g, " ").trim(),
+		topRx: r,
+		topRy: i,
+		bottomRx: a,
+		bottomRy: o
+	};
+}
+function queueSVGPath(e, t, n = .185) {
+	let r = t, i = Math.round(r / 2), a = roundDpr(r / 2 * n);
+	return {
+		path: `
+    M ${a},0
+    a ${a},${i} 0,0,0 0 ${r}
+    l ${e - 2 * a},0
+    a ${a},${i} 0,0,0 0 ${-r}
+    z`.replace(/\s+/g, " ").trim(),
+		ry: i,
+		rx: a
+	};
+}
+var nt = {
+	width: 115,
+	height: 120,
+	path: "M57.9197 0C10.9124 0 33.5766 54.75 33.5766 54.75C38.6131 62.25 45.3285 60.75 45.3285 66C45.3285 70.5 39.4526 72 33.5766 72.75C24.3431 72.75 15.9489 71.25 7.55474 84.75C2.51825 93 0 120 0 120H115C115 120 112.482 93 108.285 84.75C99.8905 70.5 91.4963 72.75 82.2628 72C76.3869 71.25 70.5109 69.75 70.5109 65.25C70.5109 60.75 77.2263 62.25 82.2628 54C82.2628 54.75 104.927 0 57.9197 0V0Z"
+}, ComponentTopLeftRect = (e) => {
+	let t = X(5), { index: n, size: r } = e, i, a, o, s, c;
+	bb0: switch (r) {
+		case "xs":
+		case "sm":
+			i = 40, a = 18, o = -16, s = 16, c = 10;
+			break bb0;
+		case "md":
+			i = 60, a = 26, o = -20, s = 22, c = 14;
+			break bb0;
+		case "lg":
+		case "xl":
+			i = 70, a = 32, o = -24, s = 32, c = 18;
+			break bb0;
+		default: Se(r);
+	}
+	let l = s + (a + c) * n, u;
+	return t[0] !== a || t[1] !== o || t[2] !== l || t[3] !== i ? (u = /* @__PURE__ */ Q("rect", {
+		x: o,
+		y: l,
+		width: i,
+		height: a,
+		rx: 3,
+		className: "top-left-rect",
+		strokeWidth: 2
+	}), t[0] = a, t[1] = o, t[2] = l, t[3] = i, t[4] = u) : u = t[4], u;
+};
+function ShapeSvg(e) {
+	let t = X(94), { shape: n, w: r, h: i, size: a } = e, o = a === void 0 ? "md" : a;
+	switch (n) {
+		case "component": {
+			let e;
+			t[0] !== i || t[1] !== r ? (e = /* @__PURE__ */ Q("rect", {
+				width: r,
+				height: i,
+				rx: 6,
+				strokeWidth: 0
+			}), t[0] = i, t[1] = r, t[2] = e) : e = t[2];
+			let n, a;
+			t[3] === o ? (n = t[4], a = t[5]) : (n = /* @__PURE__ */ Q(ComponentTopLeftRect, {
+				index: 0,
+				size: o
+			}), a = /* @__PURE__ */ Q(ComponentTopLeftRect, {
+				index: 1,
+				size: o
+			}), t[3] = o, t[4] = n, t[5] = a);
+			let s;
+			return t[6] !== e || t[7] !== n || t[8] !== a ? (s = /* @__PURE__ */ $(Z, { children: [
+				e,
+				n,
+				a
+			] }), t[6] = e, t[7] = n, t[8] = a, t[9] = s) : s = t[9], s;
+		}
+		case "mobile": {
+			let e;
+			t[10] !== i || t[11] !== r ? (e = /* @__PURE__ */ Q("rect", {
+				width: r,
+				height: i,
+				rx: 6,
+				"data-likec4-fill": "mix-stroke",
+				strokeWidth: 0
+			}), t[10] = i, t[11] = r, t[12] = e) : e = t[12];
+			let n = i / 2, a;
+			t[13] === n ? a = t[14] : (a = /* @__PURE__ */ Q("circle", {
+				cx: 17,
+				cy: n,
+				r: 12
+			}), t[13] = n, t[14] = a);
+			let o = r - 44, s = i - 24, c;
+			t[15] !== o || t[16] !== s ? (c = /* @__PURE__ */ Q("rect", {
+				x: 33,
+				y: 12,
+				width: o,
+				height: s,
+				rx: 5
+			}), t[15] = o, t[16] = s, t[17] = c) : c = t[17];
+			let l;
+			t[18] !== a || t[19] !== c ? (l = /* @__PURE__ */ $("g", {
+				"data-likec4-fill": "fill",
+				strokeWidth: 0,
+				children: [a, c]
+			}), t[18] = a, t[19] = c, t[20] = l) : l = t[20];
+			let u;
+			return t[21] !== e || t[22] !== l ? (u = /* @__PURE__ */ $(Z, { children: [e, l] }), t[21] = e, t[22] = l, t[23] = u) : u = t[23], u;
+		}
+		case "document": {
+			let e;
+			t[24] !== i || t[25] !== r ? (e = docSVGPath(r, i), t[24] = i, t[25] = r, t[26] = e) : e = t[26];
+			let { path: n } = e, a;
+			return t[27] === n ? a = t[28] : (a = /* @__PURE__ */ Q("path", {
+				d: n,
+				"data-likec4-fill": "fill",
+				strokeWidth: 2
+			}), t[27] = n, t[28] = a), a;
+		}
+		case "browser": {
+			let e;
+			t[29] !== i || t[30] !== r ? (e = /* @__PURE__ */ Q("rect", {
+				width: r,
+				height: i,
+				rx: 6,
+				"data-likec4-fill": "mix-stroke",
+				strokeWidth: 0
+			}), t[29] = i, t[30] = r, t[31] = e) : e = t[31];
+			let n, a, o;
+			t[32] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ Q("circle", {
+				cx: 16,
+				cy: 17,
+				r: 7
+			}), a = /* @__PURE__ */ Q("circle", {
+				cx: 36,
+				cy: 17,
+				r: 7
+			}), o = /* @__PURE__ */ Q("circle", {
+				cx: 56,
+				cy: 17,
+				r: 7
+			}), t[32] = n, t[33] = a, t[34] = o) : (n = t[32], a = t[33], o = t[34]);
+			let s = r - 80, c;
+			t[35] === s ? c = t[36] : (c = /* @__PURE__ */ Q("rect", {
+				x: 70,
+				y: 8,
+				width: s,
+				height: 17,
+				rx: 4
+			}), t[35] = s, t[36] = c);
+			let l = r - 20, u = i - 42, d;
+			t[37] !== l || t[38] !== u ? (d = /* @__PURE__ */ Q("rect", {
+				x: 10,
+				y: 32,
+				width: l,
+				height: u,
+				rx: 4
+			}), t[37] = l, t[38] = u, t[39] = d) : d = t[39];
+			let f;
+			t[40] !== d || t[41] !== c ? (f = /* @__PURE__ */ $("g", {
+				"data-likec4-fill": "fill",
+				strokeWidth: 0,
+				children: [
+					n,
+					a,
+					o,
+					c,
+					d
+				]
+			}), t[40] = d, t[41] = c, t[42] = f) : f = t[42];
+			let p;
+			return t[43] !== f || t[44] !== e ? (p = /* @__PURE__ */ $(Z, { children: [e, f] }), t[43] = f, t[44] = e, t[45] = p) : p = t[45], p;
+		}
+		case "person": {
+			let e;
+			t[46] !== i || t[47] !== r ? (e = /* @__PURE__ */ Q("rect", {
+				width: r,
+				height: i,
+				rx: 6,
+				strokeWidth: 0
+			}), t[46] = i, t[47] = r, t[48] = e) : e = t[48];
+			let n = r - nt.width - 6, a = i - nt.height, o;
+			t[49] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ Q("path", {
+				strokeWidth: 0,
+				d: nt.path
+			}), t[49] = o) : o = t[49];
+			let s;
+			t[50] !== n || t[51] !== a ? (s = /* @__PURE__ */ Q("svg", {
+				x: n,
+				y: a,
+				width: nt.width,
+				height: nt.height,
+				viewBox: `0 0 ${nt.width} ${nt.height}`,
+				"data-likec4-fill": "mix-stroke",
+				children: o
+			}), t[50] = n, t[51] = a, t[52] = s) : s = t[52];
+			let c;
+			return t[53] !== e || t[54] !== s ? (c = /* @__PURE__ */ $(Z, { children: [e, s] }), t[53] = e, t[54] = s, t[55] = c) : c = t[55], c;
+		}
+		case "queue": {
+			let e;
+			t[56] !== i || t[57] !== r ? (e = queueSVGPath(r, i), t[56] = i, t[57] = r, t[58] = e) : e = t[58];
+			let { path: n, rx: a, ry: o } = e, s;
+			t[59] === n ? s = t[60] : (s = /* @__PURE__ */ Q("path", {
+				d: n,
+				strokeWidth: 2
+			}), t[59] = n, t[60] = s);
+			let c = o - .75, l;
+			t[61] !== a || t[62] !== o || t[63] !== c ? (l = /* @__PURE__ */ Q("ellipse", {
+				cx: a,
+				cy: o,
+				ry: c,
+				rx: a,
+				"data-likec4-fill": "mix-stroke",
+				strokeWidth: 2
+			}), t[61] = a, t[62] = o, t[63] = c, t[64] = l) : l = t[64];
+			let u;
+			return t[65] !== s || t[66] !== l ? (u = /* @__PURE__ */ $(Z, { children: [s, l] }), t[65] = s, t[66] = l, t[67] = u) : u = t[67], u;
+		}
+		case "bucket": {
+			let e;
+			t[68] !== i || t[69] !== r ? (e = bucketSVGPath(r, i), t[68] = i, t[69] = r, t[70] = e) : e = t[70];
+			let { path: n, topRx: a, topRy: o } = e, s;
+			t[71] === n ? s = t[72] : (s = /* @__PURE__ */ Q("path", {
+				d: n,
+				strokeWidth: 2
+			}), t[71] = n, t[72] = s);
+			let c = r / 2, l;
+			t[73] !== c || t[74] !== a || t[75] !== o ? (l = /* @__PURE__ */ Q("ellipse", {
+				cx: c,
+				cy: o,
+				rx: a,
+				ry: o,
+				"data-likec4-fill": "mix-stroke",
+				strokeWidth: 2
+			}), t[73] = c, t[74] = a, t[75] = o, t[76] = l) : l = t[76];
+			let u;
+			return t[77] !== s || t[78] !== l ? (u = /* @__PURE__ */ $(Z, { children: [s, l] }), t[77] = s, t[78] = l, t[79] = u) : u = t[79], u;
+		}
+		case "storage":
+		case "cylinder": {
+			let e;
+			t[80] !== i || t[81] !== r ? (e = cylinderSVGPath(r, i), t[80] = i, t[81] = r, t[82] = e) : e = t[82];
+			let { path: n, rx: a, ry: o } = e, s;
+			t[83] === n ? s = t[84] : (s = /* @__PURE__ */ Q("path", {
+				d: n,
+				strokeWidth: 2
+			}), t[83] = n, t[84] = s);
+			let c = a - .75, l;
+			t[85] !== a || t[86] !== o || t[87] !== c ? (l = /* @__PURE__ */ Q("ellipse", {
+				cx: a,
+				cy: o,
+				ry: o,
+				rx: c,
+				"data-likec4-fill": "mix-stroke",
+				strokeWidth: 2
+			}), t[85] = a, t[86] = o, t[87] = c, t[88] = l) : l = t[88];
+			let u;
+			return t[89] !== s || t[90] !== l ? (u = /* @__PURE__ */ $(Z, { children: [s, l] }), t[89] = s, t[90] = l, t[91] = u) : u = t[91], u;
+		}
+		default: {
+			let e;
+			return t[92] === n ? e = t[93] : (e = Se(n), t[92] = n, t[93] = e), e;
+		}
+	}
+}
+function ShapeSvgOutline(e) {
+	let t = X(25), { shape: n, w: r, h: i } = e, a;
+	bb0: switch (n) {
+		case "bucket": {
+			let e = r + 6, n = i + 6, o;
+			t[0] !== e || t[1] !== n ? (o = bucketSVGPath(e, n), t[0] = e, t[1] = n, t[2] = o) : o = t[2];
+			let s;
+			t[3] === o.path ? s = t[4] : (s = /* @__PURE__ */ Q("g", {
+				transform: "translate(-3 -3)",
+				children: /* @__PURE__ */ Q("path", { d: o.path })
+			}), t[3] = o.path, t[4] = s), a = s;
+			break bb0;
+		}
+		case "queue": {
+			let e = r + 6, n = i + 6, o;
+			t[5] !== e || t[6] !== n ? (o = queueSVGPath(e, n), t[5] = e, t[6] = n, t[7] = o) : o = t[7];
+			let s;
+			t[8] === o.path ? s = t[9] : (s = /* @__PURE__ */ Q("g", {
+				transform: "translate(-3 -3)",
+				children: /* @__PURE__ */ Q("path", { d: o.path })
+			}), t[8] = o.path, t[9] = s), a = s;
+			break bb0;
+		}
+		case "document": {
+			let e = r + 6, n = i + 6, o;
+			t[10] !== e || t[11] !== n ? (o = docSVGPath(e, n), t[10] = e, t[11] = n, t[12] = o) : o = t[12];
+			let s;
+			t[13] === o.path ? s = t[14] : (s = /* @__PURE__ */ Q("g", {
+				transform: "translate(-3 -3)",
+				children: /* @__PURE__ */ Q("path", { d: o.path })
+			}), t[13] = o.path, t[14] = s), a = s;
+			break bb0;
+		}
+		case "storage":
+		case "cylinder": {
+			let e = r + 6, n = i + 6, o;
+			t[15] !== e || t[16] !== n ? (o = cylinderSVGPath(e, n), t[15] = e, t[16] = n, t[17] = o) : o = t[17];
+			let s;
+			t[18] === o.path ? s = t[19] : (s = /* @__PURE__ */ Q("g", {
+				transform: "translate(-3 -3)",
+				children: /* @__PURE__ */ Q("path", { d: o.path })
+			}), t[18] = o.path, t[19] = s), a = s;
+			break bb0;
+		}
+		default: {
+			let e = r + 6, n = i + 6, o;
+			t[20] !== e || t[21] !== n ? (o = /* @__PURE__ */ Q("rect", {
+				x: -3,
+				y: -3,
+				width: e,
+				height: n,
+				rx: 8
+			}), t[20] = e, t[21] = n, t[22] = o) : o = t[22], a = o;
+		}
+	}
+	let o;
+	return t[23] === a ? o = t[24] : (o = /* @__PURE__ */ Q("g", {
+		className: "likec4-shape-outline",
+		children: a
+	}), t[23] = a, t[24] = o), o;
+}
+function ElementShape(e) {
+	let t = X(38), { data: n, width: r, height: i, showSelectionOutline: a } = e, o = a === void 0 ? !0 : a, s = r && r > 10 ? r : n.width, c = i && i > 10 ? i : n.height, l = n.style?.multiple ?? !1, u = n.style?.border ?? "none", d = u !== "none";
+	if (n.shape === "rectangle") {
+		let e;
+		t[0] === u ? e = t[1] : (e = { borderStyle: u }, t[0] = u, t[1] = e);
+		let n;
+		t[2] !== o || t[3] !== d ? (n = w({
+			shapetype: "html",
+			withBorder: d,
+			withOutline: o
+		}), t[2] = o, t[3] = d, t[4] = n) : n = t[4];
+		let r;
+		t[5] === l ? r = t[6] : (r = l && /* @__PURE__ */ Q("div", { className: "likec4-shape-multiple" }), t[5] = l, t[6] = r);
+		let i;
+		t[7] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ Q("div", { className: "likec4-shape-outline" }), t[7] = i) : i = t[7];
+		let a;
+		return t[8] !== e || t[9] !== n || t[10] !== r ? (a = /* @__PURE__ */ $("div", {
+			style: e,
+			className: n,
+			children: [r, i]
+		}), t[8] = e, t[9] = n, t[10] = r, t[11] = a) : a = t[11], a;
+	}
+	let f;
+	t[12] === o ? f = t[13] : (f = w({
+		shapetype: "svg",
+		withOutline: o
+	}), t[12] = o, t[13] = f);
+	let p = f, m;
+	t[14] !== p || t[15] !== n.shape || t[16] !== n.style?.size || t[17] !== c || t[18] !== l || t[19] !== s ? (m = l && /* @__PURE__ */ Q("svg", {
+		className: p,
+		"data-likec4-shape-multiple": "true",
+		viewBox: `0 0 ${s} ${c}`,
+		children: /* @__PURE__ */ Q(ShapeSvg, {
+			shape: n.shape,
+			size: n.style?.size,
+			w: s,
+			h: c
+		})
+	}), t[14] = p, t[15] = n.shape, t[16] = n.style?.size, t[17] = c, t[18] = l, t[19] = s, t[20] = m) : m = t[20];
+	let h = `0 0 ${s} ${c}`, g;
+	t[21] !== n.shape || t[22] !== c || t[23] !== s ? (g = /* @__PURE__ */ Q(ShapeSvgOutline, {
+		shape: n.shape,
+		w: s,
+		h: c
+	}), t[21] = n.shape, t[22] = c, t[23] = s, t[24] = g) : g = t[24];
+	let _ = n.style?.size, v;
+	t[25] !== n.shape || t[26] !== c || t[27] !== _ || t[28] !== s ? (v = /* @__PURE__ */ Q(ShapeSvg, {
+		shape: n.shape,
+		size: _,
+		w: s,
+		h: c
+	}), t[25] = n.shape, t[26] = c, t[27] = _, t[28] = s, t[29] = v) : v = t[29];
+	let y;
+	t[30] !== p || t[31] !== h || t[32] !== g || t[33] !== v ? (y = /* @__PURE__ */ $("svg", {
+		className: p,
+		viewBox: h,
+		children: [g, v]
+	}), t[30] = p, t[31] = h, t[32] = g, t[33] = v, t[34] = y) : y = t[34];
+	let b;
+	return t[35] !== m || t[36] !== y ? (b = /* @__PURE__ */ $(Z, { children: [m, y] }), t[35] = m, t[36] = y, t[37] = b) : b = t[37], b;
+}
+//#endregion
+//#region ../diagram/src/base-primitives/memoEdge.ts
+var isSame = (e, t) => Math.abs(e - t) < 2.5, edgePropsEqual = (e, t) => e.id === t.id && K(e.selected ?? !1, t.selected ?? !1) && K(e.animated ?? !1, t.animated ?? !1) && K(e.source, t.source) && K(e.target, t.target) && isSame(e.sourceX, t.sourceX) && isSame(e.sourceY, t.sourceY) && isSame(e.targetX, t.targetX) && isSame(e.targetY, t.targetY) && K(e.sourceHandleId ?? null, t.sourceHandleId ?? null) && K(e.targetHandleId ?? null, t.targetHandleId ?? null) && K(e.sourcePosition, t.sourcePosition) && K(e.targetPosition, t.targetPosition) && K(e.data, t.data);
+function memoEdge(e) {
+	let t = Y(e, edgePropsEqual);
+	return t.displayName = `MemoEdge(${e.displayName || e.name})`, t;
+}
+//#endregion
+//#region ../diagram/src/base-primitives/NodeHandles.tsx
+function DefaultHandles(e) {
+	let t = X(7), { direction: n } = e, r = n === void 0 ? "TB" : n, i, a;
+	bb0: switch (r) {
+		case "TB":
+			i = V.Bottom, a = V.Top;
+			break bb0;
+		case "BT":
+			i = V.Top, a = V.Bottom;
+			break bb0;
+		case "LR":
+			i = V.Right, a = V.Left;
+			break bb0;
+		case "RL":
+			i = V.Left, a = V.Right;
+			break bb0;
+		default: Se(r);
+	}
+	let o;
+	t[0] === i ? o = t[1] : (o = /* @__PURE__ */ Q(H, {
+		type: "source",
+		position: i,
+		className: "likec4-node-handle-center"
+	}), t[0] = i, t[1] = o);
+	let s;
+	t[2] === a ? s = t[3] : (s = /* @__PURE__ */ Q(H, {
+		type: "target",
+		position: a,
+		className: "likec4-node-handle-center"
+	}), t[2] = a, t[3] = s);
+	let c;
+	return t[4] !== o || t[5] !== s ? (c = /* @__PURE__ */ $(Z, { children: [o, s] }), t[4] = o, t[5] = s, t[6] = c) : c = t[6], c;
+}
+//#endregion
+//#region ../diagram/src/components/Logo.tsx
+var rt = J((e, t) => {
+	let n = X(5), r, i;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ Q("path", {
+		fill: "#5E98AF",
+		d: "M33.95 33.78V0H2.37A2.37 2.37 0 0 0 0 2.35V33.9h33.95v-.12ZM38.57 33.78H55.6v-14.6c0-1.3-1.06-2.35-2.36-2.35H38.57v16.95ZM33.95 38.37H17.04v14.6c0 1.29 1.06 2.35 2.36 2.35h14.67V38.37h-.12ZM38.57 38.37v16.95h14.67c1.3 0 2.36-1.06 2.36-2.36v-14.6H38.57Z"
+	}), i = /* @__PURE__ */ Q("path", {
+		className: C({
+			fill: "[#FCFBF7]",
+			_light: { fill: "[#222221]" }
+		}),
+		d: "M71.61 12.08c-.06 3.61.3 29.95.23 31.87 0 1.8 0 3.6.06 5.41 0 .3.18.58.47.58 4.1.18 8.13-.17 12.22-.11 1.34.05 2.69 0 3.97 0 1.29-.06 1.4-.59 1.35-1.63-.06-1.63-.06-3.08-.06-4.65-.06-.82-.53-1.11-1.23-1.11-2.4.06-4.8-.06-7.19.06-.4.06-.82.06-1.23.06-.7-.06-.87-.24-.93-1v-.86c-.18-4.83.17-9.83.17-14.66-.06-4.07 0-7.73-.06-11.34 0-1.57 0-3.14-.05-4.65-.06-.93 0-1.92-.24-2.85-.11-.35-.29-.81-.7-.81h-5.5c-.93 0-1.22.64-1.28 1.57v4.12ZM103.81 35c-.17-6.63-.1-13.67-.05-20.24 0-2.04-.12-4.25-.12-6.28 0-2.21-.87-2.1-2.04-2.15-1.7-.06-2.46-.06-4.15-.06-1.11-.06-1.58.23-1.58 1.34 0 5.7-.18 21.8-.12 24.13.06 2.33.3 12.91.18 15.24-.06.81 0 1.62.06 2.44.05.29.23.58.7.58 1.93-.12 3.74-.12 5.67-.17.7-.06 1.28-.24 1.58-1 .05-.4-.12-11.04-.12-13.83Zm13.92 4.47c0-2.03-.3-7.56-.23-8.72 0-.17.11-.4.17-.4.12 0 .35.11.41.17 1.87 2.44 10.64 19.36 11.7 19.42.28.06.58.06.87.06 1.99-.12 3.74 0 5.73 0 2.04 0 .7-1.98.35-2.5-.53-.76-7.48-13.14-7.9-13.9-1.16-1.98-2.16-4.13-3.32-6.05-.12-.23-.24-.58-.18-.81.12-.7.3-1.34.59-1.98a93.18 93.18 0 0 1 4.55-8.14c1.88-2.97 2.93-4.83 4.45-7.5.35-.64.58-1.34.82-2.1.05-.29-.18-.58-.53-.58-1.11-.05-5.15 0-6.43 0-.59 0-1.17.12-1.46.64-.76 1.46-8.6 15.7-9.35 16.98-.06.12-.24.18-.41.18 0 0-.12-.18-.12-.3-.06-3.25.53-13.9.4-16.04-.05-1.28-.28-1.4-1.57-1.46-1.4-.05-3.33-.05-4.73-.05-1.3 0-1.4.7-1.58 1.62-.06.18-.06 5.64-.06 8.09 0 3.54-.3 25.76.11 32.8 0 .7.18 1.1.77 1.1 1.57-.12 3.91 0 5.49 0 1.11 0 1.29-.12 1.29-1.98 0-2.5.23-4.77.23-7.85 0-.23-.06-.46-.06-.7Zm25.66-1.4h-.06c0 1.46-.05 2.97 0 4.49.06 1.86.18 3.72.3 5.58 0 .64.17.81.76.93 1.22.29 2.4.35 3.62.35 3.16-.12 6.31.11 9.47 0 1.29-.06 1.87.06 3.16-.18 1.17-.23 1.58-.87 1.58-2.61-.12-1.1-.06-1.57-.06-2.91 0-1.92-1.35-2.56-2.52-2.5-.81.06-4.73-.06-6.31-.06-2.63.06-2.22.4-2.22-2.33 0-2.2.06-5.05.06-7.32 0-1.22.11-1.63 1.28-1.63h7.31c1.17.17 1.99-.64 1.99-1.86 0-1.22.12-1.28.12-2.5l-.18-1.75c-.12-.99-.47-1.33-1.46-1.33-.64 0-1.29.05-1.93.11-2.52.18-3.68-.17-6.14 0-.82 0-.93-.11-1-.87-.23-2.27 0-4.77.24-7.04.06-.93.3-1.1 1.17-1.16l8.24-.06c1.11-.11 1.46-.06 1.4-1.16-.11-1.69.06-3.43-.11-5.12-.12-.93-.41-1.1-1.46-1.1-1.76.05-2.17.05-3.92.17-1.75.06-8.77.06-10.46.06-2.46 0-2.63-.18-2.7 2.8-.1 2.32-.05 4.7-.05 7.09 0 4.07-.23 18.66-.12 21.92Zm47.76-24.82c.06-1.92 0-3.5 0-5.35 0-2.15-3.92-1.92-5.32-1.86a18.95 18.95 0 0 0-15.08 9.77c-.82 1.57-1.4 3.2-1.81 4.88a34 34 0 0 0-.59 12.15c.41 3.78 1.4 7.56 3.74 10.59 4.04 5.3 11.46 7.15 17.83 6.16.3-.06.59-.11.82-.29.18-.11.35-.35.35-.58l.18-3.31c.06-1.05 0-1 0-2.04 0-1.4-2.93-.35-4.74-.35-1.75 0-3.62-.06-5.2-.87-2.8-1.57-4.38-4.71-5.26-7.68-1-3.2-1.23-6.63-.64-9.88.7-4.25 2.74-9.13 7.25-10.59 2.57-.87 5.31-.58 7.89-.29.35.06.58-.17.58-.46Zm26.77 15.3c.06-2.5 0-14.84 0-18.38.06-.82 0-1.63-.11-2.45-.06-.99-.24-1.28-1.29-1.33h-4.44c-.82 0-1.35.4-1.82 1.27-1.34 3.2-10.75 24.02-12.15 26.58-.53.99-1 1.63-1 2.68v4.24c0 .76-.06 1.28 1.23 1.28l11.1-.06c1.47 0 1.47.3 1.47 1.1 0 .88-.12 4.9-.12 5.3 0 .58.12 1.16 1.23 1.16h5.08c1.23 0 1.23-.7 1.23-2.03.06-1.17-.06-3.5-.06-4.66 0-.93.18-.98 1.76-.98 1.22 0 1.75-.12 1.75-.88.06-1.57 0-2.67 0-4.42 0-1.04-.93-.98-2.92-.98-.65 0-.7-.18-.7-1.05-.12-1.8-.24-4.6-.24-6.4Zm-7.25-5.94c-.05.7-.11 10.82-.11 12.27-.06.81-.24 1.05-1 1.1-1.93.06-3.85.06-5.78.06-.47 0-.65-.4-.41-.87.23-.4 4.85-11.57 6.13-14.48.18-.17.24-.35.41-.52.18-.12.41-.18.59-.23.06 0 .23.29.23.46 0 .76-.06 1.51-.06 2.21Z"
+	}), n[0] = r, n[1] = i) : (r = n[0], i = n[1]);
+	let a;
+	return n[2] !== e || n[3] !== t ? (a = /* @__PURE__ */ $("svg", {
+		ref: t,
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 222 56",
+		...e,
+		children: [r, i]
+	}), n[2] = e, n[3] = t, n[4] = a) : a = n[4], a;
+}), it = J((e, t) => {
+	let n = X(4), r;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ Q("path", {
+		fill: "#5E98AF",
+		d: "M33.95 33.78V0H2.37A2.37 2.37 0 0 0 0 2.35V33.9h33.95v-.12ZM38.57 33.78H55.6v-14.6c0-1.3-1.06-2.35-2.36-2.35H38.57v16.95ZM33.95 38.37H17.04v14.6c0 1.29 1.06 2.35 2.36 2.35h14.67V38.37h-.12ZM38.57 38.37v16.95h14.67c1.3 0 2.36-1.06 2.36-2.36v-14.6H38.57Z"
+	}), n[0] = r) : r = n[0];
+	let i;
+	return n[1] !== e || n[2] !== t ? (i = /* @__PURE__ */ Q("svg", {
+		ref: t,
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 56 56",
+		...e,
+		children: r
+	}), n[1] = e, n[2] = t, n[3] = i) : i = n[3], i;
+}), scheme = (e) => `[data-mantine-color-scheme="${e}"]`, at = scheme("dark"), generateCompoundColors = (e, t, n, r) => `
+${`${e} :is([data-likec4-color="${t}"][data-compound-depth="${r}"])`} {
+  --likec4-palette-fill: ${n.fill};
+  --likec4-palette-stroke: ${n.stroke};  
+}
+  `;
+function toStyle(e, t) {
+	let { rootSelector: n, name: r, colors: i } = t, { elements: a, relationships: o } = i, s = `${n} :is([data-likec4-color=${r}])`;
+	return [`
+${s} {
+  --likec4-palette-fill: ${a.fill};
+  --likec4-palette-stroke: ${a.stroke};
+  --likec4-palette-hiContrast: ${a.hiContrast};
+  --likec4-palette-loContrast: ${a.loContrast};
+  --likec4-palette-relation-stroke: ${o.line};
+  --likec4-palette-relation-label: ${o.label};
+  --likec4-palette-relation-label-bg: ${o.labelBg};
+  --likec4-palette-relation-stroke-selected: oklch(from ${o.line} calc(l - 0.15) c h);
+}
+${at} ${s} {
+  --likec4-palette-relation-stroke-selected: oklch(from ${o.line} calc(l + 0.15) c h);
+}
+
+  `, ...e.colorsForCompounds(a, 5).map((e, t) => generateCompoundColors(n, r, e, t + 1))].map((e) => e.trim()).join("\n");
+}
+function generateBuiltInColorStyles(e, t) {
+	return s(e.theme.colors, o(), c(([n, r]) => toStyle(e, {
+		rootSelector: t,
+		name: n,
+		colors: r
+	})), l("\n"));
+}
+function LikeC4Styles$1(e) {
+	let t = X(7), { id: n } = e, r = `#${n}`, i = p()?.(), a = useLikeC4Styles(), o;
+	t[0] !== a || t[1] !== r ? (o = generateBuiltInColorStyles(a, r), t[0] = a, t[1] = r, t[2] = o) : o = t[2];
+	let s = o, c;
+	return t[3] !== s || t[4] !== n || t[5] !== i ? (c = /* @__PURE__ */ Q(ot, {
+		id: n,
+		nonce: i,
+		colorsStyles: s
+	}), t[3] = s, t[4] = n, t[5] = i, t[6] = c) : c = t[6], c;
+}
+e(LikeC4Styles$1, "LikeC4Styles");
+var ot = Y((e) => {
+	let t = X(6), { id: n, nonce: r, colorsStyles: i } = e, a;
+	t[0] === i ? a = t[1] : (a = { __html: i }, t[0] = i, t[1] = a);
+	let o = r || void 0, s;
+	return t[2] !== n || t[3] !== a || t[4] !== o ? (s = /* @__PURE__ */ Q("style", {
+		type: "text/css",
+		"data-likec4-colors": n,
+		dangerouslySetInnerHTML: a,
+		nonce: o
+	}), t[2] = n, t[3] = a, t[4] = o, t[5] = s) : s = t[5], s;
+});
+ot.displayName = "MemoizedStyle";
+//#endregion
+export { IconRendererProvider as $, useRootContainerElement as A, getNodeIntersectionFromCenterToPoint as B, useOptionalLikeC4Model as C, RootContainer as D, DefaultMantineProvider as E, Fe as F, roundDpr as G, nodeToRect as H, Pe as I, useXYStore as J, useCurrentZoomAtLeast as K, bezierControlPoints as L, BaseXYFlow as M, Le as N, useRootContainer as O, Ie as P, IconRenderer as Q, bezierPath as R, useOptionalCurrentViewModel as S, EnsureMantine as T, parsePaddings as U, isSamePoint as V, stopPropagation as W, useCallbackRef as X, useXYStoreApi as Y, IconOrShapeRenderer as Z, pickViewBounds as _, memoEdge as a, We as b, ElementData as c, EdgeLabelContainer as d, Ge as f, calcViewBounds as g, calcEdgeBounds as h, DefaultHandles as i, useRootContainerRef as j, useRootContainerContext as k, ElementActionButtons as l, Te as m, rt as n, ElementShape as o, EdgeContainer as p, useXYFlow as q, it as r, tt as s, LikeC4Styles$1 as t, qe as u, useLikeC4Styles as v, FramerMotionConfig as w, He as x, useId$1 as y, getNodeCenter as z };