likec4 1.59.1 → 1.59.3

package/__app__/src/chunks/LikeC4Styles.mjs

@@ -6,59 +6,59 @@ import { _ as F, a as I, b as L, f as R, g as z, h as B, i as ee, m as V, n as H
 import { n as te, t as W } from "./libs/fast-equals.mjs";
 import { t as ne } from "./libs/bezier-js.mjs";
 import { d as re, f as ie, l as ae, n as oe, r as G, u as se } from "./libs/framer.mjs";
-import { createContext as ce, forwardRef as K, memo as le, useContext as q, useEffect as ue, useMemo as de, useRef as fe, useState as pe } from "react";
+import { createContext as K, forwardRef as q, memo as ce, useContext as le, useEffect as ue, useMemo as de, useRef as fe, useState as pe } from "react";
 import { c as J } from "react/compiler-runtime";
 import { Fragment as Y, jsx as X, jsxs as Z } from "react/jsx-runtime";
-import { RichText as me, invariant as he, nonexhaustive as ge } from "@likec4/core";
-import { BBox as Q, vector as $, vector as _e } from "@likec4/core/geometry";
-import { invariant as ve } from "@likec4/core/utils";
-import { LikeC4Styles as ye } from "@likec4/core/styles";
-import { RichText as be, ensureSizes as xe } from "@likec4/core/types";
-//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/clamp.js
+import { invariant as me, nonexhaustive as he } from "@likec4/core";
+import { BBox as ge, vector as _e } from "@likec4/core/geometry";
+import { invariant as Q } from "@likec4/core/utils";
+import { LikeC4Styles as ve } from "@likec4/core/styles";
+import { RichText as ye, ensureSizes as be } from "@likec4/core/types";
+//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/clamp.js
 function t$4(...r) {
-	return o(Se, r);
+	return o(xe, r);
 }
 r(t$4, "t");
-var Se = /* @__PURE__ */ r((r, { min: i, max: a }) => i !== void 0 && r < i ? i : a !== void 0 && r > a ? a : r, "n");
+var xe = /* @__PURE__ */ r((r, { min: i, max: a }) => i !== void 0 && r < i ? i : a !== void 0 && r > a ? a : r, "n");
 //#endregion
-//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/hasAtLeast.js
+//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/hasAtLeast.js
 function t$3(...r) {
-	return o(Ce, r);
+	return o(Se, r);
 }
 r(t$3, "t");
-var Ce = /* @__PURE__ */ r((r, i) => r.length >= i, "n");
+var Se = /* @__PURE__ */ r((r, i) => r.length >= i, "n");
 //#endregion
-//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/entries.js
+//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/entries.js
 function t$2(...r) {
 	return o(Object.entries, r);
 }
 r(t$2, "t");
 //#endregion
-//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/isArray.js
+//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/isArray.js
 function e$2(r) {
 	return Array.isArray(r);
 }
 r(e$2, "e");
 //#endregion
-//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/isNumber.js
+//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/isNumber.js
 function e$1(r) {
 	return typeof r == "number" && !Number.isNaN(r);
 }
 r(e$1, "e");
 //#endregion
-//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/isTruthy.js
+//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/isTruthy.js
 function e(r) {
 	return !!r;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/join.js
+//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/join.js
 function t$1(...r) {
-	return o(we, r);
+	return o(Ce, r);
 }
 r(t$1, "t");
-var we = /* @__PURE__ */ r((r, i) => r.join(i), "n");
+var Ce = /* @__PURE__ */ r((r, i) => r.join(i), "n");
 //#endregion
-//#region ../../node_modules/.pnpm/remeda@2.37.0/node_modules/remeda/dist/pickBy.js
+//#region ../../node_modules/.pnpm/remeda@2.45.0/node_modules/remeda/dist/pickBy.js
 function t(...r) {
 	return o(n, r);
 }
@@ -67,10 +67,10 @@ function n(r, i) {
 	for (let [o, s] of Object.entries(r)) i(s, o, r) && (a[o] = s);
 	return a;
 }
-var Te = i("outline", "bolt", "Bolt", [["path", {
+var we = i("outline", "bolt", "Bolt", [["path", {
 	d: "M13 3l0 7l6 0l-8 11l0 -7l-6 0l8 -11",
 	key: "svg-0"
-}]]), Ee = i("outline", "browser", "Browser", [
+}]]), Te = i("outline", "browser", "Browser", [
 	["path", {
 		d: "M4 8h16",
 		key: "svg-0"
@@ -83,13 +83,13 @@ var Te = i("outline", "bolt", "Bolt", [["path", {
 		d: "M8 4v4",
 		key: "svg-2"
 	}]
-]), De = i("outline", "cylinder", "Cylinder", [["path", {
+]), $ = i("outline", "cylinder", "Cylinder", [["path", {
 	d: "M5 6a7 3 0 1 0 14 0a7 3 0 1 0 -14 0",
 	key: "svg-0"
 }], ["path", {
 	d: "M5 6v12c0 1.657 3.134 3 7 3s7 -1.343 7 -3v-12",
 	key: "svg-1"
-}]]), Oe = i("outline", "device-mobile", "DeviceMobile", [
+}]]), Ee = i("outline", "device-mobile", "DeviceMobile", [
 	["path", {
 		d: "M6 5a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-14",
 		key: "svg-0"
@@ -102,7 +102,7 @@ var Te = i("outline", "bolt", "Bolt", [["path", {
 		d: "M12 17v.01",
 		key: "svg-2"
 	}]
-]), ke = i("outline", "file-text", "FileText", [
+]), De = i("outline", "file-text", "FileText", [
 	["path", {
 		d: "M14 3v4a1 1 0 0 0 1 1h4",
 		key: "svg-0"
@@ -123,7 +123,7 @@ var Te = i("outline", "bolt", "Bolt", [["path", {
 		d: "M9 17l6 0",
 		key: "svg-4"
 	}]
-]), Ae = i("outline", "rectangular-prism", "RectangularPrism", [
+]), Oe = i("outline", "rectangular-prism", "RectangularPrism", [
 	["path", {
 		d: "M21 14.008v-5.018a1.98 1.98 0 0 0 -1 -1.717l-4 -2.008a2.016 2.016 0 0 0 -2 0l-10 5.008c-.619 .355 -1 1.01 -1 1.718v5.018c0 .709 .381 1.363 1 1.717l4 2.008a2.016 2.016 0 0 0 2 0l10 -5.008c.619 -.355 1 -1.01 1 -1.718",
 		key: "svg-0"
@@ -140,7 +140,7 @@ var Te = i("outline", "bolt", "Bolt", [["path", {
 		d: "M3.5 11l5.5 2.5",
 		key: "svg-3"
 	}]
-]), je = i("outline", "reorder", "Reorder", [
+]), ke = i("outline", "reorder", "Reorder", [
 	["path", {
 		d: "M3 16a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1l0 -2",
 		key: "svg-0"
@@ -161,13 +161,13 @@ var Te = i("outline", "bolt", "Bolt", [["path", {
 		d: "M16.5 8.5l2.5 2.5l2.5 -2.5",
 		key: "svg-4"
 	}]
-]), Me = i("outline", "user", "User", [["path", {
+]), Ae = i("outline", "user", "User", [["path", {
 	d: "M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0",
 	key: "svg-0"
 }], ["path", {
 	d: "M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2",
 	key: "svg-1"
-}]]), Ne = i("outline", "zoom-scan", "ZoomScan", [
+}]]), je = i("outline", "zoom-scan", "ZoomScan", [
 	["path", {
 		d: "M8 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0",
 		key: "svg-0"
@@ -192,34 +192,21 @@ var Te = i("outline", "bolt", "Bolt", [["path", {
 		d: "M17 21h2a2 2 0 0 0 2 -2v-2",
 		key: "svg-5"
 	}]
-]), Pe = ce(null);
+]), Me = K(null);
 function IconRendererProvider(r) {
 	let i = J(5), { value: a, children: o } = r;
-	if (q(Pe)) {
+	if (le(Me)) {
 		let r;
 		return i[0] === o ? r = i[1] : (r = /* @__PURE__ */ X(Y, { children: o }), i[0] = o, i[1] = r), r;
 	}
 	let s;
-	return i[2] !== o || i[3] !== a ? (s = /* @__PURE__ */ X(Pe.Provider, {
+	return i[2] !== o || i[3] !== a ? (s = /* @__PURE__ */ X(Me.Provider, {
 		value: a,
 		children: o
 	}), i[2] = o, i[3] = a, i[4] = s) : s = i[4], s;
 }
-function decodeSvgDataUrl(r) {
-	if (!r.startsWith("data:image/svg+xml")) return null;
-	try {
-		if (r.includes(";base64,")) {
-			let i = r.split(";base64,")[1];
-			if (i) return atob(i);
-		} else {
-			let i = r.split(",")[1];
-			if (i) return decodeURIComponent(i);
-		}
-	} catch {}
-	return null;
-}
 function IconRenderer({ element: r, className: i, style: a }) {
-	let o = q(Pe);
+	let o = le(Me);
 	if (!r || !r.icon || r.icon === "none") return null;
 	let s;
 	switch (!0) {
@@ -240,9 +227,7 @@ function IconRenderer({ element: r, className: i, style: a }) {
 		case !!o:
 			s = /* @__PURE__ */ X(o, { node: r });
 			break;
-		default:
-			s = null;
-			break;
+		default: s = null;
 	}
 	return s ? /* @__PURE__ */ X("div", {
 		className: w(i, "likec4-element-icon"),
@@ -251,22 +236,22 @@ function IconRenderer({ element: r, className: i, style: a }) {
 		children: s
 	}) : null;
 }
-var Fe = {
-	browser: Ee,
-	cylinder: De,
-	mobile: Oe,
-	person: Me,
-	queue: je,
-	rectangle: Ae,
-	storage: De,
-	bucket: De,
-	document: ke,
-	component: Ae
+var Ne = {
+	browser: Te,
+	cylinder: $,
+	mobile: Ee,
+	person: Ae,
+	queue: ke,
+	rectangle: Oe,
+	storage: $,
+	bucket: $,
+	document: De,
+	component: Oe
 };
 function IconOrShapeRenderer(r) {
 	let i = J(12), { element: a, className: o, style: s } = r;
 	if (!a.icon || a.icon === "none") {
-		let r = Fe[a.shape], c;
+		let r = Ne[a.shape], c;
 		i[0] === o ? c = i[1] : (c = w(o, "likec4-shape-icon"), i[0] = o, i[1] = c);
 		let l;
 		i[2] === r ? l = i[3] : (l = /* @__PURE__ */ X(r, {}), i[2] = r, i[3] = l);
@@ -285,22 +270,56 @@ function IconOrShapeRenderer(r) {
 	}), i[8] = o, i[9] = a, i[10] = s, i[11] = c) : c = i[11], c;
 }
 function SvgDataUrlIcon(r) {
-	let i = J(11), a, o;
-	i[0] === r ? (a = i[1], o = i[2]) : ({dataUrl: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
+	let i = J(11), { dataUrl: a, alt: o } = r;
+	if (!hasCurrentColorReference(a)) {
+		let r;
+		return i[0] !== o || i[1] !== a ? (r = /* @__PURE__ */ X("img", {
+			src: a,
+			alt: o
+		}), i[0] = o, i[1] = a, i[2] = r) : r = i[2], r;
+	}
 	let s;
-	i[3] === a ? s = i[4] : (s = decodeSvgDataUrl(a), i[3] = a, i[4] = s);
-	let c = s;
-	if (!c) return null;
-	let l;
-	i[5] === Symbol.for("react.memo_cache_sentinel") ? (l = { display: "contents" }, i[5] = l) : l = i[5];
-	let u;
-	i[6] === c ? u = i[7] : (u = { __html: c }, i[6] = c, i[7] = u);
+	i[3] === a ? s = i[4] : (s = JSON.stringify(a), i[3] = a, i[4] = s);
+	let c = `url(${s})`, l = o ? "img" : void 0, u;
+	i[5] === c ? u = i[6] : (u = {
+		display: "inline-block",
+		width: "100%",
+		height: "100%",
+		backgroundColor: "currentColor",
+		maskImage: c,
+		maskRepeat: "no-repeat",
+		maskPosition: "center",
+		maskSize: "contain",
+		WebkitMaskImage: c,
+		WebkitMaskRepeat: "no-repeat",
+		WebkitMaskPosition: "center",
+		WebkitMaskSize: "contain"
+	}, i[5] = c, i[6] = u);
 	let d;
-	return i[8] !== o || i[9] !== u ? (d = /* @__PURE__ */ X("span", {
-		...o,
-		style: l,
-		dangerouslySetInnerHTML: u
-	}), i[8] = o, i[9] = u, i[10] = d) : d = i[10], d;
+	return i[7] !== o || i[8] !== l || i[9] !== u ? (d = /* @__PURE__ */ X("span", {
+		role: l,
+		"aria-label": o,
+		style: u
+	}), i[7] = o, i[8] = l, i[9] = u, i[10] = d) : d = i[10], d;
+}
+function hasCurrentColorReference(r) {
+	return /currentcolor/i.test(decodeSvgDataUrl(r) ?? "");
+}
+function decodeSvgDataUrl(r) {
+	if (!r.startsWith("data:image/svg+xml")) return null;
+	try {
+		let i = r.indexOf(",");
+		if (i === -1) return null;
+		let a = r.slice(i + 1);
+		if (r.slice(0, i).endsWith(";base64")) return new TextDecoder().decode(Uint8Array.from(atob(a), (r) => r.charCodeAt(0)));
+		try {
+			return decodeURIComponent(a);
+		} catch {
+			return a;
+		}
+	} catch {
+		return null;
+	}
 }
 //#endregion
 //#region ../diagram/src/base/Background.tsx
@@ -309,10 +328,10 @@ function literalToEnum(r) {
 		case "dots": return H.Dots;
 		case "lines": return H.Lines;
 		case "cross": return H.Cross;
-		default: ge(r);
+		default: he(r);
 	}
 }
-var compareProps = (r, i) => typeof r.background == "string" && typeof i.background == "string" ? r.background === i.background : W(r.background, i.background), Ie = le((r) => {
+var compareProps = (r, i) => typeof r.background == "string" && typeof i.background == "string" ? r.background === i.background : W(r.background, i.background), Pe = ce((r) => {
 	let i = J(6), { background: a } = r;
 	if (typeof a == "string") {
 		let r;
@@ -327,7 +346,7 @@ var compareProps = (r, i) => typeof r.background == "string" && typeof i.backgro
 	let o;
 	return i[4] === a ? o = i[5] : (o = /* @__PURE__ */ X(U, { ...a }), i[4] = a, i[5] = o), o;
 }, compareProps);
-Ie.displayName = "Background";
+Pe.displayName = "Background";
 //#endregion
 //#region ../diagram/src/hooks/useCallbackRef.ts
 function useCallbackRef(r) {
@@ -370,9 +389,9 @@ function getDevicePixelRatio() {
 		max: 4
 	});
 }
-var Le;
+var Fe;
 function roundDpr(r) {
-	return Le ??= getDevicePixelRatio(), Le < 2 ? Math.round(r) : Math.round(r * Le) / Le;
+	return Fe ??= getDevicePixelRatio(), Fe < 2 ? Math.round(r) : Math.round(r * Fe) / Fe;
 }
 //#endregion
 //#region ../diagram/src/utils/xyflow.ts
@@ -392,12 +411,12 @@ function getNodeCenter(r) {
 	};
 }
 function getNodeIntersectionFromCenterToPoint(r, i, a = 0) {
-	let { width: o, height: s } = r, c = Q.center(r), l = $(i.x, i.y).subtract(c), u = (a + o / 2) / l.x, d = (a + s / 2) / l.y, f = Math.min(Math.abs(u), Math.abs(d));
-	return $(l).multiply(f).add(c).trunc().toObject();
+	let { width: o, height: s } = r, c = ge.center(r), l = _e(i.x, i.y).subtract(c), u = (a + o / 2) / l.x, d = (a + s / 2) / l.y, f = Math.min(Math.abs(u), Math.abs(d));
+	return _e(l).multiply(f).add(c).trunc().toObject();
 }
 function bezierControlPoints(r) {
 	let [i, ...a] = r;
-	ve(i, "start should be defined");
+	Q(i, "start should be defined");
 	let o = [];
 	for (; t$3(a, 3);) {
 		let [r, s, c, ...l] = a, u = new ne(i[0], i[1], r[0], r[1], s[0], s[1], c[0], c[1]), d = u.inflections();
@@ -409,7 +428,7 @@ function bezierControlPoints(r) {
 			});
 		}), a = l, i = c;
 	}
-	return ve(a.length === 0, "all points should be consumed"), ve(t$3(o, 1), "at least one control point should be generated"), o;
+	return Q(a.length === 0, "all points should be consumed"), Q(t$3(o, 1), "at least one control point should be generated"), o;
 }
 function isSamePoint(r, i) {
 	if (r === i) return !0;
@@ -422,13 +441,13 @@ function stopPropagation(r) {
 var printPoint = (r) => `${Math.trunc(r[0])},${Math.trunc(r[1])}`;
 function bezierPath(r) {
 	let [i, ...a] = r;
-	ve(i, "start should be defined");
+	Q(i, "start should be defined");
 	let o = `M ${printPoint(i)}`;
 	for (; t$3(a, 3);) {
 		let [r, i, s, ...c] = a;
 		o += ` C ${printPoint(r)} ${printPoint(i)} ${printPoint(s)}`, a = c;
 	}
-	return ve(a.length === 0, "all points should be consumed"), o;
+	return Q(a.length === 0, "all points should be consumed"), o;
 }
 function parsePadding(r, i) {
 	if (typeof r == "number") return Math.floor((i - i / (1 + r)) * .5);
@@ -493,17 +512,17 @@ function _setData(r, i) {
 function setData(r, i) {
 	return i === void 0 ? (i) => _setData(i, r) : _setData(r, i);
 }
-var Re = {
+var Ie = {
 	setDimmed,
 	setHovered,
 	setData
-}, ze = {
+}, Le = {
 	Compound: 1,
 	Edge: 20,
 	EdgeLabel: 25,
 	Element: 20,
 	Max: 30
-}, Be = .05, Ve = {
+}, Re = .05, ze = {
 	default: "16px",
 	withControls: {
 		top: "58px",
@@ -532,7 +551,7 @@ function getKeyboardZoomAction(r) {
 }
 //#endregion
 //#region ../diagram/src/base/BaseXYFlow.tsx
-var He = {
+var Be = {
 	"node.a11yDescription.default": "Press Enter or Space to select this node and reveal its actions.",
 	"node.a11yDescription.keyboardDisabled": "Keyboard activation is disabled.",
 	"edge.a11yDescription.default": "Press Enter or Space to select this relationship and reveal its actions."
@@ -560,9 +579,9 @@ function activateFocusedElement(r) {
 function BaseXYFlow(r) {
 	let i = J(105), a, o, s, c, l, u, d, p, m, h, g, _, v, y, b, x, S, C, T, E, D, O, k, A, j, M, N;
 	i[0] === r ? (a = i[1], o = i[2], s = i[3], c = i[4], l = i[5], u = i[6], d = i[7], p = i[8], m = i[9], h = i[10], g = i[11], _ = i[12], v = i[13], y = i[14], b = i[15], x = i[16], S = i[17], C = i[18], T = i[19], E = i[20], D = i[21], O = i[22], k = i[23], A = i[24], j = i[25], M = i[26], N = i[27]) : ({nodes: u, edges: l, onEdgesChange: m, onNodesChange: y, className: s, pannable: S, zoomable: E, nodesSelectable: D, nodesDraggable: O, background: k, children: o, colorMode: c, fitViewPadding: A, fitView: j, zoomOnDoubleClick: M, onViewportResize: b, onMoveEnd: g, onNodeMouseEnter: _, onNodeMouseLeave: v, onEdgeMouseEnter: d, onEdgeMouseLeave: p, onKeyDownCapture: h, ariaLabelConfig: a, nodesFocusable: N, edgesFocusable: C, showControls: T, ...x} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = s, i[4] = c, i[5] = l, i[6] = u, i[7] = d, i[8] = p, i[9] = m, i[10] = h, i[11] = g, i[12] = _, i[13] = v, i[14] = y, i[15] = b, i[16] = x, i[17] = S, i[18] = C, i[19] = T, i[20] = E, i[21] = D, i[22] = O, i[23] = k, i[24] = A, i[25] = j, i[26] = M, i[27] = N);
-	let P = S === void 0 ? !0 : S, F = E === void 0 ? !0 : E, I = D === void 0 ? !0 : D, L = O === void 0 ? !1 : O, z = k === void 0 ? "dots" : k, B = A === void 0 ? 0 : A, ee = j === void 0 ? !0 : j, V = M === void 0 ? !1 : M, H = N === void 0 ? L || I : N, U = C === void 0 ? !1 : C, te;
+	let P = S === void 0 || S, F = E === void 0 || E, I = D === void 0 || D, L = O !== void 0 && O, z = k === void 0 ? "dots" : k, B = A === void 0 ? 0 : A, ee = j === void 0 || j, V = M !== void 0 && M, H = N === void 0 ? L || I : N, U = C !== void 0 && C, te;
 	i[28] === B ? te = i[29] : (te = {
-		minZoom: Be,
+		minZoom: Re,
 		maxZoom: 1,
 		padding: B,
 		includeHiddenNodes: !1
@@ -585,23 +604,23 @@ function BaseXYFlow(r) {
 				return;
 		}
 	}, i[30] = W, i[31] = x, i[32] = ie, i[33] = F, i[34] = t13) : t13 = i[34];
-	let ce = useCallbackRef(t13), K = c, le = u, q = l, ue = z === "transparent" && "bg-transparent", de;
+	let K = useCallbackRef(t13), q = c, ce = u, le = l, ue = z === "transparent" && "bg-transparent", de;
 	i[35] !== s || i[36] !== ue ? (de = w(ue, s), i[35] = s, i[36] = ue, i[37] = de) : de = i[37];
 	let fe;
 	i[38] === re ? fe = i[39] : (fe = re && { "data-likec4-zoom-small": !0 }, i[38] = re, i[39] = fe);
 	let pe = !P && F, Y;
 	i[40] === F ? Y = i[41] : (Y = !F && { zoomActivationKeyCode: null }, i[40] = F, i[41] = Y);
-	let me = F ? 3 : 1, he = F ? Be : 1, ge = F || P, Q;
-	i[42] === P ? Q = i[43] : (Q = !P && {
+	let me = F ? 3 : 1, he = F ? Re : 1, ge = F || P, _e;
+	i[42] === P ? _e = i[43] : (_e = !P && {
 		panActivationKeyCode: null,
 		selectionKeyCode: null
-	}, i[42] = P, i[43] = Q);
-	let $;
-	i[44] === a ? $ = i[45] : ($ = {
-		...He,
+	}, i[42] = P, i[43] = _e);
+	let Q;
+	i[44] === a ? Q = i[45] : (Q = {
+		...Be,
 		...a
-	}, i[44] = a, i[45] = $);
-	let _e = y, ve = m, t29;
+	}, i[44] = a, i[45] = Q);
+	let ve = y, ye = m, t29;
 	i[46] !== g || i[47] !== ae ? (t29 = (r, i) => {
 		let { x: a, y: o, zoom: s } = i, c = roundDpr(a), l = roundDpr(o);
 		(a !== c || o !== l) && ae.setState({ transform: [
@@ -614,7 +633,7 @@ function BaseXYFlow(r) {
 			zoom: s
 		});
 	}, i[46] = g, i[47] = ae, i[48] = t29) : t29 = i[48];
-	let ye = useCallbackRef(t29), t31;
+	let be = useCallbackRef(t29), t31;
 	i[49] !== _ || i[50] !== y ? (t31 = (r, i) => {
 		if (_) {
 			_(r, i);
@@ -623,10 +642,10 @@ function BaseXYFlow(r) {
 		y([{
 			id: i.id,
 			type: "replace",
-			item: Re.setHovered(i, !0)
+			item: Ie.setHovered(i, !0)
 		}]);
 	}, i[49] = _, i[50] = y, i[51] = t31) : t31 = i[51];
-	let be = useCallbackRef(t31), t33;
+	let xe = useCallbackRef(t31), t33;
 	i[52] !== v || i[53] !== y ? (t33 = (r, i) => {
 		if (v) {
 			v(r, i);
@@ -635,10 +654,10 @@ function BaseXYFlow(r) {
 		y([{
 			id: i.id,
 			type: "replace",
-			item: Re.setHovered(i, !1)
+			item: Ie.setHovered(i, !1)
 		}]);
 	}, i[52] = v, i[53] = y, i[54] = t33) : t33 = i[54];
-	let xe = useCallbackRef(t33), t35;
+	let Se = useCallbackRef(t33), t35;
 	i[55] !== d || i[56] !== m ? (t35 = (r, i) => {
 		if (d) {
 			d(r, i);
@@ -647,10 +666,10 @@ function BaseXYFlow(r) {
 		m([{
 			id: i.id,
 			type: "replace",
-			item: Re.setHovered(i, !0)
+			item: Ie.setHovered(i, !0)
 		}]);
 	}, i[55] = d, i[56] = m, i[57] = t35) : t35 = i[57];
-	let Se = useCallbackRef(t35), t37;
+	let Ce = useCallbackRef(t35), t37;
 	i[58] !== p || i[59] !== m ? (t37 = (r, i) => {
 		if (p) {
 			p(r, i);
@@ -659,22 +678,22 @@ function BaseXYFlow(r) {
 		m([{
 			id: i.id,
 			type: "replace",
-			item: Re.setHovered(i, !1)
+			item: Ie.setHovered(i, !1)
 		}]);
 	}, i[58] = p, i[59] = m, i[60] = t37) : t37 = i[60];
-	let Ce = useCallbackRef(t37), t39;
+	let we = useCallbackRef(t37), t39;
 	i[61] === h ? t39 = i[62] : (t39 = (r) => {
 		h?.(r), r.defaultPrevented || activateFocusedElement(r);
 	}, i[61] = h, i[62] = t39);
-	let we = useCallbackRef(t39), Te;
-	i[63] !== z || i[64] !== ne ? (Te = ne && /* @__PURE__ */ X(Ie, { background: z }), i[63] = z, i[64] = ne, i[65] = Te) : Te = i[65];
+	let Te = useCallbackRef(t39), $;
+	i[63] !== z || i[64] !== ne ? ($ = ne && /* @__PURE__ */ X(Pe, { background: z }), i[63] = z, i[64] = ne, i[65] = $) : $ = i[65];
 	let Ee;
 	i[66] === b ? Ee = i[67] : (Ee = b && /* @__PURE__ */ X(ViewportResizeHanlder, { onViewportResize: b }), i[66] = b, i[67] = Ee);
 	let De;
-	return i[68] !== se || i[69] !== o || i[70] !== c || i[71] !== l || i[72] !== U || i[73] !== ee || i[74] !== W || i[75] !== u || i[76] !== L || i[77] !== H || i[78] !== I || i[79] !== m || i[80] !== ce || i[81] !== y || i[82] !== P || i[83] !== x || i[84] !== de || i[85] !== fe || i[86] !== pe || i[87] !== Y || i[88] !== me || i[89] !== he || i[90] !== ge || i[91] !== Q || i[92] !== $ || i[93] !== ye || i[94] !== be || i[95] !== xe || i[96] !== Se || i[97] !== Ce || i[98] !== we || i[99] !== Te || i[100] !== Ee || i[101] !== G || i[102] !== V || i[103] !== F ? (De = /* @__PURE__ */ Z(R, {
-		colorMode: K,
-		nodes: le,
-		edges: q,
+	return i[68] !== se || i[69] !== o || i[70] !== c || i[71] !== l || i[72] !== U || i[73] !== ee || i[74] !== W || i[75] !== u || i[76] !== L || i[77] !== H || i[78] !== I || i[79] !== m || i[80] !== K || i[81] !== y || i[82] !== P || i[83] !== x || i[84] !== de || i[85] !== fe || i[86] !== pe || i[87] !== Y || i[88] !== me || i[89] !== he || i[90] !== ge || i[91] !== _e || i[92] !== Q || i[93] !== be || i[94] !== xe || i[95] !== Se || i[96] !== Ce || i[97] !== we || i[98] !== Te || i[99] !== $ || i[100] !== Ee || i[101] !== G || i[102] !== V || i[103] !== F ? (De = /* @__PURE__ */ Z(R, {
+		colorMode: q,
+		nodes: ce,
+		edges: le,
 		className: de,
 		...fe,
 		zoomOnPinch: F,
@@ -692,44 +711,44 @@ function BaseXYFlow(r) {
 		noWheelClassName: "nowheel",
 		panOnScroll: P,
 		panOnDrag: P,
-		...Q,
+		..._e,
 		elementsSelectable: I,
 		nodesFocusable: H,
 		edgesFocusable: U,
 		nodesDraggable: L,
-		ariaLabelConfig: $,
+		ariaLabelConfig: Q,
 		nodeDragThreshold: 4,
 		nodeClickDistance: 3,
 		paneClickDistance: 3,
 		elevateNodesOnSelect: !1,
 		selectNodesOnDrag: !1,
-		onNodesChange: _e,
-		onEdgesChange: ve,
-		onMoveEnd: ye,
-		onNodeMouseEnter: be,
-		onNodeMouseLeave: xe,
-		onEdgeMouseEnter: Se,
-		onEdgeMouseLeave: Ce,
+		onNodesChange: ve,
+		onEdgesChange: ye,
+		onMoveEnd: be,
+		onNodeMouseEnter: xe,
+		onNodeMouseLeave: Se,
+		onEdgeMouseEnter: Ce,
+		onEdgeMouseLeave: we,
 		onNodeDoubleClick: stopPropagation,
 		onEdgeDoubleClick: stopPropagation,
-		onKeyDownCapture: we,
+		onKeyDownCapture: Te,
 		...x,
 		"aria-label": se,
 		tabIndex: G,
-		onKeyDown: ce,
+		onKeyDown: K,
 		children: [
-			Te,
+			$,
 			Ee,
 			o
 		]
-	}), i[68] = se, i[69] = o, i[70] = c, i[71] = l, i[72] = U, i[73] = ee, i[74] = W, i[75] = u, i[76] = L, i[77] = H, i[78] = I, i[79] = m, i[80] = ce, i[81] = y, i[82] = P, i[83] = x, i[84] = de, i[85] = fe, i[86] = pe, i[87] = Y, i[88] = me, i[89] = he, i[90] = ge, i[91] = Q, i[92] = $, i[93] = ye, i[94] = be, i[95] = xe, i[96] = Se, i[97] = Ce, i[98] = we, i[99] = Te, i[100] = Ee, i[101] = G, i[102] = V, i[103] = F, i[104] = De) : De = i[104], De;
+	}), i[68] = se, i[69] = o, i[70] = c, i[71] = l, i[72] = U, i[73] = ee, i[74] = W, i[75] = u, i[76] = L, i[77] = H, i[78] = I, i[79] = m, i[80] = K, i[81] = y, i[82] = P, i[83] = x, i[84] = de, i[85] = fe, i[86] = pe, i[87] = Y, i[88] = me, i[89] = he, i[90] = ge, i[91] = _e, i[92] = Q, i[93] = be, i[94] = xe, i[95] = Se, i[96] = Ce, i[97] = we, i[98] = Te, i[99] = $, i[100] = Ee, i[101] = G, i[102] = V, i[103] = F, i[104] = De) : De = i[104], De;
 }
 var selectDimensions = ({ width: r, height: i }) => (r || 1) * (i || 1), ViewportResizeHanlder = (r) => {
 	let i = J(2), { onViewportResize: a } = r, o = B(selectDimensions), c;
 	return i[0] === o ? c = i[1] : (c = [o], i[0] = o, i[1] = c), s(a, c), null;
-}, Ue = ce(null), We = Ue.Provider;
+}, Ve = K(null), He = Ve.Provider;
 function useRootContainerContext() {
-	return q(Ue);
+	return le(Ve);
 }
 function useRootContainer() {
 	let r = useRootContainerContext();
@@ -745,7 +764,7 @@ function useRootContainerElement() {
 //#endregion
 //#region ../diagram/src/components/RootContainer.tsx
 function RootContainer(r) {
-	let i = J(18), { id: a, className: o, reduceGraphics: s, children: l } = r, u = s === void 0 ? !1 : s, d = fe(null), [f] = pe(_temp$1), p = c(f), m = `#${a}`, h;
+	let i = J(18), { id: a, className: o, reduceGraphics: s, children: l } = r, u = s !== void 0 && s, d = fe(null), [f] = pe(_temp$1), p = c(f), m = `#${a}`, h;
 	i[0] !== f || i[1] !== a || i[2] !== u || i[3] !== m ? (h = {
 		id: a,
 		ref: d,
@@ -758,7 +777,7 @@ function RootContainer(r) {
 	let v;
 	i[7] === u ? v = i[8] : (v = u && { "data-likec4-reduced-graphics": !0 }, i[7] = u, i[8] = v);
 	let y;
-	i[9] !== l || i[10] !== g ? (y = /* @__PURE__ */ X(We, {
+	i[9] !== l || i[10] !== g ? (y = /* @__PURE__ */ X(He, {
 		value: g,
 		children: l
 	}), i[9] = l, i[10] = g, i[11] = y) : y = i[11];
@@ -778,7 +797,7 @@ function _temp$1() {
 r(_temp$1, "_temp");
 //#endregion
 //#region ../diagram/src/context/DefaultMantineProvider.tsx
-var Ge = m({
+var Ue = m({
 	autoContrast: !0,
 	primaryColor: "indigo",
 	cursorType: "pointer",
@@ -815,7 +834,7 @@ var Ge = m({
 function DefaultMantineProvider(r) {
 	let i = J(8), a, o, s;
 	i[0] === r ? (a = i[1], o = i[2], s = i[3]) : ({children: a, theme: s, ...o} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = s);
-	let c = s ?? Ge, l;
+	let c = s ?? Ue, l;
 	return i[4] !== a || i[5] !== o || i[6] !== c ? (l = /* @__PURE__ */ X(b, {
 		defaultColorScheme: "auto",
 		theme: c,
@@ -826,7 +845,7 @@ function DefaultMantineProvider(r) {
 //#endregion
 //#region ../diagram/src/context/EnsureMantine.tsx
 function EnsureMantine(r) {
-	let i = J(7), { children: a } = r, o = q(p), t1;
+	let i = J(7), { children: a } = r, o = le(p), t1;
 	i[0] === o ? t1 = i[1] : (t1 = () => {
 		o || console.warn("LikeC4Diagram must be a child of MantineProvider");
 	}, i[0] = o, i[1] = t1);
@@ -856,12 +875,17 @@ function FramerMotionConfig(r) {
 }
 //#endregion
 //#region ../diagram/src/context/LikeC4ModelContext.tsx
-var Ke = ce(null), qe = Ke.Provider, Je = ce(null), Ye = Je.Provider;
+var We = K(null), Ge = We.Provider, Ke = K(null), qe = Ke.Provider;
 function useOptionalLikeC4Model() {
-	return q(Ke);
+	return le(We);
 }
 function useOptionalCurrentViewModel() {
-	return q(Je);
+	return le(Ke);
+}
+//#endregion
+//#region ../diagram/src/hooks/useLikeC4Styles.ts
+function useLikeC4Styles() {
+	return useOptionalLikeC4Model()?.$styles ?? ve.DEFAULT;
 }
 //#endregion
 //#region ../diagram/src/hooks/useId.ts
@@ -872,22 +896,22 @@ function useId$1() {
 r(useId$1, "useId");
 //#endregion
 //#region ../diagram/src/context/LikeC4ProjectsContext.ts
-var Xe = ce(null), Ze = Xe.Provider;
+var Je = K(null), Ye = Je.Provider;
 function useOptionalProjectsContext() {
-	return q(Xe);
+	return le(Je);
 }
 //#endregion
 //#region ../diagram/src/hooks/useLikeC4Project.ts
-var Qe = [];
+var Xe = [];
 function onProjectChange(r) {
 	console.warn(`Triggered callback to change project to ${r}, but no <LikeC4ProjectsProvider/> found`);
 }
-var $e = {
-	projects: Qe,
+var Ze = {
+	projects: Xe,
 	onProjectChange
 };
 function useLikeC4ProjectsContext() {
-	return useOptionalProjectsContext() ?? $e;
+	return useOptionalProjectsContext() ?? Ze;
 }
 function useLikeC4Projects() {
 	return useLikeC4ProjectsContext().projects;
@@ -901,50 +925,15 @@ function useLikeC4ProjectId() {
 	return r.projectId;
 }
 //#endregion
-//#region ../diagram/src/hooks/useLikeC4Styles.ts
-function useLikeC4Styles() {
-	return useOptionalLikeC4Model()?.$styles ?? ye.DEFAULT;
-}
-//#endregion
-//#region ../diagram/src/utils/view-bounds.ts
-function pickViewBounds(r, i) {
-	if (r._type === "dynamic") try {
-		if ((i ?? r.variant) === "sequence") return he(r.sequenceLayout, "Sequence layout is not available"), he(r.sequenceLayout.bounds, "Sequence layout bounds are not available"), r.sequenceLayout.bounds;
-	} catch (r) {
-		console.error(r);
-	}
-	return r.bounds;
-}
-function calcEdgeBounds({ points: r, controlPoints: i, labelBBox: a }) {
-	let o = Infinity, s = Infinity, c = -Infinity, l = -Infinity;
-	if (i) for (let r of i) o = Math.min(o, r.x), s = Math.min(s, r.y), c = Math.max(c, r.x), l = Math.max(l, r.y);
-	else for (let [i, a] of r) o = Math.min(o, i), s = Math.min(s, a), c = Math.max(c, i), l = Math.max(l, a);
-	return a && (o = Math.min(o, a.x), s = Math.min(s, a.y), c = Math.max(c, a.x + a.width), l = Math.max(l, a.y + a.height)), {
-		x: o,
-		y: s,
-		width: c - o,
-		height: l - s
-	};
-}
-function calcViewBounds({ nodes: r, edges: i }) {
-	return Q.expand(Q.merge(...r, ...i.map(calcEdgeBounds).filter((r) => isFinite(r.x) && isFinite(r.y))), 20);
-}
-//#endregion
-//#region ../diagram/src/utils/readableText.ts
-var et = /\s+/g;
-function readableText(r) {
-	return me.from(r).text?.replace(et, " ").trim() || null;
-}
-//#endregion
 //#region ../diagram/src/base-primitives/edge/EdgeContainer.tsx
 function EdgeContainer(r) {
 	let i = J(47), a, o, s, c, l, u, d, f, p, m, h, g;
 	if (i[0] !== r) {
 		let { className: _, component: v, selectable: y, selected: b, data: x, animated: S, children: C, style: T, ...E } = r;
 		a = C, s = T, o = v === void 0 ? "g" : v;
-		let D = y === void 0 ? !1 : y, O = b === void 0 ? !1 : b, k, A, j, M, N;
+		let D = y !== void 0 && y, O = b !== void 0 && b, k, A, j, M, N;
 		i[13] === x ? (k = i[14], A = i[15], j = i[16], M = i[17], N = i[18]) : ({color: A, hovered: j, active: M, dimmed: N, ...k} = x, i[13] = x, i[14] = k, i[15] = A, i[16] = j, i[17] = M, i[18] = N);
-		let P = A === void 0 ? "gray" : A, F = j === void 0 ? !1 : j, I = M === void 0 ? !1 : M, L = N === void 0 ? !1 : N, R = S === void 0 ? !1 : S;
+		let P = A === void 0 ? "gray" : A, F = j !== void 0 && j, I = M !== void 0 && M, L = N !== void 0 && N, R = S !== void 0 && S;
 		R ||= I;
 		let z = O && "selected", B = D && "selectable";
 		i[19] !== _ || i[20] !== z || i[21] !== B ? (c = w(_, "likec4-edge-container", z, B), i[19] = _, i[20] = z, i[21] = B, i[22] = c) : c = i[22], l = P, u = k.dir ?? "forward", d = I, f = F, i[23] === R ? p = i[24] : (p = R && { "data-likec4-animated": R }, i[23] = R, i[24] = p), i[25] === O ? m = i[26] : (m = O && { "data-likec4-selected": O }, i[25] = O, i[26] = m), i[27] === L ? h = i[28] : (h = L !== !1 && { "data-likec4-dimmed": L }, i[27] = L, i[28] = h), g = t(E, _temp), i[0] = r, i[1] = a, i[2] = o, i[3] = s, i[4] = c, i[5] = l, i[6] = u, i[7] = d, i[8] = f, i[9] = p, i[10] = m, i[11] = h, i[12] = g;
@@ -970,7 +959,7 @@ function EdgeContainer(r) {
 			children: a
 		}), i[39] = a, i[40] = v, i[41] = s, i[42] = r) : r = i[42], r;
 	}
-	he(o === "g", "EdgeContainer: component must be \"g\" or \"svg\"");
+	me(o === "g", "EdgeContainer: component must be \"g\" or \"svg\"");
 	let y;
 	return i[43] !== a || i[44] !== v || i[45] !== s ? (y = /* @__PURE__ */ X("g", {
 		style: s,
@@ -983,10 +972,10 @@ function _temp(r, i) {
 }
 //#endregion
 //#region ../diagram/src/base-primitives/edge/EdgeLabel.tsx
-var tt = K((r, i) => {
+var Qe = q((r, i) => {
 	let a = J(34), o, s, c, l, u, d, f;
 	a[0] === r ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6], f = a[7]) : ({edgeProps: u, isSequenceStep: d, stepNum: l, pointerEvents: f, className: s, children: o, ...c} = r, a[0] = r, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d, a[7] = f);
-	let { id: p, data: m, selected: h, selectable: g } = u, { label: _, technology: v, hovered: y } = m, b = y === void 0 ? !1 : y, x = h === void 0 ? !1 : h, S = g === void 0 ? !1 : g, T = d === void 0 ? !1 : d, E = f === void 0 ? "all" : f, D;
+	let { id: p, data: m, selected: h, selectable: g } = u, { label: _, technology: v, hovered: y } = m, b = y !== void 0 && y, x = h !== void 0 && h, S = g !== void 0 && g, T = d !== void 0 && d, E = f === void 0 ? "all" : f, D;
 	a[8] !== _ || a[9] !== v ? (D = e(_) || e(v), a[8] = _, a[9] = v, a[10] = D) : D = a[10];
 	let k = D, A;
 	a[11] !== s || a[12] !== T || a[13] !== E || a[14] !== S ? (A = w("likec4-edge-label", O({
@@ -1027,14 +1016,14 @@ var tt = K((r, i) => {
 		children: [N, P]
 	}), a[26] = p, a[27] = i, a[28] = c, a[29] = M, a[30] = N, a[31] = P, a[32] = A, a[33] = F) : F = a[33], F;
 });
-tt.displayName = "EdgeLabel";
+Qe.displayName = "EdgeLabel";
 //#endregion
 //#region ../diagram/src/base-primitives/edge/EdgeLabelContainer.tsx
 var toCssVarValue = (r) => r === void 0 ? "" : e$1(r) ? `${Math.trunc(r)}px` : r;
 function EdgeLabelContainer(r) {
 	let i = J(42), a, o, s, c, l, u;
 	i[0] === r ? (a = i[1], o = i[2], s = i[3], c = i[4], l = i[5], u = i[6]) : ({edgeProps: u, labelPosition: c, className: o, style: s, children: a, ...l} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = s, i[4] = c, i[5] = l, i[6] = u);
-	let { id: d, selected: f, data: p, animated: m } = u, h = f === void 0 ? !1 : f, { hovered: g, active: _, dimmed: v, labelBBox: y, color: b } = p, x = g === void 0 ? !1 : g, S = _ === void 0 ? !1 : _, C = v === void 0 ? !1 : v, T = b === void 0 ? "gray" : b, E = c?.x ?? y?.x, D = c?.y ?? y?.y;
+	let { id: d, selected: f, data: p, animated: m } = u, h = f !== void 0 && f, { hovered: g, active: _, dimmed: v, labelBBox: y, color: b } = p, x = g !== void 0 && g, S = _ !== void 0 && _, C = v !== void 0 && v, T = b === void 0 ? "gray" : b, E = c?.x ?? y?.x, D = c?.y ?? y?.y;
 	if (E === void 0 || D === void 0) return null;
 	let O = c?.translate ?? "";
 	m ||= S;
@@ -1243,7 +1232,7 @@ var Open = (r) => {
 		...r,
 		children: a
 	}), i[1] = r, i[2] = o), o;
-}, nt = {
+}, $e = {
 	Arrow,
 	Crow,
 	OArrow,
@@ -1264,15 +1253,15 @@ function arrowTypeToMarker(r) {
 		case "vee": return "Open";
 		case "dot": return "Dot";
 		case "odot": return "ODot";
-		default: ge(r);
+		default: he(r);
 	}
 }
 //#endregion
 //#region ../diagram/src/base-primitives/edge/EdgePath.tsx
-var rt = K((r, i) => {
-	let a = J(54), { edgeProps: o, isDragging: s, onEdgePointerDown: c, strokeWidth: l, svgPath: u } = r, { id: d, data: f, selectable: p, style: m, interactionWidth: h } = o, { line: g, dir: _, tail: v, head: y } = f, b = p === void 0 ? !0 : p, x = s === void 0 ? !1 : s, S = arrowTypeToMarker(v), C = arrowTypeToMarker(y ?? "normal");
+var et = q((r, i) => {
+	let a = J(54), { edgeProps: o, isDragging: s, onEdgePointerDown: c, strokeWidth: l, svgPath: u } = r, { id: d, data: f, selectable: p, style: m, interactionWidth: h } = o, { line: g, dir: _, tail: v, head: y } = f, b = p === void 0 || p, x = s !== void 0 && s, S = arrowTypeToMarker(v), C = arrowTypeToMarker(y ?? "normal");
 	_ === "back" && ([S, C] = [C, S]);
-	let E = S ? nt[S] : null, O = C ? nt[C] : null, k = g === "dotted", A = k || g === "dashed", j;
+	let E = S ? $e[S] : null, O = C ? $e[C] : null, k = g === "dotted", A = k || g === "dashed", j;
 	k ? j = "1,8" : A && (j = "8,10");
 	let M, N, P, F, I, L, R, z;
 	if (a[0] !== O || a[1] !== E || a[2] !== d || a[3] !== h || a[4] !== x || a[5] !== c || a[6] !== b || a[7] !== m || a[8] !== u || a[9] !== i) {
@@ -1333,10 +1322,10 @@ var rt = K((r, i) => {
 		H
 	] }), a[50] = N, a[51] = P, a[52] = H, a[53] = U) : U = a[53], U;
 });
-rt.displayName = "EdgePath";
+et.displayName = "EdgePath";
 //#endregion
 //#region ../diagram/src/base-primitives/element/ElementActionButtons.tsx
-var it = {
+var tt = {
 	normal: {
 		originY: 0,
 		opacity: .75,
@@ -1357,7 +1346,7 @@ var it = {
 	}
 };
 function ElementActionButtons(r) {
-	let i = J(14), { selected: a, data: o, buttons: s } = r, c = a === void 0 ? !1 : a, { hovered: l } = o, u = l === void 0 ? !1 : l, d = g();
+	let i = J(14), { selected: a, data: o, buttons: s } = r, c = a !== void 0 && a, { hovered: l } = o, u = l !== void 0 && l, d = g();
 	if (!s.length) return null;
 	let f;
 	bb0: switch (!0) {
@@ -1383,11 +1372,11 @@ function ElementActionButtons(r) {
 			whileTap: { scale: 1 },
 			whileHover: { scale: 1.3 },
 			tabIndex: p ? 0 : -1,
-			inert: p ? void 0 : !0,
+			inert: !p || void 0,
 			"aria-label": r.ariaLabel ?? r.key ?? "Element action",
 			onClick: r.onClick,
 			onDoubleClick: stopPropagation,
-			children: r.icon || /* @__PURE__ */ X(Te, {})
+			children: r.icon || /* @__PURE__ */ X(we, {})
 		}, `${d}-${r.key ?? i}`), i[6] = d, i[7] = p, i[8] = t9) : t9 = i[8], b = s.map(t9), i[2] = s, i[3] = d, i[4] = p, i[5] = b;
 	} else b = i[5];
 	let x;
@@ -1396,7 +1385,7 @@ function ElementActionButtons(r) {
 		children: /* @__PURE__ */ X(G, {
 			layoutRoot: !0,
 			initial: !1,
-			variants: it,
+			variants: tt,
 			animate: h,
 			layoutDependency: _,
 			"data-likec4-hovered": u,
@@ -1413,35 +1402,40 @@ var resolveIconColor = (r, i) => {
 	if (!a) return;
 	let o = r.colors(a).elements;
 	return a === i.color ? o.stroke : o.fill;
-}, at = K((r, i) => {
-	let a = J(28), o, s, c, l;
+};
+function shouldBlendIconWithPalette(r, i) {
+	return !i && r?.startsWith("bootstrap:") === !0;
+}
+var nt = q((r, i) => {
+	let a = J(29), o, s, c, l;
 	a[0] === r ? (o = a[1], s = a[2], c = a[3], l = a[4]) : ({className: o, style: l, data: s, ...c} = r, a[0] = r, a[1] = o, a[2] = s, a[3] = c, a[4] = l);
 	let u = useLikeC4Styles(), d;
 	a[5] !== s.style || a[6] !== u ? (d = s.style.iconSize ? u.nodeSizes(s.style).values.iconSize : void 0, a[5] = s.style, a[6] = u, a[7] = d) : d = a[7];
 	let f = d, p;
 	a[8] !== s || a[9] !== u ? (p = resolveIconColor(u, s), a[8] = s, a[9] = u, a[10] = p) : p = a[10];
-	let m = p, h;
-	a[11] !== o || a[12] !== s.style.iconPosition || a[13] !== m ? (h = w(o, M({
+	let m = p, h = !!m, g;
+	a[11] !== o || a[12] !== s.icon || a[13] !== s.style.iconPosition || a[14] !== h ? (g = w(o, M({
 		iconPosition: s.style.iconPosition,
-		withIconColor: !!m
-	}), "likec4-element"), a[11] = o, a[12] = s.style.iconPosition, a[13] = m, a[14] = h) : h = a[14];
-	let g;
-	a[15] === f ? g = a[16] : (g = f && { "--likec4-icon-size": `${f}px` }, a[15] = f, a[16] = g);
+		withIconColor: h,
+		withIconBlend: shouldBlendIconWithPalette(s.icon, h)
+	}), "likec4-element"), a[11] = o, a[12] = s.icon, a[13] = s.style.iconPosition, a[14] = h, a[15] = g) : g = a[15];
 	let _;
-	a[17] === m ? _ = a[18] : (_ = m && { "--likec4-icon-color": m }, a[17] = m, a[18] = _);
+	a[16] === f ? _ = a[17] : (_ = f && { "--likec4-icon-size": `${f}px` }, a[16] = f, a[17] = _);
 	let v;
-	a[19] !== l || a[20] !== g || a[21] !== _ ? (v = {
-		...l,
-		...g,
-		..._
-	}, a[19] = l, a[20] = g, a[21] = _, a[22] = v) : v = a[22];
+	a[18] === m ? v = a[19] : (v = m && { "--likec4-icon-color": m }, a[18] = m, a[19] = v);
 	let y;
-	return a[23] !== c || a[24] !== i || a[25] !== h || a[26] !== v ? (y = /* @__PURE__ */ X("div", {
+	a[20] !== l || a[21] !== _ || a[22] !== v ? (y = {
+		...l,
+		..._,
+		...v
+	}, a[20] = l, a[21] = _, a[22] = v, a[23] = y) : y = a[23];
+	let b;
+	return a[24] !== c || a[25] !== i || a[26] !== g || a[27] !== y ? (b = /* @__PURE__ */ X("div", {
 		...c,
 		ref: i,
-		className: h,
-		style: v
-	}), a[23] = c, a[24] = i, a[25] = h, a[26] = v, a[27] = y) : y = a[27], y;
+		className: g,
+		style: y
+	}), a[24] = c, a[25] = i, a[26] = g, a[27] = y, a[28] = b) : b = a[28], b;
 }), Icon = (r) => {
 	let i = J(6), a, o;
 	i[0] === r ? (a = i[1], o = i[2]) : ({data: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
@@ -1450,7 +1444,7 @@ var resolveIconColor = (r, i) => {
 		element: a,
 		...o
 	}), i[3] = a, i[4] = o, i[5] = s) : s = i[5], s;
-}, ot = K((r, i) => {
+}, rt = q((r, i) => {
 	let a = J(9), o, s;
 	a[0] === r ? (o = a[1], s = a[2]) : ({className: o, ...s} = r, a[0] = r, a[1] = o, a[2] = s);
 	let c;
@@ -1461,7 +1455,7 @@ var resolveIconColor = (r, i) => {
 		className: c,
 		ref: i
 	}), a[5] = s, a[6] = i, a[7] = c, a[8] = l) : l = a[8], l;
-}), st = K((r, i) => {
+}), it = q((r, i) => {
 	let a = J(11), o, s, c;
 	a[0] === r ? (o = a[1], s = a[2], c = a[3]) : ({data: c, className: o, ...s} = r, a[0] = r, a[1] = o, a[2] = s, a[3] = c);
 	let { title: l } = c, u;
@@ -1474,7 +1468,7 @@ var resolveIconColor = (r, i) => {
 		ref: i,
 		children: l
 	}), a[6] = s, a[7] = i, a[8] = u, a[9] = l, a[10] = d) : d = a[10], d;
-}), ct = K((r, i) => {
+}), at = q((r, i) => {
 	let a = J(10), o, s, c, l;
 	a[0] === r ? (o = a[1], s = a[2], c = a[3], l = a[4]) : ({data: c, children: o, className: s, ...l} = r, a[0] = r, a[1] = o, a[2] = s, a[3] = c, a[4] = l);
 	let u = c?.technology ?? o, d;
@@ -1485,13 +1479,13 @@ var resolveIconColor = (r, i) => {
 		ref: i,
 		children: u
 	}) : null, a[5] = s, a[6] = l, a[7] = i, a[8] = u, a[9] = d) : d = a[9], d;
-}), lt = K((r, i) => {
+}), ot = q((r, i) => {
 	let a = J(16), o, s, c;
 	a[0] === r ? (o = a[1], s = a[2], c = a[3]) : ({data: c, className: o, ...s} = r, a[0] = r, a[1] = o, a[2] = s, a[3] = c);
 	let { description: u } = c;
 	if (!u) return null;
 	let d;
-	a[4] === u ? d = a[5] : (d = be.from(u), a[4] = u, a[5] = d);
+	a[4] === u ? d = a[5] : (d = ye.from(u), a[4] = u, a[5] = d);
 	let f = d, p;
 	a[6] === o ? p = a[7] : (p = w(o, "likec4-element-description"), a[6] = o, a[7] = p);
 	let m = f.isMarkdown ? "8rem" : void 0, h;
@@ -1512,33 +1506,33 @@ function ElementData(r) {
 	let i = J(9), { data: a, "aria-hidden": o } = r, s;
 	i[0] === a ? s = i[1] : (s = /* @__PURE__ */ X(Icon, { data: a }), i[0] = a, i[1] = s);
 	let c;
-	i[2] === a ? c = i[3] : (c = /* @__PURE__ */ Z(ot, { children: [
-		/* @__PURE__ */ X(st, { data: a }),
-		/* @__PURE__ */ X(ct, { data: a }),
-		/* @__PURE__ */ X(lt, { data: a })
+	i[2] === a ? c = i[3] : (c = /* @__PURE__ */ Z(rt, { children: [
+		/* @__PURE__ */ X(it, { data: a }),
+		/* @__PURE__ */ X(at, { data: a }),
+		/* @__PURE__ */ X(ot, { data: a })
 	] }), i[2] = a, i[3] = c);
 	let l;
-	return i[4] !== o || i[5] !== a || i[6] !== s || i[7] !== c ? (l = /* @__PURE__ */ Z(at, {
+	return i[4] !== o || i[5] !== a || i[6] !== s || i[7] !== c ? (l = /* @__PURE__ */ Z(nt, {
 		data: a,
 		"aria-hidden": o,
 		children: [s, c]
 	}), i[4] = o, i[5] = a, i[6] = s, i[7] = c, i[8] = l) : l = i[8], l;
 }
-ElementData.Root = at, ElementData.Icon = Icon, ElementData.Content = ot, ElementData.Title = st, ElementData.Technology = ct, ElementData.Description = lt;
+ElementData.Root = nt, ElementData.Icon = Icon, ElementData.Content = rt, ElementData.Title = it, ElementData.Technology = at, ElementData.Description = ot;
 //#endregion
 //#region ../diagram/src/base-primitives/element/ElementNodeContainer.tsx
-var ut = {
+var st = {
 	normal: { scale: 1 },
 	hovered: { scale: 1.05 },
 	selected: { scale: 1.02 },
 	tap: { scale: .98 }
-}, dt = K((r, i) => {
+}, ct = q((r, i) => {
 	let a = J(34), o, s, c, l, u;
 	a[0] === r ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5]) : ({nodeProps: u, className: s, style: l, children: o, ...c} = r, a[0] = r, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u);
-	let { selected: d, selectable: f, data: p } = u, m = d === void 0 ? !1 : d, h = f === void 0 ? !1 : f, g, _, v, y, b;
+	let { selected: d, selectable: f, data: p } = u, m = d !== void 0 && d, h = f !== void 0 && f, g, _, v, y, b;
 	if (a[6] !== m || a[7] !== p) {
 		let { hovered: r, dimmed: i, ...o } = p;
-		g = o, v = r === void 0 ? !1 : r, _ = i === void 0 ? !1 : i;
+		g = o, v = r !== void 0 && r, _ = i !== void 0 && i;
 		bb0: switch (!0) {
 			case v:
 				b = "hovered";
@@ -1548,7 +1542,7 @@ var ut = {
 				break bb0;
 			default: b = "normal";
 		}
-		y = xe(g.style ?? {}), a[6] = m, a[7] = p, a[8] = g, a[9] = _, a[10] = v, a[11] = y, a[12] = b;
+		y = be(g.style ?? {}), a[6] = m, a[7] = p, a[8] = g, a[9] = _, a[10] = v, a[11] = y, a[12] = b;
 	} else g = a[8], _ = a[9], v = a[10], y = a[11], b = a[12];
 	let { size: x, padding: S, textSize: C } = y, T;
 	a[13] === s ? T = a[14] : (T = w(P(), "group", s), a[13] = s, a[14] = T);
@@ -1563,7 +1557,7 @@ var ut = {
 	return a[20] !== o || a[21] !== g.color || a[22] !== g.shape || a[23] !== v || a[24] !== S || a[25] !== i || a[26] !== c || a[27] !== x || a[28] !== T || a[29] !== E || a[30] !== D || a[31] !== O || a[32] !== C ? (k = /* @__PURE__ */ X(G, {
 		ref: i,
 		className: T,
-		variants: ut,
+		variants: st,
 		initial: !1,
 		...E,
 		"data-likec4-hovered": v,
@@ -1579,7 +1573,7 @@ var ut = {
 		children: o
 	}), a[20] = o, a[21] = g.color, a[22] = g.shape, a[23] = v, a[24] = S, a[25] = i, a[26] = c, a[27] = x, a[28] = T, a[29] = E, a[30] = D, a[31] = O, a[32] = C, a[33] = k) : k = a[33], k;
 });
-dt.displayName = "ElementNodeContainer";
+ct.displayName = "ElementNodeContainer";
 //#endregion
 //#region ../diagram/src/base-primitives/element/ElementShape.tsx
 function cylinderSVGPath(r, i, a = .07) {
@@ -1637,7 +1631,7 @@ function queueSVGPath(r, i, a = .185) {
 		rx: c
 	};
 }
-var ft = {
+var lt = {
 	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"
@@ -1655,7 +1649,7 @@ var ft = {
 		case "xl":
 			s = 70, c = 32, l = -24, u = 32, d = 18;
 			break bb0;
-		default: ge(o);
+		default: he(o);
 	}
 	let f = u + (c + d) * a, p;
 	return i[0] !== c || i[1] !== l || i[2] !== f || i[3] !== s ? (p = /* @__PURE__ */ X("rect", {
@@ -1798,18 +1792,18 @@ function ShapeSvg(r) {
 				rx: 6,
 				strokeWidth: 0
 			}), i[46] = s, i[47] = o, i[48] = r) : r = i[48];
-			let a = o - ft.width - 6, c = s - ft.height, l;
+			let a = o - lt.width - 6, c = s - lt.height, l;
 			i[49] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ X("path", {
 				strokeWidth: 0,
-				d: ft.path
+				d: lt.path
 			}), i[49] = l) : l = i[49];
 			let u;
 			i[50] !== a || i[51] !== c ? (u = /* @__PURE__ */ X("svg", {
 				x: a,
 				y: c,
-				width: ft.width,
-				height: ft.height,
-				viewBox: `0 0 ${ft.width} ${ft.height}`,
+				width: lt.width,
+				height: lt.height,
+				viewBox: `0 0 ${lt.width} ${lt.height}`,
 				"data-likec4-fill": "mix-stroke",
 				children: l
 			}), i[50] = a, i[51] = c, i[52] = u) : u = i[52];
@@ -1879,7 +1873,7 @@ function ShapeSvg(r) {
 		}
 		default: {
 			let r;
-			return i[92] === a ? r = i[93] : (r = ge(a), i[92] = a, i[93] = r), r;
+			return i[92] === a ? r = i[93] : (r = he(a), i[92] = a, i[93] = r), r;
 		}
 	}
 }
@@ -1945,7 +1939,7 @@ function ShapeSvgOutline(r) {
 	}), i[23] = c, i[24] = l), l;
 }
 function ElementShape(r) {
-	let i = J(38), { data: a, width: o, height: s, showSelectionOutline: c } = r, l = c === void 0 ? !0 : c, u = o && o > 10 ? o : a.width, d = s && s > 10 ? s : a.height, f = a.style?.multiple ?? !1, p = a.style?.border ?? "none", m = p !== "none";
+	let i = J(38), { data: a, width: o, height: s, showSelectionOutline: c } = r, l = c === void 0 || c, u = o && o > 10 ? o : a.width, d = s && s > 10 ? s : a.height, f = a.style?.multiple ?? !1, p = a.style?.border ?? "none", m = p !== "none";
 	if (a.shape === "rectangle") {
 		let r;
 		i[0] === p ? r = i[1] : (r = { borderStyle: p }, i[0] = p, i[1] = r);
@@ -2012,7 +2006,7 @@ function ElementShape(r) {
 //#region ../diagram/src/base-primitives/memoEdge.ts
 var isSame = (r, i) => Math.abs(r - i) < 2.5, edgePropsEqual = (r, i) => r.id === i.id && W(r.selected ?? !1, i.selected ?? !1) && W(r.animated ?? !1, i.animated ?? !1) && W(r.source, i.source) && W(r.target, i.target) && isSame(r.sourceX, i.sourceX) && isSame(r.sourceY, i.sourceY) && isSame(r.targetX, i.targetX) && isSame(r.targetY, i.targetY) && W(r.sourceHandleId ?? null, i.sourceHandleId ?? null) && W(r.targetHandleId ?? null, i.targetHandleId ?? null) && W(r.sourcePosition, i.sourcePosition) && W(r.targetPosition, i.targetPosition) && W(r.data, i.data);
 function memoEdge(r) {
-	let i = le(r, edgePropsEqual);
+	let i = ce(r, edgePropsEqual);
 	return i.displayName = `MemoEdge(${r.displayName || r.name})`, i;
 }
 //#endregion
@@ -2032,7 +2026,7 @@ function DefaultHandles(r) {
 		case "RL":
 			s = F.Left, c = F.Right;
 			break bb0;
-		default: ge(o);
+		default: he(o);
 	}
 	let l;
 	i[0] === s ? l = i[1] : (l = /* @__PURE__ */ X(I, {
@@ -2051,7 +2045,7 @@ function DefaultHandles(r) {
 }
 //#endregion
 //#region ../diagram/src/components/Logo.tsx
-var pt = K((r, i) => {
+var ut = q((r, i) => {
 	let a = J(5), o, s;
 	a[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ X("path", {
 		fill: "#5E98AF",
@@ -2072,7 +2066,7 @@ var pt = K((r, i) => {
 		...r,
 		children: [o, s]
 	}), a[2] = r, a[3] = i, a[4] = c) : c = a[4], c;
-}), mt = K((r, i) => {
+}), dt = q((r, i) => {
 	let a = J(4), o;
 	a[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ X("path", {
 		fill: "#5E98AF",
@@ -2087,13 +2081,13 @@ var pt = K((r, i) => {
 		...r,
 		children: o
 	}), a[1] = r, a[2] = i, a[3] = s) : s = a[3], s;
-}), { withProvider: ht, withContext: gt } = S(N), shouldForwardProp = (r, i) => !i.includes(r) && (re(r) || !j(r)), _t = K((r, i) => {
+}), { withProvider: ft, withContext: pt } = S(N), shouldForwardProp = (r, i) => !i.includes(r) && (re(r) || !j(r)), mt = q((r, i) => {
 	let a = J(11), o, s;
 	a[0] === r ? (o = a[1], s = a[2]) : ({className: o, ...s} = r, a[0] = r, a[1] = o, a[2] = s);
 	let c;
 	a[3] === o ? c = a[4] : (c = w("mantine-active", o), a[3] = o, a[4] = c);
 	let l, u;
-	a[5] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ X(mt, { "data-logo-icon": !0 }), u = /* @__PURE__ */ X(pt, { "data-logo-full": !0 }), a[5] = l, a[6] = u) : (l = a[5], u = a[6]);
+	a[5] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ X(dt, { "data-logo-icon": !0 }), u = /* @__PURE__ */ X(ut, { "data-logo-full": !0 }), a[5] = l, a[6] = u) : (l = a[5], u = a[6]);
 	let d;
 	return a[7] !== s || a[8] !== i || a[9] !== c ? (d = /* @__PURE__ */ Z("button", {
 		...s,
@@ -2101,13 +2095,13 @@ var pt = K((r, i) => {
 		className: c,
 		children: [l, u]
 	}), a[7] = s, a[8] = i, a[9] = c, a[10] = d) : d = a[10], d;
-}), vt = {
-	Root: ht(G, "root", { shouldForwardProp }),
-	Body: gt(G, "body", { shouldForwardProp }),
-	Logo: gt(_t, "logo", { shouldForwardProp }),
-	Label: gt(G, "label", { shouldForwardProp }),
-	Dropdown: gt(G, "dropdown", { shouldForwardProp })
-}, scheme = (r) => `[data-mantine-color-scheme="${r}"]`, yt = scheme("dark"), generateCompoundColors = (r, i, a, o) => `
+}), ht = {
+	Root: ft(G, "root", { shouldForwardProp }),
+	Body: pt(G, "body", { shouldForwardProp }),
+	Logo: pt(mt, "logo", { shouldForwardProp }),
+	Label: pt(G, "label", { shouldForwardProp }),
+	Dropdown: pt(G, "dropdown", { shouldForwardProp })
+}, scheme = (r) => `[data-mantine-color-scheme="${r}"]`, gt = scheme("dark"), generateCompoundColors = (r, i, a, o) => `
 ${`${r} :is([data-likec4-color="${i}"][data-compound-depth="${o}"])`} {
   --likec4-palette-fill: ${a.fill};
   --likec4-palette-stroke: ${a.stroke};  
@@ -2126,7 +2120,7 @@ ${u} {
   --likec4-palette-relation-label-bg: ${l.labelBg};
   --likec4-palette-relation-stroke-selected: oklch(from ${l.line} calc(l - 0.15) c h);
 }
-${yt} ${u} {
+${gt} ${u} {
   --likec4-palette-relation-stroke-selected: oklch(from ${l.line} calc(l + 0.15) c h);
 }
 
@@ -2140,15 +2134,15 @@ function generateBuiltInColorStyles(r, i) {
 	})), t$1("\n"));
 }
 function LikeC4Styles$1({ id: r }) {
-	let i = `#${r}`, a = h()?.(), o = useLikeC4Styles();
-	return /* @__PURE__ */ X(bt, {
+	let i = `#${r}`, a = h()?.(), o = useLikeC4Styles(), s = de(() => generateBuiltInColorStyles(o, i), [i, o.fingerprint]);
+	return /* @__PURE__ */ X(_t, {
 		id: r,
 		nonce: a,
-		colorsStyles: de(() => generateBuiltInColorStyles(o, i), [i, o.fingerprint])
+		colorsStyles: s
 	});
 }
 r(LikeC4Styles$1, "LikeC4Styles");
-var bt = le((r) => {
+var _t = ce((r) => {
 	let i = J(6), { id: a, nonce: o, colorsStyles: s } = r, c;
 	i[0] === s ? c = i[1] : (c = { __html: s }, i[0] = s, i[1] = c);
 	let l = o || void 0, u;
@@ -2159,6 +2153,6 @@ var bt = le((r) => {
 		nonce: l
 	}), i[2] = a, i[3] = c, i[4] = l, i[5] = u) : u = i[5], u;
 });
-bt.displayName = "MemoizedStyle";
+_t.displayName = "MemoizedStyle";
 //#endregion
-export { stopPropagation as $, useOptionalCurrentViewModel as A, BaseXYFlow as B, useLikeC4Projects as C, useId$1 as D, useOptionalProjectsContext as E, RootContainer as F, hasSubObject as G, Be as H, useRootContainer as I, getNodeCenter as J, bezierControlPoints as K, useRootContainerContext as L, FramerMotionConfig as M, EnsureMantine as N, Ye as O, DefaultMantineProvider as P, parsePaddings as Q, useRootContainerElement as R, useLikeC4ProjectId as S, Ze as T, ze as U, Ve as V, Re as W, isSamePoint as X, getNodeIntersectionFromCenterToPoint as Y, nodeToRect as Z, calcEdgeBounds as _, t$3 as _t, DefaultHandles as a, useXYStoreApi as at, useLikeC4Styles as b, dt as c, IconRenderer as ct, rt as d, t as dt, roundDpr as et, EdgeLabelContainer as f, t$1 as ft, readableText as g, t$2 as gt, _e as h, e$2 as ht, mt as i, useXYStore as it, useOptionalLikeC4Model as j, qe as k, ElementData as l, IconRendererProvider as lt, EdgeContainer as m, e$1 as mt, vt as n, useCurrentZoomAtLeast as nt, memoEdge as o, useCallbackRef as ot, tt as p, e as pt, bezierPath as q, pt as r, useXYFlow as rt, ElementShape as s, IconOrShapeRenderer as st, LikeC4Styles$1 as t, selectXYStore as tt, ElementActionButtons as u, Ne as ut, calcViewBounds as v, t$4 as vt, useLikeC4ProjectsContext as w, useChangeLikeC4Project as x, pickViewBounds as y, useRootContainerRef as z };
+export { useXYStore as $, RootContainer as A, hasSubObject as B, qe as C, FramerMotionConfig as D, useOptionalLikeC4Model as E, BaseXYFlow as F, isSamePoint as G, bezierPath as H, ze as I, stopPropagation as J, nodeToRect as K, Re as L, useRootContainerContext as M, useRootContainerElement as N, EnsureMantine as O, useRootContainerRef as P, useXYFlow as Q, Le as R, useLikeC4Styles as S, useOptionalCurrentViewModel as T, getNodeCenter as U, bezierControlPoints as V, getNodeIntersectionFromCenterToPoint as W, selectXYStore as X, roundDpr as Y, useCurrentZoomAtLeast as Z, useLikeC4Projects as _, DefaultHandles as a, je as at, useOptionalProjectsContext as b, ct as c, e as ct, et as d, t$2 as dt, useXYStoreApi as et, EdgeLabelContainer as f, t$3 as ft, useLikeC4ProjectId as g, useChangeLikeC4Project as h, dt as i, IconRendererProvider as it, useRootContainer as j, DefaultMantineProvider as k, ElementData as l, e$1 as lt, EdgeContainer as m, ht as n, IconOrShapeRenderer as nt, memoEdge as o, t as ot, Qe as p, t$4 as pt, parsePaddings as q, ut as r, IconRenderer as rt, ElementShape as s, t$1 as st, LikeC4Styles$1 as t, useCallbackRef as tt, ElementActionButtons as u, e$2 as ut, useLikeC4ProjectsContext as v, Ge as w, useId$1 as x, Ye as y, Ie as z };