@bemedev/mind-flow 1.3.0 → 1.4.0

package/lib/index.es.js

@@ -707,7 +707,7 @@ var et = /*#__PURE__*/ b("<svg class=\"pointer-events-none h-full w-full overflo
 	return r.observe(t), () => {
 		r.unobserve(t), r.disconnect();
 	};
-}, at = /*#__PURE__*/ b("<svg class=\"cursor-pointer overflow-visible rounded-full bg-green-500 p-0.5 text-center font-bold hover:bg-green-600\"viewBox=\"0 0 1024 1024\"preserveAspectRatio=xMaxYMax xmlns=http://www.w3.org/2000/svg fill=white style=pointer-events:all;fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2><g id=background><path d=\"M467.40667,277.66696c-0.05948,-14.53055 5.75527,-22.95613 -8.62044,-20.90487c-112.55699,16.0607 -222.1609,112.14558 -245.06161,239.85765c-46.52056,259.43466 231.33083,443.06705 449.51209,316.97506c117.31668,-67.80002 160.95215,-190.43324 151.34416,-288.29849c-5.92276,-60.32819 -27.80273,-107.95668 -53.44246,-144.25469l59.39269,-42.05363c111.72214,156.309 73.11535,351.55635 -25.06953,459.45565c-184.18877,202.4124 -470.46624,145.52064 -592.95027,-32.92123c-156.18269,-227.53604 -27.15324,-543.64371 261.18883,-582.44416c5.0579,-0.68061 3.56556,-7.04079 3.56442,-8.58985c-0.05594,-76.3354 -0.11021,-76.7687 1.10909,-77.24589c2.06886,-0.80969 151.41433,118.4561 151.92482,118.95524c4.65592,4.55233 -0.99548,7.829 -29.07828,30.50907c-120.49369,97.31245 -120.4977,98.55675 -123.0691,97.87586c-0.43639,-0.11555 -0.80698,-0.31322 -0.74442,-66.91571Z\"></path><path d=\"M316.61562,611.03414c0.11517,-90.16257 -0.25516,-99.92912 0.64739,-101.78856c1.56486,-3.22393 131.99102,0.91032 134.6959,-1.89763c2.21336,-2.2977 -0.59362,-129.97807 1.1376,-132.37034c0.7253,-1.00225 11.10552,-0.99175 12.07474,-0.99077c104.50336,0.10564 104.90098,-0.37811 105.967,0.85765c1.56461,1.81373 0.25596,114.18436 0.67852,129.81412c0.1322,4.88975 3.22386,3.28152 99.72028,3.4563c33.0841,0.05992 36.14259,-1.40368 36.21852,4.50462c0.11713,9.11348 1.41954,110.45369 -0.40274,113.92715c-1.81106,3.45208 -130.39967,-0.42618 -134.48289,1.62075c-2.29035,1.14816 -0.36989,101.12392 -1.11542,130.51904c-0.09548,3.76459 -2.13506,3.20617 -47.84854,3.17365c-69.30253,-0.0493 -69.31099,-0.25627 -69.65762,-0.42191c-3.77927,-1.80595 0.16287,-129.33555 -2.24266,-132.58994c-1.79931,-2.43424 -124.06108,-0.29118 -132.80252,-0.97392c-3.81102,-0.29766 -2.58229,-14.8847 -2.58758,-16.8402Z\">"), ot = /*#__PURE__*/ b("<div class=\"group min-w-48\"><div><svg class=\"cursor-pointer rounded-full fill-[#a11111] opacity-100 transition-all duration-200 ease-in-out\"fill=currentColor stroke-width=2 viewBox=\"4 4 16 16\"style=overflow:visible;pointer-events:all><path d=\"M12 4c-4.419 0-8 3.582-8 8s3.581 8 8 8 8-3.582 8-8-3.581-8-8-8zm3.707 10.293a.999.999 0 11-1.414 1.414L12 13.414l-2.293 2.293a.997.997 0 01-1.414 0 .999.999 0 010-1.414L10.586 12 8.293 9.707a.999.999 0 111.414-1.414L12 10.586l2.293-2.293a.999.999 0 111.414 1.414L13.414 12l2.293 2.293z\"></path></svg><!$><!/><svg class=\"flex cursor-pointer items-center justify-center rounded-lg bg-blue-500 p-0.5 text-center font-bold text-white hover:bg-blue-600\"viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2 style=pointer-events:all><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"></path></svg></div><div></div><div id=inputs data-handle-type=input class=\"pointer-events-none absolute top-0 z-10 flex cursor-default flex-col\"><div data-handle-type=input class=\"cursor-default rounded-full bg-[#e38b29] shadow-md transition-transform\"style=pointer-events:all></div></div><div id=outputs data-handle-type=output class=\"pointer-events-none absolute top-0 z-10 flex flex-col\"><div data-handle-type=output class=\"cursor-crosshair rounded-full bg-[#e38b29] shadow-md transition-transform\"style=pointer-events:all>"), st = /*#__PURE__*/ b("<div class=\"p-3 select-none\"><!$><!/><!$><!/><!$><!/>"), ct = /*#__PURE__*/ b("<span class=\"mb-2 block min-w-max border-b border-[#f0f0f0] pb-2 font-semibold whitespace-nowrap text-red-600 select-none\">"), lt = /*#__PURE__*/ b("<div class=select-none>"), ut = /*#__PURE__*/ b("<div><span class=font-semibold><!$><!/>: </span><span>"), dt = (e) => {
+}, at = /*#__PURE__*/ b("<svg class=\"cursor-pointer overflow-visible rounded-full bg-green-500 p-0.5 text-center font-bold hover:bg-green-600\"viewBox=\"0 0 1024 1024\"preserveAspectRatio=xMaxYMax xmlns=http://www.w3.org/2000/svg fill=white style=pointer-events:all;fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2><g id=background><path d=\"M467.40667,277.66696c-0.05948,-14.53055 5.75527,-22.95613 -8.62044,-20.90487c-112.55699,16.0607 -222.1609,112.14558 -245.06161,239.85765c-46.52056,259.43466 231.33083,443.06705 449.51209,316.97506c117.31668,-67.80002 160.95215,-190.43324 151.34416,-288.29849c-5.92276,-60.32819 -27.80273,-107.95668 -53.44246,-144.25469l59.39269,-42.05363c111.72214,156.309 73.11535,351.55635 -25.06953,459.45565c-184.18877,202.4124 -470.46624,145.52064 -592.95027,-32.92123c-156.18269,-227.53604 -27.15324,-543.64371 261.18883,-582.44416c5.0579,-0.68061 3.56556,-7.04079 3.56442,-8.58985c-0.05594,-76.3354 -0.11021,-76.7687 1.10909,-77.24589c2.06886,-0.80969 151.41433,118.4561 151.92482,118.95524c4.65592,4.55233 -0.99548,7.829 -29.07828,30.50907c-120.49369,97.31245 -120.4977,98.55675 -123.0691,97.87586c-0.43639,-0.11555 -0.80698,-0.31322 -0.74442,-66.91571Z\"></path><path d=\"M316.61562,611.03414c0.11517,-90.16257 -0.25516,-99.92912 0.64739,-101.78856c1.56486,-3.22393 131.99102,0.91032 134.6959,-1.89763c2.21336,-2.2977 -0.59362,-129.97807 1.1376,-132.37034c0.7253,-1.00225 11.10552,-0.99175 12.07474,-0.99077c104.50336,0.10564 104.90098,-0.37811 105.967,0.85765c1.56461,1.81373 0.25596,114.18436 0.67852,129.81412c0.1322,4.88975 3.22386,3.28152 99.72028,3.4563c33.0841,0.05992 36.14259,-1.40368 36.21852,4.50462c0.11713,9.11348 1.41954,110.45369 -0.40274,113.92715c-1.81106,3.45208 -130.39967,-0.42618 -134.48289,1.62075c-2.29035,1.14816 -0.36989,101.12392 -1.11542,130.51904c-0.09548,3.76459 -2.13506,3.20617 -47.84854,3.17365c-69.30253,-0.0493 -69.31099,-0.25627 -69.65762,-0.42191c-3.77927,-1.80595 0.16287,-129.33555 -2.24266,-132.58994c-1.79931,-2.43424 -124.06108,-0.29118 -132.80252,-0.97392c-3.81102,-0.29766 -2.58229,-14.8847 -2.58758,-16.8402Z\">"), ot = /*#__PURE__*/ b("<div class=\"group min-w-48\"><div><svg class=\"cursor-pointer rounded-full fill-[#a11111] opacity-100 transition-all duration-200 ease-in-out\"fill=currentColor stroke-width=2 viewBox=\"4 4 16 16\"style=overflow:visible;pointer-events:all><path d=\"M12 4c-4.419 0-8 3.582-8 8s3.581 8 8 8 8-3.582 8-8-3.581-8-8-8zm3.707 10.293a.999.999 0 11-1.414 1.414L12 13.414l-2.293 2.293a.997.997 0 01-1.414 0 .999.999 0 010-1.414L10.586 12 8.293 9.707a.999.999 0 111.414-1.414L12 10.586l2.293-2.293a.999.999 0 111.414 1.414L13.414 12l2.293 2.293z\"></path></svg><!$><!/><svg class=\"flex cursor-pointer items-center justify-center rounded-lg bg-blue-500 p-0.5 text-center font-bold text-white hover:bg-blue-600\"viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2 style=pointer-events:all><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"></path></svg></div><div></div><div id=inputs class=\"pointer-events-none absolute top-0 z-10 flex cursor-default flex-col\"><div data-handle-type=input class=\"cursor-default rounded-full bg-[#e38b29] shadow-md transition-transform duration-150 ease-in-out hover:scale-150\"style=pointer-events:all></div></div><div id=outputs class=\"pointer-events-none absolute top-0 z-10 flex flex-col\"><div data-handle-type=output class=\"cursor-crosshair rounded-full bg-[#e38b29] shadow-md transition-transform duration-150 ease-in-out hover:scale-150\"style=pointer-events:all>"), st = /*#__PURE__*/ b("<div class=\"p-3 select-none\"><!$><!/><!$><!/><!$><!/>"), ct = /*#__PURE__*/ b("<span class=\"mb-2 block min-w-max border-b border-[#f0f0f0] pb-2 font-semibold whitespace-nowrap text-red-600 select-none\">"), lt = /*#__PURE__*/ b("<div class=select-none>"), ut = /*#__PURE__*/ b("<div><span class=font-semibold><!$><!/>: </span><span>"), dt = (e) => {
 	let t = H(), n = S(t, { selector: (e) => e.context.newEdge }), i = I(e.id), o = S(t, {
 		selector: ({ context: t }) => {
 			let n = re.typed(t.data?.nodes).find((t) => t.id === e.id);
@@ -831,8 +831,8 @@ var et = /*#__PURE__*/ b("<svg class=\"pointer-events-none h-full w-full overflo
 				"pointer-events-none absolute flex items-center justify-end -top-7.5 right-0 transition-all duration-200 ease-in-out space-x-2": !0,
 				"w-full opacity-100": c(),
 				"w-0 -right-3 opacity-0 overflow-hidden": !c()
-			}, u = e.id, d = e.id, f = e.id, p = e.id;
-			return t.e = a(y, n, t.e), r !== t.t && _(y, "top", t.t = r), i !== t.a && _(y, "left", t.a = i), s !== t.o && g(y, "id", t.o = s), t.i = a(b, l, t.i), u !== t.n && g(k, "data-node-id", t.n = u), d !== t.s && g(A, "data-node-id", t.s = d), f !== t.h && g(j, "data-node-id", t.h = f), p !== t.r && g(M, "data-node-id", t.r = p), t;
+			}, u = e.id, d = e.id;
+			return t.e = a(y, n, t.e), r !== t.t && _(y, "top", t.t = r), i !== t.a && _(y, "left", t.a = i), s !== t.o && g(y, "id", t.o = s), t.i = a(b, l, t.i), u !== t.n && g(A, "data-node-id", t.n = u), d !== t.s && g(M, "data-node-id", t.s = d), t;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -840,9 +840,7 @@ var et = /*#__PURE__*/ b("<svg class=\"pointer-events-none h-full w-full overflo
 			o: void 0,
 			i: void 0,
 			n: void 0,
-			s: void 0,
-			h: void 0,
-			r: void 0
+			s: void 0
 		}), h(), y;
 	})();
 };
