@takesix/react 0.0.0-stage → 0.2.0

package/dist/index.js

@@ -0,0 +1,1286 @@
+import { Fragment as e, useCallback as t, useEffect as n, useId as r, useLayoutEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { DEFAULT_SIZE as c, MAX_BLOCKS_PER_LEVEL as l, SIZES as u, addBlock as d, addLink as f, buildIndex as p, canAddBlock as m, getLevel as h, groupBlocks as g, moveBlock as _, removeBlock as ee, updateBlock as v, visibleLinks as te } from "@takesix/core";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+// src/icons.tsx
+function ne({ size: e = 20 }) {
+	return /* @__PURE__ */ x("svg", {
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ b("line", {
+			x1: "12",
+			y1: "5",
+			x2: "12",
+			y2: "19"
+		}), /* @__PURE__ */ b("line", {
+			x1: "5",
+			y1: "12",
+			x2: "19",
+			y2: "12"
+		})]
+	});
+}
+function S() {
+	return /* @__PURE__ */ x("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		children: [/* @__PURE__ */ b("line", {
+			x1: "18",
+			y1: "6",
+			x2: "6",
+			y2: "18"
+		}), /* @__PURE__ */ b("line", {
+			x1: "6",
+			y1: "6",
+			x2: "18",
+			y2: "18"
+		})]
+	});
+}
+function C() {
+	return /* @__PURE__ */ x("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		children: [/* @__PURE__ */ b("line", {
+			x1: "5",
+			y1: "12",
+			x2: "19",
+			y2: "12"
+		}), /* @__PURE__ */ b("polyline", { points: "12 5 19 12 12 19" })]
+	});
+}
+function re() {
+	return /* @__PURE__ */ x("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		children: [
+			/* @__PURE__ */ b("line", {
+				x1: "5",
+				y1: "6",
+				x2: "19",
+				y2: "6"
+			}),
+			/* @__PURE__ */ b("line", {
+				x1: "5",
+				y1: "12",
+				x2: "19",
+				y2: "12"
+			}),
+			/* @__PURE__ */ b("line", {
+				x1: "5",
+				y1: "18",
+				x2: "13",
+				y2: "18"
+			})
+		]
+	});
+}
+var w = {
+	card: "_card_21d5p_1",
+	deleteBtn: "_deleteBtn_21d5p_13",
+	sizeBtn: "_sizeBtn_21d5p_38",
+	resizeHandle: "_resizeHandle_21d5p_63",
+	cardResizing: "_cardResizing_21d5p_74",
+	detailsBtn: "_detailsBtn_21d5p_82",
+	cardEditing: "_cardEditing_21d5p_102",
+	detailsBtnFilled: "_detailsBtnFilled_21d5p_106",
+	connectBtn: "_connectBtn_21d5p_115",
+	connectBtnActive: "_connectBtnActive_21d5p_140",
+	cardConnectingSource: "_cardConnectingSource_21d5p_151",
+	cardConnectable: "_cardConnectable_21d5p_156",
+	cardConnected: "_cardConnected_21d5p_165",
+	connectOverlay: "_connectOverlay_21d5p_171",
+	cardUnlinkable: "_cardUnlinkable_21d5p_183",
+	inside: "_inside_21d5p_189",
+	selectOverlay: "_selectOverlay_21d5p_196",
+	selectMark: "_selectMark_21d5p_201",
+	cardSelected: "_cardSelected_21d5p_217",
+	connectOverlayConnected: "_connectOverlayConnected_21d5p_227",
+	header: "_header_21d5p_237",
+	cardWithDetails: "_cardWithDetails_21d5p_241",
+	addInside: "_addInside_21d5p_245",
+	dragHandle: "_dragHandle_21d5p_257",
+	cardDragged: "_cardDragged_21d5p_283",
+	cardZoomable: "_cardZoomable_21d5p_293",
+	title: "_title_21d5p_298",
+	description: "_description_21d5p_299",
+	icon: "_icon_21d5p_315",
+	headerText: "_headerText_21d5p_322",
+	cardWide: "_cardWide_21d5p_349",
+	editable: "_editable_21d5p_365"
+}, T = {
+	S: 2,
+	M: 3,
+	L: 4,
+	F: 6
+}, E = {
+	S: "⅓",
+	M: "½",
+	L: "⅔",
+	F: "1"
+}, D = {
+	S: "a third",
+	M: "half",
+	L: "two thirds",
+	F: "full width"
+};
+function O(e) {
+	return u.reduce((t, n) => Math.abs(T[n] - e) < Math.abs(T[t] - e) ? n : t);
+}
+function ie({ block: e, editing: t, onRename: r, onDescribe: i, onDelete: a, onAddChild: l, onDrillIn: d, connectingFrom: f, canLinkTo: p, isConnected: m, onStartConnect: h, onConnectTarget: g, onRegisterEl: _, isDragged: ee, dropPosition: v, onDragStartBlock: te, onDragOverBlock: y, onDragEndBlock: T, onShowDetails: ie, selectable: k, selected: A, onToggleSelect: j, onResize: M }) {
+	let [N, P] = s(null), F = N ?? e.size ?? c, I = !!e.details?.trim(), ae = e.children?.length ?? 0, L = ae > 0, R = o(null), [z, B] = s(!1);
+	n(() => {
+		if (!z) return;
+		let e = () => B(!1);
+		return window.addEventListener("pointerup", e), () => window.removeEventListener("pointerup", e);
+	}, [z]);
+	let V = F === "F" ? "y" : "x", H = f === e.id, U = f !== null && f !== e.id && p, W = f !== null && f !== e.id && !p, G = o(_);
+	G.current = _, n(() => (G.current(e.id, R.current), () => {
+		G.current(e.id, null);
+	}), [e.id]);
+	function K() {
+		let e = R.current.getBoundingClientRect();
+		return {
+			left: e.left,
+			top: e.top,
+			width: e.width,
+			height: e.height
+		};
+	}
+	function oe(t) {
+		if (!L || !R.current || t.target.closest("[data-text], [data-drag-handle], [data-resize-handle]")) return;
+		let n = window.getSelection();
+		n && !n.isCollapsed && R.current.contains(n.anchorNode) || d(e, K());
+	}
+	let q = w.card;
+	return L && !U && !k && (q += ` ${w.cardZoomable}`), A && (q += ` ${w.cardSelected}`), F === "F" && (q += ` ${w.cardWide}`), N && (q += ` ${w.cardResizing}`), t ? q += ` ${w.cardEditing}` : I && (q += ` ${w.cardWithDetails}`), ee && (q += ` ${w.cardDragged}`), H ? q += ` ${w.cardConnectingSource}` : U && m ? q += ` ${w.cardConnected}` : U ? q += ` ${w.cardConnectable}` : W && (q += ` ${w.cardUnlinkable}`), /* @__PURE__ */ x("div", {
+		className: q,
+		ref: R,
+		"data-block-id": e.id,
+		"data-size": F,
+		"data-drop": v ?? void 0,
+		"data-axis": V,
+		onClick: oe,
+		draggable: t && z,
+		onDragStart: (t) => {
+			z ? (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData("text/plain", e.id), te(e.id)) : t.preventDefault();
+		},
+		onDragOver: (n) => {
+			if (!t) return;
+			let r = n.currentTarget.getBoundingClientRect(), i = V === "y" ? r.top + r.height / 2 : r.left + r.width / 2;
+			y(e.id, (V === "y" ? n.clientY : n.clientX) < i ? "before" : "after");
+		},
+		onDragEnd: () => {
+			B(!1), T();
+		},
+		children: [
+			t && /* @__PURE__ */ b("div", {
+				className: w.resizeHandle,
+				"data-resize-handle": !0,
+				title: "Drag to resize",
+				"aria-hidden": "true",
+				onPointerDown: (t) => {
+					t.preventDefault(), t.stopPropagation(), t.currentTarget.setPointerCapture?.(t.pointerId), P(e.size ?? c);
+				},
+				onPointerMove: (e) => {
+					if (!N || !R.current) return;
+					let t = R.current.parentElement;
+					if (!t) return;
+					let n = parseFloat(getComputedStyle(t).columnGap) || 0, r = (t.getBoundingClientRect().width - 5 * n) / 6, i = O((e.clientX - R.current.getBoundingClientRect().left + n) / (r + n));
+					i !== N && P(i);
+				},
+				onPointerUp: () => {
+					N && N !== (e.size ?? c) && M(e.id, N), P(null);
+				},
+				onPointerCancel: () => P(null)
+			}),
+			t && /* @__PURE__ */ b("div", {
+				className: w.dragHandle,
+				"data-drag-handle": !0,
+				title: "Drag to reorder",
+				"aria-hidden": "true",
+				onPointerDown: () => B(!0)
+			}),
+			k && /* @__PURE__ */ b("button", {
+				className: `${w.connectOverlay} ${w.selectOverlay}`,
+				onClick: (t) => {
+					t.stopPropagation(), j(e.id);
+				},
+				"aria-label": `Select ${e.title}`,
+				"aria-pressed": A,
+				children: /* @__PURE__ */ b("span", {
+					className: w.selectMark,
+					"aria-hidden": "true",
+					children: A ? "✓" : ""
+				})
+			}),
+			U && /* @__PURE__ */ b("button", {
+				className: `${w.connectOverlay} ${m ? w.connectOverlayConnected : ""}`,
+				onClick: (t) => {
+					t.stopPropagation(), g(e.id);
+				},
+				"aria-label": m ? `Disconnect from ${e.title}` : `Connect to ${e.title}`
+			}),
+			(t || I) && /* @__PURE__ */ b("button", {
+				className: `${w.detailsBtn} ${I ? w.detailsBtnFilled : ""}`,
+				onClick: (t) => {
+					t.stopPropagation(), ie(e.id);
+				},
+				"aria-label": `Details of ${e.title}`,
+				title: I ? "Details" : "Add details",
+				children: /* @__PURE__ */ b(re, {})
+			}),
+			t && /* @__PURE__ */ b("button", {
+				className: w.sizeBtn,
+				onClick: (t) => {
+					t.stopPropagation(), M(e.id, u[(u.indexOf(F) + 1) % u.length]);
+				},
+				"aria-label": `Size of ${e.title}: ${D[F]}`,
+				title: "Size: click to change, or drag the right edge",
+				children: E[F]
+			}),
+			t && /* @__PURE__ */ b("button", {
+				className: w.deleteBtn,
+				onClick: (t) => {
+					t.stopPropagation(), a(e.id);
+				},
+				"aria-label": `Delete ${e.title}`,
+				children: /* @__PURE__ */ b(S, {})
+			}),
+			t && /* @__PURE__ */ b("button", {
+				className: `${w.connectBtn} ${H ? w.connectBtnActive : ""}`,
+				onClick: (t) => {
+					t.stopPropagation(), h(e.id);
+				},
+				"aria-label": H ? "Cancel connection" : `Connect from ${e.title}`,
+				title: H ? "Cancel" : "Connect to another block",
+				children: /* @__PURE__ */ b(C, {})
+			}),
+			/* @__PURE__ */ x("div", {
+				className: w.header,
+				children: [e.icon && /* @__PURE__ */ b("span", {
+					className: w.icon,
+					children: e.icon
+				}), /* @__PURE__ */ x("div", {
+					className: w.headerText,
+					children: [/* @__PURE__ */ b("h2", {
+						className: `${w.title} ${t ? w.editable : ""}`,
+						"data-text": !0,
+						contentEditable: t || void 0,
+						suppressContentEditableWarning: !0,
+						onKeyDown: t ? (e) => {
+							e.key === "Enter" && (e.preventDefault(), e.currentTarget.blur());
+						} : void 0,
+						onBlur: t ? (t) => r(e.id, t.currentTarget.textContent ?? "") : void 0,
+						children: e.title
+					}, `title-${t}`), (e.description || t) && /* @__PURE__ */ b("p", {
+						className: `${w.description} ${t ? w.editable : ""}`,
+						"data-text": !0,
+						contentEditable: t || void 0,
+						suppressContentEditableWarning: !0,
+						"data-placeholder": "Description",
+						onBlur: t ? (t) => i(e.id, t.currentTarget.textContent ?? "") : void 0,
+						children: e.description
+					}, `desc-${t}`)]
+				})]
+			}),
+			L && /* @__PURE__ */ x("button", {
+				className: w.inside,
+				"aria-label": `Zoom into ${e.title}`,
+				children: [ae, " more inside"]
+			}),
+			!L && t && /* @__PURE__ */ x("button", {
+				className: `${w.inside} ${w.addInside}`,
+				onClick: (t) => {
+					t.stopPropagation(), R.current && l(e, K());
+				},
+				"aria-label": `Add child to ${e.title}`,
+				children: [/* @__PURE__ */ b(ne, { size: 11 }), " add inside"]
+			})
+		]
+	});
+}
+// src/geometry.ts
+var k = 2;
+function A(e, t, n, r) {
+	return e === "right" && t === "left" ? r.x - n.x : e === "left" && t === "right" ? n.x - r.x : e === "bottom" && t === "top" ? r.y - n.y : e === "top" && t === "bottom" ? n.y - r.y : null;
+}
+function j(e, t, n) {
+	switch (t) {
+		case "right": return {
+			x: e.x + n,
+			y: e.y
+		};
+		case "left": return {
+			x: e.x - n,
+			y: e.y
+		};
+		case "bottom": return {
+			x: e.x,
+			y: e.y + n
+		};
+		case "top": return {
+			x: e.x,
+			y: e.y - n
+		};
+	}
+}
+function M(e, t, n) {
+	if (t <= 1) return 0;
+	let r = Math.min(16, n * .6 / t);
+	return (e - (t - 1) / 2) * r;
+}
+function N(e, t, n) {
+	let r = (e.left + e.right) / 2, i = (e.top + e.bottom) / 2, a = (t.left + t.right) / 2, o = (t.top + t.bottom) / 2, s = a - r, c = o - i;
+	if (Math.abs(c) < Math.min(e.height, t.height) * .5) {
+		let r = s >= 0;
+		return n.some((n) => {
+			let a = (n.left + n.right) / 2, o = r ? a > e.right - 4 && a < t.left + 4 : a < e.left + 4 && a > t.right - 4, s = Math.abs((n.top + n.bottom) / 2 - i) < (e.height + n.height) * .4;
+			return o && s;
+		}) ? {
+			exitEdge: "bottom",
+			entryEdge: "bottom"
+		} : {
+			exitEdge: r ? "right" : "left",
+			entryEdge: r ? "left" : "right"
+		};
+	}
+	let l = c > 0;
+	return {
+		exitEdge: l ? "bottom" : "top",
+		entryEdge: l ? "top" : "bottom"
+	};
+}
+function P(e, t, n, r, i) {
+	let a = (e.left + e.right) / 2, o = (e.top + e.bottom) / 2;
+	switch (t) {
+		case "right": return {
+			x: e.right - i.x,
+			y: o - i.y + M(n, r, e.height)
+		};
+		case "left": return {
+			x: e.left - i.x,
+			y: o - i.y + M(n, r, e.height)
+		};
+		case "bottom": return {
+			x: a - i.x + M(n, r, e.width),
+			y: e.bottom - i.y
+		};
+		case "top": return {
+			x: a - i.x + M(n, r, e.width),
+			y: e.top - i.y
+		};
+	}
+}
+function F(e, t, n, r, i, a, o) {
+	if (r === "bottom" && i === "bottom") {
+		let e = Math.max(a.y, o.y) + 32;
+		return [{
+			x: a.x,
+			y: e
+		}, {
+			x: o.x,
+			y: e
+		}];
+	}
+	if (r === "right" || r === "left") {
+		let n = (t.left + t.right) / 2, i = (e.left + e.right) / 2, s = r === "right" ? 1 : -1, c = Math.min(Math.abs(n - i) * .4, 80);
+		return [{
+			x: a.x + s * c,
+			y: a.y
+		}, {
+			x: o.x - s * c,
+			y: o.y
+		}];
+	}
+	let s = (a.y + o.y) / 2;
+	return [{
+		x: a.x,
+		y: s
+	}, {
+		x: o.x,
+		y: s
+	}];
+}
+function I(e, t, n, r) {
+	return {
+		x: (e.x + 3 * t.x + 3 * n.x + r.x) / 8,
+		y: (e.y + 3 * t.y + 3 * n.y + r.y) / 8
+	};
+}
+function ae(e, t, n) {
+	let r = {
+		x: n.left,
+		y: n.top
+	}, i = [];
+	for (let n of e) {
+		let { fromId: e, toId: r } = n, a = t.get(e), o = t.get(r);
+		if (!a || !o) continue;
+		let s = [];
+		for (let [n, i] of t) n !== e && n !== r && s.push(i);
+		i.push({
+			...n,
+			fromRect: a,
+			toRect: o,
+			...N(a, o, s)
+		});
+	}
+	let a = /* @__PURE__ */ new Map(), o = (e, t, n) => {
+		let r = a.get(e);
+		r || a.set(e, r = []), r.push({
+			ci: t,
+			role: n
+		});
+	};
+	return i.forEach((e, t) => {
+		o(`${e.fromId}-${e.exitEdge}`, t, "exit"), o(`${e.toId}-${e.entryEdge}`, t, "entry");
+	}), i.map((e, t) => {
+		let n = a.get(`${e.fromId}-${e.exitEdge}`), i = a.get(`${e.toId}-${e.entryEdge}`), o = n.findIndex((e) => e.ci === t && e.role === "exit"), s = i.findIndex((e) => e.ci === t && e.role === "entry"), c = P(e.fromRect, e.exitEdge, o, n.length, r), l = P(e.toRect, e.entryEdge, s, i.length, r), u = e.headAtStart ? 14 : 0, d = e.headAtEnd ? 14 : 0, f = A(e.exitEdge, e.entryEdge, c, l);
+		if (f !== null && u + d > f - k) {
+			let e = Math.max(0, f - k) / (u + d);
+			u *= e, d *= e;
+		}
+		let p = j(c, e.exitEdge, u), m = j(l, e.entryEdge, d), [h, g] = F(e.fromRect, e.toRect, r, e.exitEdge, e.entryEdge, p, m);
+		return {
+			key: e.key,
+			d: `M ${p.x} ${p.y} C ${h.x} ${h.y}, ${g.x} ${g.y}, ${m.x} ${m.y}`,
+			mid: I(p, h, g, m),
+			vertical: e.exitEdge === "top" && e.entryEdge === "bottom" || e.exitEdge === "bottom" && e.entryEdge === "top"
+		};
+	});
+}
+var L = {
+	popover: "_popover_1b6n3_1",
+	close: "_close_1b6n3_19",
+	row: "_row_1b6n3_39",
+	ends: "_ends_1b6n3_45",
+	endsArrow: "_endsArrow_1b6n3_51",
+	label: "_label_1b6n3_55",
+	actions: "_actions_1b6n3_71",
+	directions: "_directions_1b6n3_78",
+	btn: "_btn_1b6n3_83",
+	btnActive: "_btnActive_1b6n3_105",
+	danger: "_danger_1b6n3_112"
+}, R = [
+	{
+		value: "forward",
+		symbol: "→",
+		label: "One way"
+	},
+	{
+		value: "both",
+		symbol: "↔",
+		label: "Both ways"
+	},
+	{
+		value: "none",
+		symbol: "—",
+		label: "No direction"
+	}
+];
+function z({ links: e, x: t, y: r, titleOf: i, onUpdate: a, onRemove: s, onClose: c }) {
+	let l = o(null);
+	return n(() => {
+		function e(e) {
+			l.current && !l.current.contains(e.target) && c();
+		}
+		function t(e) {
+			e.key === "Escape" && c();
+		}
+		return document.addEventListener("pointerdown", e), window.addEventListener("keydown", t), () => {
+			document.removeEventListener("pointerdown", e), window.removeEventListener("keydown", t);
+		};
+	}, [c]), /* @__PURE__ */ x("div", {
+		ref: l,
+		className: L.popover,
+		style: {
+			left: t,
+			top: r
+		},
+		role: "dialog",
+		"aria-label": e.length === 1 ? "Link" : `${e.length} links`,
+		onClick: (e) => e.stopPropagation(),
+		children: [/* @__PURE__ */ b("button", {
+			className: L.close,
+			onClick: c,
+			"aria-label": "Close",
+			children: /* @__PURE__ */ b(S, {})
+		}), e.map((e, t) => /* @__PURE__ */ b(B, {
+			link: e,
+			titleOf: i,
+			onUpdate: (t) => a(e, t),
+			onRemove: () => s(e)
+		}, e.id ?? t))]
+	});
+}
+function B({ link: e, titleOf: t, onUpdate: r, onRemove: i }) {
+	let [a, o] = s(e.label ?? "");
+	n(() => o(e.label ?? ""), [e.label]);
+	let c = e.direction ?? "forward";
+	function l() {
+		let t = a.trim();
+		t !== (e.label ?? "") && r({ label: t || void 0 });
+	}
+	return /* @__PURE__ */ x("div", {
+		className: L.row,
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: L.ends,
+				children: [
+					t(e.from),
+					" ",
+					/* @__PURE__ */ b("span", {
+						className: L.endsArrow,
+						children: R.find((e) => e.value === c).symbol
+					}),
+					" ",
+					t(e.to)
+				]
+			}),
+			/* @__PURE__ */ b("input", {
+				className: L.label,
+				value: a,
+				placeholder: "Label",
+				"aria-label": "Label",
+				onChange: (e) => o(e.target.value),
+				onBlur: l,
+				onKeyDown: (e) => {
+					e.key === "Enter" && (e.preventDefault(), l());
+				}
+			}),
+			/* @__PURE__ */ x("div", {
+				className: L.actions,
+				children: [
+					/* @__PURE__ */ b("div", {
+						className: L.directions,
+						role: "group",
+						"aria-label": "Direction",
+						children: R.map((e) => /* @__PURE__ */ b("button", {
+							className: `${L.btn} ${c === e.value ? L.btnActive : ""}`,
+							"aria-pressed": c === e.value,
+							"aria-label": e.label,
+							title: e.label,
+							onClick: () => r({ direction: e.value === "forward" ? void 0 : e.value }),
+							children: e.symbol
+						}, e.value))
+					}),
+					/* @__PURE__ */ b("button", {
+						className: L.btn,
+						onClick: () => r({
+							from: e.to,
+							to: e.from
+						}),
+						"aria-label": "Reverse",
+						title: "Reverse",
+						disabled: c !== "forward",
+						children: "⇄"
+					}),
+					/* @__PURE__ */ b("button", {
+						className: `${L.btn} ${L.danger}`,
+						onClick: i,
+						"aria-label": "Delete link",
+						title: "Delete link",
+						children: "Delete"
+					})
+				]
+			})
+		]
+	});
+}
+// src/markdown.tsx
+var V = /^(https?:\/\/|mailto:)/i;
+function H(e) {
+	let t = e.replace(/\r\n?/g, "\n").split("\n"), n = [], r = 0;
+	for (; r < t.length;) {
+		let e = t[r];
+		if (e.trim() === "") {
+			r++;
+			continue;
+		}
+		if (e.startsWith("```")) {
+			let e = [];
+			for (r++; r < t.length && !t[r].startsWith("```");) e.push(t[r++]);
+			r++, n.push({
+				kind: "code",
+				text: e.join("\n")
+			});
+			continue;
+		}
+		let i = /^(#{1,3})\s+(.*)$/.exec(e);
+		if (i) {
+			n.push({
+				kind: "heading",
+				level: i[1].length,
+				text: i[2]
+			}), r++;
+			continue;
+		}
+		let a = /^\s*([-*]|\d+\.)\s+/, o = a.exec(e);
+		if (o) {
+			let e = /\d/.test(o[1]), i = [];
+			for (; r < t.length && a.test(t[r]);) i.push(t[r++].replace(a, ""));
+			n.push({
+				kind: "list",
+				ordered: e,
+				items: i
+			});
+			continue;
+		}
+		let s = [];
+		for (; r < t.length && t[r].trim() !== "" && !t[r].startsWith("```") && !/^#{1,3}\s/.test(t[r]) && !a.test(t[r]);) s.push(t[r++]);
+		n.push({
+			kind: "paragraph",
+			text: s.join("\n")
+		});
+	}
+	return n;
+}
+var U = /`([^`]+)`|\*\*([^*]+)\*\*|\*([^*]+)\*|\[([^\]]+)\]\(([^)\s]+)\)|\n/g;
+function W(t) {
+	let n = [], r = 0, i = 0;
+	for (let a of t.matchAll(U)) {
+		a.index > r && n.push(t.slice(r, a.index));
+		let [o, s, c, l, u, d] = a;
+		s === void 0 ? c === void 0 ? l === void 0 ? u === void 0 ? o === "\n" && n.push(/* @__PURE__ */ b("br", {}, i++)) : n.push(V.test(d) ? /* @__PURE__ */ b("a", {
+			href: d,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			children: W(u)
+		}, i++) : /* @__PURE__ */ b(e, { children: W(u) }, i++)) : n.push(/* @__PURE__ */ b("em", { children: W(l) }, i++)) : n.push(/* @__PURE__ */ b("strong", { children: W(c) }, i++)) : n.push(/* @__PURE__ */ b("code", { children: s }, i++)), r = a.index + o.length;
+	}
+	return r < t.length && n.push(t.slice(r)), n;
+}
+function G({ source: e, className: t }) {
+	return /* @__PURE__ */ b("div", {
+		className: t,
+		children: H(e).map((e, t) => {
+			switch (e.kind) {
+				case "heading": {
+					let n = [
+						"h3",
+						"h4",
+						"h5"
+					][e.level - 1];
+					return /* @__PURE__ */ b(n, { children: W(e.text) }, t);
+				}
+				case "paragraph": return /* @__PURE__ */ b("p", { children: W(e.text) }, t);
+				case "list": {
+					let n = e.ordered ? "ol" : "ul";
+					return /* @__PURE__ */ b(n, { children: e.items.map((e, t) => /* @__PURE__ */ b("li", { children: W(e) }, t)) }, t);
+				}
+				case "code": return /* @__PURE__ */ b("pre", { children: /* @__PURE__ */ b("code", { children: e.text }) }, t);
+			}
+		})
+	});
+}
+var K = {
+	panel: "_panel_24xow_1",
+	slideIn: "_slideIn_24xow_1",
+	close: "_close_24xow_24",
+	head: "_head_24xow_44",
+	icon: "_icon_24xow_52",
+	title: "_title_24xow_57",
+	description: "_description_24xow_63",
+	editor: "_editor_24xow_70",
+	body: "_body_24xow_88",
+	empty: "_empty_24xow_124"
+};
+// src/DetailsPanel.tsx
+function oe({ block: e, editing: t, onChange: r, onClose: i }) {
+	let [a, o] = s(e.details ?? "");
+	n(() => o(e.details ?? ""), [e.id, e.details]), n(() => {
+		function e(e) {
+			e.key === "Escape" && !(e.target instanceof HTMLTextAreaElement) && i();
+		}
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [i]);
+	function c() {
+		a !== (e.details ?? "") && r(a);
+	}
+	return /* @__PURE__ */ x("aside", {
+		className: K.panel,
+		"aria-label": `Details: ${e.title}`,
+		children: [
+			/* @__PURE__ */ b("button", {
+				className: K.close,
+				onClick: i,
+				"aria-label": "Close details",
+				children: /* @__PURE__ */ b(S, {})
+			}),
+			/* @__PURE__ */ x("div", {
+				className: K.head,
+				children: [e.icon && /* @__PURE__ */ b("span", {
+					className: K.icon,
+					children: e.icon
+				}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("h2", {
+					className: K.title,
+					children: e.title
+				}), e.description && /* @__PURE__ */ b("p", {
+					className: K.description,
+					children: e.description
+				})] })]
+			}),
+			t ? /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("textarea", {
+				className: K.editor,
+				value: a,
+				placeholder: "Details in Markdown: **bold**, *italic*, `code`, lists, [links](https://…)",
+				"aria-label": "Details (Markdown)",
+				onChange: (e) => o(e.target.value),
+				onBlur: c
+			}), a.trim() && /* @__PURE__ */ b(G, {
+				source: a,
+				className: K.body
+			})] }) : e.details?.trim() ? /* @__PURE__ */ b(G, {
+				source: e.details,
+				className: K.body
+			}) : /* @__PURE__ */ b("p", {
+				className: K.empty,
+				children: "No details"
+			})
+		]
+	});
+}
+var q = {
+	viewer: "_viewer_1knu3_1",
+	breadcrumb: "_breadcrumb_1knu3_10",
+	crumbItem: "_crumbItem_1knu3_20",
+	crumbSep: "_crumbSep_1knu3_26",
+	crumb: "_crumb_1knu3_20",
+	crumbActive: "_crumbActive_1knu3_51",
+	backdrop: "_backdrop_1knu3_54",
+	slide: "_slide_1knu3_62",
+	slideCard: "_slideCard_1knu3_73",
+	slideHeader: "_slideHeader_1knu3_83",
+	headerDetailsBtn: "_headerDetailsBtn_1knu3_91",
+	slideHeaderTop: "_slideHeaderTop_1knu3_112",
+	slideIcon: "_slideIcon_1knu3_116",
+	slideHeaderText: "_slideHeaderText_1knu3_123",
+	slideTitle: "_slideTitle_1knu3_128",
+	slideDescription: "_slideDescription_1knu3_136",
+	gridArea: "_gridArea_1knu3_144",
+	arrowSvg: "_arrowSvg_1knu3_153",
+	arrow: "_arrow_1knu3_153",
+	arrowSvgEditing: "_arrowSvgEditing_1knu3_171",
+	arrowHit: "_arrowHit_1knu3_171",
+	arrowLabel: "_arrowLabel_1knu3_184",
+	arrowLabelOpen: "_arrowLabelOpen_1knu3_189",
+	arrowIndirect: "_arrowIndirect_1knu3_193",
+	arrowHead: "_arrowHead_1knu3_197",
+	empty: "_empty_1knu3_211",
+	gridAreaNested: "_gridAreaNested_1knu3_218",
+	grid: "_grid_1knu3_144",
+	levelTools: "_levelTools_1knu3_243",
+	groupBtn: "_groupBtn_1knu3_249",
+	groupBtnActive: "_groupBtnActive_1knu3_266",
+	fullHint: "_fullHint_1knu3_273",
+	addBlock: "_addBlock_1knu3_280",
+	linkBar: "_linkBar_1knu3_301",
+	linkBarCancel: "_linkBarCancel_1knu3_319"
+};
+// src/Viewer.tsx
+function se(e) {
+	let t = [...new Set(e.links.map((e) => e.label).filter((e) => !!e))];
+	return e.links.length > 2 ? `${e.links.length} links` : t.length ? t.join(", ") : void 0;
+}
+function J(e) {
+	return [e.from, e.to].sort().join("|");
+}
+function ce(e) {
+	return {
+		left: e.left,
+		top: e.top,
+		right: e.right,
+		bottom: e.bottom,
+		width: e.width,
+		height: e.height
+	};
+}
+function le({ document: e, editing: c, actions: u }) {
+	let d = o(null), f = o(null), m = o(!1), g = o(!1), _ = o(/* @__PURE__ */ new Map()), ee = o(null), v = r(), [y, S] = s(null), [C, w] = s(null), [T, E] = s(null), [D, O] = s(null), k = t(() => O(null), []), [A, j] = s(null), M = t(() => j(null), []), [N, P] = s(null), [F, I] = s([]), [L, R] = s([]), [B, V] = s(0), [H, U] = s(0), [W, G] = s(0), K = a(() => p(e), [e]), le = A ? K.get(A)?.block : void 0, Y = a(() => {
+		let e = L.findIndex((e) => !K.has(e.id));
+		return e === -1 ? L : L.slice(0, e);
+	}, [L, K]);
+	n(() => {
+		Y !== L && R(Y);
+	}, [Y, L]);
+	let X = Y.length ? Y[Y.length - 1].id : null, Z = X === null ? void 0 : K.get(X)?.block, Q = a(() => h(e, X, K).slice(0, l), [
+		e,
+		X,
+		K
+	]), $ = a(() => te(e, X, K), [
+		e,
+		X,
+		K
+	]), ue = X !== null, de = c && Q.length < l;
+	i(() => {
+		let e = d.current;
+		if (!e) return;
+		if (m.current) {
+			m.current = !1, e.style.transition = "none", e.style.transform = "", e.style.transformOrigin = "", e.getBoundingClientRect(), e.style.transition = "";
+			return;
+		}
+		let t = f.current;
+		if (f.current = null, !t) return;
+		let n = e.getBoundingClientRect();
+		if (!n.width || !n.height) return;
+		let r = t.width / n.width, i = t.height / n.height, a = t.left + t.width / 2 - (n.left + n.width / 2), o = t.top + t.height / 2 - (n.top + n.height / 2);
+		e.style.transition = "none", e.style.transformOrigin = "center center", e.style.transform = `translate(${a}px, ${o}px) scale(${r}, ${i})`, e.getBoundingClientRect(), requestAnimationFrame(() => {
+			e.style.transition = "transform 0.5s cubic-bezier(0.22, 1, 0.36, 1)", e.style.transform = "", e.addEventListener("transitionend", () => {
+				e.style.transition = "", e.style.transformOrigin = "", G((e) => e + 1);
+			}, { once: !0 });
+		});
+	}, [B]), n(() => {
+		c || (S(null), O(null), E(null));
+	}, [c]), n(() => E(null), [X]), n(() => {
+		D && !$.some((e) => J(e) === D) && O(null);
+	}, [$, D]), n(() => {
+		function e(e) {
+			e.key === "Escape" && (S(null), E(null));
+		}
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, []), n(() => {
+		let e = d.current, t = !(!e || e.style.transform === "" && e.style.transition === "");
+		function n() {
+			let e = ee.current;
+			if (!e || !$.length) {
+				I([]);
+				return;
+			}
+			let t = /* @__PURE__ */ new Map();
+			for (let [e, n] of _.current) t.set(e, ce(n.getBoundingClientRect()));
+			I(ae($.map((e) => ({
+				key: e.key,
+				fromId: e.from,
+				toId: e.to,
+				headAtStart: e.direction === "both",
+				headAtEnd: e.direction !== "none"
+			})), t, ce(e.getBoundingClientRect())));
+		}
+		if (t) {
+			I([]);
+			let e = setTimeout(n, 1500);
+			return () => clearTimeout(e);
+		}
+		n();
+	}, [
+		Q,
+		$,
+		B,
+		c,
+		H,
+		W
+	]);
+	let fe = o(null);
+	n(() => {
+		let e = ee.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(() => U((e) => e + 1));
+		fe.current = t, t.observe(e);
+		for (let e of _.current.values()) t.observe(e);
+		return () => {
+			t.disconnect(), fe.current = null;
+		};
+	}, []);
+	let pe = t((e, t) => {
+		let n = _.current.get(e);
+		n && fe.current?.unobserve(n), t ? (_.current.set(e, t), fe.current?.observe(t)) : _.current.delete(e);
+	}, []), me = a(() => {
+		let e = new Map($.map((e) => [e.key, e]));
+		return F.flatMap((t) => {
+			let n = e.get(t.key);
+			return n ? [{
+				...t,
+				link: n,
+				label: se(n)
+			}] : [];
+		});
+	}, [F, $]), he = t((e) => {
+		if (!y || e === y) return !1;
+		let t = K.get(y), n = K.get(e);
+		return !t || !n ? !1 : !t.path.includes(e) && !n.path.includes(y);
+	}, [y, K]), ge = y ? K.get(y)?.block : void 0, _e = a(() => y ? new Set((e.links ?? []).filter((e) => e.from === y).map((e) => e.to)) : /* @__PURE__ */ new Set(), [e.links, y]);
+	function ve(e, t) {
+		f.current = t, R((n) => [...n, {
+			id: e.id,
+			cardRect: t
+		}]), V((e) => e + 1);
+	}
+	function ye(e, t) {
+		u.add(e.id), ve(e, t);
+	}
+	function be(e) {
+		if (e >= Y.length) return;
+		let t = Y[Y.length - 1]?.cardRect, n = d.current;
+		if (t && n) {
+			let r = n.getBoundingClientRect(), i = t.width / r.width, a = t.height / r.height, o = t.left + t.width / 2 - (r.left + r.width / 2), s = t.top + t.height / 2 - (r.top + r.height / 2);
+			n.style.transition = "transform 0.35s cubic-bezier(0.4, 0, 0.8, 0)", n.style.transformOrigin = "center center", n.style.transform = `translate(${o}px, ${s}px) scale(${i}, ${a})`, g.current = !0, setTimeout(() => {
+				g.current = !1, m.current = !0, R((t) => t.slice(0, e)), V((e) => e + 1);
+			}, 370);
+		} else R((t) => t.slice(0, e)), V((e) => e + 1);
+	}
+	function xe() {
+		w(null), P(null);
+	}
+	function Se() {
+		if (C && N && N.id !== C) {
+			let e = Q.map((e) => e.id).filter((e) => e !== C).indexOf(N.id) + +(N.position === "after");
+			e !== Q.findIndex((e) => e.id === C) && u.move(C, X, e);
+		}
+		xe();
+	}
+	let Ce = c ? {
+		onDragOver: (e) => {
+			C && e.preventDefault();
+		},
+		onDrop: (e) => {
+			e.preventDefault(), Se();
+		}
+	} : {};
+	function we(e) {
+		y && (u.toggleLink(y, e), S(null));
+	}
+	let Te = [{ label: e.title }, ...Y.map((e) => ({ label: K.get(e.id)?.block.title ?? "" }))], Ee = (e) => /* @__PURE__ */ b(ie, {
+		block: e,
+		editing: c,
+		onRename: u.rename,
+		onDescribe: u.describe,
+		onDelete: u.remove,
+		onAddChild: ye,
+		onDrillIn: ve,
+		connectingFrom: y,
+		canLinkTo: he(e.id),
+		isConnected: _e.has(e.id),
+		onStartConnect: (e) => S(e === y ? null : e),
+		onConnectTarget: we,
+		onRegisterEl: pe,
+		isDragged: C === e.id,
+		dropPosition: C && N?.id === e.id && N.id !== C ? N.position : null,
+		onDragStartBlock: w,
+		onDragOverBlock: (e, t) => {
+			C && (N?.id !== e || N.position !== t) && P({
+				id: e,
+				position: t
+			});
+		},
+		onDragEndBlock: xe,
+		onShowDetails: j,
+		selectable: T !== null,
+		selected: T?.includes(e.id) ?? !1,
+		onToggleSelect: (e) => E((t) => t && (t.includes(e) ? t.filter((t) => t !== e) : [...t, e])),
+		onResize: u.setSize
+	}, e.id), De = () => /* @__PURE__ */ b("button", {
+		className: q.addBlock,
+		onClick: () => u.add(X),
+		"aria-label": "Add block",
+		children: /* @__PURE__ */ b(ne, {})
+	});
+	return /* @__PURE__ */ x("div", {
+		className: q.viewer,
+		children: [
+			ue && /* @__PURE__ */ b("nav", {
+				className: q.breadcrumb,
+				"aria-label": "Breadcrumb",
+				onClick: (e) => {
+					e.target.closest("button") || g.current || be(Y.length - 1);
+				},
+				children: Te.map((e, t) => /* @__PURE__ */ x("span", {
+					className: q.crumbItem,
+					children: [t > 0 && /* @__PURE__ */ b("span", {
+						className: q.crumbSep,
+						children: "/"
+					}), /* @__PURE__ */ b("button", {
+						className: `${q.crumb} ${t === Te.length - 1 ? q.crumbActive : ""}`,
+						onClick: () => be(t),
+						disabled: t === Te.length - 1,
+						"aria-current": t === Te.length - 1 ? "location" : void 0,
+						children: e.label
+					})]
+				}, t))
+			}),
+			T && /* @__PURE__ */ x("div", {
+				className: q.linkBar,
+				role: "status",
+				children: [
+					/* @__PURE__ */ x("span", { children: [
+						"Select blocks to group: ",
+						/* @__PURE__ */ b("strong", { children: T.length }),
+						" selected"
+					] }),
+					/* @__PURE__ */ b("button", {
+						className: q.linkBarCancel,
+						disabled: T.length < 2,
+						onClick: () => {
+							u.group(T), E(null);
+						},
+						children: "Group"
+					}),
+					/* @__PURE__ */ b("button", {
+						className: q.linkBarCancel,
+						onClick: () => E(null),
+						children: "Cancel"
+					})
+				]
+			}),
+			ge && /* @__PURE__ */ x("div", {
+				className: q.linkBar,
+				role: "status",
+				children: [/* @__PURE__ */ x("span", { children: [
+					"Linking from ",
+					/* @__PURE__ */ b("strong", { children: ge.title }),
+					": click a block on any level"
+				] }), /* @__PURE__ */ b("button", {
+					className: q.linkBarCancel,
+					onClick: () => S(null),
+					children: "Cancel"
+				})]
+			}),
+			ue && /* @__PURE__ */ b("div", {
+				className: q.backdrop,
+				onClick: () => {
+					g.current || be(Y.length - 1);
+				},
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ x("div", {
+				ref: d,
+				className: `${q.slide} ${ue ? q.slideCard : ""}`,
+				children: [(() => {
+					let t = Z ?? {
+						title: e.title,
+						description: e.description,
+						icon: void 0
+					};
+					return /* @__PURE__ */ x("div", {
+						className: `${q.slideHeader} ${Z ? "" : q.slideHeaderTop}`,
+						children: [
+							t.icon && /* @__PURE__ */ b("span", {
+								className: q.slideIcon,
+								children: t.icon
+							}),
+							/* @__PURE__ */ x("div", {
+								className: q.slideHeaderText,
+								children: [/* @__PURE__ */ b("h1", {
+									className: q.slideTitle,
+									children: t.title
+								}), t.description && /* @__PURE__ */ b("p", {
+									className: q.slideDescription,
+									children: t.description
+								})]
+							}),
+							Z && (c || Z.details?.trim()) && /* @__PURE__ */ x("button", {
+								className: q.headerDetailsBtn,
+								onClick: () => j(Z.id),
+								"aria-label": `Details of ${Z.title}`,
+								children: [
+									/* @__PURE__ */ b(re, {}),
+									" ",
+									Z.details?.trim() ? "Details" : "Add details"
+								]
+							})
+						]
+					});
+				})(), /* @__PURE__ */ x("div", {
+					ref: ee,
+					className: `${q.gridArea} ${ue ? q.gridAreaNested : ""}`,
+					children: [
+						c && Q.length >= 2 && /* @__PURE__ */ x("div", {
+							className: q.levelTools,
+							role: "group",
+							"aria-label": "Level tools",
+							children: [/* @__PURE__ */ b("button", {
+								className: `${q.groupBtn} ${T ? q.groupBtnActive : ""}`,
+								onClick: () => {
+									S(null), E((e) => e ? null : []);
+								},
+								"aria-pressed": T !== null,
+								children: "Group blocks"
+							}), Q.length >= l && !T && /* @__PURE__ */ x("span", {
+								className: q.fullHint,
+								children: [
+									Q.length,
+									" of ",
+									l,
+									": group blocks to add more"
+								]
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: q.grid,
+							...Ce,
+							children: [Q.map((e) => Ee(e)), de && De()]
+						}),
+						Q.length === 0 && !c && /* @__PURE__ */ b("p", {
+							className: q.empty,
+							children: "Nothing here yet"
+						}),
+						me.length > 0 && /* @__PURE__ */ x("svg", {
+							className: `${q.arrowSvg} ${c ? q.arrowSvgEditing : ""}`,
+							"aria-hidden": !c || void 0,
+							children: [/* @__PURE__ */ b("defs", { children: /* @__PURE__ */ b("marker", {
+								id: v,
+								markerWidth: 10,
+								markerHeight: "8",
+								refX: "0",
+								refY: "4",
+								orient: "auto-start-reverse",
+								markerUnits: "userSpaceOnUse",
+								children: /* @__PURE__ */ b("path", {
+									d: "M 0 0 L 10 4 L 0 8 Z",
+									className: q.arrowHead
+								})
+							}) }), me.map((e) => /* @__PURE__ */ x("g", {
+								"data-link": e.key,
+								children: [
+									c && /* @__PURE__ */ b("path", {
+										d: e.d,
+										className: q.arrowHit,
+										role: "button",
+										"aria-label": `Edit link ${K.get(e.link.from)?.block.title ?? e.link.from} – ${K.get(e.link.to)?.block.title ?? e.link.to}`,
+										onClick: (t) => {
+											t.stopPropagation(), O(J(e.link));
+										}
+									}),
+									/* @__PURE__ */ b("path", {
+										d: e.d,
+										className: `${q.arrow} ${e.link.direct ? "" : q.arrowIndirect}`,
+										markerEnd: e.link.direction === "none" ? void 0 : `url(#${v})`,
+										markerStart: e.link.direction === "both" ? `url(#${v})` : void 0
+									}),
+									e.label && /* @__PURE__ */ b("text", {
+										x: e.vertical ? e.mid.x + 8 : e.mid.x,
+										y: e.mid.y,
+										className: `${q.arrowLabel} ${D === J(e.link) ? q.arrowLabelOpen : ""}`,
+										onClick: c ? (t) => {
+											t.stopPropagation(), O(J(e.link));
+										} : void 0,
+										textAnchor: e.vertical ? "start" : "middle",
+										dominantBaseline: "middle",
+										children: e.label
+									})
+								]
+							}, e.key))]
+						}),
+						(() => {
+							let e = c && me.find((e) => J(e.link) === D);
+							return e ? /* @__PURE__ */ b(z, {
+								links: e.link.links,
+								x: e.mid.x,
+								y: e.mid.y,
+								titleOf: (e) => K.get(e)?.block.title ?? e,
+								onUpdate: u.updateLink,
+								onRemove: u.removeLink,
+								onClose: k
+							}) : null;
+						})()
+					]
+				})]
+			}),
+			le && /* @__PURE__ */ b(oe, {
+				block: le,
+				editing: c,
+				onChange: (e) => u.setDetails(le.id, e),
+				onClose: M
+			})
+		]
+	});
+}
+var Y = { takeSix: "_takeSix_b98wp_4" }, X = {
+	title: "New block",
+	description: "Description"
+};
+function Z({ document: e, onChange: t, editing: n = !1, theme: r = "auto", className: i }) {
+	let o = t !== void 0 && n, s = a(() => {
+		let n = (n) => {
+			n !== e && t?.(n);
+		};
+		return {
+			rename(t, r) {
+				let i = r.trim();
+				i && n(v(e, t, { title: i }));
+			},
+			describe(t, r) {
+				n(v(e, t, { description: r.trim() || void 0 }));
+			},
+			remove(t) {
+				n(ee(e, t));
+			},
+			add(t) {
+				m(e, t) && n(d(e, t, X).document);
+			},
+			setSize(t, r) {
+				n(v(e, t, { size: r === c ? void 0 : r }));
+			},
+			move(t, r, i) {
+				n(_(e, t, r, { index: i }));
+			},
+			group(t) {
+				n(g(e, t, {
+					title: "New group",
+					description: `${t.length} blocks`
+				}).document);
+			},
+			setDetails(t, r) {
+				n(v(e, t, { details: r.trim() ? r : void 0 }));
+			},
+			updateLink(t, r) {
+				let i = { ...t };
+				for (let [e, t] of Object.entries(r)) t === void 0 ? delete i[e] : i[e] = t;
+				n({
+					...e,
+					links: (e.links ?? []).map((e) => e === t ? i : e)
+				});
+			},
+			removeLink(t) {
+				let r = (e.links ?? []).filter((e) => e !== t), { links: i, ...a } = e;
+				n(r.length ? {
+					...e,
+					links: r
+				} : a);
+			},
+			toggleLink(t, r) {
+				let i = e.links ?? [], a = i.filter((e) => e.from !== t || e.to !== r);
+				if (a.length === i.length) n(f(e, {
+					from: t,
+					to: r
+				}).document);
+				else {
+					let { links: t, ...r } = e;
+					n(a.length ? {
+						...e,
+						links: a
+					} : r);
+				}
+			}
+		};
+	}, [e, t]);
+	return /* @__PURE__ */ b("div", {
+		className: `${Y.takeSix} ${i ?? ""}`,
+		"data-theme": r,
+		children: /* @__PURE__ */ b(le, {
+			document: e,
+			editing: o,
+			actions: s
+		})
+	});
+}
+export { Z as TakeSix };