@bambamboole/pdf-ua-template-builder 0.3.1 → 0.4.0

package/dist/index.js

@@ -9,24 +9,25 @@ import { jsonSchema as ne } from "codemirror-json-schema";
 import { HighlightStyle as O, syntaxHighlighting as k } from "@codemirror/language";
 import { EditorView as re } from "@codemirror/view";
 import { tags as A } from "@lezer/highlight";
+import { html as ie } from "@codemirror/lang-html";
 //#region src/api/pdfUaApi.ts
-function ie(e) {
+function ae(e) {
 	return e ?? "";
 }
-function ae(e, t) {
+function oe(e, t) {
 	return `${e.replace(/\/+$/, "")}/${t.replace(/^\/+/, "")}`;
 }
-async function oe(e) {
+async function se(e) {
 	let t = e.headers.get("content-type") ?? "", n = `${e.status} ${e.statusText || "Request failed"}`;
 	return t.includes("application/json") ? (await e.json()).error || n : (await e.text()).trim() || n;
 }
-async function se(e) {
-	let t = await fetch(ae(e, "/schema"), { headers: { Accept: "application/json" } });
-	if (!t.ok) throw Error(await oe(t));
+async function ce(e) {
+	let t = await fetch(oe(e, "/schema"), { headers: { Accept: "application/json" } });
+	if (!t.ok) throw Error(await se(t));
 	return await t.json();
 }
-async function ce(e, t) {
-	let n = await fetch(ae(e, "/render/template"), {
+async function le(e, t) {
+	let n = await fetch(oe(e, "/render/template"), {
 		method: "POST",
 		headers: {
 			Accept: "application/pdf",
@@ -38,12 +39,24 @@ async function ce(e, t) {
 			...t
 		})
 	});
-	if (!n.ok) throw Error(await oe(n));
+	if (!n.ok) throw Error(await se(n));
+	return n.blob();
+}
+async function ue(e, t) {
+	let n = await fetch(oe(e, "/convert"), {
+		method: "POST",
+		headers: {
+			Accept: "application/pdf",
+			"Content-Type": "application/json"
+		},
+		body: JSON.stringify(t)
+	});
+	if (!n.ok) throw Error(await se(n));
 	return n.blob();
 }
 //#endregion
 //#region src/builder/blocks/blockChrome.ts
-var le = {
+var de = {
 	heading: {
 		chip: "H",
 		label: "Heading"
@@ -77,18 +90,18 @@ var le = {
 		label: "Divider"
 	}
 };
-function ue(e) {
-	return le[e] ?? {
+function fe(e) {
+	return de[e] ?? {
 		chip: "?",
-		label: pe(e)
+		label: me(e)
 	};
 }
-function de(e) {
+function pe(e) {
 	switch (e.type) {
 		case "heading":
-		case "text": return fe(e.text);
-		case "html": return fe(e.html);
-		case "image": return fe(e.alt ?? e.src);
+		case "text": return j(e.text);
+		case "html": return j(e.html);
+		case "image": return j(e.alt ?? e.src);
 		case "key-value": {
 			let t = e.config?.fields ?? [];
 			return t.length > 0 ? `${t.length} field${t.length === 1 ? "" : "s"}` : "";
@@ -108,17 +121,17 @@ function de(e) {
 		default: return "";
 	}
 }
-function fe(e, t = 56) {
+function j(e, t = 56) {
 	if (!e) return "";
 	let n = e.replace(/\s+/g, " ").trim();
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
 }
-function pe(e) {
+function me(e) {
 	return e.split("-").filter(Boolean).map((e) => `${e.charAt(0).toUpperCase()}${e.slice(1)}`).join(" ");
 }
 //#endregion
 //#region src/builder/primitives/Chip.tsx
-function j({ children: e, wide: t = !1 }) {
+function M({ children: e, wide: t = !1 }) {
 	return /* @__PURE__ */ b("span", {
 		className: `inline-grid h-[22px] place-items-center rounded bg-surface-muted font-mono text-2xs font-semibold text-fg-muted ${t ? "min-w-[22px] px-1" : "w-[22px]"}`,
 		"aria-hidden": "true",
@@ -127,13 +140,13 @@ function j({ children: e, wide: t = !1 }) {
 }
 //#endregion
 //#region src/builder/canvas/BlockCardPreview.tsx
-function me({ type: e, summary: t, prefix: n }) {
-	let r = ue(e);
+function he({ type: e, summary: t, prefix: n }) {
+	let r = fe(e);
 	return /* @__PURE__ */ b("div", {
 		className: "pointer-events-none origin-top-left rotate-[1.5deg] scale-[1.02] cursor-grabbing drop-shadow-drag",
 		children: /* @__PURE__ */ x("div", {
 			className: "inline-flex min-w-[180px] max-w-[360px] items-center gap-2 rounded-lg border border-solid border-border-strong bg-surface px-3 py-2 text-sm font-medium",
-			children: [/* @__PURE__ */ b(j, { children: r.chip }), /* @__PURE__ */ x("span", {
+			children: [/* @__PURE__ */ b(M, { children: r.chip }), /* @__PURE__ */ x("span", {
 				className: "inline-flex items-baseline gap-2",
 				children: [/* @__PURE__ */ x("span", {
 					className: "font-medium",
@@ -148,36 +161,36 @@ function me({ type: e, summary: t, prefix: n }) {
 }
 //#endregion
 //#region src/builder/lib/sensors.ts
-function he() {
+function ge() {
 	return c(s(r, { activationConstraint: { distance: 4 } }), s(n, { coordinateGetter: w }));
 }
 //#endregion
 //#region src/builder/lib/records.ts
-function M(e) {
+function N(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function ge(e, t) {
+function _e(e, t) {
 	if (!(t in e)) return e;
 	let n = { ...e };
 	return delete n[t], n;
 }
-function _e(e, t, n) {
+function ve(e, t, n) {
 	if (!(t in e)) return e;
 	let r = {};
 	for (let [i, a] of Object.entries(e)) r[i === t ? n : i] = a;
 	return r;
 }
-function ve(e, t) {
+function ye(e, t) {
 	let n = e.length + 1;
 	for (; e.includes(`${t}${n}`);) n += 1;
 	return n;
 }
 //#endregion
 //#region src/builder/state/dragDrop.ts
-function N(e) {
-	return M(e) ? e : {};
+function P(e) {
+	return N(e) ? e : {};
 }
-function ye(e, t, n) {
+function be(e, t, n) {
 	return t === "new-row" ? {
 		rowUid: null,
 		index: 0,
@@ -188,7 +201,7 @@ function ye(e, t, n) {
 		area: "footer"
 	} : n.type === "block" && n.rowUid && n.blockUid ? {
 		rowUid: n.rowUid,
-		index: xe(e, n.blockUid),
+		index: F(e, n.blockUid),
 		area: n.area ?? "body"
 	} : n.type === "row" && n.rowUid ? {
 		rowUid: n.rowUid,
@@ -200,13 +213,13 @@ function ye(e, t, n) {
 		area: "body"
 	};
 }
-function be(e, t, n) {
+function xe(e, t, n) {
 	let r = (n.type === "row" || n.type === "block") && n.rowUid ? n.rowUid : String(t), i = e.rows.findIndex((e) => e.uid === r);
 	if (i !== -1) return i;
 	let a = e.footerRows.findIndex((e) => e.uid === r);
 	return a === -1 ? null : a;
 }
-function xe(e, t) {
+function F(e, t) {
 	for (let n of [...e.rows, ...e.footerRows]) {
 		let e = n.blocks.findIndex((e) => e.uid === t);
 		if (e !== -1) return e;
@@ -218,85 +231,85 @@ function Se(e, t) {
 }
 //#endregion
 //#region src/builder/state/editorModel.ts
-var P = 1;
-function Ce(e) {
+var Ce = 1;
+function we(e) {
 	let { rows: t = [], ...n } = e, r = n.config?.page?.footer?.rows ?? [];
 	return {
-		template: He(Qe(n)),
-		rows: t.map((e) => We(e)),
-		footerRows: r.map((e) => We(e))
+		template: Ue(et(n)),
+		rows: t.map((e) => Ge(e)),
+		footerRows: r.map((e) => Ge(e))
 	};
 }
-function we(e) {
-	let t = Ue(Qe(e.template), e.footerRows);
+function Te(e) {
+	let t = We(et(e.template), e.footerRows);
 	return e.rows.length === 0 ? t : {
 		...t,
-		rows: e.rows.map((e) => ({ blocks: e.blocks.map((e) => L(e.block)) }))
+		rows: e.rows.map((e) => ({ blocks: e.blocks.map((e) => $e(e.block)) }))
 	};
 }
-function Te(e, t, n = "body") {
-	return F(e, n, (e) => [...e, {
-		uid: $e("row"),
-		blocks: [Ge(t)]
+function Ee(e, t, n = "body") {
+	return I(e, n, (e) => [...e, {
+		uid: tt("row"),
+		blocks: [Ke(t)]
 	}]);
 }
-function Ee(e, t, n, r) {
-	let i = Ve(e, t);
-	return i ? F(e, i, (e) => e.map((e) => e.uid === t ? {
+function De(e, t, n, r) {
+	let i = He(e, t);
+	return i ? I(e, i, (e) => e.map((e) => e.uid === t ? {
 		...e,
-		blocks: Ze(e.blocks, Ge(n), r)
+		blocks: Qe(e.blocks, Ke(n), r)
 	} : e)) : e;
 }
-function De(e, t) {
-	return I(e, (e) => e.map((e) => ({
+function Oe(e, t) {
+	return L(e, (e) => e.map((e) => ({
 		...e,
 		blocks: e.blocks.filter((e) => e.uid !== t)
 	})).filter((e) => e.blocks.length > 0));
 }
-function Oe(e, t, n, r, i = "body") {
-	let a = Ke(e, t);
+function ke(e, t, n, r, i = "body") {
+	let a = qe(e, t);
 	if (!a) return e;
-	if (n === null) return F(I(e, (e) => e.map((e) => ({
+	if (n === null) return I(L(e, (e) => e.map((e) => ({
 		...e,
 		blocks: e.blocks.filter((e) => e.uid !== t)
 	})).filter((e) => e.blocks.length > 0)), i, (e) => [...e, {
-		uid: $e("row"),
+		uid: tt("row"),
 		blocks: [a]
 	}]);
-	let o = Ve(e, n);
-	return o ? I(F(I(e, (e) => e.map((e) => ({
+	let o = He(e, n);
+	return o ? L(I(L(e, (e) => e.map((e) => ({
 		...e,
 		blocks: e.blocks.filter((e) => e.uid !== t)
 	}))), o, (e) => e.map((e) => e.uid === n ? {
 		...e,
-		blocks: Ze(e.blocks, a, r)
+		blocks: Qe(e.blocks, a, r)
 	} : e)), (e) => e.filter((e) => e.blocks.length > 0)) : e;
 }
-function ke(e, t, n) {
-	let r = Ve(e, t);
-	return r ? F(e, r, (e) => {
+function Ae(e, t, n) {
+	let r = He(e, t);
+	return r ? I(e, r, (e) => {
 		let r = e.find((e) => e.uid === t);
-		return r ? Ze(e.filter((e) => e.uid !== t), r, n) : e;
+		return r ? Qe(e.filter((e) => e.uid !== t), r, n) : e;
 	}) : e;
 }
-function Ae(e, t, n) {
-	return I(e, (e) => e.map((e) => ({
+function je(e, t, n) {
+	return L(e, (e) => e.map((e) => ({
 		...e,
 		blocks: e.blocks.map((e) => e.uid === t ? {
 			...e,
-			block: L(n)
+			block: $e(n)
 		} : e)
 	})));
 }
-function je(e, t) {
+function Me(e, t) {
 	return {
 		...e,
-		template: Ce(t).template
+		template: we(t).template
 	};
 }
-function Me(e) {
+function Ne(e) {
 	let t = e.template.config?.page?.size;
-	return Pe(t) ? {
+	return Fe(t) ? {
 		format: "A4",
 		orientation: "portrait",
 		custom: t
@@ -306,7 +319,7 @@ function Me(e) {
 		custom: null
 	};
 }
-function Ne(e, t, n) {
+function Pe(e, t, n) {
 	let r = {
 		format: t,
 		orientation: n
@@ -325,24 +338,24 @@ function Ne(e, t, n) {
 		}
 	};
 }
-function Pe(e) {
+function Fe(e) {
 	return typeof e == "object" && !!e && "width" in e && "height" in e && typeof e.width == "number" && typeof e.height == "number";
 }
-function Fe(e, t, n) {
-	let r = Ve(e, t);
-	return r ? F(e, r, (e) => e.map((e) => e.uid === t ? {
+function Ie(e, t, n) {
+	let r = He(e, t);
+	return r ? I(e, r, (e) => e.map((e) => e.uid === t ? {
 		...e,
 		blocks: e.blocks.map((e, t) => ({
 			...e,
-			block: Xe(e.block, n[t])
+			block: Ze(e.block, n[t])
 		}))
 	} : e)) : e;
 }
-function Ie(e) {
+function Le(e) {
 	return e.template.config?.page?.footer?.repeat !== !1;
 }
-function Le(e, t) {
-	return Be(e, (e) => {
+function Re(e, t) {
+	return Ve(e, (e) => {
 		let n = {
 			...e.footer,
 			repeat: t
@@ -353,12 +366,12 @@ function Le(e, t) {
 		};
 	});
 }
-function Re(e) {
+function ze(e) {
 	let t = e.template.config?.page?.pageNumbers;
 	return t?.enabled === !0 ? t.position ?? "center" : "disabled";
 }
-function ze(e, t) {
-	return Be(e, (e) => {
+function Be(e, t) {
+	return Ve(e, (e) => {
 		if (t === "disabled") {
 			let t = {
 				...e.pageNumbers,
@@ -379,7 +392,7 @@ function ze(e, t) {
 		};
 	});
 }
-function Be(e, t) {
+function Ve(e, t) {
 	let n = e.template.config ?? {}, r = t(n.page ?? {}), i = {
 		...n,
 		page: r
@@ -392,10 +405,10 @@ function Be(e, t) {
 		}
 	};
 }
-function Ve(e, t) {
+function He(e, t) {
 	return e.rows.some((e) => e.uid === t) ? "body" : e.footerRows.some((e) => e.uid === t) ? "footer" : null;
 }
-function F(e, t, n) {
+function I(e, t, n) {
 	return t === "body" ? {
 		...e,
 		rows: n(e.rows)
@@ -404,14 +417,14 @@ function F(e, t, n) {
 		footerRows: n(e.footerRows)
 	};
 }
-function I(e, t) {
+function L(e, t) {
 	return {
 		...e,
 		rows: t(e.rows),
 		footerRows: t(e.footerRows)
 	};
 }
-function He(e) {
+function Ue(e) {
 	let t = e.config?.page?.footer;
 	if (!t) return e;
 	let { rows: n, ...r } = t, i = Object.keys(r).length === 0 ? void 0 : r, a = {
@@ -426,10 +439,10 @@ function He(e) {
 		}
 	};
 }
-function Ue(e, t) {
+function We(e, t) {
 	let n = e.config?.page ?? {}, r = n.footer ?? {};
 	if (!(t.length > 0 || r.repeat !== void 0)) return e;
-	let i = t.map((e) => ({ blocks: e.blocks.map((e) => L(e.block)) })), a = {
+	let i = t.map((e) => ({ blocks: e.blocks.map((e) => $e(e.block)) })), a = {
 		...r,
 		...i.length > 0 ? { rows: i } : {}
 	}, o = {
@@ -444,34 +457,34 @@ function Ue(e, t) {
 		}
 	};
 }
-function We(e) {
+function Ge(e) {
 	return {
-		uid: $e("row"),
-		blocks: e.blocks.map((e) => Ge(e))
+		uid: tt("row"),
+		blocks: e.blocks.map((e) => Ke(e))
 	};
 }
-function Ge(e) {
+function Ke(e) {
 	return {
-		uid: $e("block"),
-		block: L(e)
+		uid: tt("block"),
+		block: $e(e)
 	};
 }
-function Ke(e, t) {
-	return [...e.rows, ...e.footerRows].flatMap((e) => e.blocks).find((e) => e.uid === t);
-}
 function qe(e, t) {
-	return t ? Ke(e, t) ?? null : null;
+	return [...e.rows, ...e.footerRows].flatMap((e) => e.blocks).find((e) => e.uid === t);
 }
 function Je(e, t) {
-	return qe(e, t) ? t : null;
+	return t ? qe(e, t) ?? null : null;
 }
 function Ye(e, t) {
-	let n = we(e), r = [...n.rows ?? [], ...n.config?.page?.footer?.rows ?? []], i = new Set(r.flatMap((e) => e.blocks.map((e) => e.id).filter((e) => typeof e == "string" && e.length > 0))), a = 1;
+	return Je(e, t) ? t : null;
+}
+function Xe(e, t) {
+	let n = Te(e), r = [...n.rows ?? [], ...n.config?.page?.footer?.rows ?? []], i = new Set(r.flatMap((e) => e.blocks.map((e) => e.id).filter((e) => typeof e == "string" && e.length > 0))), a = 1;
 	for (; i.has(`${t}-${a}`);) a += 1;
 	return `${t}-${a}`;
 }
-function Xe(e, t) {
-	let n = L(e), r = { ...n.config };
+function Ze(e, t) {
+	let n = $e(e), r = { ...n.config };
 	if (t === void 0 || t === "" ? delete r.width : r.width = t, Object.keys(r).length === 0) {
 		let { config: e, ...t } = n;
 		return t;
@@ -481,29 +494,29 @@ function Xe(e, t) {
 		config: r
 	};
 }
-function Ze(e, t, n) {
+function Qe(e, t, n) {
 	let r = [...e], i = Math.max(0, Math.min(n, r.length));
 	return r.splice(i, 0, t), r;
 }
-function L(e) {
-	return Qe(e);
+function $e(e) {
+	return et(e);
 }
-function Qe(e) {
+function et(e) {
 	return structuredClone(e);
 }
-function $e(e) {
-	let t = `${e}-${P}`;
-	return P += 1, t;
+function tt(e) {
+	let t = `${e}-${Ce}`;
+	return Ce += 1, t;
 }
 //#endregion
 //#region src/builder/hooks/useBuilderDragDrop.ts
-function et(e, t, n) {
+function nt(e, t, n) {
 	let [r, i] = v(null);
 	return {
 		activeDrag: r,
-		sensors: he(),
+		sensors: ge(),
 		onDragStart: f((e) => {
-			let t = N(e.active.data.current);
+			let t = P(e.active.data.current);
 			if (t.source === "palette" && t.type) {
 				i({
 					kind: "palette",
@@ -516,7 +529,7 @@ function et(e, t, n) {
 				return;
 			}
 			if (t.type === "block" && t.blockUid) {
-				let e = Ke(n.current, t.blockUid);
+				let e = qe(n.current, t.blockUid);
 				i(e ? {
 					kind: "block",
 					block: e.block
@@ -525,7 +538,7 @@ function et(e, t, n) {
 		}, [n]),
 		onDragEnd: f((n) => {
 			if (i(null), !n.over) return;
-			let r = N(n.active.data.current), a = N(n.over.data.current);
+			let r = P(n.active.data.current), a = P(n.over.data.current);
 			if (r.source === "palette" && r.type && e) {
 				t({
 					type: "dropFromPalette",
@@ -559,21 +572,21 @@ function et(e, t, n) {
 }
 //#endregion
 //#region src/render/usePdfUaApi.ts
-function tt({ initialApiUrl: e, apiUrl: t, onRendered: n, loadSchemaOnMount: r = !0 }) {
+function rt({ initialApiUrl: e, apiUrl: t, onRendered: n, loadSchemaOnMount: r = !0 }) {
 	let [i, a] = v(null), [o, s] = v(!1), [c, l] = v(null), [u, d] = v(!1), [p, h] = v(null), g = _(e), y = _(0), b = _(0), x = _(null), S = _(n);
 	m(() => {
 		S.current = n;
 	}, [n]), m(() => () => {
-		nt(x.current), x.current = null;
+		it(x.current), x.current = null;
 	}, []);
 	let C = f(async (e) => {
 		let t = y.current + 1;
 		y.current = t, s(!0), h(null);
 		try {
-			let n = await se(e);
+			let n = await ce(e);
 			t === y.current && a(n);
 		} catch (e) {
-			t === y.current && h(rt(e));
+			t === y.current && h(at(e));
 		} finally {
 			t === y.current && s(!1);
 		}
@@ -591,106 +604,106 @@ function tt({ initialApiUrl: e, apiUrl: t, onRendered: n, loadSchemaOnMount: r =
 			let r = b.current + 1;
 			b.current = r, d(!0), h(null);
 			try {
-				let i = await ce(t, {
+				let i = await le(t, {
 					template: e,
 					data: n,
 					options: { title: "Template Preview" }
 				}), a = URL.createObjectURL(i);
 				if (r !== b.current) {
-					nt(a);
+					it(a);
 					return;
 				}
-				l((e) => (nt(e), x.current = a, a)), S.current?.(i);
+				l((e) => (it(e), x.current = a, a)), S.current?.(i);
 			} catch (e) {
-				r === b.current && h(rt(e));
+				r === b.current && h(at(e));
 			} finally {
 				r === b.current && d(!1);
 			}
 		}, [t])
 	};
 }
-function nt(e) {
+function it(e) {
 	e && URL.revokeObjectURL(e);
 }
-function rt(e) {
+function at(e) {
 	return e instanceof Error ? e.message : String(e);
 }
 //#endregion
 //#region src/render/RenderContext.tsx
-var it = u(null);
-function at({ value: e, children: t }) {
-	return /* @__PURE__ */ b(it.Provider, {
+var ot = u(null);
+function st({ value: e, children: t }) {
+	return /* @__PURE__ */ b(ot.Provider, {
 		value: e,
 		children: t
 	});
 }
-function ot() {
-	let e = p(it);
+function ct() {
+	let e = p(ot);
 	if (!e) throw Error("useRenderContext must be used within a render provider.");
 	return e;
 }
 //#endregion
 //#region src/builder/schema/schemaAdapter.ts
-function st(e) {
-	return yt(e["x-pdfUa"]);
+function lt(e) {
+	return xt(e["x-pdfUa"]);
 }
-function ct(e, t) {
+function ut(e, t) {
 	if (!t.startsWith("#/")) throw Error(`Unsupported schema ref: ${t}`);
 	let n = t.slice(2).split("/").reduce((e, t) => {
-		if (R(e)) return e[xt(t)];
+		if (R(e)) return e[Ct(t)];
 	}, e);
 	if (!R(n)) throw Error(`Schema ref not found: ${t}`);
 	return n;
 }
-function lt(e) {
-	let t = ft(e).map((e) => mt(e)).filter((e) => e !== void 0), n = new Set(t), r = st(e).blockOrder.filter((e) => n.has(e)), i = t.filter((e) => !r.includes(e));
+function dt(e) {
+	let t = mt(e).map((e) => gt(e)).filter((e) => e !== void 0), n = new Set(t), r = lt(e).blockOrder.filter((e) => n.has(e)), i = t.filter((e) => !r.includes(e));
 	return [...r, ...i];
 }
-function ut(e, t) {
-	return ft(e).find((e) => mt(e) === t);
+function ft(e, t) {
+	return mt(e).find((e) => gt(e) === t);
 }
-function dt(e, t, n) {
-	let r = pt(e, t), i = ht(r), a = {
+function pt(e, t, n) {
+	let r = ht(e, t), i = _t(r), a = {
 		type: t,
 		id: n
 	};
-	for (let t of vt(r.required)) {
+	for (let t of bt(r.required)) {
 		if (t === "type" || t === "config" || t === "id" || a[t] !== void 0) continue;
 		let n = i[t];
-		R(n) && (a[t] = gt(e, n));
+		R(n) && (a[t] = vt(e, n));
 	}
 	return a;
 }
-function ft(e) {
+function mt(e) {
 	let t = e.$defs, n = R(t) ? t.block : void 0;
 	return (R(n) && Array.isArray(n.oneOf) ? n.oneOf : []).map((t) => {
 		if (!R(t)) return;
 		let n = t.$ref;
-		return typeof n == "string" ? ct(e, n) : t;
+		return typeof n == "string" ? ut(e, n) : t;
 	}).filter((e) => e !== void 0);
 }
-function pt(e, t) {
-	let n = ut(e, t);
+function ht(e, t) {
+	let n = ft(e, t);
 	if (!n) throw Error(`Unknown block type: ${t}`);
 	return n;
 }
-function mt(e) {
-	let t = ht(e).type;
+function gt(e) {
+	let t = _t(e).type;
 	if (R(t)) return typeof t.const == "string" ? t.const : void 0;
 }
-function ht(e) {
+function _t(e) {
 	return R(e.properties) ? e.properties : {};
 }
-function gt(e, t) {
+function vt(e, t) {
 	if ("default" in t) return t.default;
 	if (Array.isArray(t.enum)) return t.enum.find((e) => e !== null);
 	if (typeof t.const == "string" || typeof t.const == "number") return t.const;
-	if (typeof t.$ref == "string") return gt(e, ct(e, t.$ref));
+	if (typeof t.$ref == "string") return vt(e, ut(e, t.$ref));
 	if (Array.isArray(t.oneOf)) {
 		let n = t.oneOf.find((e) => R(e) && e.type !== "null");
-		return R(n) ? gt(e, n) : void 0;
+		return R(n) ? vt(e, n) : void 0;
 	}
-	switch (_t(t.type)) {
+	switch (yt(t.type)) {
 		case "string": return "";
 		case "integer":
 		case "number": return 0;
@@ -700,36 +713,36 @@ function gt(e, t) {
 		default: return;
 	}
 }
-function _t(e) {
+function yt(e) {
 	if (typeof e == "string") return e;
 	if (Array.isArray(e)) return e.find((e) => typeof e == "string" && e !== "null");
 }
-function vt(e) {
+function bt(e) {
 	return Array.isArray(e) ? e.filter((e) => typeof e == "string") : [];
 }
-function yt(e) {
-	if (!R(e) || !bt(e.blockOrder)) throw Error("Invalid template schema metadata");
+function xt(e) {
+	if (!R(e) || !St(e.blockOrder)) throw Error("Invalid template schema metadata");
 	return e;
 }
-function bt(e) {
+function St(e) {
 	return Array.isArray(e) && e.every((e) => typeof e == "string");
 }
 function R(e) {
-	return M(e);
+	return N(e);
 }
-function xt(e) {
+function Ct(e) {
 	return e.replace(/~1/g, "/").replace(/~0/g, "~");
 }
 //#endregion
 //#region src/builder/state/editorReducer.ts
-function St(e, t) {
+function wt(e, t) {
 	return {
-		model: Ce(e),
+		model: we(e),
 		data: t,
 		selectedBlockUid: null
 	};
 }
-function Ct(e, t) {
+function Tt(e, t) {
 	switch (t.type) {
 		case "selectBlock": return {
 			...e,
@@ -739,31 +752,31 @@ function Ct(e, t) {
 			...e,
 			selectedBlockUid: null
 		};
-		case "changeBlock": return z(e, Ae(e.model, t.blockUid, t.block));
-		case "removeBlock": return z(e, De(e.model, t.blockUid));
-		case "changeTemplateSettings": return z(e, je(e.model, t.template));
-		case "setRowWidths": return z(e, Fe(e.model, t.rowUid, t.widths));
-		case "addBlock": return z(e, Te(e.model, wt(e.model, t)));
-		case "setFormat": return z(e, Ne(e.model, t.format, Me(e.model).orientation));
-		case "setOrientation": return z(e, Ne(e.model, Me(e.model).format, t.orientation));
-		case "setFooterRepeat": return z(e, Le(e.model, t.repeat));
-		case "setPageNumbers": return z(e, ze(e.model, t.value));
+		case "changeBlock": return z(e, je(e.model, t.blockUid, t.block));
+		case "removeBlock": return z(e, Oe(e.model, t.blockUid));
+		case "changeTemplateSettings": return z(e, Me(e.model, t.template));
+		case "setRowWidths": return z(e, Ie(e.model, t.rowUid, t.widths));
+		case "addBlock": return z(e, Ee(e.model, Et(e.model, t)));
+		case "setFormat": return z(e, Pe(e.model, t.format, Ne(e.model).orientation));
+		case "setOrientation": return z(e, Pe(e.model, Ne(e.model).format, t.orientation));
+		case "setFooterRepeat": return z(e, Re(e.model, t.repeat));
+		case "setPageNumbers": return z(e, Be(e.model, t.value));
 		case "setData": return {
 			...e,
 			data: t.data
 		};
-		case "loadExample": return St(t.template, t.data);
+		case "loadExample": return wt(t.template, t.data);
 		case "dropFromPalette": {
-			let n = ye(e.model, t.overId, t.overData), r = wt(e.model, t);
-			return z(e, n.rowUid === null ? Te(e.model, r, n.area) : Ee(e.model, n.rowUid, r, n.index));
+			let n = be(e.model, t.overId, t.overData), r = Et(e.model, t);
+			return z(e, n.rowUid === null ? Ee(e.model, r, n.area) : De(e.model, n.rowUid, r, n.index));
 		}
 		case "moveRowTo": {
-			let n = be(e.model, t.overId, t.overData);
-			return n === null ? e : z(e, ke(e.model, t.rowUid, n));
+			let n = xe(e.model, t.overId, t.overData);
+			return n === null ? e : z(e, Ae(e.model, t.rowUid, n));
 		}
 		case "moveBlockTo": {
-			let n = ye(e.model, t.overId, t.overData);
-			return z(e, Oe(e.model, t.blockUid, n.rowUid, n.index, n.area));
+			let n = be(e.model, t.overId, t.overData);
+			return z(e, ke(e.model, t.blockUid, n.rowUid, n.index, n.area));
 		}
 	}
 }
@@ -771,35 +784,35 @@ function z(e, t) {
 	return {
 		...e,
 		model: t,
-		selectedBlockUid: Je(t, e.selectedBlockUid)
+		selectedBlockUid: Ye(t, e.selectedBlockUid)
 	};
 }
-function wt(e, t) {
-	return dt(t.schema, t.blockType, Ye(e, t.blockType));
+function Et(e, t) {
+	return pt(t.schema, t.blockType, Xe(e, t.blockType));
 }
 //#endregion
 //#region src/builder/context/BuilderContext.tsx
-var Tt = { version: 1 }, Et = u(null), Dt = u(null);
-function Ot() {
-	let e = p(Et);
+var Dt = { version: 1 }, Ot = u(null), kt = u(null);
+function At() {
+	let e = p(Ot);
 	if (!e) throw Error("useBuilderState must be used within a <TemplateBuilderProvider>.");
 	return e;
 }
-function kt() {
-	let e = p(Dt);
+function jt() {
+	let e = p(kt);
 	if (!e) throw Error("useBuilderActions must be used within a <TemplateBuilderProvider>.");
 	return e;
 }
-function At() {
+function Mt() {
 	return {
-		...Ot(),
-		...kt()
+		...At(),
+		...jt()
 	};
 }
-function jt({ apiUrl: n, initialTemplate: r, initialData: a, onChange: o, onRendered: s, children: c }) {
-	let l = ie(n), [u, d] = g(Ct, void 0, () => St(r ?? Tt, a ?? {})), { model: p, data: v, selectedBlockUid: y } = u, S = _(p);
+function Nt({ apiUrl: n, initialTemplate: r, initialData: a, onChange: o, onRendered: s, children: c }) {
+	let l = ae(n), [u, d] = g(Tt, void 0, () => wt(r ?? Dt, a ?? {})), { model: p, data: v, selectedBlockUid: y } = u, S = _(p);
 	S.current = p;
-	let { schema: C, schemaLoading: w, pdfUrl: T, pdfLoading: E, error: D, renderPdf: ee } = tt({
+	let { schema: C, schemaLoading: w, pdfUrl: T, pdfLoading: E, error: D, renderPdf: ee } = rt({
 		initialApiUrl: l,
 		apiUrl: l,
 		onRendered: s
@@ -807,7 +820,7 @@ function jt({ apiUrl: n, initialTemplate: r, initialData: a, onChange: o, onRend
 	m(() => {
 		te.current = o;
 	}, [o]);
-	let O = h(() => we(p), [p]);
+	let O = h(() => Te(p), [p]);
 	m(() => {
 		if (ne.current) {
 			ne.current = !1;
@@ -815,13 +828,13 @@ function jt({ apiUrl: n, initialTemplate: r, initialData: a, onChange: o, onRend
 		}
 		te.current?.(O, v);
 	}, [O, v]);
-	let k = C, re = h(() => k ? lt(k) : [], [k]), A = h(() => qe(p, y), [p, y]), ae = _(O);
-	ae.current = O;
+	let k = C, re = h(() => k ? dt(k) : [], [k]), A = h(() => Je(p, y), [p, y]), ie = _(O);
+	ie.current = O;
 	let oe = _(v);
 	oe.current = v;
 	let se = _(k);
 	se.current = k;
-	let { activeDrag: ce, sensors: le, onDragStart: ue, onDragEnd: de, onDragCancel: fe } = et(k, d, S), pe = f((e) => {
+	let { activeDrag: ce, sensors: le, onDragStart: ue, onDragEnd: de, onDragCancel: fe } = nt(k, d, S), pe = f((e) => {
 		d({
 			type: "loadExample",
 			template: e.template,
@@ -838,30 +851,30 @@ function jt({ apiUrl: n, initialTemplate: r, initialData: a, onChange: o, onRend
 			type: "changeTemplateSettings",
 			template: e
 		});
-	}, []), he = f((e) => {
+	}, []), M = f((e) => {
 		d({
 			type: "removeBlock",
 			blockUid: e
 		});
-	}, []), M = f((e) => {
+	}, []), he = f((e) => {
 		d({
 			type: "selectBlock",
 			blockUid: e
 		});
 	}, []), ge = f(() => {
 		d({ type: "deselect" });
-	}, []), _e = f((e, t) => {
+	}, []), N = f((e, t) => {
 		d({
 			type: "setRowWidths",
 			rowUid: e,
 			widths: t
 		});
-	}, []), ve = f((e) => {
+	}, []), _e = f((e) => {
 		d({
 			type: "setData",
 			data: e
 		});
-	}, []), N = f((e) => {
+	}, []), ve = f((e) => {
 		let t = se.current;
 		t && d({
 			type: "addBlock",
@@ -873,54 +886,54 @@ function jt({ apiUrl: n, initialTemplate: r, initialData: a, onChange: o, onRend
 			type: "setFormat",
 			format: e
 		});
-	}, []), be = f((e) => {
+	}, []), P = f((e) => {
 		d({
 			type: "setOrientation",
 			orientation: e
 		});
-	}, []), xe = f((e) => {
+	}, []), be = f((e) => {
 		d({
 			type: "setFooterRepeat",
 			repeat: e
 		});
-	}, []), Se = f((e) => {
+	}, []), xe = f((e) => {
 		d({
 			type: "setPageNumbers",
 			value: e
 		});
-	}, []), P = f(() => {
-		ee(ae.current, oe.current);
-	}, [ee]), Ce = h(() => ({
-		renderPdf: P,
+	}, []), F = f(() => {
+		ee(ie.current, oe.current);
+	}, [ee]), Se = h(() => ({
+		renderPdf: F,
 		loadExample: pe,
-		addBlock: N,
+		addBlock: ve,
 		changeBlock: j,
 		changeTemplateSettings: me,
-		removeBlock: he,
-		selectBlock: M,
+		removeBlock: M,
+		selectBlock: he,
 		deselect: ge,
-		setRowWidths: _e,
-		changeData: ve,
+		setRowWidths: N,
+		changeData: _e,
 		changeFormat: ye,
-		changeOrientation: be,
-		toggleFooterRepeat: xe,
-		changePageNumbers: Se
+		changeOrientation: P,
+		toggleFooterRepeat: be,
+		changePageNumbers: xe
 	}), [
-		P,
+		F,
 		pe,
-		N,
+		ve,
 		j,
 		me,
-		he,
 		M,
+		he,
 		ge,
+		N,
 		_e,
-		ve,
 		ye,
+		P,
 		be,
-		xe,
-		Se
-	]), Te = h(() => ({
+		xe
+	]), Ce = h(() => ({
 		schema: C,
 		schemaLoading: w,
 		model: p,
@@ -929,9 +942,9 @@ function jt({ apiUrl: n, initialTemplate: r, initialData: a, onChange: o, onRend
 		selectedBlockUid: y,
 		selectedBlock: A,
 		blockTypes: re,
-		pageSize: Me(p),
-		footerRepeat: Ie(p),
-		pageNumbers: Re(p),
+		pageSize: Ne(p),
+		footerRepeat: Le(p),
+		pageNumbers: ze(p),
 		pdfUrl: T,
 		pdfLoading: E,
 		error: D
@@ -947,13 +960,13 @@ function jt({ apiUrl: n, initialTemplate: r, initialData: a, onChange: o, onRend
 		T,
 		E,
 		D
-	]), Ee = h(() => ({
+	]), we = h(() => ({
 		template: O,
 		data: v,
 		pdfUrl: T,
 		pdfLoading: E,
 		error: D,
-		renderPdf: P,
+		renderPdf: F,
 		renderDisabled: !C || E
 	}), [
 		O,
@@ -961,42 +974,42 @@ function jt({ apiUrl: n, initialTemplate: r, initialData: a, onChange: o, onRend
 		T,
 		E,
 		D,
-		P,
+		F,
 		C
 	]);
-	return /* @__PURE__ */ b(Dt.Provider, {
-		value: Ce,
-		children: /* @__PURE__ */ b(Et.Provider, {
-			value: Te,
+	return /* @__PURE__ */ b(kt.Provider, {
+		value: Se,
+		children: /* @__PURE__ */ b(Ot.Provider, {
+			value: Ce,
 			children: /* @__PURE__ */ x(e, {
 				sensors: le,
 				collisionDetection: i,
 				onDragStart: ue,
 				onDragEnd: de,
 				onDragCancel: fe,
-				children: [/* @__PURE__ */ b(at, {
-					value: Ee,
+				children: [/* @__PURE__ */ b(st, {
+					value: we,
 					children: c
 				}), /* @__PURE__ */ b(t, {
 					dropAnimation: null,
-					children: ce ? /* @__PURE__ */ b(Mt, { drag: ce }) : null
+					children: ce ? /* @__PURE__ */ b(Pt, { drag: ce }) : null
 				})]
 			})
 		})
 	});
 }
-function Mt({ drag: e }) {
-	return e.kind === "palette" ? /* @__PURE__ */ b(me, {
+function Pt({ drag: e }) {
+	return e.kind === "palette" ? /* @__PURE__ */ b(he, {
 		type: e.type,
 		prefix: "+ "
-	}) : e.kind === "block" ? /* @__PURE__ */ b(me, {
+	}) : e.kind === "block" ? /* @__PURE__ */ b(he, {
 		type: e.block.type,
-		summary: de(e.block)
+		summary: pe(e.block)
 	}) : /* @__PURE__ */ b("div", {
 		className: "pointer-events-none origin-top-left rotate-[1.5deg] scale-[1.02] cursor-grabbing drop-shadow-drag",
 		children: /* @__PURE__ */ x("div", {
 			className: "inline-flex min-w-[180px] max-w-[360px] items-center gap-2 rounded-lg border border-solid border-border-strong bg-surface px-3 py-2 text-sm font-medium",
-			children: [/* @__PURE__ */ b(j, { children: "⋮⋮" }), /* @__PURE__ */ b("span", {
+			children: [/* @__PURE__ */ b(M, { children: "⋮⋮" }), /* @__PURE__ */ b("span", {
 				className: "font-medium",
 				children: "Row"
 			})]
@@ -1005,49 +1018,49 @@ function Mt({ drag: e }) {
 }
 //#endregion
 //#region src/builder/controls/inputs.tsx
-var Nt = "min-w-0 rounded-md border border-solid border-border bg-surface text-fg outline-none transition-colors hover:border-border-strong focus-visible:border-accent focus-visible:ring-3 focus-visible:ring-accent/20";
-function Pt(...e) {
+var Ft = "min-w-0 rounded-md border border-solid border-border bg-surface text-fg outline-none transition-colors hover:border-border-strong focus-visible:border-accent focus-visible:ring-3 focus-visible:ring-accent/20";
+function It(...e) {
 	return e.filter(Boolean).join(" ");
 }
 function B({ className: e, ...t }) {
 	return /* @__PURE__ */ b("input", {
-		className: Pt("h-8 w-full px-3", Nt, e),
+		className: It("h-8 w-full px-3", Ft, e),
 		...t
 	});
 }
-function Ft({ className: e, ...t }) {
+function Lt({ className: e, ...t }) {
 	return /* @__PURE__ */ b("textarea", {
-		className: Pt("min-h-24 w-full px-3 py-2 font-mono text-xs", Nt, e),
+		className: It("min-h-24 w-full px-3 py-2 font-mono text-xs", Ft, e),
 		...t
 	});
 }
-function It({ className: e, ...t }) {
+function Rt({ className: e, ...t }) {
 	return /* @__PURE__ */ b("select", {
-		className: Pt("h-8 cursor-pointer pl-3 pr-7 appearance-none bg-[linear-gradient(45deg,transparent_50%,var(--pdfua-fg-muted)_50%),linear-gradient(135deg,var(--pdfua-fg-muted)_50%,transparent_50%)] bg-[length:5px_5px,5px_5px] bg-[position:calc(100%-14px)_50%,calc(100%-9px)_50%] bg-no-repeat", Nt, e),
+		className: It("h-8 cursor-pointer pl-3 pr-7 appearance-none bg-[linear-gradient(45deg,transparent_50%,var(--pdfua-fg-muted)_50%),linear-gradient(135deg,var(--pdfua-fg-muted)_50%,transparent_50%)] bg-[length:5px_5px,5px_5px] bg-[position:calc(100%-14px)_50%,calc(100%-9px)_50%] bg-no-repeat", Ft, e),
 		...t
 	});
 }
-function Lt({ className: e, ...t }) {
+function zt({ className: e, ...t }) {
 	return /* @__PURE__ */ b("input", {
 		type: "checkbox",
-		className: Pt("h-3.5 w-3.5 accent-accent", e),
+		className: It("h-3.5 w-3.5 accent-accent", e),
 		...t
 	});
 }
 //#endregion
 //#region src/builder/controls/fieldConverters.ts
-function Rt(e, t) {
+function Bt(e, t) {
 	if (!(e === "" && t === "undefined")) return e;
 }
-function zt(e, t) {
+function Vt(e, t) {
 	if (!(e === "" || Number.isNaN(t))) return t;
 }
-function Bt(e, t) {
+function Ht(e, t) {
 	if (e !== "") return t.find((t) => t.value === e)?.value;
 }
 //#endregion
 //#region src/builder/controls/BuilderField.tsx
-function Vt({ value: e, placeholder: t, emptyValue: n = "empty-string", autoComplete: r, onChange: i, ...a }) {
+function Ut({ value: e, placeholder: t, emptyValue: n = "empty-string", autoComplete: r, onChange: i, ...a }) {
 	let o = W(a);
 	return /* @__PURE__ */ b(U, {
 		...a,
@@ -1061,15 +1074,15 @@ function Vt({ value: e, placeholder: t, emptyValue: n = "empty-string", autoComp
 			disabled: a.disabled,
 			"aria-describedby": o.describedBy,
 			"aria-invalid": o.invalid || void 0,
-			onChange: (e) => i(Rt(e.currentTarget.value, n))
+			onChange: (e) => i(Bt(e.currentTarget.value, n))
 		})
 	});
 }
-function Ht({ value: e, placeholder: t, emptyValue: n = "empty-string", rows: r = 4, onChange: i, ...a }) {
+function Wt({ value: e, placeholder: t, emptyValue: n = "empty-string", rows: r = 4, onChange: i, ...a }) {
 	let o = W(a);
 	return /* @__PURE__ */ b(U, {
 		...a,
-		children: /* @__PURE__ */ b(Ft, {
+		children: /* @__PURE__ */ b(Lt, {
 			id: o.id,
 			name: a.name,
 			value: e ?? "",
@@ -1078,7 +1091,7 @@ function Ht({ value: e, placeholder: t, emptyValue: n = "empty-string", rows: r
 			disabled: a.disabled,
 			"aria-describedby": o.describedBy,
 			"aria-invalid": o.invalid || void 0,
-			onChange: (e) => i(Rt(e.currentTarget.value, n))
+			onChange: (e) => i(Bt(e.currentTarget.value, n))
 		})
 	});
 }
@@ -1098,7 +1111,7 @@ function V({ value: e, min: t, max: n, step: r, placeholder: i, onChange: a, ...
 			disabled: o.disabled,
 			"aria-describedby": s.describedBy,
 			"aria-invalid": s.invalid || void 0,
-			onChange: (e) => a(zt(e.currentTarget.value, e.currentTarget.valueAsNumber))
+			onChange: (e) => a(Vt(e.currentTarget.value, e.currentTarget.valueAsNumber))
 		})
 	});
 }
@@ -1106,7 +1119,7 @@ function H({ value: e, options: t, optional: n = !1, emptyLabel: r = "", onChang
 	let o = W(a);
 	return /* @__PURE__ */ b(U, {
 		...a,
-		children: /* @__PURE__ */ x(It, {
+		children: /* @__PURE__ */ x(Rt, {
 			id: o.id,
 			className: "w-full",
 			name: a.name,
@@ -1114,7 +1127,7 @@ function H({ value: e, options: t, optional: n = !1, emptyLabel: r = "", onChang
 			disabled: a.disabled,
 			"aria-describedby": o.describedBy,
 			"aria-invalid": o.invalid || void 0,
-			onChange: (e) => i(Bt(e.currentTarget.value, t)),
+			onChange: (e) => i(Ht(e.currentTarget.value, t)),
 			children: [n ? /* @__PURE__ */ b("option", {
 				value: "",
 				children: r
@@ -1126,7 +1139,7 @@ function H({ value: e, options: t, optional: n = !1, emptyLabel: r = "", onChang
 		})
 	});
 }
-function Ut({ value: e, fallbackValue: t = "#000000", onChange: n, ...r }) {
+function Gt({ value: e, fallbackValue: t = "#000000", onChange: n, ...r }) {
 	let i = W(r);
 	return /* @__PURE__ */ b(U, {
 		...r,
@@ -1139,11 +1152,11 @@ function Ut({ value: e, fallbackValue: t = "#000000", onChange: n, ...r }) {
 			disabled: r.disabled,
 			"aria-describedby": i.describedBy,
 			"aria-invalid": i.invalid || void 0,
-			onChange: (e) => n(Rt(e.currentTarget.value, "undefined"))
+			onChange: (e) => n(Bt(e.currentTarget.value, "undefined"))
 		})
 	});
 }
-function Wt({ value: e, placeholder: t = "auto, 50%, 80mm", emptyValue: n = "undefined", readOnly: r = !1, onChange: i, ...a }) {
+function Kt({ value: e, placeholder: t = "auto, 50%, 80mm", emptyValue: n = "undefined", readOnly: r = !1, onChange: i, ...a }) {
 	let o = W(a);
 	return /* @__PURE__ */ b(U, {
 		...a,
@@ -1160,7 +1173,7 @@ function Wt({ value: e, placeholder: t = "auto, 50%, 80mm", emptyValue: n = "und
 			disabled: a.disabled,
 			"aria-describedby": o.describedBy,
 			"aria-invalid": o.invalid || void 0,
-			onChange: r ? void 0 : (e) => i?.(Rt(e.currentTarget.value, n))
+			onChange: r ? void 0 : (e) => i?.(Bt(e.currentTarget.value, n))
 		})
 	});
 }
@@ -1173,7 +1186,7 @@ function U({ name: e, label: t, help: n, error: r, id: i, className: a, children
 		id: i
 	}), c = n ? `${s.id}-help` : void 0, l = r ? `${s.id}-error` : void 0;
 	return /* @__PURE__ */ x("div", {
-		className: Kt("grid min-w-0 gap-1", a),
+		className: Jt("grid min-w-0 gap-1", a),
 		children: [
 			/* @__PURE__ */ b("label", {
 				className: "text-2xs font-medium text-fg-muted",
@@ -1199,17 +1212,17 @@ function U({ name: e, label: t, help: n, error: r, id: i, className: a, children
 	});
 }
 function W({ name: e, help: t, error: n, id: r }) {
-	let i = r ?? Gt(e);
+	let i = r ?? qt(e);
 	return {
 		id: i,
 		describedBy: [t ? `${i}-help` : void 0, n ? `${i}-error` : void 0].filter(Boolean).join(" ") || void 0,
 		invalid: n != null && n !== ""
 	};
 }
-function Gt(e) {
+function qt(e) {
 	return `builder-field-${e.replace(/[^A-Za-z0-9_-]+/g, "-")}`;
 }
-function Kt(...e) {
+function Jt(...e) {
 	return e.filter((e) => !!e).join(" ");
 }
 //#endregion
@@ -1222,10 +1235,10 @@ function G({ label: e, children: t }) {
 }
 //#endregion
 //#region src/builder/controls/AlignSelect.tsx
-function qt({ name: e, value: t, label: n = "Align", onChange: r }) {
+function Yt({ name: e, value: t, label: n = "Align", onChange: r }) {
 	return /* @__PURE__ */ b(G, {
 		label: n,
-		children: /* @__PURE__ */ x(It, {
+		children: /* @__PURE__ */ x(Rt, {
 			className: "w-full",
 			name: e,
 			value: t,
@@ -1250,26 +1263,26 @@ function qt({ name: e, value: t, label: n = "Align", onChange: r }) {
 }
 //#endregion
 //#region src/builder/primitives/Button.tsx
-var Jt = "inline-flex h-8 cursor-pointer items-center rounded-md border border-solid font-medium transition-colors disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-accent/20", Yt = {
+var Xt = "inline-flex h-8 cursor-pointer items-center rounded-md border border-solid font-medium transition-colors disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-accent/20", Zt = {
 	default: "border-border bg-surface text-fg hover:border-border-strong hover:bg-surface-muted focus-visible:border-accent disabled:bg-surface disabled:text-fg-subtle",
 	primary: "border-primary bg-primary font-semibold text-on-dark hover:border-primary-strong hover:bg-primary-strong disabled:border-border-strong disabled:bg-surface-muted disabled:text-fg-subtle",
 	danger: "border-danger bg-danger-soft text-danger hover:border-danger hover:bg-danger hover:text-on-dark",
 	ghost: "border-transparent bg-transparent text-fg hover:border-border hover:bg-surface-muted focus-visible:border-accent"
 };
-function Xt({ variant: e = "default", icon: t = !1, type: n = "button", className: r, children: i, ...a }) {
+function Qt({ variant: e = "default", icon: t = !1, type: n = "button", className: r, children: i, ...a }) {
 	return /* @__PURE__ */ b("button", {
 		type: n,
 		className: [
-			Jt,
+			Xt,
 			t ? "w-8 justify-center p-0" : "gap-2 whitespace-nowrap px-3",
-			Yt[e],
+			Zt[e],
 			r
 		].filter(Boolean).join(" "),
 		...a,
 		children: i
 	});
 }
-function Zt({ type: e = "button", className: t, children: n, ...r }) {
+function $t({ type: e = "button", className: t, children: n, ...r }) {
 	return /* @__PURE__ */ b("button", {
 		type: e,
 		className: ["h-7 w-fit cursor-pointer rounded-md border border-dashed border-border-strong bg-transparent px-3 text-2xs text-fg-muted transition-colors hover:border-accent hover:text-accent disabled:cursor-not-allowed disabled:opacity-50", t].filter(Boolean).join(" "),
@@ -1279,18 +1292,18 @@ function Zt({ type: e = "button", className: t, children: n, ...r }) {
 }
 //#endregion
 //#region src/builder/blocks/BlockPalette.tsx
-function Qt({ blockTypes: e, onAdd: t }) {
+function en({ blockTypes: e, onAdd: t }) {
 	return /* @__PURE__ */ b("div", {
 		className: "flex min-w-0 gap-1 overflow-x-auto [scrollbar-width:thin]",
 		"aria-label": "Block palette",
-		children: e.map((e) => /* @__PURE__ */ b($t, {
+		children: e.map((e) => /* @__PURE__ */ b(tn, {
 			type: e,
 			onAdd: t
 		}, e))
 	});
 }
-function $t({ type: e, onAdd: t }) {
-	let n = ue(e), { attributes: r, listeners: i, setNodeRef: o, transform: s, isDragging: c } = a({
+function tn({ type: e, onAdd: t }) {
+	let n = fe(e), { attributes: r, listeners: i, setNodeRef: o, transform: s, isDragging: c } = a({
 		id: `palette:${e}`,
 		data: {
 			source: "palette",
@@ -1309,13 +1322,13 @@ function $t({ type: e, onAdd: t }) {
 		"aria-label": `Add ${n.label}`,
 		...i,
 		...r,
-		children: [/* @__PURE__ */ b(j, { children: n.chip }), /* @__PURE__ */ b("span", { children: n.label })]
+		children: [/* @__PURE__ */ b(M, { children: n.chip }), /* @__PURE__ */ b("span", { children: n.label })]
 	});
 }
 //#endregion
 //#region src/builder/blocks/Palette.tsx
-function en({ className: e, examples: t } = {}) {
-	let { blockTypes: n, schema: r } = Ot(), { addBlock: i, loadExample: a } = kt(), o = t ? Object.entries(t) : [];
+function nn({ className: e, examples: t } = {}) {
+	let { blockTypes: n, schema: r } = At(), { addBlock: i, loadExample: a } = jt(), o = t ? Object.entries(t) : [];
 	return /* @__PURE__ */ b("aside", {
 		className: `flex h-[56px] min-w-0 items-center overflow-hidden border-0 border-b border-solid border-border bg-surface px-4${e ? ` ${e}` : ""}`,
 		"aria-label": "Block palette",
@@ -1326,13 +1339,13 @@ function en({ className: e, examples: t } = {}) {
 					className: "m-0 flex-none text-2xs font-medium uppercase tracking-[0.06em] text-fg-subtle",
 					children: "Blocks"
 				}),
-				/* @__PURE__ */ b(Qt, {
+				/* @__PURE__ */ b(en, {
 					blockTypes: n,
 					onAdd: i
 				}),
 				o.length > 0 ? /* @__PURE__ */ b("div", {
 					className: "ml-auto flex-none",
-					children: /* @__PURE__ */ b(tn, {
+					children: /* @__PURE__ */ b(rn, {
 						entries: o,
 						disabled: !r,
 						onLoad: a
@@ -1342,16 +1355,16 @@ function en({ className: e, examples: t } = {}) {
 		})
 	});
 }
-function tn({ entries: e, disabled: t, onLoad: n }) {
+function rn({ entries: e, disabled: t, onLoad: n }) {
 	if (e.length === 1) {
 		let [, r] = e[0];
-		return /* @__PURE__ */ b(Xt, {
+		return /* @__PURE__ */ b(Qt, {
 			onClick: () => n(r),
 			disabled: t,
 			children: "Load example"
 		});
 	}
-	return /* @__PURE__ */ x(It, {
+	return /* @__PURE__ */ x(Rt, {
 		className: "w-auto py-0",
 		value: "",
 		disabled: t,
@@ -1372,13 +1385,13 @@ function tn({ entries: e, disabled: t, onLoad: n }) {
 }
 //#endregion
 //#region src/builder/lib/displayScale.ts
-var nn = 96, rn = 25.4;
-function an(e) {
-	return Math.round(e / rn * nn);
+var an = 96, on = 25.4;
+function sn(e) {
+	return Math.round(e / on * an);
 }
 //#endregion
 //#region src/builder/lib/pageSizes.ts
-var on = {
+var cn = {
 	A3: [297, 420],
 	A4: [210, 297],
 	A5: [148, 210],
@@ -1387,74 +1400,74 @@ var on = {
 	Legal: [215.9, 355.6],
 	Tabloid: [279.4, 431.8]
 };
-function sn(e, t = "portrait") {
-	let n = on[e ?? "A4"] ?? on.A4;
+function ln(e, t = "portrait") {
+	let n = cn[e ?? "A4"] ?? cn.A4;
 	return t === "landscape" ? [n[1], n[0]] : n;
 }
 //#endregion
 //#region src/builder/canvas/columns.ts
-var cn = "0.375rem", ln = 5, un = 100;
-function dn(e, t) {
+var un = "0.375rem", dn = 5, fn = 100;
+function pn(e, t) {
 	if (t <= 0) return [];
-	if (!e || e.length !== t) return yn(t);
-	let n = e.map(bn);
-	return n.every((e) => Number.isFinite(e)) ? n : yn(t);
+	if (!e || e.length !== t) return xn(t);
+	let n = e.map(Sn);
+	return n.every((e) => Number.isFinite(e)) ? n : xn(t);
 }
-function fn(e) {
+function mn(e) {
 	return e.map((e) => `${e}%`);
 }
-function pn(e, t) {
-	return e ? dn(e, t).map((e) => `minmax(0, ${e}fr)`).join(` ${cn} `) : null;
+function hn(e, t) {
+	return e ? pn(e, t).map((e) => `minmax(0, ${e}fr)`).join(` ${un} `) : null;
 }
-function mn(e, t, n) {
+function gn(e, t, n) {
 	let r = t + 1;
 	if (t < 0 || r >= e.length) return [...e];
-	let i = e[t] + e[r], a = Math.min(ln, i), o = Math.max(a, i - ln), s = Math.round(xn(n, a, o)), c = [...e];
+	let i = e[t] + e[r], a = Math.min(dn, i), o = Math.max(a, i - dn), s = Math.round(Cn(n, a, o)), c = [...e];
 	return c[t] = s, c[r] = i - s, c;
 }
-function hn(e, t = 30) {
-	let n = e == null ? NaN : bn(e);
-	return Math.round(xn(Number.isFinite(n) ? n : t, ln, un - ln));
+function _n(e, t = 30) {
+	let n = e == null ? NaN : Sn(e);
+	return Math.round(Cn(Number.isFinite(n) ? n : t, dn, fn - dn));
 }
-function gn(e) {
+function vn(e) {
 	if (e == null) return null;
-	let t = bn(e);
+	let t = Sn(e);
 	return Number.isFinite(t) ? t : null;
 }
-function _n(e, t) {
+function yn(e, t) {
 	if (e <= 0) return [];
 	let n = Math.floor(t / e), r = Array.from({ length: e }, () => n);
 	return r[e - 1] += t - n * e, r;
 }
-function vn(e, t) {
-	let n = t ? un - 5 : un, r = e.map((e) => gn(e)), i = e.length > 0 && r.every((e) => e !== null) ? r : _n(e.length, n);
+function bn(e, t) {
+	let n = t ? fn - 5 : fn, r = e.map((e) => vn(e)), i = e.length > 0 && r.every((e) => e !== null) ? r : yn(e.length, n);
 	return {
 		tracks: t ? [5, ...i] : [...i],
 		data: i
 	};
 }
-function yn(e) {
-	return _n(e, un);
+function xn(e) {
+	return yn(e, fn);
 }
-function bn(e) {
+function Sn(e) {
 	if (typeof e == "number") return e;
 	let t = e.trim().match(/^([+-]?\d+(?:\.\d+)?)%$/);
 	return t ? Number.parseFloat(t[1] ?? "") : NaN;
 }
-function xn(e, t, n) {
+function Cn(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 //#endregion
 //#region src/builder/canvas/ColumnResizer.tsx
-function Sn({ widths: e, count: t, leftIndex: n, containerRef: r, onResize: i, label: a }) {
+function wn({ widths: e, count: t, leftIndex: n, containerRef: r, onResize: i, label: a }) {
 	function o(a) {
 		let o = r.current?.getBoundingClientRect();
 		if (!o || o.width <= 0) return;
 		let s = o;
 		a.preventDefault(), a.currentTarget.setPointerCapture(a.pointerId);
-		let c = dn(e, t), l = c.slice(0, n).reduce((e, t) => e + t, 0);
+		let c = pn(e, t), l = c.slice(0, n).reduce((e, t) => e + t, 0);
 		function u(e) {
-			i(fn(mn(c, n, (e.clientX - s.left) / s.width * 100 - l)));
+			i(mn(gn(c, n, (e.clientX - s.left) / s.width * 100 - l)));
 		}
 		function d() {
 			window.removeEventListener("pointermove", u), window.removeEventListener("pointerup", d);
@@ -1471,12 +1484,12 @@ function Sn({ widths: e, count: t, leftIndex: n, containerRef: r, onResize: i, l
 }
 //#endregion
 //#region src/builder/canvas/PageSheet.tsx
-function Cn({ format: e, orientation: t, children: n, showMeta: r = !0 }) {
-	let [i] = sn(e, t);
+function Tn({ format: e, orientation: t, children: n, showMeta: r = !0 }) {
+	let [i] = ln(e, t);
 	return /* @__PURE__ */ x("div", {
 		"data-theme": "light",
 		className: "mx-auto grid w-full gap-3 rounded-xl border border-solid border-border bg-page p-6 shadow-page transition-[max-width] duration-200",
-		style: { maxWidth: `${an(i)}px` },
+		style: { maxWidth: `${sn(i)}px` },
 		children: [r ? /* @__PURE__ */ x("div", {
 			className: "mb-2 flex items-center justify-between text-2xs uppercase tracking-[0.06em] text-fg-subtle",
 			children: [/* @__PURE__ */ x("span", { children: [
@@ -1490,27 +1503,27 @@ function Cn({ format: e, orientation: t, children: n, showMeta: r = !0 }) {
 //#endregion
 //#region src/builder/state/configUpdates.ts
 function K(e, t, n) {
-	return On(e, q(e.config, t, n));
+	return An(e, q(e.config, t, n));
 }
-function wn(e, t, n) {
-	return kn(e, "typography", q(e.config?.typography, t, n));
+function En(e, t, n) {
+	return jn(e, "typography", q(e.config?.typography, t, n));
 }
-function Tn(e, t, n) {
-	return kn(e, "spacing", q(e.config?.spacing, t, n));
+function Dn(e, t, n) {
+	return jn(e, "spacing", q(e.config?.spacing, t, n));
 }
-function En(e, t, n) {
+function On(e, t, n) {
 	let r = q(e.config?.typography, t, n);
-	return An(e, q(e.config, "typography", r));
+	return Mn(e, q(e.config, "typography", r));
 }
-function Dn(e, t, n) {
+function kn(e, t, n) {
 	let r = q(e.config?.page?.margins, t, n), i = q(e.config?.page, "margins", r);
-	return An(e, q(e.config, "page", i));
+	return Mn(e, q(e.config, "page", i));
 }
 function q(e, t, n) {
 	let r = { ...e };
-	return Mn(n) ? delete r[t] : r[t] = n, jn(r);
+	return Pn(n) ? delete r[t] : r[t] = n, Nn(r);
 }
-function On(e, t) {
+function An(e, t) {
 	if (t === void 0) {
 		let { config: t, ...n } = e;
 		return n;
@@ -1520,10 +1533,10 @@ function On(e, t) {
 		config: t
 	};
 }
-function kn(e, t, n) {
-	return On(e, q(e.config, t, n));
+function jn(e, t, n) {
+	return An(e, q(e.config, t, n));
 }
-function An(e, t) {
+function Mn(e, t) {
 	if (t === void 0) {
 		let { config: t, ...n } = e;
 		return n;
@@ -1533,65 +1546,65 @@ function An(e, t) {
 		config: t
 	};
 }
-function jn(e) {
+function Nn(e) {
 	return Object.keys(e).length === 0 ? void 0 : e;
 }
-function Mn(e) {
+function Pn(e) {
 	return e === "" || e == null;
 }
 //#endregion
 //#region src/builder/canvas/BlockDataPreview.tsx
-var Nn = "m-0 line-clamp-3 overflow-hidden text-sm leading-[1.45] text-fg-muted [display:-webkit-box] [-webkit-box-orient:vertical]", Pn = "m-0 line-clamp-2 overflow-hidden text-[17px] font-semibold leading-[1.25] text-fg [display:-webkit-box] [-webkit-box-orient:vertical]";
-function Fn({ children: e }) {
+var Fn = "m-0 line-clamp-3 overflow-hidden text-sm leading-[1.45] text-fg-muted [display:-webkit-box] [-webkit-box-orient:vertical]", In = "m-0 line-clamp-2 overflow-hidden text-[17px] font-semibold leading-[1.25] text-fg [display:-webkit-box] [-webkit-box-orient:vertical]";
+function Ln({ children: e }) {
 	return /* @__PURE__ */ b("p", {
 		className: "m-0 text-sm text-fg-subtle",
 		children: e
 	});
 }
-function In({ block: e, rowData: t, onChange: n }) {
+function Rn({ block: e, rowData: t, onChange: n }) {
 	switch (e.type) {
-		case "heading": return /* @__PURE__ */ b(Ln, {
+		case "heading": return /* @__PURE__ */ b(zn, {
 			block: e,
 			variant: "heading"
 		});
-		case "text": return /* @__PURE__ */ b(Ln, {
+		case "text": return /* @__PURE__ */ b(zn, {
 			block: e,
 			variant: "text"
 		});
-		case "html": return /* @__PURE__ */ b(Rn, { block: e });
-		case "image": return /* @__PURE__ */ b(zn, { block: e });
-		case "key-value": return /* @__PURE__ */ b(Bn, {
+		case "html": return /* @__PURE__ */ b(Bn, { block: e });
+		case "image": return /* @__PURE__ */ b(Vn, { block: e });
+		case "key-value": return /* @__PURE__ */ b(Hn, {
 			block: e,
 			rowData: t,
 			onChange: n
 		});
-		case "table": return /* @__PURE__ */ b(Vn, {
+		case "table": return /* @__PURE__ */ b(Un, {
 			block: e,
 			rowData: t,
 			onChange: n
 		});
-		case "spacer": return /* @__PURE__ */ b(Hn, { block: e });
-		case "divider": return /* @__PURE__ */ b(Un, { block: e });
+		case "spacer": return /* @__PURE__ */ b(Wn, { block: e });
+		case "divider": return /* @__PURE__ */ b(Gn, { block: e });
 		default: return null;
 	}
 }
-function Ln({ block: e, variant: t }) {
+function zn({ block: e, variant: t }) {
 	let n = e.text.trim();
-	return n.length === 0 ? /* @__PURE__ */ b(Fn, { children: "No text yet" }) : /* @__PURE__ */ b("p", {
-		className: t === "heading" ? Pn : Nn,
+	return n.length === 0 ? /* @__PURE__ */ b(Ln, { children: "No text yet" }) : /* @__PURE__ */ b("p", {
+		className: t === "heading" ? In : Fn,
 		children: n
 	});
 }
-function Rn({ block: e }) {
-	let t = qn(e.html).trim();
-	return t.length === 0 ? /* @__PURE__ */ b(Fn, { children: "No HTML content yet" }) : /* @__PURE__ */ b("p", {
-		className: Nn,
+function Bn({ block: e }) {
+	let t = Yn(e.html).trim();
+	return t.length === 0 ? /* @__PURE__ */ b(Ln, { children: "No HTML content yet" }) : /* @__PURE__ */ b("p", {
+		className: Fn,
 		children: t
 	});
 }
-function zn({ block: e }) {
+function Vn({ block: e }) {
 	let t = e.src.trim();
-	return t.length === 0 ? /* @__PURE__ */ b(Fn, { children: "No image selected" }) : /* @__PURE__ */ b("div", {
+	return t.length === 0 ? /* @__PURE__ */ b(Ln, { children: "No image selected" }) : /* @__PURE__ */ b("div", {
 		className: "grid min-h-[72px] place-items-center overflow-hidden rounded-md border border-solid border-border bg-surface-muted",
 		children: /* @__PURE__ */ b("img", {
 			className: "block max-h-[120px] max-w-full object-contain",
@@ -1600,18 +1613,18 @@ function zn({ block: e }) {
 		})
 	});
 }
-function Bn({ block: e, rowData: t, onChange: n }) {
-	let r = _(null), i = e.config?.fields ?? [], a = Wn(e.values, t), o = i.length > 0 ? i.map((e) => ({
+function Hn({ block: e, rowData: t, onChange: n }) {
+	let r = _(null), i = e.config?.fields ?? [], a = Kn(e.values, t), o = i.length > 0 ? i.map((e) => ({
 		key: e.key,
 		label: e.label || e.key,
-		value: Kn(a[e.key])
+		value: Jn(a[e.key])
 	})) : Object.entries(a).map(([e, t]) => ({
 		key: e,
 		label: e,
-		value: Kn(t)
+		value: Jn(t)
 	}));
-	if (o.length === 0) return /* @__PURE__ */ b(Fn, { children: "No fields yet" });
-	let s = hn(e.config?.labelWidth), c = { gridTemplateColumns: `${s}% minmax(0, 1fr)` };
+	if (o.length === 0) return /* @__PURE__ */ b(Ln, { children: "No fields yet" });
+	let s = _n(e.config?.labelWidth), c = { gridTemplateColumns: `${s}% minmax(0, 1fr)` };
 	return /* @__PURE__ */ x("dl", {
 		ref: r,
 		className: "relative m-0 grid gap-0.5",
@@ -1628,8 +1641,8 @@ function Bn({ block: e, rowData: t, onChange: n }) {
 		}, e.key)), n ? /* @__PURE__ */ b("div", {
 			className: "absolute inset-y-0 flex -translate-x-1/2",
 			style: { left: `${s}%` },
-			children: /* @__PURE__ */ b(Sn, {
-				widths: fn([s, 100 - s]),
+			children: /* @__PURE__ */ b(wn, {
+				widths: mn([s, 100 - s]),
 				count: 2,
 				leftIndex: 0,
 				containerRef: r,
@@ -1639,10 +1652,10 @@ function Bn({ block: e, rowData: t, onChange: n }) {
 		}) : null]
 	});
 }
-function Vn({ block: e, rowData: t, onChange: n }) {
-	let r = _(null), i = e.config?.columns ?? [], a = e.config?.numberRows === !0, o = Array.isArray(t) ? t.filter(M) : [];
-	if (i.length === 0) return /* @__PURE__ */ b(Fn, { children: "No columns yet" });
-	let { tracks: s, data: c } = vn(i.map((e) => e.width), a), l = fn(s), u = +!!a;
+function Un({ block: e, rowData: t, onChange: n }) {
+	let r = _(null), i = e.config?.columns ?? [], a = e.config?.numberRows === !0, o = Array.isArray(t) ? t.filter(N) : [];
+	if (i.length === 0) return /* @__PURE__ */ b(Ln, { children: "No columns yet" });
+	let { tracks: s, data: c } = bn(i.map((e) => e.width), a), l = mn(s), u = +!!a;
 	return /* @__PURE__ */ x("div", {
 		ref: r,
 		className: "relative min-w-0 overflow-hidden rounded-md border border-solid border-border",
@@ -1664,9 +1677,9 @@ function Vn({ block: e, rowData: t, onChange: n }) {
 						children: t + 1
 					}) : null, i.map((t) => /* @__PURE__ */ b("td", {
 						className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap border-0 border-b border-solid border-border px-2 py-[5px] text-left text-fg-muted",
-						children: Kn(e[t.key]) || "—"
+						children: Jn(e[t.key]) || "—"
 					}, t.key))]
-				}, Gn(e, i))) : /* @__PURE__ */ b("tr", { children: /* @__PURE__ */ b("td", {
+				}, qn(e, i))) : /* @__PURE__ */ b("tr", { children: /* @__PURE__ */ b("td", {
 					colSpan: i.length + u,
 					className: "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap border-0 px-2 py-[5px] text-left text-fg-muted",
 					children: "No runtime rows yet"
@@ -1677,7 +1690,7 @@ function Vn({ block: e, rowData: t, onChange: n }) {
 			return /* @__PURE__ */ b("div", {
 				className: "absolute inset-y-0 flex -translate-x-1/2",
 				style: { left: `${s.slice(0, c + 1).reduce((e, t) => e + t, 0)}%` },
-				children: /* @__PURE__ */ b(Sn, {
+				children: /* @__PURE__ */ b(wn, {
 					widths: l,
 					count: s.length,
 					leftIndex: c,
@@ -1692,32 +1705,32 @@ function Vn({ block: e, rowData: t, onChange: n }) {
 		}) : null]
 	});
 }
-function Hn({ block: e }) {
+function Wn({ block: e }) {
 	let t = e.config?.height;
 	return /* @__PURE__ */ b("div", {
 		className: "grid h-9 place-items-center rounded-md border border-dashed border-border-strong text-2xs text-fg-subtle",
 		children: typeof t == "number" ? `${t}mm spacer` : "Spacer"
 	});
 }
-function Un({ block: e }) {
+function Gn({ block: e }) {
 	let t = e.config?.style ?? "solid";
 	return /* @__PURE__ */ b("div", { className: `my-2 border-0 border-t border-border-strong ${t === "dashed" ? "border-dashed" : t === "dotted" ? "border-dotted" : t === "double" ? "border-double border-t-[3px]" : t === "none" ? "border-t-transparent" : "border-solid"}` });
 }
-function Wn(e, t) {
-	return Object.assign({}, e, M(t) ? t : void 0);
+function Kn(e, t) {
+	return Object.assign({}, e, N(t) ? t : void 0);
 }
-function Gn(e, t) {
-	return t?.map((t) => Kn(e[t.key])).join("|") ?? "";
+function qn(e, t) {
+	return t?.map((t) => Jn(e[t.key])).join("|") ?? "";
 }
-function Kn(e) {
+function Jn(e) {
 	return e == null ? "" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : "";
 }
-function qn(e) {
+function Yn(e) {
 	return e.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ");
 }
 //#endregion
 //#region src/builder/canvas/SortableBlock.tsx
-function Jn({ rowUid: e, area: t, editorBlock: n, data: r, selected: i, onRemoveBlock: a, onSelect: o, onChangeBlock: s, style: c }) {
+function Xn({ rowUid: e, area: t, editorBlock: n, data: r, selected: i, onRemoveBlock: a, onSelect: o, onChangeBlock: s, style: c }) {
 	let { attributes: l, listeners: u, setActivatorNodeRef: d, setNodeRef: f, transform: p, transition: m, isDragging: h } = T({
 		id: n.uid,
 		data: {
@@ -1775,7 +1788,7 @@ function Jn({ rowUid: e, area: t, editorBlock: n, data: r, selected: i, onRemove
 			})]
 		}), /* @__PURE__ */ b("div", {
 			className: "grid min-w-0 bg-surface p-3",
-			children: /* @__PURE__ */ b(In, {
+			children: /* @__PURE__ */ b(Rn, {
 				block: n.block,
 				rowData: _,
 				onChange: (e) => s(n.uid, e)
@@ -1785,18 +1798,18 @@ function Jn({ rowUid: e, area: t, editorBlock: n, data: r, selected: i, onRemove
 }
 //#endregion
 //#region src/builder/canvas/BuilderCanvas.tsx
-function Yn({ model: e, data: t, format: n, orientation: r, footerRepeat: i, pageNumbers: a, selectedBlockUid: o, onRemoveBlock: s, onSelectBlock: c, onChangeBlock: l, onDeselect: u, onSetRowWidths: d, onToggleFooterRepeat: f, onChangePageNumbers: p, className: m }) {
-	let [h] = sn(n, r), g = { maxWidth: `${an(h)}px` };
+function Zn({ model: e, data: t, format: n, orientation: r, footerRepeat: i, pageNumbers: a, selectedBlockUid: o, onRemoveBlock: s, onSelectBlock: c, onChangeBlock: l, onDeselect: u, onSetRowWidths: d, onToggleFooterRepeat: f, onChangePageNumbers: p, className: m }) {
+	let [h] = ln(n, r), g = { maxWidth: `${sn(h)}px` };
 	return /* @__PURE__ */ x("div", {
 		className: `grid content-start gap-4 min-w-0 min-h-0 overflow-auto bg-canvas px-4 pb-8 pt-6${m ? ` ${m}` : ""}`,
 		onPointerDown: (e) => {
 			e.target === e.currentTarget && u();
 		},
 		children: [
-			/* @__PURE__ */ b(Cn, {
+			/* @__PURE__ */ b(Tn, {
 				format: n,
 				orientation: r,
-				children: /* @__PURE__ */ b(Xn, {
+				children: /* @__PURE__ */ b(Qn, {
 					area: "body",
 					rows: e.rows,
 					data: t,
@@ -1810,7 +1823,7 @@ function Yn({ model: e, data: t, format: n, orientation: r, footerRepeat: i, pag
 					onSetRowWidths: d
 				})
 			}),
-			/* @__PURE__ */ x(Cn, {
+			/* @__PURE__ */ x(Tn, {
 				format: n,
 				orientation: r,
 				showMeta: !1,
@@ -1822,12 +1835,12 @@ function Yn({ model: e, data: t, format: n, orientation: r, footerRepeat: i, pag
 						children: "Footer"
 					}), /* @__PURE__ */ x("label", {
 						className: "inline-flex items-center gap-2 text-xs font-medium text-fg-muted",
-						children: [/* @__PURE__ */ b(Lt, {
+						children: [/* @__PURE__ */ b(zt, {
 							checked: i,
 							onChange: (e) => f(e.currentTarget.checked)
 						}), "Repeat on every page"]
 					})]
-				}), /* @__PURE__ */ b(Xn, {
+				}), /* @__PURE__ */ b(Qn, {
 					area: "footer",
 					rows: e.footerRows,
 					data: t,
@@ -1846,7 +1859,7 @@ function Yn({ model: e, data: t, format: n, orientation: r, footerRepeat: i, pag
 				style: g,
 				children: /* @__PURE__ */ x("label", {
 					className: "inline-flex items-center gap-3 text-2xs font-medium uppercase tracking-[0.06em] text-fg-muted",
-					children: ["Page numbers", /* @__PURE__ */ x(It, {
+					children: ["Page numbers", /* @__PURE__ */ x(Rt, {
 						className: "w-auto py-0 text-sm font-normal normal-case tracking-normal",
 						value: a,
 						onChange: (e) => p(e.currentTarget.value),
@@ -1874,7 +1887,7 @@ function Yn({ model: e, data: t, format: n, orientation: r, footerRepeat: i, pag
 		]
 	});
 }
-function Xn({ area: e, rows: t, data: n, selectedBlockUid: r, newRowId: i, emptyLabel: a, fillLabel: s, onRemoveBlock: c, onSelectBlock: l, onChangeBlock: u, onSetRowWidths: d }) {
+function Qn({ area: e, rows: t, data: n, selectedBlockUid: r, newRowId: i, emptyLabel: a, fillLabel: s, onRemoveBlock: c, onSelectBlock: l, onChangeBlock: u, onSetRowWidths: d }) {
 	let { setNodeRef: f, isOver: p } = o({
 		id: i,
 		data: {
@@ -1887,7 +1900,7 @@ function Xn({ area: e, rows: t, data: n, selectedBlockUid: r, newRowId: i, empty
 		children: [/* @__PURE__ */ b(S, {
 			items: t.map((e) => e.uid),
 			strategy: E,
-			children: t.map((t) => /* @__PURE__ */ b(Zn, {
+			children: t.map((t) => /* @__PURE__ */ b($n, {
 				row: t,
 				area: e,
 				data: n,
@@ -1904,7 +1917,7 @@ function Xn({ area: e, rows: t, data: n, selectedBlockUid: r, newRowId: i, empty
 		})]
 	});
 }
-function Zn({ row: e, area: t, data: n, selectedBlockUid: r, onRemoveBlock: i, onSelectBlock: a, onChangeBlock: o, onSetRowWidths: s }) {
+function $n({ row: e, area: t, data: n, selectedBlockUid: r, onRemoveBlock: i, onSelectBlock: a, onChangeBlock: o, onSetRowWidths: s }) {
 	let c = _(null), { attributes: u, listeners: d, setActivatorNodeRef: f, setNodeRef: p, transform: m, transition: h, isDragging: g } = T({
 		id: e.uid,
 		data: {
@@ -1912,7 +1925,7 @@ function Zn({ row: e, area: t, data: n, selectedBlockUid: r, onRemoveBlock: i, o
 			rowUid: e.uid,
 			area: t
 		}
-	}), v = Qn(e), y = e.blocks.length > 1, C = pn(y ? v ?? [] : v, e.blocks.length), w = {
+	}), v = er(e), y = e.blocks.length > 1, C = hn(y ? v ?? [] : v, e.blocks.length), w = {
 		transform: D.Transform.toString(m),
 		transition: h
 	};
@@ -1937,7 +1950,7 @@ function Zn({ row: e, area: t, data: n, selectedBlockUid: r, onRemoveBlock: i, o
 			style: C ? { gridTemplateColumns: C } : void 0,
 			children: /* @__PURE__ */ b(S, {
 				items: e.blocks.map((e) => e.uid),
-				children: e.blocks.map((u, d) => /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b(Jn, {
+				children: e.blocks.map((u, d) => /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b(Xn, {
 					rowUid: e.uid,
 					area: t,
 					editorBlock: u,
@@ -1946,7 +1959,7 @@ function Zn({ row: e, area: t, data: n, selectedBlockUid: r, onRemoveBlock: i, o
 					onRemoveBlock: i,
 					onSelect: a,
 					onChangeBlock: o
-				}), y && d < e.blocks.length - 1 ? /* @__PURE__ */ b(Sn, {
+				}), y && d < e.blocks.length - 1 ? /* @__PURE__ */ b(wn, {
 					widths: v,
 					count: e.blocks.length,
 					leftIndex: d,
@@ -1957,15 +1970,15 @@ function Zn({ row: e, area: t, data: n, selectedBlockUid: r, onRemoveBlock: i, o
 		})]
 	});
 }
-function Qn(e) {
+function er(e) {
 	let t = e.blocks.map((e) => e.block.config?.width);
 	return t.every((e) => typeof e == "string") ? t : null;
 }
 //#endregion
 //#region src/builder/canvas/Canvas.tsx
-function $n({ className: e } = {}) {
-	let { schema: t, schemaLoading: n, model: r, data: i, pageSize: a, footerRepeat: o, pageNumbers: s, selectedBlockUid: c } = Ot(), { removeBlock: l, selectBlock: u, changeBlock: d, deselect: f, setRowWidths: p, toggleFooterRepeat: m, changePageNumbers: h } = kt();
-	return t ? /* @__PURE__ */ b(Yn, {
+function tr({ className: e } = {}) {
+	let { schema: t, schemaLoading: n, model: r, data: i, pageSize: a, footerRepeat: o, pageNumbers: s, selectedBlockUid: c } = At(), { removeBlock: l, selectBlock: u, changeBlock: d, deselect: f, setRowWidths: p, toggleFooterRepeat: m, changePageNumbers: h } = jt();
+	return t ? /* @__PURE__ */ b(Zn, {
 		className: e,
 		model: r,
 		data: i,
@@ -1991,7 +2004,7 @@ function $n({ className: e } = {}) {
 }
 //#endregion
 //#region src/builder/inspector/editors/ImageBlockEditor.tsx
-function er({ block: e, onChangeBlock: t }) {
+function nr({ block: e, onChangeBlock: t }) {
 	let n = e, r = n.src ?? "", i = n.alt ?? "";
 	function a(e) {
 		let r = e.currentTarget.files?.[0];
@@ -2061,7 +2074,7 @@ function er({ block: e, onChangeBlock: t }) {
 }
 //#endregion
 //#region src/builder/inspector/InspectorShell.tsx
-var tr = d(function({ ariaLabel: e, className: t, onKeyDown: n, children: r }, i) {
+var rr = d(function({ ariaLabel: e, className: t, onKeyDown: n, children: r }, i) {
 	return /* @__PURE__ */ b("aside", {
 		ref: i,
 		tabIndex: -1,
@@ -2071,7 +2084,7 @@ var tr = d(function({ ariaLabel: e, className: t, onKeyDown: n, children: r }, i
 		children: r
 	});
 });
-function nr({ title: e, chip: t, subtitle: n, action: r }) {
+function ir({ title: e, chip: t, subtitle: n, action: r }) {
 	return /* @__PURE__ */ x("header", {
 		className: "flex min-w-0 items-start justify-between gap-2",
 		children: [/* @__PURE__ */ x("div", {
@@ -2097,8 +2110,8 @@ function J({ title: e, children: t }) {
 }
 //#endregion
 //#region src/builder/inspector/editors/SortableList.tsx
-function rr({ count: t, onReorder: n, children: r }) {
-	let a = he();
+function ar({ count: t, onReorder: n, children: r }) {
+	let a = ge();
 	function o(e) {
 		let { active: t, over: r } = e;
 		if (!r || t.id === r.id) return;
@@ -2118,7 +2131,7 @@ function rr({ count: t, onReorder: n, children: r }) {
 }
 //#endregion
 //#region src/builder/inspector/editors/SortableRow.tsx
-function ir({ id: e, dragLabel: t, removeLabel: n, removeName: r, onRemove: i, children: a }) {
+function or({ id: e, dragLabel: t, removeLabel: n, removeName: r, onRemove: i, children: a }) {
 	let { attributes: o, listeners: s, setActivatorNodeRef: c, setNodeRef: l, transform: u, transition: d, isDragging: f } = T({ id: e });
 	return /* @__PURE__ */ x("div", {
 		ref: l,
@@ -2152,47 +2165,47 @@ function ir({ id: e, dragLabel: t, removeLabel: n, removeName: r, onRemove: i, c
 }
 //#endregion
 //#region src/builder/inspector/editors/KeyValueBlockEditor.tsx
-function ar(e, t, n) {
+function sr(e, t, n) {
 	return C([...e], t, n);
 }
-function or(e) {
-	let t = Y(e), n = X(e), r = ve(t.map((e) => e.key), "field");
+function cr(e) {
+	let t = Y(e), n = X(e), r = ye(t.map((e) => e.key), "field");
 	return Z(e, [...t, {
 		key: `field${r}`,
 		label: `Field ${r}`
 	}], n);
 }
-function sr(e, t) {
+function lr(e, t) {
 	let n = Y(e), r = n[t];
-	return r ? Z(e, n.filter((e, n) => n !== t), ge(X(e), r.key)) : e;
+	return r ? Z(e, n.filter((e, n) => n !== t), _e(X(e), r.key)) : e;
 }
-function cr(e, t, n) {
+function ur(e, t, n) {
 	let r = Y(e), i = r[t];
 	return !i || i.key === n || r.some((e, r) => r !== t && e.key === n) ? e : Z(e, r.map((e, r) => r === t ? {
 		...e,
 		key: n
-	} : e), _e(X(e), i.key, n));
+	} : e), ve(X(e), i.key, n));
 }
-function lr(e, t, n) {
+function dr(e, t, n) {
 	return Z(e, Y(e).map((e, r) => r === t ? {
 		...e,
 		label: n
 	} : e), X(e));
 }
-function ur(e, t, n) {
+function fr(e, t, n) {
 	return Z(e, Y(e), {
 		...X(e),
 		[t]: n
 	});
 }
-function dr(e, t, n) {
-	return Z(e, ar(Y(e), t, n), X(e));
+function pr(e, t, n) {
+	return Z(e, sr(Y(e), t, n), X(e));
 }
-function fr({ block: e, onChangeBlock: t }) {
+function mr({ block: e, onChangeBlock: t }) {
 	let n = e, r = Y(n), i = X(n);
 	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(J, {
 		title: "Fields",
-		children: /* @__PURE__ */ b(pr, {
+		children: /* @__PURE__ */ b(hr, {
 			block: n,
 			fields: r,
 			onChangeBlock: t
@@ -2205,31 +2218,31 @@ function fr({ block: e, onChangeBlock: t }) {
 				name: `values.${e.key}`,
 				type: "text",
 				value: String(i[e.key] ?? ""),
-				onChange: (r) => t(ur(n, e.key, r.currentTarget.value))
+				onChange: (r) => t(fr(n, e.key, r.currentTarget.value))
 			})
 		}, e.key))
 	}) : null] });
 }
-function pr({ block: e, fields: t, onChangeBlock: n }) {
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(rr, {
+function hr({ block: e, fields: t, onChangeBlock: n }) {
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(ar, {
 		count: t.length,
-		onReorder: (t, r) => n(dr(e, t, r)),
-		children: t.map((t, r) => /* @__PURE__ */ b(mr, {
+		onReorder: (t, r) => n(pr(e, t, r)),
+		children: t.map((t, r) => /* @__PURE__ */ b(gr, {
 			id: String(r),
 			index: r,
 			field: t,
-			onChangeKey: (t) => n(cr(e, r, t)),
-			onChangeLabel: (t) => n(lr(e, r, t)),
-			onRemove: () => n(sr(e, r))
-		}, hr(t, r)))
-	}), /* @__PURE__ */ b(Zt, {
+			onChangeKey: (t) => n(ur(e, r, t)),
+			onChangeLabel: (t) => n(dr(e, r, t)),
+			onRemove: () => n(lr(e, r))
+		}, _r(t, r)))
+	}), /* @__PURE__ */ b($t, {
 		"data-name": "add-field",
-		onClick: () => n(or(e)),
+		onClick: () => n(cr(e)),
 		children: "Add field"
 	})] });
 }
-function mr({ id: e, index: t, field: n, onChangeKey: r, onChangeLabel: i, onRemove: a }) {
-	return /* @__PURE__ */ b(ir, {
+function gr({ id: e, index: t, field: n, onChangeKey: r, onChangeLabel: i, onRemove: a }) {
+	return /* @__PURE__ */ b(or, {
 		id: e,
 		dragLabel: `Drag to reorder field ${t + 1}`,
 		removeLabel: `Remove field ${t + 1}`,
@@ -2257,7 +2270,7 @@ function mr({ id: e, index: t, field: n, onChangeKey: r, onChangeLabel: i, onRem
 		})
 	});
 }
-function hr(e, t) {
+function _r(e, t) {
 	return e.key.length > 0 ? `key:${e.key}` : `index:${t}`;
 }
 function Y(e) {
@@ -2266,7 +2279,7 @@ function Y(e) {
 }
 function X(e) {
 	let t = e.values;
-	return M(t) ? t : {};
+	return N(t) ? t : {};
 }
 function Z(e, t, n) {
 	let r = { ...e.config };
@@ -2279,128 +2292,128 @@ function Z(e, t, n) {
 }
 //#endregion
 //#region src/builder/inspector/editors/TableBlockEditor.tsx
-var gr = "m-0 text-2xs text-fg-muted";
-function _r(e, t, n) {
+var vr = "m-0 text-2xs text-fg-muted";
+function yr(e, t, n) {
 	return C([...e], t, n);
 }
-function vr(e, t, n) {
+function br(e, t, n) {
 	return C([...e], t, n);
 }
-function yr(e) {
-	let t = Q(e), n = ve(t.map((e) => e.key), "column");
+function xr(e) {
+	let t = Q(e), n = ye(t.map((e) => e.key), "column");
 	return $(e, [...t, {
 		key: `column${n}`,
 		label: `Column ${n}`
 	}]);
 }
-function br(e, t) {
+function Sr(e, t) {
 	let n = Q(e);
 	return n[t] ? $(e, n.filter((e, n) => n !== t)) : e;
 }
-function xr(e, t, n) {
+function Cr(e, t, n) {
 	let r = Q(e), i = r[t];
 	return !i || i.key === n || r.some((e, r) => r !== t && e.key === n) ? e : $(e, r.map((e, r) => r === t ? {
 		...e,
 		key: n
 	} : e));
 }
-function Sr(e, t, n) {
+function wr(e, t, n) {
 	return $(e, Q(e).map((e, r) => r === t ? {
 		...e,
 		label: n
 	} : e));
 }
-function Cr(e, t, n) {
+function Tr(e, t, n) {
 	return $(e, Q(e).map((e, r) => {
 		if (r !== t) return e;
 		let i = { ...e };
 		return n === "" ? delete i.align : i.align = n, i;
 	}));
 }
-function wr(e, t) {
+function Er(e, t) {
 	let n = e.config?.numberRows === !0, r = t === !0, i = K(e, "numberRows", t);
-	return n === r ? i : Tr(i, r ? -5 : 5);
+	return n === r ? i : Dr(i, r ? -5 : 5);
 }
-function Tr(e, t) {
+function Dr(e, t) {
 	let n = Q(e);
-	return n.length === 0 || !n.every((e) => gn(e.width) !== null) ? e : $(e, n.map((e, n) => {
+	return n.length === 0 || !n.every((e) => vn(e.width) !== null) ? e : $(e, n.map((e, n) => {
 		if (n !== 0) return e;
-		let r = gn(e.width) ?? 0, i = Math.max(5, r + t);
+		let r = vn(e.width) ?? 0, i = Math.max(5, r + t);
 		return {
 			...e,
 			width: `${i}%`
 		};
 	}));
 }
-function Er(e, t, n) {
-	return $(e, _r(Q(e), t, n));
+function Or(e, t, n) {
+	return $(e, yr(Q(e), t, n));
 }
-function Dr(e, t) {
+function kr(e, t) {
 	let n = Object.fromEntries(t.map((e) => [e.key, ""]));
 	return [...e, n];
 }
-function Or(e, t) {
+function Ar(e, t) {
 	return e.filter((e, n) => n !== t);
 }
-function kr(e, t, n, r) {
+function jr(e, t, n, r) {
 	return e.map((e, i) => i === t ? {
 		...e,
 		[n]: r
 	} : e);
 }
-function Ar(e, t) {
-	return e.map((e) => ge(e, t));
+function Mr(e, t) {
+	return e.map((e) => _e(e, t));
 }
-function jr(e, t, n) {
-	return e.map((e) => _e(e, t, n));
+function Nr(e, t, n) {
+	return e.map((e) => ve(e, t, n));
 }
-function Mr({ block: e, rowData: t, onChangeBlock: n, onChangeRowData: r }) {
-	let i = e, a = Q(i), o = zr(t), s = (typeof i.id == "string" ? i.id : "") !== "" && r !== void 0;
+function Pr({ block: e, rowData: t, onChangeBlock: n, onChangeRowData: r }) {
+	let i = e, a = Q(i), o = Vr(t), s = (typeof i.id == "string" ? i.id : "") !== "" && r !== void 0;
 	function c(e) {
 		let t = a[e];
-		t && (n(br(i, e)), s && r?.(Ar(o, t.key)));
+		t && (n(Sr(i, e)), s && r?.(Mr(o, t.key)));
 	}
 	function l(e, t) {
 		let c = a[e];
-		!c || c.key === t || a.some((n, r) => r !== e && n.key === t) || (n(xr(i, e, t)), s && r?.(jr(o, c.key, t)));
+		!c || c.key === t || a.some((n, r) => r !== e && n.key === t) || (n(Cr(i, e, t)), s && r?.(Nr(o, c.key, t)));
 	}
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(Nr, {
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(Fr, {
 		block: i,
 		columns: a,
 		onChangeBlock: n,
 		onRemoveColumn: c,
 		onRenameColumnKey: l
-	}), /* @__PURE__ */ b(Fr, {
+	}), /* @__PURE__ */ b(Lr, {
 		canEditRows: s,
 		rows: o,
 		columns: a,
 		onChangeRowData: r
 	})] });
 }
-function Nr({ block: e, columns: t, onChangeBlock: n, onRemoveColumn: r, onRenameColumnKey: i }) {
+function Fr({ block: e, columns: t, onChangeBlock: n, onRemoveColumn: r, onRenameColumnKey: i }) {
 	return /* @__PURE__ */ x(J, {
 		title: "Columns",
-		children: [/* @__PURE__ */ b(rr, {
+		children: [/* @__PURE__ */ b(ar, {
 			count: t.length,
-			onReorder: (t, r) => n(Er(e, t, r)),
-			children: t.map((t, a) => /* @__PURE__ */ b(Pr, {
+			onReorder: (t, r) => n(Or(e, t, r)),
+			children: t.map((t, a) => /* @__PURE__ */ b(Ir, {
 				id: String(a),
 				index: a,
 				column: t,
 				onChangeKey: (e) => i(a, e),
-				onChangeLabel: (t) => n(Sr(e, a, t)),
-				onChangeAlign: (t) => n(Cr(e, a, t)),
+				onChangeLabel: (t) => n(wr(e, a, t)),
+				onChangeAlign: (t) => n(Tr(e, a, t)),
 				onRemove: () => r(a)
-			}, Lr(t, a)))
-		}), /* @__PURE__ */ b(Zt, {
+			}, zr(t, a)))
+		}), /* @__PURE__ */ b($t, {
 			"data-name": "add-column",
-			onClick: () => n(yr(e)),
+			onClick: () => n(xr(e)),
 			children: "Add column"
 		})]
 	});
 }
-function Pr({ id: e, index: t, column: n, onChangeKey: r, onChangeLabel: i, onChangeAlign: a, onRemove: o }) {
-	return /* @__PURE__ */ b(ir, {
+function Ir({ id: e, index: t, column: n, onChangeKey: r, onChangeLabel: i, onChangeAlign: a, onRemove: o }) {
+	return /* @__PURE__ */ b(or, {
 		id: e,
 		dragLabel: `Drag to reorder column ${t + 1}`,
 		removeLabel: `Remove column ${t + 1}`,
@@ -2427,7 +2440,7 @@ function Pr({ id: e, index: t, column: n, onChangeKey: r, onChangeLabel: i, onCh
 						onChange: (e) => i(e.currentTarget.value)
 					})
 				}),
-				/* @__PURE__ */ b(qt, {
+				/* @__PURE__ */ b(Yt, {
 					name: `column-align-${t}`,
 					value: n.align ?? "",
 					onChange: a
@@ -2436,39 +2449,39 @@ function Pr({ id: e, index: t, column: n, onChangeKey: r, onChangeLabel: i, onCh
 		})
 	});
 }
-function Fr({ canEditRows: e, rows: t, columns: n, onChangeRowData: r }) {
+function Lr({ canEditRows: e, rows: t, columns: n, onChangeRowData: r }) {
 	return e ? /* @__PURE__ */ x(J, {
 		title: "Rows",
 		children: [t.length === 0 ? /* @__PURE__ */ b("p", {
-			className: gr,
+			className: vr,
 			children: "No rows yet. Add one to seed runtime data for this table."
-		}) : /* @__PURE__ */ b(rr, {
+		}) : /* @__PURE__ */ b(ar, {
 			count: t.length,
-			onReorder: (e, n) => r?.(vr(t, e, n)),
-			children: t.map((e, i) => /* @__PURE__ */ b(Ir, {
+			onReorder: (e, n) => r?.(br(t, e, n)),
+			children: t.map((e, i) => /* @__PURE__ */ b(Rr, {
 				id: String(i),
 				index: i,
 				row: e,
 				columns: n,
-				onChangeCell: (e, n) => r?.(kr(t, i, e, n)),
-				onRemove: () => r?.(Or(t, i))
-			}, Rr(e, n, i)))
-		}), /* @__PURE__ */ b(Zt, {
+				onChangeCell: (e, n) => r?.(jr(t, i, e, n)),
+				onRemove: () => r?.(Ar(t, i))
+			}, Br(e, n, i)))
+		}), /* @__PURE__ */ b($t, {
 			"data-name": "add-row",
 			disabled: n.length === 0,
-			onClick: () => r?.(Dr(t, n)),
+			onClick: () => r?.(kr(t, n)),
 			children: "Add row"
 		})]
 	}) : /* @__PURE__ */ b(J, {
 		title: "Rows",
 		children: /* @__PURE__ */ b("p", {
-			className: gr,
+			className: vr,
 			children: "Give this block an id to edit runtime row data here."
 		})
 	});
 }
-function Ir({ id: e, index: t, row: n, columns: r, onChangeCell: i, onRemove: a }) {
-	return /* @__PURE__ */ b(ir, {
+function Rr({ id: e, index: t, row: n, columns: r, onChangeCell: i, onRemove: a }) {
+	return /* @__PURE__ */ b(or, {
 		id: e,
 		dragLabel: `Drag to reorder row ${t + 1}`,
 		removeLabel: `Remove row ${t + 1}`,
@@ -2488,10 +2501,10 @@ function Ir({ id: e, index: t, row: n, columns: r, onChangeCell: i, onRemove: a
 		})
 	});
 }
-function Lr(e, t) {
+function zr(e, t) {
 	return e.key.length > 0 ? `key:${e.key}` : `index:${t}`;
 }
-function Rr(e, t, n) {
+function Br(e, t, n) {
 	let r = t[0], i = r ? e[r.key] : void 0;
 	return typeof i == "string" && i.length > 0 ? `first:${i}:${n}` : `index:${n}`;
 }
@@ -2499,8 +2512,8 @@ function Q(e) {
 	let t = e.config?.columns;
 	return Array.isArray(t) ? t : [];
 }
-function zr(e) {
-	return Array.isArray(e) ? e.filter((e) => M(e)) : [];
+function Vr(e) {
+	return Array.isArray(e) ? e.filter((e) => N(e)) : [];
 }
 function $(e, t) {
 	let n = { ...e.config };
@@ -2513,7 +2526,7 @@ function $(e, t) {
 }
 //#endregion
 //#region src/builder/inspector/BlockContentControls.tsx
-var Br = [
+var Hr = [
 	{
 		value: "1",
 		label: "Heading 1"
@@ -2539,25 +2552,25 @@ var Br = [
 		label: "Heading 6"
 	}
 ];
-function Vr(e) {
-	return e.block.type === "key-value" ? /* @__PURE__ */ b(fr, {
+function Ur(e) {
+	return e.block.type === "key-value" ? /* @__PURE__ */ b(mr, {
 		block: e.block,
 		onChangeBlock: e.onChangeBlock
-	}) : e.block.type === "table" ? /* @__PURE__ */ b(Mr, {
+	}) : e.block.type === "table" ? /* @__PURE__ */ b(Pr, {
 		block: e.block,
 		rowData: e.rowData,
 		onChangeBlock: e.onChangeBlock,
 		onChangeRowData: e.onChangeRowData
 	}) : /* @__PURE__ */ b(J, {
 		title: "Content",
-		children: Hr(e)
+		children: Wr(e)
 	});
 }
-function Hr({ block: e, onChangeBlock: t }) {
+function Wr({ block: e, onChangeBlock: t }) {
 	switch (e.type) {
 		case "text": return /* @__PURE__ */ b("div", {
 			className: "grid gap-2",
-			children: /* @__PURE__ */ b(Ht, {
+			children: /* @__PURE__ */ b(Wt, {
 				name: "text",
 				label: "Text",
 				value: e.text,
@@ -2570,7 +2583,7 @@ function Hr({ block: e, onChangeBlock: t }) {
 		});
 		case "html": return /* @__PURE__ */ b("div", {
 			className: "grid gap-2",
-			children: /* @__PURE__ */ b(Ht, {
+			children: /* @__PURE__ */ b(Wt, {
 				name: "html",
 				label: "HTML",
 				value: e.html,
@@ -2583,7 +2596,7 @@ function Hr({ block: e, onChangeBlock: t }) {
 		});
 		case "heading": return /* @__PURE__ */ x("div", {
 			className: "grid gap-2",
-			children: [/* @__PURE__ */ b(Vt, {
+			children: [/* @__PURE__ */ b(Ut, {
 				name: "text",
 				label: "Text",
 				value: e.text,
@@ -2594,14 +2607,14 @@ function Hr({ block: e, onChangeBlock: t }) {
 			}), /* @__PURE__ */ b(H, {
 				name: "config.level",
 				label: "Level",
-				value: Ur(e.config?.level),
-				options: Br,
+				value: Gr(e.config?.level),
+				options: Hr,
 				optional: !0,
 				emptyLabel: "Default",
-				onChange: (n) => t(K(e, "level", Wr(n)))
+				onChange: (n) => t(K(e, "level", Kr(n)))
 			})]
 		});
-		case "image": return /* @__PURE__ */ b(er, {
+		case "image": return /* @__PURE__ */ b(nr, {
 			block: e,
 			onChangeBlock: t
 		});
@@ -2614,20 +2627,20 @@ function Hr({ block: e, onChangeBlock: t }) {
 		});
 	}
 }
-function Ur(e) {
+function Gr(e) {
 	if (e === void 0) return;
 	let t = String(e);
-	return Gr(t) ? t : void 0;
+	return qr(t) ? t : void 0;
 }
-function Wr(e) {
+function Kr(e) {
 	return e === void 0 ? void 0 : Number(e);
 }
-function Gr(e) {
-	return Br.some((t) => t.value === e);
+function qr(e) {
+	return Hr.some((t) => t.value === e);
 }
 //#endregion
 //#region src/builder/inspector/alignOptions.ts
-var Kr = [
+var Jr = [
 	{
 		value: "left",
 		label: "Left"
@@ -2640,7 +2653,7 @@ var Kr = [
 		value: "right",
 		label: "Right"
 	}
-], qr = [
+], Yr = [
 	{
 		value: "solid",
 		label: "Solid"
@@ -2661,7 +2674,7 @@ var Kr = [
 		value: "none",
 		label: "None"
 	}
-], Jr = [
+], Xr = [
 	{
 		value: "striped",
 		label: "Striped"
@@ -2674,19 +2687,19 @@ var Kr = [
 		value: "minimal",
 		label: "Minimal"
 	}
-], Yr = [{
+], Zr = [{
 	value: "show",
 	label: "Show"
 }, {
 	value: "hide",
 	label: "Hide"
 }];
-function Xr({ block: e, onChangeBlock: t }) {
+function Qr({ block: e, onChangeBlock: t }) {
 	return /* @__PURE__ */ x("div", {
 		className: "grid gap-2",
 		children: [/* @__PURE__ */ x("div", {
 			className: "grid grid-cols-2 items-start gap-2",
-			children: [/* @__PURE__ */ b(Wt, {
+			children: [/* @__PURE__ */ b(Kt, {
 				name: "config.width",
 				label: "Width",
 				value: e.config?.width ?? void 0,
@@ -2697,15 +2710,15 @@ function Xr({ block: e, onChangeBlock: t }) {
 				name: "config.align",
 				label: "Align",
 				value: e.config?.align ?? void 0,
-				options: Kr,
+				options: Jr,
 				optional: !0,
 				emptyLabel: "Default",
-				onChange: (n) => t(Qr(e, "align", n))
+				onChange: (n) => t(ei(e, "align", n))
 			})]
-		}), Zr(e, t)]
+		}), $r(e, t)]
 	});
 }
-function Zr(e, t) {
+function $r(e, t) {
 	switch (e.type) {
 		case "spacer": return /* @__PURE__ */ b(V, {
 			name: "config.height",
@@ -2732,7 +2745,7 @@ function Zr(e, t) {
 				step: .5,
 				onChange: (n) => t(K(e, "thickness", n))
 			}),
-			/* @__PURE__ */ b(Vt, {
+			/* @__PURE__ */ b(Ut, {
 				name: "config.lineColor",
 				label: "Line color",
 				value: e.config?.lineColor,
@@ -2744,7 +2757,7 @@ function Zr(e, t) {
 				name: "config.style",
 				label: "Line style",
 				value: e.config?.style,
-				options: qr,
+				options: Yr,
 				optional: !0,
 				emptyLabel: "Default",
 				onChange: (n) => t(K(e, "style", n))
@@ -2756,18 +2769,18 @@ function Zr(e, t) {
 				name: "config.style",
 				label: "Table style",
 				value: e.config?.style,
-				options: Jr,
+				options: Xr,
 				optional: !0,
 				emptyLabel: "Default",
 				onChange: (n) => t(K(e, "style", n))
 			}), /* @__PURE__ */ b(H, {
 				name: "config.numberRows",
 				label: "Row numbers",
-				value: $r(e.config?.numberRows),
-				options: Yr,
+				value: ti(e.config?.numberRows),
+				options: Zr,
 				optional: !0,
 				emptyLabel: "Default",
-				onChange: (n) => t(wr(e, ei(n)))
+				onChange: (n) => t(Er(e, ni(n)))
 			})]
 		});
 		case "key-value":
@@ -2776,7 +2789,7 @@ function Zr(e, t) {
 		case "html": return null;
 	}
 }
-function Qr(e, t, n) {
+function ei(e, t, n) {
 	switch (e.type) {
 		case "text":
 		case "html":
@@ -2788,59 +2801,59 @@ function Qr(e, t, n) {
 		case "table": return K(e, t, n);
 	}
 }
-function $r(e) {
+function ti(e) {
 	if (e !== void 0) return e ? "show" : "hide";
 }
-function ei(e) {
+function ni(e) {
 	if (e !== void 0) return e === "show";
 }
 //#endregion
 //#region src/builder/inspector/SpacingControls.tsx
-var ti = [
+var ri = [
 	"top",
 	"right",
 	"bottom",
 	"left"
 ];
-function ni(e) {
+function ii(e) {
 	let t = e.scope === "block" ? e.block.config?.spacing : e.template.config?.page?.margins;
 	return /* @__PURE__ */ b("div", {
 		className: "grid min-w-0 grid-cols-2 gap-2",
-		children: ti.map((n) => /* @__PURE__ */ b(V, {
-			name: ri(e.scope, n),
-			label: ii(n),
-			value: ai(t, n),
+		children: ri.map((n) => /* @__PURE__ */ b(V, {
+			name: ai(e.scope, n),
+			label: oi(n),
+			value: si(t, n),
 			min: 0,
 			step: .5,
 			onChange: (t) => {
 				if (e.scope === "block") {
-					e.onChangeBlock(Tn(e.block, n, t));
+					e.onChangeBlock(Dn(e.block, n, t));
 					return;
 				}
-				e.onChangeTemplate(Dn(e.template, n, t));
+				e.onChangeTemplate(kn(e.template, n, t));
 			}
 		}, n))
 	});
 }
-function ri(e, t) {
+function ai(e, t) {
 	return e === "block" ? `config.spacing.${t}` : `config.page.margins.${t}`;
 }
-function ii(e) {
+function oi(e) {
 	return `${e[0].toUpperCase()}${e.slice(1)} (mm)`;
 }
-function ai(e, t) {
+function si(e, t) {
 	return e?.[t] ?? void 0;
 }
 //#endregion
 //#region src/builder/inspector/TypographyControls.tsx
-function oi(e) {
-	let t = e.target === "block" ? e.block.config?.typography : e.template.config?.typography, n = e.target === "block" ? "config.typography" : "template.config.typography", r = si(e.metadata, t?.family ?? void 0);
+function ci(e) {
+	let t = e.target === "block" ? e.block.config?.typography : e.template.config?.typography, n = e.target === "block" ? "config.typography" : "template.config.typography", r = li(e.metadata, t?.family ?? void 0);
 	function i(t, n) {
 		if (e.target === "block") {
-			e.onChangeBlock(wn(e.block, t, n));
+			e.onChangeBlock(En(e.block, t, n));
 			return;
 		}
-		e.onChangeTemplate(En(e.template, t, n));
+		e.onChangeTemplate(On(e.template, t, n));
 	}
 	return /* @__PURE__ */ x("div", {
 		className: "grid min-w-0 gap-2",
@@ -2859,7 +2872,7 @@ function oi(e) {
 				label: "Align",
 				value: t?.align ?? void 0,
 				optional: !0,
-				options: Kr,
+				options: Jr,
 				onChange: (e) => i("align", e)
 			})]
 		}), /* @__PURE__ */ x("div", {
@@ -2883,7 +2896,7 @@ function oi(e) {
 					placeholder: "400",
 					onChange: (e) => i("weight", e)
 				}),
-				/* @__PURE__ */ b(Ut, {
+				/* @__PURE__ */ b(Gt, {
 					name: `${n}.color`,
 					label: "Color",
 					value: t?.color ?? void 0,
@@ -2893,14 +2906,14 @@ function oi(e) {
 		})]
 	});
 }
-function si(e, t) {
-	let n = ci(e);
+function li(e, t) {
+	let n = ui(e);
 	return t && !n.includes(t) && n.push(t), n.map((e) => ({
 		value: e,
 		label: e
 	}));
 }
-function ci(e) {
+function ui(e) {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	for (let r of e?.bundledFonts ?? []) {
 		let e = r.trim();
@@ -2910,12 +2923,12 @@ function ci(e) {
 }
 //#endregion
 //#region src/builder/inspector/BlockInspector.tsx
-var li = [
+var di = [
 	"Layout",
 	"Typography",
 	"Spacing"
 ];
-function ui({ block: e, schema: t, data: n, onChangeBlock: r, onChangeData: i, onRemoveBlock: a, onClose: o, className: s }) {
+function fi({ block: e, schema: t, data: n, onChangeBlock: r, onChangeData: i, onRemoveBlock: a, onClose: o, className: s }) {
 	let c = _(null), l = _(null);
 	m(() => {
 		if (e) return l.current = document.activeElement, c.current?.focus(), () => {
@@ -2925,15 +2938,15 @@ function ui({ block: e, schema: t, data: n, onChangeBlock: r, onChangeData: i, o
 	function u(e) {
 		e.key === "Escape" && (e.stopPropagation(), o());
 	}
-	if (!e) return /* @__PURE__ */ x(tr, {
+	if (!e) return /* @__PURE__ */ x(rr, {
 		ariaLabel: "Block inspector",
 		className: s,
-		children: [/* @__PURE__ */ b(nr, { title: "Inspector" }), /* @__PURE__ */ b("p", {
+		children: [/* @__PURE__ */ b(ir, { title: "Inspector" }), /* @__PURE__ */ b("p", {
 			className: "m-0 text-xs text-fg-muted",
 			children: "Select a block to inspect it."
 		})]
 	});
-	let d = ue(e.block.type), f = de(e.block), p = typeof e.block.id == "string" ? e.block.id : null, h = /* @__PURE__ */ b(Vr, {
+	let d = fe(e.block.type), f = pe(e.block), p = typeof e.block.id == "string" ? e.block.id : null, h = /* @__PURE__ */ b(Ur, {
 		block: e.block,
 		rowData: p ? n[p] : void 0,
 		onChangeBlock: (t) => r(e.uid, t),
@@ -2942,14 +2955,14 @@ function ui({ block: e, schema: t, data: n, onChangeBlock: r, onChangeData: i, o
 			[p]: e
 		}) : void 0
 	});
-	return /* @__PURE__ */ x(tr, {
+	return /* @__PURE__ */ x(rr, {
 		ref: c,
 		ariaLabel: "Block inspector",
 		className: s,
 		onKeyDown: u,
 		children: [
-			/* @__PURE__ */ b(nr, {
-				chip: /* @__PURE__ */ b(j, { children: d.chip }),
+			/* @__PURE__ */ b(ir, {
+				chip: /* @__PURE__ */ b(M, { children: d.chip }),
 				title: d.label,
 				subtitle: f || void 0,
 				action: /* @__PURE__ */ b("button", {
@@ -2960,7 +2973,7 @@ function ui({ block: e, schema: t, data: n, onChangeBlock: r, onChangeData: i, o
 					children: "✕"
 				})
 			}),
-			/* @__PURE__ */ b(Vt, {
+			/* @__PURE__ */ b(Ut, {
 				name: "block.id",
 				label: "ID",
 				value: p ?? "",
@@ -2973,16 +2986,16 @@ function ui({ block: e, schema: t, data: n, onChangeBlock: r, onChangeData: i, o
 			/* @__PURE__ */ x("div", {
 				className: "grid gap-2",
 				"aria-label": "Inspector sections",
-				children: [h, li.map((n) => /* @__PURE__ */ b(J, {
+				children: [h, di.map((n) => /* @__PURE__ */ b(J, {
 					title: n,
-					children: n === "Layout" ? /* @__PURE__ */ b(Xr, {
+					children: n === "Layout" ? /* @__PURE__ */ b(Qr, {
 						block: e.block,
 						onChangeBlock: (t) => r(e.uid, t)
-					}) : n === "Spacing" ? /* @__PURE__ */ b(ni, {
+					}) : n === "Spacing" ? /* @__PURE__ */ b(ii, {
 						scope: "block",
 						block: e.block,
 						onChangeBlock: (t) => r(e.uid, t)
-					}) : /* @__PURE__ */ b(oi, {
+					}) : /* @__PURE__ */ b(ci, {
 						target: "block",
 						block: e.block,
 						metadata: t["x-pdfUa"],
@@ -2992,7 +3005,7 @@ function ui({ block: e, schema: t, data: n, onChangeBlock: r, onChangeData: i, o
 			}),
 			/* @__PURE__ */ b("footer", {
 				className: "flex justify-end",
-				children: /* @__PURE__ */ b(Xt, {
+				children: /* @__PURE__ */ b(Qt, {
 					variant: "danger",
 					onClick: () => a(e.uid),
 					children: "Remove block"
@@ -3003,11 +3016,11 @@ function ui({ block: e, schema: t, data: n, onChangeBlock: r, onChangeData: i, o
 }
 //#endregion
 //#region src/builder/inspector/Inspector.tsx
-var di = "absolute inset-y-0 right-0 z-20 w-[min(360px,100%)] border-0 border-l border-solid border-border shadow-pop animate-flyout";
-function fi() {
-	let { schema: e, selectedBlock: t, data: n } = Ot(), { changeBlock: r, changeData: i, removeBlock: a, deselect: o } = kt();
-	return !e || !t ? null : /* @__PURE__ */ b(ui, {
-		className: di,
+var pi = "absolute inset-y-0 right-0 z-20 w-[min(360px,100%)] border-0 border-l border-solid border-border shadow-pop animate-flyout";
+function mi() {
+	let { schema: e, selectedBlock: t, data: n } = At(), { changeBlock: r, changeData: i, removeBlock: a, deselect: o } = jt();
+	return !e || !t ? null : /* @__PURE__ */ b(fi, {
+		className: pi,
 		block: t,
 		schema: e,
 		data: n,
@@ -3019,17 +3032,17 @@ function fi() {
 }
 //#endregion
 //#region src/builder/inspector/DocumentSettings.tsx
-var pi = Object.keys(on).map((e) => ({
+var hi = Object.keys(cn).map((e) => ({
 	value: e,
 	label: e
-})), mi = [{
+})), gi = [{
 	value: "portrait",
 	label: "Portrait"
 }, {
 	value: "landscape",
 	label: "Landscape"
 }];
-function hi({ template: e, metadata: t, format: n, orientation: r, onChangeTemplate: i, onChangeFormat: a, onChangeOrientation: o, className: s }) {
+function _i({ template: e, metadata: t, format: n, orientation: r, onChangeTemplate: i, onChangeFormat: a, onChangeOrientation: o, className: s }) {
 	return /* @__PURE__ */ x("section", {
 		"aria-label": "Page settings",
 		className: `grid grid-cols-[repeat(auto-fit,minmax(220px,1fr))] items-start gap-3 border-0 border-b border-solid border-border bg-surface px-4 py-3${s ? ` ${s}` : ""}`,
@@ -3042,7 +3055,7 @@ function hi({ template: e, metadata: t, format: n, orientation: r, onChangeTempl
 						name: "document.page.size.format",
 						label: "Page size",
 						value: n,
-						options: pi,
+						options: hi,
 						onChange: (e) => {
 							e && a(e);
 						}
@@ -3050,7 +3063,7 @@ function hi({ template: e, metadata: t, format: n, orientation: r, onChangeTempl
 						name: "document.page.size.orientation",
 						label: "Orientation",
 						value: r,
-						options: mi,
+						options: gi,
 						onChange: (e) => {
 							e && o(e);
 						}
@@ -3059,7 +3072,7 @@ function hi({ template: e, metadata: t, format: n, orientation: r, onChangeTempl
 			}),
 			/* @__PURE__ */ b(J, {
 				title: "Page margins",
-				children: /* @__PURE__ */ b(ni, {
+				children: /* @__PURE__ */ b(ii, {
 					scope: "page",
 					template: e,
 					onChangeTemplate: i
@@ -3067,7 +3080,7 @@ function hi({ template: e, metadata: t, format: n, orientation: r, onChangeTempl
 			}),
 			/* @__PURE__ */ b(J, {
 				title: "Template typography",
-				children: /* @__PURE__ */ b(oi, {
+				children: /* @__PURE__ */ b(ci, {
 					target: "template",
 					template: e,
 					metadata: t,
@@ -3079,9 +3092,9 @@ function hi({ template: e, metadata: t, format: n, orientation: r, onChangeTempl
 }
 //#endregion
 //#region src/builder/inspector/PageSettings.tsx
-function gi({ className: e } = {}) {
-	let { schema: t, serializedTemplate: n, pageSize: r } = Ot(), { changeTemplateSettings: i, changeFormat: a, changeOrientation: o } = kt();
-	return t ? /* @__PURE__ */ b(hi, {
+function vi({ className: e } = {}) {
+	let { schema: t, serializedTemplate: n, pageSize: r } = At(), { changeTemplateSettings: i, changeFormat: a, changeOrientation: o } = jt();
+	return t ? /* @__PURE__ */ b(_i, {
 		className: e,
 		template: n,
 		metadata: t["x-pdfUa"],
@@ -3094,49 +3107,69 @@ function gi({ className: e } = {}) {
 }
 //#endregion
 //#region src/builder/Builder.tsx
-function _i({ className: e, examples: t } = {}) {
+function yi({ className: e, examples: t } = {}) {
 	return /* @__PURE__ */ x("section", {
 		className: `pdfua-template-builder grid h-full min-w-0 min-h-0 bg-app${e ? ` ${e}` : ""}`,
 		style: { gridTemplateRows: "auto auto 1fr" },
 		"aria-label": "Template authoring",
 		children: [
-			/* @__PURE__ */ b(gi, {}),
-			/* @__PURE__ */ b(en, { examples: t }),
+			/* @__PURE__ */ b(vi, {}),
+			/* @__PURE__ */ b(nn, { examples: t }),
 			/* @__PURE__ */ x("div", {
 				className: "relative mt-2 min-h-0 min-w-0",
-				children: [/* @__PURE__ */ b($n, { className: "h-full" }), /* @__PURE__ */ b(fi, {})]
+				children: [/* @__PURE__ */ b(tr, { className: "h-full" }), /* @__PURE__ */ b(mi, {})]
 			})
 		]
 	});
 }
 //#endregion
-//#region src/render/PdfPane.tsx
-function vi({ active: e, onClick: t, children: n }) {
-	return /* @__PURE__ */ b("button", {
-		type: "button",
-		role: "tab",
-		className: `h-full m-0 cursor-pointer border-0 border-b-2 border-solid bg-transparent px-3 text-sm font-medium tracking-[0.02em] transition-colors hover:text-fg ${e ? "border-fg text-fg" : "border-transparent text-fg-muted"}`,
-		"aria-selected": e,
-		onClick: t,
-		children: n
-	});
+//#region src/render/previewChrome.tsx
+function bi(e, t) {
+	return e ? "rendering" : t ? "ready" : "empty";
 }
-var yi = {
+function xi(e) {
+	return e === "rendering" ? "Rendering…" : e === "ready" ? "Ready" : "Idle";
+}
+var Si = {
 	ready: "bg-success-soft text-success",
 	rendering: "bg-accent-soft text-accent",
 	empty: "bg-surface-muted text-fg-muted"
 };
-function bi({ status: e, children: t }) {
+function Ci({ status: e, children: t }) {
 	return /* @__PURE__ */ x("span", {
-		className: `inline-flex items-center gap-2 rounded-full px-3 py-1 text-2xs font-medium ${yi[e]}`,
+		className: `inline-flex items-center gap-2 rounded-full px-3 py-1 text-2xs font-medium ${Si[e]}`,
 		children: [/* @__PURE__ */ b("span", {
 			className: "h-1.5 w-1.5 rounded-full bg-current opacity-60",
 			"aria-hidden": "true"
 		}), t]
 	});
 }
-function xi({ pdfUrl: e, error: t, loading: n, template: r, data: i, className: a, onRender: o, renderDisabled: s }) {
-	let [c, l] = v("pdf"), u = n ? "rendering" : e ? "ready" : "empty", d = u === "rendering" ? "Rendering…" : u === "ready" ? "Ready" : "Idle";
+function wi({ active: e, onClick: t, children: n }) {
+	return /* @__PURE__ */ b("button", {
+		type: "button",
+		role: "tab",
+		className: `h-full m-0 cursor-pointer border-0 border-b-2 border-solid bg-transparent px-3 text-sm font-medium tracking-[0.02em] transition-colors hover:text-fg ${e ? "border-fg text-fg" : "border-transparent text-fg-muted"}`,
+		"aria-selected": e,
+		onClick: t,
+		children: n
+	});
+}
+function Ti({ pdfUrl: e, loading: t, emptyLabel: n = "Render the template to preview the PDF here.", loadingLabel: r = "Rendering the latest changes…" }) {
+	return e ? /* @__PURE__ */ b("object", {
+		data: e,
+		type: "application/pdf",
+		"data-theme": "light",
+		className: "h-full w-full min-h-0 rounded-lg border border-solid border-border bg-page shadow-page max-[1080px]:h-[34rem]"
+	}) : /* @__PURE__ */ b("div", {
+		"data-theme": "light",
+		className: "grid h-full place-items-center rounded-lg border border-dashed border-border-strong bg-page p-6 text-center text-sm text-fg-muted max-[1080px]:h-[34rem]",
+		children: t ? r : n
+	});
+}
+//#endregion
+//#region src/render/PdfPane.tsx
+function Ei({ pdfUrl: e, error: t, loading: n, template: r, data: i, className: a, onRender: o, renderDisabled: s }) {
+	let [c, l] = v("pdf"), u = bi(n, e);
 	return /* @__PURE__ */ x("aside", {
 		className: `pdfua-template-builder grid min-w-0 min-h-0 grid-rows-[56px_auto_minmax(0,1fr)] bg-canvas${a ? ` ${a}` : ""}`,
 		"aria-label": "Output",
@@ -3148,27 +3181,27 @@ function xi({ pdfUrl: e, error: t, loading: n, template: r, data: i, className:
 					role: "tablist",
 					"aria-label": "Output view",
 					children: [
-						/* @__PURE__ */ b(vi, {
+						/* @__PURE__ */ b(wi, {
 							active: c === "pdf",
 							onClick: () => l("pdf"),
 							children: "PDF"
 						}),
-						/* @__PURE__ */ b(vi, {
+						/* @__PURE__ */ b(wi, {
 							active: c === "data",
 							onClick: () => l("data"),
 							children: "Data"
 						}),
-						c === "data" ? /* @__PURE__ */ b(wi, {
+						c === "data" ? /* @__PURE__ */ b(Oi, {
 							template: r,
 							data: i
 						}) : null
 					]
 				}), /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ b(bi, {
+					children: [/* @__PURE__ */ b(Ci, {
 						status: u,
-						children: d
-					}), o ? /* @__PURE__ */ b(Xt, {
+						children: xi(u)
+					}), o ? /* @__PURE__ */ b(Qt, {
 						variant: "primary",
 						onClick: o,
 						disabled: s,
@@ -3183,10 +3216,12 @@ function xi({ pdfUrl: e, error: t, loading: n, template: r, data: i, className:
 			}) : null,
 			/* @__PURE__ */ b("div", {
 				className: "row-start-3 grid min-h-0 p-4",
-				children: c === "pdf" ? /* @__PURE__ */ b(Si, {
+				children: c === "pdf" ? /* @__PURE__ */ b(Ti, {
 					pdfUrl: e,
-					loading: n
-				}) : /* @__PURE__ */ b(Ci, {
+					loading: n,
+					loadingLabel: "Rendering the latest template…",
+					emptyLabel: "Render the template to preview the PDF here."
+				}) : /* @__PURE__ */ b(Di, {
 					template: r,
 					data: i
 				})
@@ -3194,19 +3229,7 @@ function xi({ pdfUrl: e, error: t, loading: n, template: r, data: i, className:
 		]
 	});
 }
-function Si({ pdfUrl: e, loading: t }) {
-	return e ? /* @__PURE__ */ b("object", {
-		data: e,
-		type: "application/pdf",
-		"data-theme": "light",
-		className: "h-full w-full min-h-0 rounded-lg border border-solid border-border bg-page shadow-page max-[1080px]:h-[34rem]"
-	}) : /* @__PURE__ */ b("div", {
-		"data-theme": "light",
-		className: "grid h-full place-items-center rounded-lg border border-dashed border-border-strong bg-page p-6 text-center text-sm text-fg-muted max-[1080px]:h-[34rem]",
-		children: t ? "Rendering the latest template…" : "Render the template to preview the PDF here."
-	});
-}
-function Ci({ template: e, data: t }) {
+function Di({ template: e, data: t }) {
 	return /* @__PURE__ */ b("pre", {
 		className: "h-full w-full min-h-0 rounded-lg border border-solid border-border bg-surface shadow-page m-0 overflow-auto p-4 font-mono text-sm leading-normal text-fg [tab-size:2] whitespace-pre max-[1080px]:h-[34rem]",
 		children: /* @__PURE__ */ b("code", { children: JSON.stringify({
@@ -3215,7 +3238,7 @@ function Ci({ template: e, data: t }) {
 		}, null, 2) })
 	});
 }
-function wi({ template: e, data: t }) {
+function Oi({ template: e, data: t }) {
 	let [n, r] = v(!1);
 	function i() {
 		let n = JSON.stringify({
@@ -3235,9 +3258,9 @@ function wi({ template: e, data: t }) {
 }
 //#endregion
 //#region src/render/Preview.tsx
-function Ti({ className: e } = {}) {
-	let { template: t, data: n, pdfUrl: r, pdfLoading: i, error: a, renderPdf: o, renderDisabled: s } = ot();
-	return /* @__PURE__ */ b(xi, {
+function ki({ className: e } = {}) {
+	let { template: t, data: n, pdfUrl: r, pdfLoading: i, error: a, renderPdf: o, renderDisabled: s } = ct();
+	return /* @__PURE__ */ b(Ei, {
 		className: e,
 		pdfUrl: r,
 		error: a,
@@ -3250,23 +3273,23 @@ function Ti({ className: e } = {}) {
 }
 //#endregion
 //#region src/builder/TemplateBuilder.tsx
-function Ei({ examples: e, className: t }) {
+function Ai({ examples: e, className: t }) {
 	return /* @__PURE__ */ x("main", {
 		className: `pdfua-template-builder grid h-screen overflow-hidden bg-app text-fg grid-cols-[minmax(40rem,1.55fr)_minmax(28rem,0.95fr)] max-[1080px]:h-auto max-[1080px]:grid-cols-1 max-[1080px]:overflow-visible${t ? ` ${t}` : ""}`,
-		children: [/* @__PURE__ */ b(_i, {
+		children: [/* @__PURE__ */ b(yi, {
 			examples: e,
 			className: "border-0 border-r border-solid border-border"
-		}), /* @__PURE__ */ b(Ti, {})]
+		}), /* @__PURE__ */ b(ki, {})]
 	});
 }
-function Di({ apiUrl: e, initialTemplate: t, initialData: n, examples: r, onChange: i, onRendered: a, className: o } = {}) {
-	return /* @__PURE__ */ b(jt, {
+function ji({ apiUrl: e, initialTemplate: t, initialData: n, examples: r, onChange: i, onRendered: a, className: o } = {}) {
+	return /* @__PURE__ */ b(Nt, {
 		apiUrl: e,
 		initialTemplate: t,
 		initialData: n,
 		onChange: i,
 		onRendered: a,
-		children: /* @__PURE__ */ b(Ei, {
+		children: /* @__PURE__ */ b(Ai, {
 			examples: r,
 			className: o
 		})
@@ -3274,8 +3297,8 @@ function Di({ apiUrl: e, initialTemplate: t, initialData: n, examples: r, onChan
 }
 //#endregion
 //#region src/builder/schema/invoiceExample.ts
-var Oi = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCAyNjAgNzIiPjx0ZXh0IHg9IjAiIHk9IjQyIiBmaWxsPSIjMTExODI3IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMzAiIGZvbnQtd2VpZ2h0PSI3MDAiPlBERiBVQSBLaXQ8L3RleHQ+PC9zdmc+";
-function ki() {
+var Mi = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjAiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCAyNjAgNzIiPjx0ZXh0IHg9IjAiIHk9IjQyIiBmaWxsPSIjMTExODI3IiBmb250LWZhbWlseT0iQXJpYWwsIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMzAiIGZvbnQtd2VpZ2h0PSI3MDAiPlBERiBVQSBLaXQ8L3RleHQ+PC9zdmc+";
+function Ni() {
 	return {
 		template: {
 			version: 1,
@@ -3333,7 +3356,7 @@ function ki() {
 				{ blocks: [{
 					type: "image",
 					id: "logo",
-					src: Oi,
+					src: Mi,
 					alt: "PDF UA Kit GmbH logo",
 					config: {
 						width: "58%",
@@ -3633,7 +3656,7 @@ function ki() {
 }
 //#endregion
 //#region src/editor/parseTemplate.ts
-function Ai(e) {
+function Pi(e) {
 	if (e.trim() === "") return {
 		template: null,
 		error: null
@@ -3657,14 +3680,14 @@ function Ai(e) {
 }
 //#endregion
 //#region src/editor/TemplateEditorContext.tsx
-var ji = { version: 1 }, Mi = {}, Ni = u(null);
-function Pi() {
-	let e = p(Ni);
+var Fi = { version: 1 }, Ii = {}, Li = u(null);
+function Ri() {
+	let e = p(Li);
 	if (!e) throw Error("useTemplateEditor must be used within a <TemplateEditorProvider>.");
 	return e;
 }
-function Fi({ apiUrl: e, initialTemplate: t, data: n = Mi, onChange: r, onRendered: i, children: a }) {
-	let o = ie(e), [s, c] = v(() => JSON.stringify(t ?? ji, null, 2)), { template: l, error: u } = h(() => Ai(s), [s]), d = _(r);
+function zi({ apiUrl: e, initialTemplate: t, data: n = Ii, onChange: r, onRendered: i, children: a }) {
+	let o = ae(e), [s, c] = v(() => JSON.stringify(t ?? Fi, null, 2)), { template: l, error: u } = h(() => Pi(s), [s]), d = _(r);
 	m(() => {
 		d.current = r;
 	}, [r]);
@@ -3676,7 +3699,7 @@ function Fi({ apiUrl: e, initialTemplate: t, data: n = Mi, onChange: r, onRender
 		}
 		d.current?.(l, s);
 	}, [s, l]);
-	let { pdfUrl: g, pdfLoading: y, error: x, renderPdf: S } = tt({
+	let { pdfUrl: g, pdfLoading: y, error: x, renderPdf: S } = rt({
 		initialApiUrl: o,
 		apiUrl: o,
 		onRendered: i,
@@ -3714,15 +3737,15 @@ function Fi({ apiUrl: e, initialTemplate: t, data: n = Mi, onChange: r, onRender
 		x,
 		T
 	]);
-	return /* @__PURE__ */ b(Ni.Provider, {
+	return /* @__PURE__ */ b(Li.Provider, {
 		value: E,
-		children: /* @__PURE__ */ b(at, {
+		children: /* @__PURE__ */ b(st, {
 			value: D,
 			children: a
 		})
 	});
 }
-var Ii = [re.theme({
+var Bi = [re.theme({
 	"&": {
 		color: "var(--pdfua-fg)",
 		backgroundColor: "var(--pdfua-surface)",
@@ -3764,7 +3787,7 @@ var Ii = [re.theme({
 		tag: [A.punctuation, A.separator],
 		color: "var(--pdfua-fg-muted)"
 	}
-]))], Li = {
+]))], Vi = {
 	$schema: "https://json-schema.org/draft/2020-12/schema",
 	$id: "https://pdf-ua-api.com/schemas/template-v1.json",
 	title: "Template",
@@ -3888,11 +3911,11 @@ var Ii = [re.theme({
 };
 //#endregion
 //#region src/editor/CodeEditor.tsx
-function Ri({ className: e } = {}) {
-	let { text: t, setText: n } = Pi(), r = h(() => [
+function Hi({ className: e } = {}) {
+	let { text: t, setText: n } = Ri(), r = h(() => [
 		ee(),
-		ne(Li),
-		...Ii
+		ne(Vi),
+		...Bi
 	], []);
 	return /* @__PURE__ */ b("div", {
 		className: `pdfua-template-builder min-w-0 min-h-0 overflow-auto bg-surface${e ? ` ${e}` : ""}`,
@@ -3913,23 +3936,196 @@ function Ri({ className: e } = {}) {
 }
 //#endregion
 //#region src/editor/TemplateEditor.tsx
-function zi({ className: e }) {
+function Ui({ className: e }) {
 	return /* @__PURE__ */ x("main", {
 		className: `pdfua-template-builder grid h-screen overflow-hidden bg-app text-fg grid-cols-[minmax(40rem,1.55fr)_minmax(28rem,0.95fr)] max-[1080px]:h-auto max-[1080px]:grid-cols-1 max-[1080px]:overflow-visible${e ? ` ${e}` : ""}`,
-		children: [/* @__PURE__ */ b(Ri, { className: "border-0 border-r border-solid border-border" }), /* @__PURE__ */ b(Ti, {})]
+		children: [/* @__PURE__ */ b(Hi, { className: "border-0 border-r border-solid border-border" }), /* @__PURE__ */ b(ki, {})]
 	});
 }
-function Bi({ apiUrl: e, initialTemplate: t, data: n, onChange: r, onRendered: i, className: a } = {}) {
-	return /* @__PURE__ */ b(Fi, {
+function Wi({ apiUrl: e, initialTemplate: t, data: n, onChange: r, onRendered: i, className: a } = {}) {
+	return /* @__PURE__ */ b(zi, {
 		apiUrl: e,
 		initialTemplate: t,
 		data: n,
 		onChange: r,
 		onRendered: i,
-		children: /* @__PURE__ */ b(zi, { className: a })
+		children: /* @__PURE__ */ b(Ui, { className: a })
+	});
+}
+//#endregion
+//#region src/html-editor/defaultHtml.ts
+var Gi = "<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <title>Untitled document</title>\n    <style>\n      body {\n        font-family: system-ui, sans-serif;\n        margin: 2rem;\n        color: #1a1a1a;\n        line-height: 1.5;\n      }\n      h1 {\n        font-size: 1.75rem;\n        margin-bottom: 0.5rem;\n      }\n    </style>\n  </head>\n  <body>\n    <h1>Hello, PDF/UA</h1>\n    <p>Edit this HTML and render it to preview the accessible PDF.</p>\n  </body>\n</html>\n";
+//#endregion
+//#region src/html-editor/useHtmlPreview.ts
+function Ki({ apiUrl: e, baseUrl: t, onRendered: n }) {
+	let [r, i] = v(null), [a, o] = v(!1), [s, c] = v(null), l = _(0), u = _(null), d = _(n);
+	return m(() => {
+		d.current = n;
+	}, [n]), m(() => () => {
+		qi(u.current), u.current = null;
+	}, []), {
+		pdfUrl: r,
+		loading: a,
+		error: s,
+		render: f(async (n) => {
+			let r = l.current + 1;
+			l.current = r, o(!0), c(null);
+			try {
+				let a = await ue(e, {
+					html: n,
+					baseUrl: t
+				}), o = URL.createObjectURL(a);
+				if (r !== l.current) {
+					qi(o);
+					return;
+				}
+				i((e) => (qi(e), u.current = o, o)), d.current?.(a);
+			} catch (e) {
+				r === l.current && c(Ji(e));
+			} finally {
+				r === l.current && o(!1);
+			}
+		}, [e, t])
+	};
+}
+function qi(e) {
+	e && URL.revokeObjectURL(e);
+}
+function Ji(e) {
+	return e instanceof Error ? e.message : String(e);
+}
+//#endregion
+//#region src/html-editor/HtmlEditorContext.tsx
+var Yi = u(null);
+function Xi() {
+	let e = p(Yi);
+	if (!e) throw Error("useHtmlEditor must be used within an <HtmlEditorProvider>.");
+	return e;
+}
+function Zi({ apiUrl: e, baseUrl: t, initialHtml: n = Gi, onChange: r, onRendered: i, children: a }) {
+	let o = ae(e), [s, c] = v(n), l = _(r);
+	m(() => {
+		l.current = r;
+	}, [r]);
+	let u = _(!0);
+	m(() => {
+		if (u.current) {
+			u.current = !1;
+			return;
+		}
+		l.current?.(s);
+	}, [s]);
+	let { pdfUrl: d, loading: p, error: g, render: y } = Ki({
+		apiUrl: o,
+		baseUrl: t,
+		onRendered: i
+	}), x = _(s);
+	x.current = s;
+	let S = f(() => {
+		x.current.trim() !== "" && y(x.current);
+	}, [y]), C = h(() => ({
+		html: s,
+		setHtml: c,
+		pdfUrl: d,
+		pdfLoading: p,
+		error: g,
+		renderPdf: S,
+		renderDisabled: s.trim() === "" || p
+	}), [
+		s,
+		d,
+		p,
+		g,
+		S
+	]);
+	return /* @__PURE__ */ b(Yi.Provider, {
+		value: C,
+		children: a
+	});
+}
+//#endregion
+//#region src/html-editor/HtmlCodeEditor.tsx
+function Qi({ className: e } = {}) {
+	let { html: t, setHtml: n } = Xi(), r = h(() => [ie(), ...Bi], []);
+	return /* @__PURE__ */ b("div", {
+		className: `pdfua-template-builder min-w-0 min-h-0 overflow-auto bg-surface${e ? ` ${e}` : ""}`,
+		"aria-label": "Template HTML editor",
+		children: /* @__PURE__ */ b(te, {
+			value: t,
+			onChange: n,
+			extensions: r,
+			theme: "none",
+			height: "100%",
+			basicSetup: {
+				foldGutter: !0,
+				highlightActiveLine: !0,
+				autocompletion: !0
+			}
+		})
+	});
+}
+//#endregion
+//#region src/html-editor/HtmlPreview.tsx
+function $i({ className: e } = {}) {
+	let { pdfUrl: t, pdfLoading: n, error: r, renderPdf: i, renderDisabled: a } = Xi(), o = bi(n, t);
+	return /* @__PURE__ */ x("aside", {
+		className: `pdfua-template-builder grid min-w-0 min-h-0 grid-rows-[56px_auto_minmax(0,1fr)] bg-canvas${e ? ` ${e}` : ""}`,
+		"aria-label": "Output",
+		children: [
+			/* @__PURE__ */ x("header", {
+				className: "row-start-1 flex items-center justify-between gap-3 border-0 border-b border-solid border-border bg-surface px-4",
+				children: [/* @__PURE__ */ b("span", {
+					className: "text-sm font-medium tracking-[0.02em] text-fg",
+					children: "PDF preview"
+				}), /* @__PURE__ */ x("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ b(Ci, {
+						status: o,
+						children: xi(o)
+					}), /* @__PURE__ */ b(Qt, {
+						variant: "primary",
+						onClick: i,
+						disabled: a,
+						children: n ? "Rendering…" : "Render PDF"
+					})]
+				})]
+			}),
+			r ? /* @__PURE__ */ b("p", {
+				className: "row-start-2 mx-4 mt-3 mb-0 rounded border-0 border-l-[3px] border-solid border-danger bg-danger-soft px-3 py-3 text-sm text-danger",
+				role: "alert",
+				children: r
+			}) : null,
+			/* @__PURE__ */ b("div", {
+				className: "row-start-3 grid min-h-0 p-4",
+				children: /* @__PURE__ */ b(Ti, {
+					pdfUrl: t,
+					loading: n,
+					loadingLabel: "Rendering the latest HTML…",
+					emptyLabel: "Render the HTML to preview the PDF here."
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/html-editor/HtmlEditor.tsx
+function ea({ className: e }) {
+	return /* @__PURE__ */ x("main", {
+		className: `pdfua-template-builder grid h-screen overflow-hidden bg-app text-fg grid-cols-[minmax(40rem,1.55fr)_minmax(28rem,0.95fr)] max-[1080px]:h-auto max-[1080px]:grid-cols-1 max-[1080px]:overflow-visible${e ? ` ${e}` : ""}`,
+		children: [/* @__PURE__ */ b(Qi, { className: "border-0 border-r border-solid border-border" }), /* @__PURE__ */ b($i, {})]
+	});
+}
+function ta({ apiUrl: e, baseUrl: t, initialHtml: n, onChange: r, onRendered: i, className: a } = {}) {
+	return /* @__PURE__ */ b(Zi, {
+		apiUrl: e,
+		baseUrl: t,
+		initialHtml: n,
+		onChange: r,
+		onRendered: i,
+		children: /* @__PURE__ */ b(ea, { className: a })
 	});
 }
 //#endregion
-export { _i as Builder, Ri as CodeEditor, on as PAGE_SIZES_MM, Ti as Preview, Di as TemplateBuilder, jt as TemplateBuilderProvider, Bi as TemplateEditor, Fi as TemplateEditorProvider, Ce as createEditorModel, ki as createInvoiceExample, se as fetchTemplateSchema, Ie as getFooterRepeat, Re as getPageNumbers, Me as getPageSize, an as mmToPx, sn as pageSizeForFormat, ce as renderTemplatePdf, ie as resolveDefaultApiUrl, we as serializeTemplate, Le as setFooterRepeat, ze as setPageNumbers, Ne as setPageSize, At as useTemplateBuilder, Pi as useTemplateEditor };
+export { yi as Builder, Hi as CodeEditor, Qi as HtmlCodeEditor, ta as HtmlEditor, Zi as HtmlEditorProvider, $i as HtmlPreview, cn as PAGE_SIZES_MM, ki as Preview, ji as TemplateBuilder, Nt as TemplateBuilderProvider, Wi as TemplateEditor, zi as TemplateEditorProvider, we as createEditorModel, Ni as createInvoiceExample, ce as fetchTemplateSchema, Le as getFooterRepeat, ze as getPageNumbers, Ne as getPageSize, sn as mmToPx, ln as pageSizeForFormat, ue as renderHtmlPdf, le as renderTemplatePdf, ae as resolveDefaultApiUrl, Te as serializeTemplate, Re as setFooterRepeat, Be as setPageNumbers, Pe as setPageSize, Xi as useHtmlEditor, Mt as useTemplateBuilder, Ri as useTemplateEditor };
 
 //# sourceMappingURL=index.js.map