@@ -854,352 +852,118 @@ c([
 	"mouseup"
 ]);
 //#endregion
-//#region src/ui/components/Panels.tsx
-var ft = /*#__PURE__*/ b("<div class=\"absolute top-4 left-4 z-50\">"), pt = /*#__PURE__*/ b("<div class=\"absolute top-4 right-4 z-50\">"), mt = /*#__PURE__*/ b("<div class=\"absolute bottom-4 left-4 z-50\">"), ht = (e) => [
-	s(C, {
-		get when() {
-			return e.topLeft;
-		},
-		keyed: !0,
-		children: (e) => (() => {
-			var t = u(ft);
-			return f(t, s(e, {})), t;
-		})()
-	}),
-	s(C, {
-		get when() {
-			return e.topRight;
-		},
-		keyed: !0,
-		children: (e) => (() => {
-			var t = u(pt);
-			return f(t, s(e, {})), t;
-		})()
-	}),
-	s(C, {
-		get when() {
-			return e.bottomLeft;
-		},
-		keyed: !0,
-		children: (e) => (() => {
-			var t = u(mt);
-			return f(t, s(e, {})), t;
-		})()
-	})
-], gt = /*#__PURE__*/ b("<div class=\"relative h-full w-full overflow-auto\"><!$><!/><div class=\"relative cursor-crosshair overflow-hidden\"><div class=\"relative h-full w-full\"style=\"transform-origin:top left\"><!$><!/><!$><!/><!$><!/>"), _t = /*#__PURE__*/ b("<div class=\"absolute right-4 bottom-4 z-50 flex items-center gap-2 rounded-xl border border-gray-200 bg-white/90 p-2 shadow-lg backdrop-blur-md\"><button type=button class=\"flex size-9 cursor-pointer items-center justify-center rounded-lg bg-gray-100 text-lg font-bold text-gray-700 shadow-sm transition-all duration-150 hover:bg-gray-200 active:scale-95\"title=\"Zoom out\"aria-label=\"Zoom out\">-</button><button type=button class=\"h-9 cursor-pointer rounded-lg px-2 text-xs font-semibold text-gray-700 transition-colors hover:bg-gray-100\"title=\"Reset zoom\"aria-label=\"Reset zoom\"><!$><!/>%</button><button type=button class=\"flex size-9 cursor-pointer items-center justify-center rounded-lg bg-gray-100 text-lg font-bold text-gray-700 shadow-sm transition-all duration-150 hover:bg-gray-200 active:scale-95\"title=\"Zoom in\"aria-label=\"Zoom in\">+</button><div class=\"h-5 w-px bg-gray-300\"></div><button type=button class=\"flex size-9 cursor-pointer items-center justify-center rounded-lg bg-blue-600 text-white shadow transition-all duration-150 hover:bg-blue-700 active:scale-95\"title=\"Add parent node\"aria-label=\"Add parent node\"><svg class=size-5 viewBox=\"0 0 24 24\"fill=currentColor><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\">"), vt = /*#__PURE__*/ b("<div class=\"relative mx-auto h-full w-full overflow-hidden\">"), yt = (e) => {
-	let t, [n, r] = O(!1), [i, a] = O({
-		x: 0,
-		y: 0
-	}), [o, c] = O(), p = 0, g = 0, v = H(), y = S(v, {
-		selector: (e) => e.context.newEdge,
-		equals: U
-	}), b = S(v, { selector: (e) => e.context.zoom ?? 1 }), w = () => {
-		let e = o();
-		if (!e) return;
-		let t = e.getBoundingClientRect(), n = () => o()?.parentElement, r = {
-			self: {
-				left: t.left,
-				top: t.top,
-				width: e.clientWidth,
-				height: e.clientHeight
-			},
-			parent: n() ? {
-				scrollLeft: n().scrollLeft,
-				scrollTop: n().scrollTop,
-				height: n().clientHeight,
-				width: n().clientWidth
-			} : void 0
-		};
-		v.send({
-			type: "SET_BOARD",
-			payload: r
-		});
-	}, T = () => {
-		let e = t.scrollWidth - t.clientWidth, n = t.scrollHeight - t.clientHeight;
-		p = e > 0 ? t.scrollLeft / e : 0, g = n > 0 ? t.scrollTop / n : 0, w();
-	};
-	E(k(b, () => {
-		let e = t.scrollWidth - t.clientWidth, n = t.scrollHeight - t.clientHeight;
-		e > 0 && (t.scrollLeft = p * e), n > 0 && (t.scrollTop = g * n);
-	}, { defer: !0 })), j(w);
-	let D = S(v, { selector: (e) => e.context?.selected }), A = S(v, {
-		selector: ({ context: e }) => re.typed(e.data?.nodes).map((e) => e.id),
-		equals: (e, t) => e.length === t.length
-	}), M = () => `calc((500vw - 265px) * ${b()})`, N = () => `calc((500vh - 425px) * ${b()})`;
-	return (() => {
-		var o = u(vt);
-		return o.addEventListener("wheel", (e) => {
-			if (e.ctrlKey || e.metaKey) {
-				e.preventDefault(), T();
-				let t = e.deltaY < 0 ? .1 : -.1;
-				v.send({
-					type: "ZOOM",
-					payload: t
-				});
-			}
-		}), f(o, s(ie, {
-			onDragMove: ({ draggable: { transform: e, node: t, id: n } }) => {
-				let r = t.parentElement?.parentElement, i = b(), o = r ? Math.max(0, r.clientWidth / i - t.offsetWidth) : Infinity, s = r ? Math.max(0, r.clientHeight / i - t.offsetHeight) : Infinity, c = t.offsetLeft + e.x / i, l = t.offsetTop + e.y / i, u = Math.min(Math.max(c, 0), o), d = Math.min(Math.max(l, 0), s), f = u - t.offsetLeft, p = d - t.offsetTop;
-				t.style.setProperty("transform", `translate3d(${f}px, ${p}px, 0)`), v.send({
-					type: "MOVE_IMMEDIATE",
-					payload: {
-						id: `${n}`,
-						x: u,
-						y: d
-					}
-				}), a({
-					x: f * i,
-					y: p * i
-				});
-			},
-			onDragEnd: ({ draggable: { node: e, id: t } }) => {
-				let n = e.parentElement?.parentElement, r = b(), o = n ? Math.max(0, n.clientWidth / r - e.offsetWidth) : Infinity, s = n ? Math.max(0, n.clientHeight / r - e.offsetHeight) : Infinity, c = e.offsetLeft + i().x / r, l = e.offsetTop + i().y / r, u = Math.min(Math.max(c, 0), o), d = Math.min(Math.max(l, 0), s);
-				e.style.setProperty("top", d + "px"), e.style.setProperty("left", u + "px"), e.style.removeProperty("transform"), v.send({
-					type: "MOVE",
-					payload: {
-						id: `${t}`,
-						x: u,
-						y: d
-					}
-				}), setTimeout(() => {
-					a({
-						x: 0,
-						y: 0
-					});
-				}, 0);
-			},
-			get children() {
-				return [
-					(() => {
-						var i = u(gt), a = i.firstChild, [o, p] = d(a.nextSibling), m = o.nextSibling, g = m.firstChild, S = g.firstChild, [C, w] = d(S.nextSibling), E = C.nextSibling, [D, O] = d(E.nextSibling), k = D.nextSibling, [j, te] = d(k.nextSibling);
-						return i.addEventListener("scroll", T), x((e) => t = e, i), f(i, s(ae, {}), o, p), m.$$mousedown = (e) => {
-							if (y() || e.button !== 0) return;
-							v.send("DESELECT"), r(!0);
-							let n = e.clientX, i = e.clientY, a = t.scrollLeft, o = t.scrollTop, s = (e) => {
-								let r = e.clientX - n, s = e.clientY - i;
-								t.scrollLeft = a - r * 3, t.scrollTop = o - s * 3, T();
-							}, c = () => {
-								window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", c), setTimeout(() => r(!1), 200);
-							};
-							window.addEventListener("mousemove", s), window.addEventListener("mouseup", c);
-						}, x(c, m), f(g, s(Je, {}), C, w), f(g, s(tt, {}), D, O), f(g, s(ee, {
-							get each() {
-								return A();
-							},
-							children: (t) => s(dt, {
-								id: t,
-								get children() {
-									return e.component;
-								}
-							})
-						}), j, te), l((e) => {
-							var t = !!n(), r = N(), i = M(), a = b();
-							return t !== e.e && m.classList.toggle("cursor-grabbing", e.e = t), r !== e.t && _(m, "height", e.t = r), i !== e.a && _(m, "width", e.a = i), a !== e.o && _(g, "scale", e.o = a), e;
-						}, {
-							e: void 0,
-							t: void 0,
-							a: void 0,
-							o: void 0
-						}), h(), i;
-					})(),
-					s(ht, m(() => e.panels)),
-					(() => {
-						var e = u(_t), t = e.firstChild, n = t.nextSibling, r = n.firstChild, [i, a] = d(r.nextSibling);
-						i.nextSibling;
-						var o = n.nextSibling, s = o.nextSibling.nextSibling;
-						return t.$$click = () => {
-							T(), v.send({
-								type: "ZOOM",
-								payload: -.1
-							});
-						}, n.$$click = () => {
-							T(), v.send("TOGGLE_ZOOM");
-						}, f(n, () => Math.round(b() * 100), i, a), o.$$click = () => {
-							T(), v.send({
-								type: "ZOOM",
-								payload: .1
-							});
-						}, s.$$click = () => v.send("ADD_PARENT"), h(), e;
-					})(),
-					s(C, {
-						get when() {
-							return !D();
-						},
-						get children() {
-							return s(F, { children: "" });
-						}
-					})
-				];
-			}
-		})), o;
-	})();
-};
-c(["mousedown", "click"]);
-//#endregion
-//#region src/ui/components/FlowChart.tsx
-var bt = /*#__PURE__*/ b("<div class=\"relative h-full w-full\"><div class=\"h-full w-full\">"), xt = (e) => {
-	let t = e.config?.nodes ?? Te, n = e.config?.edges, r = H(), i = S(r, { selector: (e) => !!e.context.newEdge });
-	return A(r.pause), j(() => {
-		r.resume(), r.send({
-			type: "CONFIGURE",
-			payload: {
-				nodes: t,
-				edges: n ?? [],
-				defaultData: e.defaultData
-			}
-		});
-	}), E(() => {
-		if (!i()) return;
-		let e = (e) => {
-			r.send({
-				type: "MOVE_NEW_EDGE",
-				payload: {
-					x: e.clientX,
-					y: e.clientY
-				}
-			});
-		}, t = (e) => {
-			let t = r.state.context.newEdge?.from;
-			if (t) {
-				let n = (document.elementFromPoint(e.clientX, e.clientY)?.closest("[data-handle-type=\"input\"]"))?.getAttribute("data-node-id");
-				n && n !== t && r.send({
-					type: "ADD_EDGE",
-					payload: {
-						from: t,
-						to: n
-					}
-				});
-			}
-			r.send("CLEAR_NEW_EDGE");
-		};
-		window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), A(() => {
-			window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t);
-		});
-	}), (() => {
-		var t = u(bt), n = t.firstChild;
-		return f(n, s(yt, {
-			get panels() {
-				return e.panels;
-			},
-			get component() {
-				return e.component;
-			}
-		})), l((e) => _(n, "cursor", i() ? "inherit" : "crosshair")), t;
-	})();
-};
-//#endregion
 //#region ../../node_modules/clsx/dist/clsx.mjs
