likec4 1.56.0 → 1.58.0

package/__app__/src/chunks/es.mjs

@@ -0,0 +1,439 @@
+import "./rolldown-runtime.mjs";
+//#region ../../node_modules/.pnpm/html-to-image@1.11.11/node_modules/html-to-image/es/util.js
+function resolveUrl(e, t) {
+	if (e.match(/^[a-z]+:\/\//i)) return e;
+	if (e.match(/^\/\//)) return window.location.protocol + e;
+	if (e.match(/^[a-z]+:/i)) return e;
+	let n = document.implementation.createHTMLDocument(), r = n.createElement("base"), i = n.createElement("a");
+	return n.head.appendChild(r), n.body.appendChild(i), t && (r.href = t), i.href = e, i.href;
+}
+var e = (() => {
+	let e = 0, random = () => `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4);
+	return () => (e += 1, `u${random()}${e}`);
+})();
+function toArray(e) {
+	let t = [];
+	for (let n = 0, r = e.length; n < r; n++) t.push(e[n]);
+	return t;
+}
+function px(e, t) {
+	let n = (e.ownerDocument.defaultView || window).getComputedStyle(e).getPropertyValue(t);
+	return n ? parseFloat(n.replace("px", "")) : 0;
+}
+function getNodeWidth(e) {
+	let t = px(e, "border-left-width"), n = px(e, "border-right-width");
+	return e.clientWidth + t + n;
+}
+function getNodeHeight(e) {
+	let t = px(e, "border-top-width"), n = px(e, "border-bottom-width");
+	return e.clientHeight + t + n;
+}
+function getImageSize(e, t = {}) {
+	return {
+		width: t.width || getNodeWidth(e),
+		height: t.height || getNodeHeight(e)
+	};
+}
+function getPixelRatio() {
+	let e, t;
+	try {
+		t = process;
+	} catch {}
+	let n = t && t.env ? t.env.devicePixelRatio : null;
+	return n && (e = parseInt(n, 10), Number.isNaN(e) && (e = 1)), e || window.devicePixelRatio || 1;
+}
+var t = 16384;
+function checkCanvasDimensions(e) {
+	(e.width > t || e.height > t) && (e.width > t && e.height > t ? e.width > e.height ? (e.height *= t / e.width, e.width = t) : (e.width *= t / e.height, e.height = t) : e.width > t ? (e.height *= t / e.width, e.width = t) : (e.width *= t / e.height, e.height = t));
+}
+function canvasToBlob(e, t = {}) {
+	return e.toBlob ? new Promise((n) => {
+		e.toBlob(n, t.type ? t.type : "image/png", t.quality ? t.quality : 1);
+	}) : new Promise((n) => {
+		let r = window.atob(e.toDataURL(t.type ? t.type : void 0, t.quality ? t.quality : void 0).split(",")[1]), i = r.length, a = new Uint8Array(i);
+		for (let e = 0; e < i; e += 1) a[e] = r.charCodeAt(e);
+		n(new Blob([a], { type: t.type ? t.type : "image/png" }));
+	});
+}
+function createImage(e) {
+	return new Promise((t, n) => {
+		let r = new Image();
+		r.decode = () => t(r), r.onload = () => t(r), r.onerror = n, r.crossOrigin = "anonymous", r.decoding = "async", r.src = e;
+	});
+}
+async function svgToDataURL(e) {
+	return Promise.resolve().then(() => new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then((e) => `data:image/svg+xml;charset=utf-8,${e}`);
+}
+async function nodeToDataURL(e, t, n) {
+	let r = "http://www.w3.org/2000/svg", i = document.createElementNS(r, "svg"), a = document.createElementNS(r, "foreignObject");
+	return i.setAttribute("width", `${t}`), i.setAttribute("height", `${n}`), i.setAttribute("viewBox", `0 0 ${t} ${n}`), a.setAttribute("width", "100%"), a.setAttribute("height", "100%"), a.setAttribute("x", "0"), a.setAttribute("y", "0"), a.setAttribute("externalResourcesRequired", "true"), i.appendChild(a), a.appendChild(e), svgToDataURL(i);
+}
+var isInstanceOfElement = (e, t) => {
+	if (e instanceof t) return !0;
+	let n = Object.getPrototypeOf(e);
+	return n === null ? !1 : n.constructor.name === t.name || isInstanceOfElement(n, t);
+};
+//#endregion
+//#region ../../node_modules/.pnpm/html-to-image@1.11.11/node_modules/html-to-image/es/clone-pseudos.js
+function formatCSSText(e) {
+	let t = e.getPropertyValue("content");
+	return `${e.cssText} content: '${t.replace(/'|"/g, "")}';`;
+}
+function formatCSSProperties(e) {
+	return toArray(e).map((t) => `${t}: ${e.getPropertyValue(t)}${e.getPropertyPriority(t) ? " !important" : ""};`).join(" ");
+}
+function getPseudoElementStyle(e, t, n) {
+	let r = `.${e}:${t}`, i = n.cssText ? formatCSSText(n) : formatCSSProperties(n);
+	return document.createTextNode(`${r}{${i}}`);
+}
+function clonePseudoElement(t, n, r) {
+	let i = window.getComputedStyle(t, r), a = i.getPropertyValue("content");
+	if (a === "" || a === "none") return;
+	let o = e();
+	try {
+		n.className = `${n.className} ${o}`;
+	} catch {
+		return;
+	}
+	let s = document.createElement("style");
+	s.appendChild(getPseudoElementStyle(o, r, i)), n.appendChild(s);
+}
+function clonePseudoElements(e, t) {
+	clonePseudoElement(e, t, ":before"), clonePseudoElement(e, t, ":after");
+}
+//#endregion
+//#region ../../node_modules/.pnpm/html-to-image@1.11.11/node_modules/html-to-image/es/mimes.js
+var n = "application/font-woff", r = "image/jpeg", i = {
+	woff: n,
+	woff2: n,
+	ttf: "application/font-truetype",
+	eot: "application/vnd.ms-fontobject",
+	png: "image/png",
+	jpg: r,
+	jpeg: r,
+	gif: "image/gif",
+	tiff: "image/tiff",
+	svg: "image/svg+xml",
+	webp: "image/webp"
+};
+function getExtension(e) {
+	let t = /\.([^./]*?)$/g.exec(e);
+	return t ? t[1] : "";
+}
+function getMimeType(e) {
+	return i[getExtension(e).toLowerCase()] || "";
+}
+//#endregion
+//#region ../../node_modules/.pnpm/html-to-image@1.11.11/node_modules/html-to-image/es/dataurl.js
+function getContentFromDataUrl(e) {
+	return e.split(/,/)[1];
+}
+function isDataUrl(e) {
+	return e.search(/^(data:)/) !== -1;
+}
+function makeDataUrl(e, t) {
+	return `data:${t};base64,${e}`;
+}
+async function fetchAsDataURL(e, t, n) {
+	let r = await fetch(e, t);
+	if (r.status === 404) throw Error(`Resource "${r.url}" not found`);
+	let i = await r.blob();
+	return new Promise((e, t) => {
+		let a = new FileReader();
+		a.onerror = t, a.onloadend = () => {
+			try {
+				e(n({
+					res: r,
+					result: a.result
+				}));
+			} catch (e) {
+				t(e);
+			}
+		}, a.readAsDataURL(i);
+	});
+}
+var a = {};
+function getCacheKey(e, t, n) {
+	let r = e.replace(/\?.*/, "");
+	return n && (r = e), /ttf|otf|eot|woff2?/i.test(r) && (r = r.replace(/.*\//, "")), t ? `[${t}]${r}` : r;
+}
+async function resourceToDataURL(e, t, n) {
+	let r = getCacheKey(e, t, n.includeQueryParams);
+	if (a[r] != null) return a[r];
+	n.cacheBust && (e += (/\?/.test(e) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
+	let i;
+	try {
+		i = makeDataUrl(await fetchAsDataURL(e, n.fetchRequestInit, ({ res: e, result: n }) => (t ||= e.headers.get("Content-Type") || "", getContentFromDataUrl(n))), t);
+	} catch (t) {
+		i = n.imagePlaceholder || "";
+		let r = `Failed to fetch resource: ${e}`;
+		t && (r = typeof t == "string" ? t : t.message), r && console.warn(r);
+	}
+	return a[r] = i, i;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/html-to-image@1.11.11/node_modules/html-to-image/es/clone-node.js
+async function cloneCanvasElement(e) {
+	let t = e.toDataURL();
+	return t === "data:," ? e.cloneNode(!1) : createImage(t);
+}
+async function cloneVideoElement(e, t) {
+	if (e.currentSrc) {
+		let t = document.createElement("canvas"), n = t.getContext("2d");
+		return t.width = e.clientWidth, t.height = e.clientHeight, n?.drawImage(e, 0, 0, t.width, t.height), createImage(t.toDataURL());
+	}
+	let n = e.poster;
+	return createImage(await resourceToDataURL(n, getMimeType(n), t));
+}
+async function cloneIFrameElement(e) {
+	try {
+		if (e?.contentDocument?.body) return await cloneNode(e.contentDocument.body, {}, !0);
+	} catch {}
+	return e.cloneNode(!1);
+}
+async function cloneSingleNode(e, t) {
+	return isInstanceOfElement(e, HTMLCanvasElement) ? cloneCanvasElement(e) : isInstanceOfElement(e, HTMLVideoElement) ? cloneVideoElement(e, t) : isInstanceOfElement(e, HTMLIFrameElement) ? cloneIFrameElement(e) : e.cloneNode(!1);
+}
+var isSlotElement = (e) => e.tagName != null && e.tagName.toUpperCase() === "SLOT";
+async function cloneChildren(e, t, n) {
+	let r = [];
+	return r = isSlotElement(e) && e.assignedNodes ? toArray(e.assignedNodes()) : isInstanceOfElement(e, HTMLIFrameElement) && e.contentDocument?.body ? toArray(e.contentDocument.body.childNodes) : toArray((e.shadowRoot ?? e).childNodes), r.length === 0 || isInstanceOfElement(e, HTMLVideoElement) || await r.reduce((e, r) => e.then(() => cloneNode(r, n)).then((e) => {
+		e && t.appendChild(e);
+	}), Promise.resolve()), t;
+}
+function cloneCSSStyle(e, t) {
+	let n = t.style;
+	if (!n) return;
+	let r = window.getComputedStyle(e);
+	r.cssText ? (n.cssText = r.cssText, n.transformOrigin = r.transformOrigin) : toArray(r).forEach((i) => {
+		let a = r.getPropertyValue(i);
+		i === "font-size" && a.endsWith("px") && (a = `${Math.floor(parseFloat(a.substring(0, a.length - 2))) - .1}px`), isInstanceOfElement(e, HTMLIFrameElement) && i === "display" && a === "inline" && (a = "block"), i === "d" && t.getAttribute("d") && (a = `path(${t.getAttribute("d")})`), n.setProperty(i, a, r.getPropertyPriority(i));
+	});
+}
+function cloneInputValue(e, t) {
+	isInstanceOfElement(e, HTMLTextAreaElement) && (t.innerHTML = e.value), isInstanceOfElement(e, HTMLInputElement) && t.setAttribute("value", e.value);
+}
+function cloneSelectValue(e, t) {
+	if (isInstanceOfElement(e, HTMLSelectElement)) {
+		let n = t, r = Array.from(n.children).find((t) => e.value === t.getAttribute("value"));
+		r && r.setAttribute("selected", "");
+	}
+}
+function decorate(e, t) {
+	return isInstanceOfElement(t, Element) && (cloneCSSStyle(e, t), clonePseudoElements(e, t), cloneInputValue(e, t), cloneSelectValue(e, t)), t;
+}
+async function ensureSVGSymbols(e, t) {
+	let n = e.querySelectorAll ? e.querySelectorAll("use") : [];
+	if (n.length === 0) return e;
+	let r = {};
+	for (let i = 0; i < n.length; i++) {
+		let a = n[i].getAttribute("xlink:href");
+		if (a) {
+			let n = e.querySelector(a), i = document.querySelector(a);
+			!n && i && !r[a] && (r[a] = await cloneNode(i, t, !0));
+		}
+	}
+	let i = Object.values(r);
+	if (i.length) {
+		let t = "http://www.w3.org/1999/xhtml", n = document.createElementNS(t, "svg");
+		n.setAttribute("xmlns", t), n.style.position = "absolute", n.style.width = "0", n.style.height = "0", n.style.overflow = "hidden", n.style.display = "none";
+		let r = document.createElementNS(t, "defs");
+		n.appendChild(r);
+		for (let e = 0; e < i.length; e++) r.appendChild(i[e]);
+		e.appendChild(n);
+	}
+	return e;
+}
+async function cloneNode(e, t, n) {
+	return !n && t.filter && !t.filter(e) ? null : Promise.resolve(e).then((e) => cloneSingleNode(e, t)).then((n) => cloneChildren(e, n, t)).then((t) => decorate(e, t)).then((e) => ensureSVGSymbols(e, t));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/html-to-image@1.11.11/node_modules/html-to-image/es/embed-resources.js
+var o = /url\((['"]?)([^'"]+?)\1\)/g, s = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, c = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function toRegex(e) {
+	let t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
+	return RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
+}
+function parseURLs(e) {
+	let t = [];
+	return e.replace(o, (e, n, r) => (t.push(r), e)), t.filter((e) => !isDataUrl(e));
+}
+async function embed(e, t, n, r, i) {
+	try {
+		let a = n ? resolveUrl(t, n) : t, o = getMimeType(t), s;
+		return s = i ? makeDataUrl(await i(a), o) : await resourceToDataURL(a, o, r), e.replace(toRegex(t), `$1${s}$3`);
+	} catch {}
+	return e;
+}
+function filterPreferredFontFormat(e, { preferredFontFormat: t }) {
+	return t ? e.replace(c, (e) => {
+		for (;;) {
+			let [n, , r] = s.exec(e) || [];
+			if (!r) return "";
+			if (r === t) return `src: ${n};`;
+		}
+	}) : e;
+}
+function shouldEmbed(e) {
+	return e.search(o) !== -1;
+}
+async function embedResources(e, t, n) {
+	if (!shouldEmbed(e)) return e;
+	let r = filterPreferredFontFormat(e, n);
+	return parseURLs(r).reduce((e, r) => e.then((e) => embed(e, r, t, n)), Promise.resolve(r));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/html-to-image@1.11.11/node_modules/html-to-image/es/embed-images.js
+async function embedProp(e, t, n) {
+	let r = t.style?.getPropertyValue(e);
+	if (r) {
+		let i = await embedResources(r, null, n);
+		return t.style.setProperty(e, i, t.style.getPropertyPriority(e)), !0;
+	}
+	return !1;
+}
+async function embedBackground(e, t) {
+	await embedProp("background", e, t) || await embedProp("background-image", e, t), await embedProp("mask", e, t) || await embedProp("mask-image", e, t);
+}
+async function embedImageNode(e, t) {
+	let n = isInstanceOfElement(e, HTMLImageElement);
+	if (!(n && !isDataUrl(e.src)) && !(isInstanceOfElement(e, SVGImageElement) && !isDataUrl(e.href.baseVal))) return;
+	let r = n ? e.src : e.href.baseVal, i = await resourceToDataURL(r, getMimeType(r), t);
+	await new Promise((t, r) => {
+		e.onload = t, e.onerror = r;
+		let a = e;
+		a.decode &&= t, a.loading === "lazy" && (a.loading = "eager"), n ? (e.srcset = "", e.src = i) : e.href.baseVal = i;
+	});
+}
+async function embedChildren(e, t) {
+	let n = toArray(e.childNodes).map((e) => embedImages(e, t));
+	await Promise.all(n).then(() => e);
+}
+async function embedImages(e, t) {
+	isInstanceOfElement(e, Element) && (await embedBackground(e, t), await embedImageNode(e, t), await embedChildren(e, t));
+}
+//#endregion
+//#region ../../node_modules/.pnpm/html-to-image@1.11.11/node_modules/html-to-image/es/apply-style.js
+function applyStyle(e, t) {
+	let { style: n } = e;
+	t.backgroundColor && (n.backgroundColor = t.backgroundColor), t.width && (n.width = `${t.width}px`), t.height && (n.height = `${t.height}px`);
+	let r = t.style;
+	return r != null && Object.keys(r).forEach((e) => {
+		n[e] = r[e];
+	}), e;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/html-to-image@1.11.11/node_modules/html-to-image/es/embed-webfonts.js
+var l = {};
+async function fetchCSS(e) {
+	let t = l[e];
+	return t ?? (t = {
+		url: e,
+		cssText: await (await fetch(e)).text()
+	}, l[e] = t, t);
+}
+async function embedFonts(e, t) {
+	let n = e.cssText, r = /url\(["']?([^"')]+)["']?\)/g, i = (n.match(/url\([^)]+\)/g) || []).map(async (i) => {
+		let a = i.replace(r, "$1");
+		return a.startsWith("https://") || (a = new URL(a, e.url).href), fetchAsDataURL(a, t.fetchRequestInit, ({ result: e }) => (n = n.replace(i, `url(${e})`), [i, e]));
+	});
+	return Promise.all(i).then(() => n);
+}
+function parseCSS(e) {
+	if (e == null) return [];
+	let t = [], n = e.replace(/(\/\*[\s\S]*?\*\/)/gi, ""), r = /* @__PURE__ */ RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})", "gi");
+	for (;;) {
+		let e = r.exec(n);
+		if (e === null) break;
+		t.push(e[0]);
+	}
+	n = n.replace(r, "");
+	let i = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, a = /* @__PURE__ */ RegExp("((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})", "gi");
+	for (;;) {
+		let e = i.exec(n);
+		if (e === null) {
+			if (e = a.exec(n), e === null) break;
+			i.lastIndex = a.lastIndex;
+		} else a.lastIndex = i.lastIndex;
+		t.push(e[0]);
+	}
+	return t;
+}
+async function getCSSRules(e, t) {
+	let n = [], r = [];
+	return e.forEach((n) => {
+		if ("cssRules" in n) try {
+			toArray(n.cssRules || []).forEach((e, i) => {
+				if (e.type === CSSRule.IMPORT_RULE) {
+					let a = i + 1, o = e.href, s = fetchCSS(o).then((e) => embedFonts(e, t)).then((e) => parseCSS(e).forEach((e) => {
+						try {
+							n.insertRule(e, e.startsWith("@import") ? a += 1 : n.cssRules.length);
+						} catch (t) {
+							console.error("Error inserting rule from remote css", {
+								rule: e,
+								error: t
+							});
+						}
+					})).catch((e) => {
+						console.error("Error loading remote css", e.toString());
+					});
+					r.push(s);
+				}
+			});
+		} catch (i) {
+			let a = e.find((e) => e.href == null) || document.styleSheets[0];
+			n.href != null && r.push(fetchCSS(n.href).then((e) => embedFonts(e, t)).then((e) => parseCSS(e).forEach((e) => {
+				a.insertRule(e, n.cssRules.length);
+			})).catch((e) => {
+				console.error("Error loading remote stylesheet", e);
+			})), console.error("Error inlining remote css file", i);
+		}
+	}), Promise.all(r).then(() => (e.forEach((e) => {
+		if ("cssRules" in e) try {
+			toArray(e.cssRules || []).forEach((e) => {
+				n.push(e);
+			});
+		} catch (t) {
+			console.error(`Error while reading CSS rules from ${e.href}`, t);
+		}
+	}), n));
+}
+function getWebFontRules(e) {
+	return e.filter((e) => e.type === CSSRule.FONT_FACE_RULE).filter((e) => shouldEmbed(e.style.getPropertyValue("src")));
+}
+async function parseWebFontRules(e, t) {
+	if (e.ownerDocument == null) throw Error("Provided element is not within a Document");
+	return getWebFontRules(await getCSSRules(toArray(e.ownerDocument.styleSheets), t));
+}
+async function getWebFontCSS(e, t) {
+	let n = await parseWebFontRules(e, t);
+	return (await Promise.all(n.map((e) => {
+		let n = e.parentStyleSheet ? e.parentStyleSheet.href : null;
+		return embedResources(e.cssText, n, t);
+	}))).join("\n");
+}
+async function embedWebFonts(e, t) {
+	let n = t.fontEmbedCSS == null ? t.skipFonts ? null : await getWebFontCSS(e, t) : t.fontEmbedCSS;
+	if (n) {
+		let t = document.createElement("style"), r = document.createTextNode(n);
+		t.appendChild(r), e.firstChild ? e.insertBefore(t, e.firstChild) : e.appendChild(t);
+	}
+}
+//#endregion
+//#region ../../node_modules/.pnpm/html-to-image@1.11.11/node_modules/html-to-image/es/index.js
+async function toSvg(e, t = {}) {
+	let { width: n, height: r } = getImageSize(e, t), i = await cloneNode(e, t, !0);
+	return await embedWebFonts(i, t), await embedImages(i, t), applyStyle(i, t), await nodeToDataURL(i, n, r);
+}
+async function toCanvas(e, t = {}) {
+	let { width: n, height: r } = getImageSize(e, t), i = await createImage(await toSvg(e, t)), a = document.createElement("canvas"), o = a.getContext("2d"), s = t.pixelRatio || getPixelRatio(), c = t.canvasWidth || n, l = t.canvasHeight || r;
+	return a.width = c * s, a.height = l * s, t.skipAutoScale || checkCanvasDimensions(a), a.style.width = `${c}`, a.style.height = `${l}`, t.backgroundColor && (o.fillStyle = t.backgroundColor, o.fillRect(0, 0, a.width, a.height)), o.drawImage(i, 0, 0, a.width, a.height), a;
+}
+async function toJpeg(e, t = {}) {
+	return (await toCanvas(e, t)).toDataURL("image/jpeg", t.quality || 1);
+}
+async function toBlob(e, t = {}) {
+	return await canvasToBlob(await toCanvas(e, t));
+}
+//#endregion
+export { toBlob, toJpeg };

package/__app__/src/chunks/hooks.mjs

@@ -0,0 +1,145 @@
+import "./rolldown-runtime.mjs";
+import { a as e, f as t } from "./libs/@tanstack.mjs";
+import { c as n, o as r, u as i } from "./Markdown.mjs";
+import { n as a, t as o } from "./libs/fast-equals.mjs";
+import { createContext as s, useCallback as c, useContext as l, useEffect as u, useLayoutEffect as d, useRef as f, useState as p } from "react";
+import { c as m } from "react/compiler-runtime";
+import { useLikeC4Projects as h } from "likec4:projects";
+//#region ../../node_modules/.pnpm/@react-hookz+web@25.2.0_react-dom@19.2.7_react@19.2.7__react@19.2.7/node_modules/@react-hookz/web/dist/useIsomorphicLayoutEffect/index.js
+var g = n ? d : u, cancelTimeout = (e) => {
+	e && clearTimeout(e);
+};
+function useTimeoutEffect(e, t) {
+	let n = i(e), r = i(t), a = f(null), o = c(() => {
+		cancelTimeout(a.current);
+	}, []), s = c(() => {
+		r.current !== void 0 && (o(), a.current = setTimeout(() => {
+			n.current();
+		}, r.current));
+	}, []);
+	return u(() => (s(), o), [t]), [o, s];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/nanostores@1.3.0/node_modules/nanostores/lifecycle/index.js
+var _ = 5, v = 6, y = 10, on = (e, t, n, r) => (e.events = e.events || {}, e.events[n + y] || (e.events[n + y] = r((t) => {
+	e.events[n].reduceRight((e, t) => (t(e), e), {
+		shared: {},
+		...t
+	});
+})), e.events[n] = e.events[n] || [], e.events[n].push(t), () => {
+	let r = e.events[n], i = r.indexOf(t);
+	r.splice(i, 1), r.length || (delete e.events[n], e.events[n + y](), delete e.events[n + y]);
+}), b = 1e3, onMount = (e, t) => {
+	let listener = (n) => {
+		let r = t(n);
+		r && e.events[v].push(r);
+	};
+	return on(e, listener, _, (t) => {
+		let n = e.listen;
+		e.listen = (...r) => (!e.lc && !e.active && (e.active = !0, t()), n(...r));
+		let r = e.off;
+		return e.events[v] = [], e.off = () => {
+			r(), setTimeout(() => {
+				if (e.active && !e.lc) {
+					e.active = !1;
+					for (let t of e.events[v]) t();
+					e.events[v] = [];
+				}
+			}, b);
+		}, () => {
+			e.listen = n, e.off = r;
+		};
+	});
+}, x = s(null);
+x.displayName = "DiagramActorSafeContext";
+var S = s(null);
+S.displayName = "DiagramApiSafeContext";
+var C = x.Provider, w = S.Provider;
+function useDiagramActorRef() {
+	let e = l(x);
+	if (e === null) throw Error("DiagramActorRef is not provided");
+	return e;
+}
+function useDiagram() {
+	let e = l(S);
+	if (e === null) throw Error("DiagramApi is not provided");
+	return e;
+}
+//#endregion
+//#region src/context/safeCtx.ts
+var T = s(null), E = T.Provider, useLikeC4ModelAtom = () => {
+	let e = l(T);
+	if (e === null) throw Error("LikeC4ModelAtom is not provided");
+	return e;
+};
+//#endregion
+//#region src/hooks.ts
+function useTransparentBackground(e) {
+	let t = m(3), n = e === void 0 ? !0 : e, t1, r;
+	t[0] === n ? (t1 = t[1], r = t[2]) : (t1 = () => {
+		let e = document.body.parentElement;
+		if (!(!e || n !== !0)) return e.classList.add("transparent-bg"), () => {
+			e.classList.remove("transparent-bg");
+		};
+	}, r = [n], t[0] = n, t[1] = t1, t[2] = r), g(t1, r);
+}
+function useLikeC4Views() {
+	let e = m(4), t = useLikeC4ModelAtom(), n;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = [], e[0] = n) : n = e[0];
+	let [r, i] = p(n), t1, s;
+	return e[1] === t ? (t1 = e[2], s = e[3]) : (t1 = () => t.subscribe((e) => {
+		i((t) => {
+			let n = [...e.views()].map((e) => {
+				let n = e.$layouted, r = t.find((t) => t.id === e.id);
+				return r && o(n, r) ? r : n;
+			});
+			return a(t, n) ? t : n;
+		});
+	}), s = [t], e[1] = t, e[2] = t1, e[3] = s), u(t1, s), r;
+}
+function useCurrentViewId() {
+	let e = m(1), n;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = {
+		select: _temp,
+		strict: !1
+	}, e[0] = n) : n = e[0], t(n) ?? "index";
+}
+function _temp(e) {
+	return e.viewId;
+}
+function useCurrentView() {
+	let e = m(13), t = useCurrentViewId(), n = useLikeC4ModelAtom(), [i, a] = p("manual"), t0;
+	e[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => {
+		a("manual");
+	}, e[0] = t0) : t0 = e[0];
+	let s;
+	e[1] === t ? s = e[2] : (s = [t], e[1] = t, e[2] = s), r(t0, s);
+	let t2;
+	e[3] !== n || e[4] !== t ? (t2 = () => n.get().findView(t)?.$layouted ?? null, e[3] = n, e[4] = t, e[5] = t2) : t2 = e[5];
+	let [c, l] = p(t2), t3, d;
+	e[6] !== n || e[7] !== i || e[8] !== t ? (t3 = () => n.subscribe((e) => {
+		l((n) => {
+			let r = e.findView(t);
+			if (!r) return null;
+			let a = i === "auto" ? r.$view : r.$layouted;
+			return o(n, a) ? n : a;
+		});
+	}), d = [
+		n,
+		t,
+		i
+	], e[6] = n, e[7] = i, e[8] = t, e[9] = t3, e[10] = d) : (t3 = e[9], d = e[10]), u(t3, d);
+	let f;
+	return e[11] === c ? f = e[12] : (f = [c, a], e[11] = c, e[12] = f), f;
+}
+function useCurrentProject() {
+	let t = m(4), n = h(), r;
+	t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = { select: selectProjectIdFromContext }, t[0] = r) : r = t[0];
+	let i = e(r), a;
+	return t[1] !== i || t[2] !== n ? (a = i && n.find((e) => e.id === i) || n[0], t[1] = i, t[2] = n, t[3] = a) : a = t[3], a;
+}
+function selectProjectIdFromContext(e) {
+	return e.find((e) => e.routeId === "/project/$projectId")?.params?.projectId ?? e.at(-1)?.context.projectId ?? void 0;
+}
+//#endregion
+export { useTransparentBackground as a, C as c, useDiagramActorRef as d, onMount as f, useLikeC4Views as i, w as l, useCurrentView as n, E as o, useTimeoutEffect as p, useCurrentViewId as r, useLikeC4ModelAtom as s, useCurrentProject as t, useDiagram as u };