-function St(e) {
+function ft(e) {
 	var t, n, r = "";
 	if (typeof e == "string" || typeof e == "number") r += e;
 	else if (typeof e == "object") {
 		if (Array.isArray(e)) {
 			var i = e.length;
-			for (t = 0; t < i; t++) e[t] && (n = St(e[t])) && (r && (r += " "), r += n);
+			for (t = 0; t < i; t++) e[t] && (n = ft(e[t])) && (r && (r += " "), r += n);
 		} else for (n in e) e[n] && (r && (r += " "), r += n);
 	}
 	return r;
 }
-function Ct() {
-	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = St(e)) && (r && (r += " "), r += t);
+function pt() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = ft(e)) && (r && (r += " "), r += t);
 	return r;
 }
 //#endregion
 //#region ../../node_modules/tailwind-merge/dist/bundle-mjs.mjs
-var wt = (e, t) => {
+var mt = (e, t) => {
 	let n = Array(e.length + t.length);
 	for (let t = 0; t < e.length; t++) n[t] = e[t];
 	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
 	return n;
-}, Tt = (e, t) => ({
+}, ht = (e, t) => ({
 	classGroupId: e,
 	validator: t
-}), Et = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+}), gt = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
 	nextPart: e,
 	validators: t,
 	classGroupId: n
-}), Dt = "-", Ot = [], kt = "arbitrary..", At = (e) => {
-	let t = Nt(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+}), _t = "-", vt = [], yt = "arbitrary..", bt = (e) => {
+	let t = Ct(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return Mt(e);
-			let n = e.split(Dt);
-			return jt(n, +(n[0] === "" && n.length > 1), t);
+			if (e.startsWith("[") && e.endsWith("]")) return St(e);
+			let n = e.split(_t);
+			return xt(n, +(n[0] === "" && n.length > 1), t);
 		},
 		getConflictingClassGroupIds: (e, t) => {
 			if (t) {
 				let t = r[e], i = n[e];
-				return t ? i ? wt(i, t) : t : i || Ot;
+				return t ? i ? mt(i, t) : t : i || vt;
 			}
-			return n[e] || Ot;
+			return n[e] || vt;
 		}
 	};
-}, jt = (e, t, n) => {
+}, xt = (e, t, n) => {
 	if (e.length - t === 0) return n.classGroupId;
 	let r = e[t], i = n.nextPart.get(r);
 	if (i) {
-		let n = jt(e, t + 1, i);
+		let n = xt(e, t + 1, i);
 		if (n) return n;
 	}
 	let a = n.validators;
 	if (a === null) return;
-	let o = t === 0 ? e.join(Dt) : e.slice(t).join(Dt), s = a.length;
+	let o = t === 0 ? e.join(_t) : e.slice(t).join(_t), s = a.length;
 	for (let e = 0; e < s; e++) {
 		let t = a[e];
 		if (t.validator(o)) return t.classGroupId;
 	}
-}, Mt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, St = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
 	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
-	return r ? kt + r : void 0;
-})(), Nt = (e) => {
+	return r ? yt + r : void 0;
+})(), Ct = (e) => {
 	let { theme: t, classGroups: n } = e;
-	return Pt(n, t);
-}, Pt = (e, t) => {
-	let n = Et();
+	return wt(n, t);
+}, wt = (e, t) => {
+	let n = gt();
 	for (let r in e) {
 		let i = e[r];
-		Ft(i, n, r, t);
+		Tt(i, n, r, t);
 	}
 	return n;
-}, Ft = (e, t, n, r) => {
+}, Tt = (e, t, n, r) => {
 	let i = e.length;
 	for (let a = 0; a < i; a++) {
 		let i = e[a];
-		It(i, t, n, r);
+		Et(i, t, n, r);
 	}
-}, It = (e, t, n, r) => {
+}, Et = (e, t, n, r) => {
 	if (typeof e == "string") {
-		Lt(e, t, n);
+		Dt(e, t, n);
 		return;
 	}
 	if (typeof e == "function") {
-		Rt(e, t, n, r);
+		Ot(e, t, n, r);
 		return;
 	}
-	zt(e, t, n, r);
-}, Lt = (e, t, n) => {
-	let r = e === "" ? t : Bt(t, e);
+	kt(e, t, n, r);
+}, Dt = (e, t, n) => {
+	let r = e === "" ? t : At(t, e);
 	r.classGroupId = n;
-}, Rt = (e, t, n, r) => {
-	if (Vt(e)) {
-		Ft(e(r), t, n, r);
+}, Ot = (e, t, n, r) => {
+	if (jt(e)) {
+		Tt(e(r), t, n, r);
 		return;
 	}
-	t.validators === null && (t.validators = []), t.validators.push(Tt(n, e));
-}, zt = (e, t, n, r) => {
+	t.validators === null && (t.validators = []), t.validators.push(ht(n, e));
+}, kt = (e, t, n, r) => {
 	let i = Object.entries(e), a = i.length;
 	for (let e = 0; e < a; e++) {
 		let [a, o] = i[e];
-		Ft(o, Bt(t, a), n, r);
+		Tt(o, At(t, a), n, r);
 	}
-}, Bt = (e, t) => {
-	let n = e, r = t.split(Dt), i = r.length;
+}, At = (e, t) => {
+	let n = e, r = t.split(_t), i = r.length;
 	for (let e = 0; e < i; e++) {
 		let t = r[e], i = n.nextPart.get(t);
-		i || (i = Et(), n.nextPart.set(t, i)), n = i;
+		i || (i = gt(), n.nextPart.set(t, i)), n = i;
 	}
 	return n;
-}, Vt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Ht = (e) => {
+}, jt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Mt = (e) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
@@ -1217,19 +981,19 @@ var wt = (e, t) => {
 			e in n ? n[e] = t : i(e, t);
 		}
 	};
-}, Ut = "!", Wt = ":", Gt = [], Kt = (e, t, n, r, i) => ({
+}, Nt = "!", Pt = ":", Ft = [], It = (e, t, n, r, i) => ({
 	modifiers: e,
 	hasImportantModifier: t,
 	baseClassName: n,
 	maybePostfixModifierPosition: r,
 	isExternal: i
-}), qt = (e) => {
+}), Lt = (e) => {
 	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
 		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
 		for (let s = 0; s < o; s++) {
 			let o = e[s];
 			if (n === 0 && r === 0) {
-				if (o === Wt) {
+				if (o === Pt) {
 					t.push(e.slice(i, s)), i = s + 1;
 					continue;
 				}
@@ -1241,13 +1005,13 @@ var wt = (e, t) => {
 			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
 		}
 		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
-		s.endsWith(Ut) ? (c = s.slice(0, -1), l = !0) : s.startsWith(Ut) && (c = s.slice(1), l = !0);
+		s.endsWith(Nt) ? (c = s.slice(0, -1), l = !0) : s.startsWith(Nt) && (c = s.slice(1), l = !0);
 		let u = a && a > i ? a - i : void 0;
-		return Kt(t, l, c, u);
+		return It(t, l, c, u);
 	};
 	if (t) {
-		let e = t + Wt, n = r;
-		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : Kt(Gt, !1, t, void 0, !0);
+		let e = t + Pt, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : It(Ft, !1, t, void 0, !0);
 	}
 	if (n) {
 		let e = r;
@@ -1257,7 +1021,7 @@ var wt = (e, t) => {
 		});
 	}
 	return r;
-}, Jt = (e) => {
+}, Rt = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.orderSensitiveModifiers.forEach((e, n) => {
 		t.set(e, 1e6 + n);
@@ -1269,18 +1033,18 @@ var wt = (e, t) => {
 		}
 		return r.length > 0 && (r.sort(), n.push(...r)), n;
 	};
-}, Yt = (e) => ({
-	cache: Ht(e.cacheSize),
-	parseClassName: qt(e),
-	sortModifiers: Jt(e),
-	postfixLookupClassGroupIds: Xt(e),
-	...At(e)
-}), Xt = (e) => {
+}, zt = (e) => ({
+	cache: Mt(e.cacheSize),
+	parseClassName: Lt(e),
+	sortModifiers: Rt(e),
+	postfixLookupClassGroupIds: Bt(e),
+	...bt(e)
+}), Bt = (e) => {
 	let t = Object.create(null), n = e.postfixLookupClassGroups;
 	if (n) for (let e = 0; e < n.length; e++) t[n[e]] = !0;
 	return t;
-}, Zt = /\s+/, Qt = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(Zt), l = "";
+}, Vt = /\s+/, Ht = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(Vt), l = "";
 	for (let e = c.length - 1; e >= 0; --e) {
 		let t = c[e], { isExternal: u, modifiers: d, hasImportantModifier: f, baseClassName: p, maybePostfixModifierPosition: m } = n(t);
 		if (u) {
@@ -1304,7 +1068,7 @@ var wt = (e, t) => {
 			}
 			h = !1;
 		}
-		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + Ut : _, y = v + g;
+		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), v = f ? _ + Nt : _, y = v + g;
 		if (s.indexOf(y) > -1) continue;
 		s.push(y);
 		let b = i(g, h);
@@ -1315,33 +1079,33 @@ var wt = (e, t) => {
 		l = t + (l.length > 0 ? " " + l : l);
 	}
 	return l;
-}, $t = (...e) => {
+}, Ut = (...e) => {
 	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = en(n)) && (i && (i += " "), i += r);
+	for (; t < e.length;) (n = e[t++]) && (r = Wt(n)) && (i && (i += " "), i += r);
 	return i;
-}, en = (e) => {
+}, Wt = (e) => {
 	if (typeof e == "string") return e;
 	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = en(e[r])) && (n && (n += " "), n += t);
+	for (let r = 0; r < e.length; r++) e[r] && (t = Wt(e[r])) && (n && (n += " "), n += t);
 	return n;
-}, tn = (e, ...t) => {
-	let n, r, i, a, o = (o) => (n = Yt(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+}, Gt = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = zt(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
 		let t = r(e);
 		if (t) return t;
-		let a = Qt(e, n);
+		let a = Ht(e, n);
 		return i(e, a), a;
 	};
-	return a = o, (...e) => a($t(...e));
-}, nn = [], W = (e) => {
-	let t = (t) => t[e] || nn;
+	return a = o, (...e) => a(Ut(...e));
+}, Kt = [], W = (e) => {
+	let t = (t) => t[e] || Kt;
 	return t.isThemeGetter = !0, t;
-}, rn = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, an = /^\((?:(\w[\w-]*):)?(.+)\)$/i, on = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, sn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, cn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ln = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, un = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, dn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => on.test(e), K = (e) => !!e && !Number.isNaN(Number(e)), q = (e) => !!e && Number.isInteger(Number(e)), fn = (e) => e.endsWith("%") && K(e.slice(0, -1)), J = (e) => sn.test(e), pn = () => !0, mn = (e) => cn.test(e) && !ln.test(e), hn = () => !1, gn = (e) => un.test(e), _n = (e) => dn.test(e), vn = (e) => !Y(e) && !Z(e), yn = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), bn = (e) => Q(e, In, hn), Y = (e) => rn.test(e), X = (e) => Q(e, Ln, mn), xn = (e) => Q(e, Rn, K), Sn = (e) => Q(e, Bn, pn), Cn = (e) => Q(e, zn, hn), wn = (e) => Q(e, Pn, hn), Tn = (e) => Q(e, Fn, _n), En = (e) => Q(e, Vn, gn), Z = (e) => an.test(e), Dn = (e) => $(e, Ln), On = (e) => $(e, zn), kn = (e) => $(e, Pn), An = (e) => $(e, In), jn = (e) => $(e, Fn), Mn = (e) => $(e, Vn, !0), Nn = (e) => $(e, Bn, !0), Q = (e, t, n) => {
-	let r = rn.exec(e);
+}, qt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Jt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Yt = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Xt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Zt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Qt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, $t = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, en = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, G = (e) => Yt.test(e), K = (e) => !!e && !Number.isNaN(Number(e)), q = (e) => !!e && Number.isInteger(Number(e)), tn = (e) => e.endsWith("%") && K(e.slice(0, -1)), J = (e) => Xt.test(e), nn = () => !0, rn = (e) => Zt.test(e) && !Qt.test(e), an = () => !1, on = (e) => $t.test(e), sn = (e) => en.test(e), cn = (e) => !Y(e) && !Z(e), ln = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), un = (e) => Q(e, En, an), Y = (e) => qt.test(e), X = (e) => Q(e, Dn, rn), dn = (e) => Q(e, On, K), fn = (e) => Q(e, An, nn), pn = (e) => Q(e, kn, an), mn = (e) => Q(e, wn, an), hn = (e) => Q(e, Tn, sn), gn = (e) => Q(e, jn, on), Z = (e) => Jt.test(e), _n = (e) => $(e, Dn), vn = (e) => $(e, kn), yn = (e) => $(e, wn), bn = (e) => $(e, En), xn = (e) => $(e, Tn), Sn = (e) => $(e, jn, !0), Cn = (e) => $(e, An, !0), Q = (e, t, n) => {
+	let r = qt.exec(e);
 	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
 }, $ = (e, t, n = !1) => {
-	let r = an.exec(e);
+	let r = Jt.exec(e);
 	return r ? r[1] ? t(r[1]) : n : !1;
-}, Pn = (e) => e === "position" || e === "percentage", Fn = (e) => e === "image" || e === "url", In = (e) => e === "length" || e === "size" || e === "bg-size", Ln = (e) => e === "length", Rn = (e) => e === "number", zn = (e) => e === "family-name", Bn = (e) => e === "number" || e === "weight", Vn = (e) => e === "shadow", Hn = /*#__PURE__*/ tn(() => {
+}, wn = (e) => e === "position" || e === "percentage", Tn = (e) => e === "image" || e === "url", En = (e) => e === "length" || e === "size" || e === "bg-size", Dn = (e) => e === "length", On = (e) => e === "number", kn = (e) => e === "family-name", An = (e) => e === "number" || e === "weight", jn = (e) => e === "shadow", Mn = /*#__PURE__*/ Gt(() => {
 	let e = W("color"), t = W("font"), n = W("text"), r = W("font-weight"), i = W("tracking"), a = W("leading"), o = W("breakpoint"), s = W("container"), c = W("spacing"), l = W("radius"), u = W("shadow"), d = W("inset-shadow"), f = W("text-shadow"), p = W("drop-shadow"), m = W("blur"), h = W("perspective"), g = W("aspect"), _ = W("ease"), v = W("animate"), y = () => [
 		"auto",
 		"avoid",
@@ -1478,8 +1242,8 @@ var wt = (e, t) => {
 		Y
 	], ne = () => [
 		...b(),
-		kn,
-		wn,
+		yn,
+		mn,
 		{ position: [Z, Y] }
 	], re = () => ["no-repeat", { repeat: [
 		"",
@@ -1491,12 +1255,12 @@ var wt = (e, t) => {
 		"auto",
 		"cover",
 		"contain",
-		An,
 		bn,
+		un,
 		{ size: [Z, Y] }
 	], ae = () => [
-		fn,
-		Dn,
+		tn,
+		_n,
 		X
 	], F = () => [
 		"",
@@ -1508,7 +1272,7 @@ var wt = (e, t) => {
 	], I = () => [
 		"",
 		K,
-		Dn,
+		_n,
 		X
 	], oe = () => [
 		"solid",
@@ -1534,9 +1298,9 @@ var wt = (e, t) => {
 		"luminosity"
 	], L = () => [
 		K,
-		fn,
-		kn,
-		wn
+		tn,
+		yn,
+		mn
 	], ce = () => [
 		"",
 		"none",
@@ -1574,7 +1338,7 @@ var wt = (e, t) => {
 			aspect: ["video"],
 			blur: [J],
 			breakpoint: [J],
-			color: [pn],
+			color: [nn],
 			container: [J],
 			"drop-shadow": [J],
 			ease: [
@@ -1582,7 +1346,7 @@ var wt = (e, t) => {
 				"out",
 				"in-out"
 			],
-			font: [vn],
+			font: [cn],
 			"font-weight": [
 				"thin",
 				"extralight",
@@ -1642,7 +1406,7 @@ var wt = (e, t) => {
 				Z,
 				Y
 			] }],
-			"container-named": [yn],
+			"container-named": [ln],
 			columns: [{ columns: [
 				K,
 				Y,
@@ -1898,15 +1662,15 @@ var wt = (e, t) => {
 			"font-size": [{ text: [
 				"base",
 				n,
-				Dn,
+				_n,
 				X
 			] }],
 			"font-smoothing": ["antialiased", "subpixel-antialiased"],
 			"font-style": ["italic", "not-italic"],
 			"font-weight": [{ font: [
 				r,
-				Nn,
-				Sn
+				Cn,
+				fn
 			] }],
 			"font-stretch": [{ "font-stretch": [
 				"ultra-condensed",
@@ -1918,12 +1682,12 @@ var wt = (e, t) => {
 				"expanded",
 				"extra-expanded",
 				"ultra-expanded",
-				fn,
+				tn,
 				Y
 			] }],
 			"font-family": [{ font: [
-				On,
-				Cn,
+				vn,
+				pn,
 				t
 			] }],
 			"font-features": [{ "font-features": [Y] }],
@@ -1942,7 +1706,7 @@ var wt = (e, t) => {
 				K,
 				"none",
 				Z,
-				xn
+				dn
 			] }],
 			leading: [{ leading: [a, ...C()] }],
 			"list-image": [{ "list-image": [
@@ -2101,8 +1865,8 @@ var wt = (e, t) => {
 						Y
 					]
 				},
-				jn,
-				Tn
+				xn,
+				hn
 			] }],
 			"bg-color": [{ bg: P() }],
 			"gradient-from-pos": [{ from: ae() }],
@@ -2176,7 +1940,7 @@ var wt = (e, t) => {
 			"outline-w": [{ outline: [
 				"",
 				K,
-				Dn,
+				_n,
 				X
 			] }],
 			"outline-color": [{ outline: P() }],
@@ -2184,15 +1948,15 @@ var wt = (e, t) => {
 				"",
 				"none",
 				u,
-				Mn,
-				En
+				Sn,
+				gn
 			] }],
 			"shadow-color": [{ shadow: P() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
 				d,
-				Mn,
-				En
+				Sn,
+				gn
 			] }],
 			"inset-shadow-color": [{ "inset-shadow": P() }],
 			"ring-w": [{ ring: I() }],
@@ -2205,8 +1969,8 @@ var wt = (e, t) => {
 			"text-shadow": [{ "text-shadow": [
 				"none",
 				f,
-				Mn,
-				En
+				Sn,
+				gn
 			] }],
 			"text-shadow-color": [{ "text-shadow": P() }],
 			opacity: [{ opacity: [
@@ -2322,8 +2086,8 @@ var wt = (e, t) => {
 				"",
 				"none",
 				p,
-				Mn,
-				En
+				Sn,
+				gn
 			] }],
 			"drop-shadow-color": [{ "drop-shadow": P() }],
 			grayscale: [{ grayscale: [
@@ -2626,9 +2390,9 @@ var wt = (e, t) => {
 			fill: [{ fill: ["none", ...P()] }],
 			"stroke-w": [{ stroke: [
 				K,
-				Dn,
+				_n,
 				X,
-				xn
+				dn
 			] }],
 			stroke: [{ stroke: ["none", ...P()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
@@ -2819,12 +2583,245 @@ var wt = (e, t) => {
 });
 //#endregion
 //#region src/ui/utils.ts
-function Un(...e) {
-	return Hn(Ct(e));
+function Nn(...e) {
+	return Mn(pt(e));
 }
 //#endregion
-//#region src/ui/globals/helpers/espace.ts
-var Wn = (e) => e === "" ? "​" : e, Gn = ({ content: e, min: t, ...n }) => {
+//#region src/ui/components/Panels.tsx
+var Pn = /*#__PURE__*/ b("<div>"), Fn = /*#__PURE__*/ b("<div class=\"pointer-events-none absolute inset-0\"><!$><!/><!$><!/><!$><!/>"), In = (t) => {
+	let n = e(t.children);
+	return s(C, {
+		get when() {
+			return t.children;
+		},
+		keyed: !0,
+		children: (e) => (() => {
+			var r = u(Pn);
+			return r.classList.toggle("z-50", !!n), f(r, s(e, {})), l(() => o(r, Nn(t.class))), r;
+		})()
+	});
+}, Ln = (e) => (() => {
+	var t = u(Fn), n = t.firstChild, [r, i] = d(n.nextSibling), a = r.nextSibling, [o, c] = d(a.nextSibling), l = o.nextSibling, [p, m] = d(l.nextSibling);
+	return f(t, s(In, {
+		get children() {
+			return e.topLeft;
+		},
+		class: "absolute top-4 left-4"
+	}), r, i), f(t, s(In, {
+		get children() {
+			return e.topRight;
+		},
+		class: "absolute top-4 right-4"
+	}), o, c), f(t, s(In, {
+		get children() {
+			return e.bottomLeft;
+		},
+		class: "absolute bottom-4 left-4"
+	}), p, m), t;
+})(), Rn = /*#__PURE__*/ b("<div class=\"relative h-full w-full overflow-auto\"><!$><!/><div class=\"relative cursor-crosshair overflow-hidden\"><div class=\"relative h-full w-full\"style=\"transform-origin:top left\"><!$><!/><!$><!/><!$><!/>"), zn = /*#__PURE__*/ b("<div class=\"absolute right-4 bottom-4 z-50 flex items-center gap-2 rounded-xl border border-gray-200 bg-white/90 p-2 shadow-lg backdrop-blur-md\"><button type=button class=\"flex size-9 cursor-pointer items-center justify-center rounded-lg bg-gray-100 text-lg font-bold text-gray-700 shadow-sm transition-all duration-150 hover:bg-gray-200 active:scale-95\"title=\"Zoom out\"aria-label=\"Zoom out\">-</button><button type=button class=\"h-9 cursor-pointer rounded-lg px-2 text-xs font-semibold text-gray-700 transition-colors hover:bg-gray-100\"title=\"Reset zoom\"aria-label=\"Reset zoom\"><!$><!/>%</button><button type=button class=\"flex size-9 cursor-pointer items-center justify-center rounded-lg bg-gray-100 text-lg font-bold text-gray-700 shadow-sm transition-all duration-150 hover:bg-gray-200 active:scale-95\"title=\"Zoom in\"aria-label=\"Zoom in\">+</button><div class=\"h-5 w-px bg-gray-300\"></div><button type=button class=\"flex size-9 cursor-pointer items-center justify-center rounded-lg bg-blue-600 text-white shadow transition-all duration-150 hover:bg-blue-700 active:scale-95\"title=\"Add parent node\"aria-label=\"Add parent node\"><svg class=size-5 viewBox=\"0 0 24 24\"fill=currentColor><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\">"), Bn = /*#__PURE__*/ b("<div class=\"relative mx-auto h-full w-full overflow-hidden\">"), Vn = (e) => {
+	let t, [n, r] = O(!1), [i, a] = O({
+		x: 0,
+		y: 0
+	}), [o, c] = O(), p = 0, g = 0, v = H(), y = S(v, {
+		selector: (e) => e.context.newEdge,
+		equals: U
+	}), b = S(v, { selector: (e) => e.context.zoom ?? 1 }), w = () => {
+		let e = o();
+		if (!e) return;
+		let t = e.getBoundingClientRect(), n = () => o()?.parentElement, r = {
+			self: {
+				left: t.left,
+				top: t.top,
+				width: e.clientWidth,
+				height: e.clientHeight
+			},
+			parent: n() ? {
+				scrollLeft: n().scrollLeft,
+				scrollTop: n().scrollTop,
+				height: n().clientHeight,
+				width: n().clientWidth
+			} : void 0
+		};
+		v.send({
+			type: "SET_BOARD",
+			payload: r
+		});
+	}, T = () => {
+		let e = t.scrollWidth - t.clientWidth, n = t.scrollHeight - t.clientHeight;
+		p = e > 0 ? t.scrollLeft / e : 0, g = n > 0 ? t.scrollTop / n : 0, w();
+	};
+	E(k(b, () => {
+		let e = t.scrollWidth - t.clientWidth, n = t.scrollHeight - t.clientHeight;
+		e > 0 && (t.scrollLeft = p * e), n > 0 && (t.scrollTop = g * n);
+	}, { defer: !0 })), j(w);
+	let D = S(v, { selector: (e) => e.context?.selected }), A = S(v, {
+		selector: ({ context: e }) => re.typed(e.data?.nodes).map((e) => e.id),
+		equals: (e, t) => e.length === t.length
+	}), M = () => `calc((500vw - 265px) * ${b()})`, N = () => `calc((500vh - 425px) * ${b()})`;
+	return (() => {
+		var o = u(Bn);
+		return o.addEventListener("wheel", (e) => {
+			if (e.ctrlKey || e.metaKey) {
+				e.preventDefault(), T();
+				let t = e.deltaY < 0 ? .1 : -.1;
+				v.send({
+					type: "ZOOM",
+					payload: t
+				});
+			}
+		}), f(o, s(ie, {
+			onDragMove: ({ draggable: { transform: e, node: t, id: n } }) => {
+				let r = t.parentElement?.parentElement, i = b(), o = r ? Math.max(0, r.clientWidth / i - t.offsetWidth) : Infinity, s = r ? Math.max(0, r.clientHeight / i - t.offsetHeight) : Infinity, c = t.offsetLeft + e.x / i, l = t.offsetTop + e.y / i, u = Math.min(Math.max(c, 0), o), d = Math.min(Math.max(l, 0), s), f = u - t.offsetLeft, p = d - t.offsetTop;
+				t.style.setProperty("transform", `translate3d(${f}px, ${p}px, 0)`), v.send({
+					type: "MOVE_IMMEDIATE",
+					payload: {
+						id: `${n}`,
+						x: u,
+						y: d
+					}
+				}), a({
+					x: f * i,
+					y: p * i
+				});
+			},
+			onDragEnd: ({ draggable: { node: e, id: t } }) => {
+				let n = e.parentElement?.parentElement, r = b(), o = n ? Math.max(0, n.clientWidth / r - e.offsetWidth) : Infinity, s = n ? Math.max(0, n.clientHeight / r - e.offsetHeight) : Infinity, c = e.offsetLeft + i().x / r, l = e.offsetTop + i().y / r, u = Math.min(Math.max(c, 0), o), d = Math.min(Math.max(l, 0), s);
+				e.style.setProperty("top", d + "px"), e.style.setProperty("left", u + "px"), e.style.removeProperty("transform"), v.send({
+					type: "MOVE",
+					payload: {
+						id: `${t}`,
+						x: u,
+						y: d
+					}
+				}), setTimeout(() => {
+					a({
+						x: 0,
+						y: 0
+					});
+				}, 0);
+			},
+			get children() {
+				return [
+					(() => {
+						var i = u(Rn), a = i.firstChild, [o, p] = d(a.nextSibling), m = o.nextSibling, g = m.firstChild, S = g.firstChild, [C, w] = d(S.nextSibling), E = C.nextSibling, [D, O] = d(E.nextSibling), k = D.nextSibling, [j, te] = d(k.nextSibling);
+						return i.addEventListener("scroll", T), x((e) => t = e, i), f(i, s(ae, {}), o, p), m.$$mousedown = (e) => {
+							if (y() || e.button !== 0) return;
+							v.send("DESELECT"), r(!0);
+							let n = e.clientX, i = e.clientY, a = t.scrollLeft, o = t.scrollTop, s = (e) => {
+								let r = e.clientX - n, s = e.clientY - i;
+								t.scrollLeft = a - r * 3, t.scrollTop = o - s * 3, T();
+							}, c = () => {
+								window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", c), setTimeout(() => r(!1), 200);
+							};
+							window.addEventListener("mousemove", s), window.addEventListener("mouseup", c);
+						}, x(c, m), f(g, s(Je, {}), C, w), f(g, s(tt, {}), D, O), f(g, s(ee, {
+							get each() {
+								return A();
+							},
+							children: (t) => s(dt, {
+								id: t,
+								get children() {
+									return e.component;
+								}
+							})
+						}), j, te), l((e) => {
+							var t = !!n(), r = N(), i = M(), a = b();
+							return t !== e.e && m.classList.toggle("cursor-grabbing", e.e = t), r !== e.t && _(m, "height", e.t = r), i !== e.a && _(m, "width", e.a = i), a !== e.o && _(g, "scale", e.o = a), e;
+						}, {
+							e: void 0,
+							t: void 0,
+							a: void 0,
+							o: void 0
+						}), h(), i;
+					})(),
+					s(Ln, m(() => e.panels)),
+					(() => {
+						var e = u(zn), t = e.firstChild, n = t.nextSibling, r = n.firstChild, [i, a] = d(r.nextSibling);
+						i.nextSibling;
+						var o = n.nextSibling, s = o.nextSibling.nextSibling;
+						return t.$$click = () => {
+							T(), v.send({
+								type: "ZOOM",
+								payload: -.1
+							});
+						}, n.$$click = () => {
+							T(), v.send("TOGGLE_ZOOM");
+						}, f(n, () => Math.round(b() * 100), i, a), o.$$click = () => {
+							T(), v.send({
+								type: "ZOOM",
+								payload: .1
+							});
+						}, s.$$click = () => v.send("ADD_PARENT"), h(), e;
+					})(),
+					s(C, {
+						get when() {
+							return !D();
+						},
+						get children() {
+							return s(F, { children: "" });
+						}
+					})
+				];
+			}
+		})), o;
+	})();
+};
+c(["mousedown", "click"]);
+//#endregion
+//#region src/ui/components/FlowChart.tsx
+var Hn = /*#__PURE__*/ b("<div class=\"relative h-full w-full\"><div class=\"h-full w-full\">"), Un = (e) => {
+	let t = e.config?.nodes ?? Te, n = e.config?.edges, r = H(), i = S(r, { selector: (e) => e.context.newEdge?.from });
+	A(r.pause), j(() => {
+		r.resume(), r.send({
+			type: "CONFIGURE",
+			payload: {
+				nodes: t,
+				edges: n ?? [],
+				defaultData: e.defaultData
+			}
+		});
+	});
+	let a = !1, o = null, c = () => {
+		o && (o.classList.remove("scale-150"), o = null, a = !1);
+	}, d = (e) => {
+		r.send({
+			type: "MOVE_NEW_EDGE",
+			payload: {
+				x: e.clientX,
+				y: e.clientY
+			}
+		});
+		let t = document.elementsFromPoint(e.clientX, e.clientY).map((e) => e.closest(".rounded-full[data-handle-type=\"input\"]")).find((e) => !!(e && e.id !== "inputs"));
+		o && o !== t && c(), t && o !== t && (t.classList.add("scale-150"), o = t, a = !0);
+	}, p = (e) => (t) => {
+		let n = document.elementsFromPoint(t.clientX, t.clientY).map((e) => e.closest(".rounded-full[data-handle-type=\"input\"]")).find((e) => !!(e && e.id !== "inputs")), i = n?.getAttribute("data-node-id");
+		n && i && r.send({
+			type: "ADD_EDGE",
+			payload: {
+				from: e,
+				to: i
+			}
+		}), c(), r.send("CLEAR_NEW_EDGE");
+	};
+	return E(() => {
+		let e = i();
+		if (!e || a) return;
+		let t = p(e);
+		window.addEventListener("pointermove", d), window.addEventListener("pointerup", t), A(() => {
+			c(), window.removeEventListener("pointermove", d), window.removeEventListener("pointerup", t);
+		});
+	}), (() => {
+		var t = u(Hn), n = t.firstChild;
+		return f(n, s(Vn, {
+			get panels() {
+				return e.panels;
+			},
+			get component() {
+				return e.component;
+			}
+		})), l((e) => _(n, "cursor", i() ? "inherit" : "crosshair")), t;
+	})();
+}, Wn = (e) => e === "" ? "​" : e, Gn = ({ content: e, min: t, ...n }) => {
 	let r = n.rewind ?? !1, i = n.rewindDelay ?? 500, a = Math.min(t / 10 + e.length / 10, 10), [o, s] = O("​"), c, l = 0, u = !0, d = t + a, f = t, p = 1, m = () => {
 		u ? l < e.length ? (s((t) => t + e[l]), l++, c = setTimeout(m, f)) : r && (u = !1, p = 1, c = setTimeout(m, i)) : l > 0 ? (l--, s(Wn(e.substring(0, l))), c = setTimeout(m, f)) : (u = !0, p = 1, c = setTimeout(m, i)), f += p, f >= d ? p = -1 : f <= t && (p = 1);
 	};
@@ -2856,7 +2853,7 @@ var Wn = (e) => e === "" ? "​" : e, Gn = ({ content: e, min: t, ...n }) => {
 			var e = u(Yn);
 			return v(e, m({
 				get class() {
-					return Un("rounded-full animate-out direction-alternate repeat-infinite fade-out-5 size-4  bg-gray-600", r.class);
+					return Nn("rounded-full animate-out direction-alternate repeat-infinite fade-out-5 size-4  bg-gray-600", r.class);
 				},
 				get style() {
 					return {
@@ -2893,7 +2890,7 @@ var Wn = (e) => e === "" ? "​" : e, Gn = ({ content: e, min: t, ...n }) => {
 			count: 5,
 			innerProps: { class: "bg-[#3d8091]" }
 		}), b, x), l((t) => {
-			var a = Un("flex flex-col items-center justify-center gap-6", "h-screen w-screen overflow-hidden p-4", e.class), s = Un(n[r], "rounded-full border-4 border-[#4B9CAD]/20", "animate-spin", "border-t-[#4B9CAD]"), l = Un("absolute inset-2", "rounded-full border-4 border-transparent", "border-b-[#4B9CAD]/40", "animate-spin", "animation-duration-[1.5s]", "direction-[reverse]");
+			var a = Nn("flex flex-col items-center justify-center gap-6", "h-screen w-screen overflow-hidden p-4", e.class), s = Nn(n[r], "rounded-full border-4 border-[#4B9CAD]/20", "animate-spin", "border-t-[#4B9CAD]"), l = Nn("absolute inset-2", "rounded-full border-4 border-transparent", "border-b-[#4B9CAD]/40", "animate-spin", "animation-duration-[1.5s]", "direction-[reverse]");
 			return a !== t.e && o(i, t.e = a), s !== t.t && o(c, t.t = s), l !== t.a && o(p, t.a = l), t;
 		}, {
 			e: void 0,
@@ -2923,7 +2920,7 @@ var Wn = (e) => e === "" ? "​" : e, Gn = ({ content: e, min: t, ...n }) => {
 			},
 			get children() {
 				return s(Ge, { get children() {
-					return s(xt, e);
+					return s(Un, e);
 				} });
 			}
 		})), n;
@@ -2994,9 +2991,13 @@ var Wn = (e) => e === "" ? "​" : e, Gn = ({ content: e, min: t, ...n }) => {
 					id: r().id,
 					close: t.close
 				})
-			}), g, _), f(p, () => e.children(t), b, S), l((t) => {
-				var r = Un(`w-80 cursor-default rounded-2xl border border-gray-200 bg-white/95 p-4 shadow-xl backdrop-blur-md transition-all ${e.class ?? ""}`), i = n(), s = e.style;
-				return r !== t.e && o(c, t.e = r), t.t = a(c, i, t.t), t.a = y(c, s, t.a), t;
+			}), g, _), f(p, () => e.children(t), b, S), l((r) => {
+				var i = Nn(`w-80 cursor-default rounded-2xl border border-gray-200 bg-white/95 p-4 shadow-xl backdrop-blur-md transition-all ${e.class ?? ""}`), s = {
+					...n(),
+					"pointer-events-none! -z-10": !t.editing(),
+					"pointer-events-all! z-50": !!t.editing()
+				}, l = e.style;
+				return i !== r.e && o(c, r.e = i), r.t = a(c, s, r.t), r.a = y(c, l, r.a), r;
 			}, {
 				e: void 0,
 				t: void 0,
@@ -3007,4 +3008,4 @@ var Wn = (e) => e === "" ? "​" : e, Gn = ({ content: e, min: t, ...n }) => {
 };
 c(["mousedown", "click"]);
 //#endregion
-export { B as BOUNDS_CONSTRAINTS, Ce as CANVAS_FACTOR, Ie as CLASSES, ye as CONTAINER_DIMENSIONS, R as DEFAULT_DATA, z as DEFAULT_INPUT_OFFSET, _e as DEFAULT_INPUT_OFFSET_X, ve as DEFAULT_INPUT_OFFSET_Y, Te as DEFAULT_NODES, le as DEFAULT_NODE_HEIGHT, ce as DEFAULT_NODE_WIDTH, L as DEFAULT_SIZE, ar as EditPanel, tr as Flow, xt as FlowChart, ge as HANDLE_CENTER_X_OFFSET, he as HANDLE_CENTER_Y, me as HANDLE_CONTAINER_OFFSET_X, pe as HANDLE_MARGIN_TOP, fe as HANDLE_RADIUS, de as HANDLE_SIZE, ue as NODE_BORDER_WIDTH, se as PARENT_CHILD_GAP_WIDTH, ht as Panels, Ge as Provider, we as SCROLL_MULTIPLIER, Se as TOOLBAR_BUFFER, xe as TOOLBAR_TOP_OFFSET, Fe as board, Le as clamp, nt as clickOutside, Re as createContext, ke as data, Me as dimension, je as edgeJSON, De as extremities, be as getDefaultOutputOffset, rt as mouseOut, Pe as newEdge, Oe as nodeDataValue, Ae as nodeJSON, Ee as nodeOffset, V as point, it as resize, H as useFlow, Ne as vector };
+export { B as BOUNDS_CONSTRAINTS, Ce as CANVAS_FACTOR, Ie as CLASSES, ye as CONTAINER_DIMENSIONS, R as DEFAULT_DATA, z as DEFAULT_INPUT_OFFSET, _e as DEFAULT_INPUT_OFFSET_X, ve as DEFAULT_INPUT_OFFSET_Y, Te as DEFAULT_NODES, le as DEFAULT_NODE_HEIGHT, ce as DEFAULT_NODE_WIDTH, L as DEFAULT_SIZE, ar as EditPanel, tr as Flow, Un as FlowChart, ge as HANDLE_CENTER_X_OFFSET, he as HANDLE_CENTER_Y, me as HANDLE_CONTAINER_OFFSET_X, pe as HANDLE_MARGIN_TOP, fe as HANDLE_RADIUS, de as HANDLE_SIZE, ue as NODE_BORDER_WIDTH, se as PARENT_CHILD_GAP_WIDTH, Ln as Panels, Ge as Provider, we as SCROLL_MULTIPLIER, Se as TOOLBAR_BUFFER, xe as TOOLBAR_TOP_OFFSET, Fe as board, Le as clamp, nt as clickOutside, Re as createContext, ke as data, Me as dimension, je as edgeJSON, De as extremities, be as getDefaultOutputOffset, rt as mouseOut, Pe as newEdge, Oe as nodeDataValue, Ae as nodeJSON, Ee as nodeOffset, V as point, it as resize, H as useFlow, Ne as vector };