@skylivellc/lienzo-editor 0.1.1 → 0.2.0

package/dist/{LienzoEditor-CQyoS5M0.js → LienzoEditor-tPV_sD5K.js}

@@ -1,6 +1,6 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, inject as l, isRef as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, provide as v, reactive as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, shallowRef as w, toDisplayString as T, toRaw as E, unref as D, useId as O, useModel as k, vModelDynamic as A, vModelText as j, vShow as ee, watch as M, watchEffect as te, withCtx as N, withDirectives as P, withModifiers as F } from "vue";
-import { CORE_ACTION_TYPES as ne, DocumentError as I, parseDocument as re, parseSiteSettings as ie, renderPage as L, trustedHtml as ae } from "@skylivellc/lienzo-core";
-import { AlignCenter as oe, AlignCenterHorizontal as se, AlignCenterVertical as ce, AlignEndHorizontal as le, AlignEndVertical as ue, AlignHorizontalDistributeCenter as de, AlignLeft as fe, AlignRight as pe, AlignStartHorizontal as me, AlignStartVertical as R, AlignVerticalDistributeCenter as he, ArrowDownToLine as ge, ArrowUpToLine as _e, ChevronDown as ve, ChevronUp as ye, CircleHelp as be, Copy as xe, Eye as Se, FoldHorizontal as Ce, FoldVertical as we, Frame as Te, History as Ee, Image as De, Layers as Oe, ListFilter as ke, Lock as Ae, LockOpen as je, Menu as Me, Minus as Ne, Monitor as Pe, MousePointerClick as Fe, PanelTop as Ie, PencilLine as Le, Pilcrow as Re, Plus as ze, Redo2 as Be, RotateCcw as Ve, RotateCw as He, Smartphone as Ue, Sparkles as We, Square as Ge, SquareCheck as Ke, TextCursorInput as qe, Trash2 as Je, Type as Ye, Undo2 as Xe, Upload as Ze, Video as Qe, X as $e } from "@lucide/vue";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, inject as l, isRef as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, provide as v, reactive as y, ref as b, renderList as x, renderSlot as S, resolveDynamicComponent as C, shallowRef as w, toDisplayString as T, toRaw as E, unref as D, useId as O, useModel as k, vModelDynamic as ee, vModelText as A, vShow as j, watch as M, watchEffect as te, withCtx as N, withDirectives as ne, withModifiers as P } from "vue";
+import { CORE_ACTION_TYPES as re, DocumentError as F, parseDocument as ie, parseSiteSettings as ae, renderPage as oe, trustedHtml as I } from "@skylivellc/lienzo-core";
+import { AlignCenter as se, AlignCenterHorizontal as L, AlignCenterVertical as ce, AlignEndHorizontal as le, AlignEndVertical as ue, AlignHorizontalDistributeCenter as de, AlignLeft as fe, AlignRight as pe, AlignStartHorizontal as me, AlignStartVertical as he, AlignVerticalDistributeCenter as ge, ArrowDownToLine as _e, ArrowUpToLine as ve, ChevronDown as ye, ChevronUp as be, CircleHelp as xe, Copy as Se, Eye as Ce, FoldHorizontal as we, FoldVertical as Te, Frame as Ee, History as De, Image as Oe, Layers as ke, ListFilter as Ae, Lock as je, LockOpen as Me, Menu as Ne, Minus as Pe, Monitor as R, MousePointerClick as Fe, PanelTop as Ie, PencilLine as Le, Pilcrow as Re, Plus as ze, Redo2 as Be, RotateCcw as Ve, RotateCw as He, Smartphone as Ue, Sparkles as We, Square as Ge, SquareCheck as Ke, TextCursorInput as qe, Trash2 as Je, Type as Ye, Undo2 as Xe, Upload as Ze, Video as Qe, X as $e } from "@lucide/vue";
 //#region src/model/document.ts
 var et = [
 	"heading",
@@ -758,6 +758,92 @@ function Gt(e) {
 				weight: 600,
 				padding: 20
 			}
+		},
+		{
+			name: "navbar.preset.pill",
+			props: {
+				brand: e("default.brand"),
+				layout: "split",
+				template: "pill",
+				links: [
+					t("default.link.features"),
+					t("default.link.about"),
+					t("default.link.contact")
+				]
+			},
+			style: {
+				background: "surface",
+				color: "text",
+				font: "body",
+				size: 15,
+				weight: 600,
+				padding: 16
+			}
+		},
+		{
+			name: "navbar.preset.card",
+			props: {
+				brand: e("default.brand"),
+				layout: "split",
+				template: "card",
+				links: [
+					t("default.link.home"),
+					t("default.link.features"),
+					t("default.link.contact")
+				]
+			},
+			style: {
+				background: "background",
+				color: "text",
+				font: "heading",
+				size: 16,
+				weight: 600,
+				padding: 18
+			}
+		},
+		{
+			name: "navbar.preset.underline",
+			props: {
+				brand: e("default.brand"),
+				layout: "split",
+				template: "underline",
+				links: [
+					t("default.link.home"),
+					t("default.link.features"),
+					t("default.link.about"),
+					t("default.link.contact")
+				]
+			},
+			style: {
+				background: "background",
+				color: "text",
+				font: "body",
+				size: 16,
+				weight: 500,
+				padding: 20
+			}
+		},
+		{
+			name: "navbar.preset.divided",
+			props: {
+				brand: "",
+				layout: "center",
+				template: "divided",
+				links: [
+					t("default.link.home"),
+					t("default.link.features"),
+					t("default.link.about"),
+					t("default.link.contact")
+				]
+			},
+			style: {
+				background: "surface",
+				color: "text",
+				font: "body",
+				size: 15,
+				weight: 500,
+				padding: 16
+			}
 		}
 	];
 }
@@ -933,6 +1019,15 @@ var Zt = {
 	"type.select": "Dropdown",
 	"type.checkbox": "Checkbox",
 	"type.unknown": "Unavailable element",
+	"menu.copy": "Copy",
+	"menu.paste": "Paste",
+	"menu.lock": "Lock",
+	"menu.unlock": "Unlock",
+	"zoom.label": "Zoom",
+	"zoom.in": "Zoom in",
+	"zoom.out": "Zoom out",
+	"zoom.fit": "Fit to the window",
+	"zoom.actual": "Actual size",
 	"canvas.title": "Page canvas",
 	"canvas.editingModal": "Editing the modal \"{title}\"",
 	"canvas.backToPage": "Back to the page",
@@ -965,6 +1060,7 @@ var Zt = {
 	"multi.group": "Group",
 	"multi.ungroup": "Ungroup",
 	"multi.lock": "Lock or unlock",
+	"multi.menuHint": "Right-click the selection to group, lock, reorder, duplicate or delete it.",
 	"multi.hint": "Shift-click adds or removes elements from the selection. Grouped elements are selected together.",
 	"align.left": "Align left",
 	"align.hcenter": "Center horizontally",
@@ -1180,6 +1276,16 @@ var Zt = {
 	"navbar.preset.split": "Brand and links",
 	"navbar.preset.center": "Centered",
 	"navbar.preset.dark": "Dark",
+	"navbar.preset.pill": "Pill",
+	"navbar.preset.card": "Card",
+	"navbar.preset.underline": "Underline",
+	"navbar.preset.divided": "Divided",
+	"el.navbarTemplate": "Template",
+	"el.navbarTemplate.plain": "Plain",
+	"el.navbarTemplate.pill": "Pill",
+	"el.navbarTemplate.card": "Card",
+	"el.navbarTemplate.underline": "Underline",
+	"el.navbarTemplate.divided": "Divided",
 	"el.brand": "Brand",
 	"el.brandPlaceholder": "Your brand name",
 	"el.sticky": "Stick to the top on scroll",
@@ -1211,6 +1317,7 @@ var Zt = {
 	"el.options": "Options",
 	"el.optionsHint": "One option per line.",
 	"el.placeholder": "Help text",
+	"el.multiple": "Several answers",
 	"el.required": "Required",
 	"el.unknown": "This element comes from a plugin that is not installed. It is kept as it is and cannot be edited.",
 	"style.fill": "Color and fill",
@@ -1290,6 +1397,8 @@ var Zt = {
 	"position.mobile": "phone",
 	"position.width": "W",
 	"position.height": "H",
+	"position.pinned": "Fixed while scrolling",
+	"position.pinnedHint": "It stays in place on the screen while the page scrolls, like a floating button or a bar.",
 	"position.own": "Own position on phones.",
 	"position.inherit": "Use the desktop position again",
 	"position.inherited": "Uses the desktop position. Moving it here gives it its own; while any element uses the desktop one, the section stacks on phones.",
@@ -1437,6 +1546,15 @@ var Zt = {
 	"type.select": "Lista desplegable",
 	"type.checkbox": "Casilla",
 	"type.unknown": "Elemento no disponible",
+	"menu.copy": "Copiar",
+	"menu.paste": "Pegar",
+	"menu.lock": "Bloquear",
+	"menu.unlock": "Desbloquear",
+	"zoom.label": "Zoom",
+	"zoom.in": "Acercar",
+	"zoom.out": "Alejar",
+	"zoom.fit": "Ajustar a la ventana",
+	"zoom.actual": "Tamaño real",
 	"canvas.title": "Lienzo de la página",
 	"canvas.editingModal": "Editando la ventana «{title}»",
 	"canvas.backToPage": "Volver a la página",
@@ -1469,6 +1587,7 @@ var Zt = {
 	"multi.group": "Agrupar",
 	"multi.ungroup": "Desagrupar",
 	"multi.lock": "Bloquear o desbloquear",
+	"multi.menuHint": "Haz clic derecho en la selección para agrupar, bloquear, reordenar, duplicar o eliminar.",
 	"multi.hint": "Mayús y clic agrega o quita elementos de la selección. Los agrupados se seleccionan juntos.",
 	"align.left": "Alinear a la izquierda",
 	"align.hcenter": "Centrar horizontalmente",
@@ -1684,6 +1803,16 @@ var Zt = {
 	"navbar.preset.split": "Marca y enlaces",
 	"navbar.preset.center": "Centrado",
 	"navbar.preset.dark": "Oscuro",
+	"navbar.preset.pill": "Pastilla",
+	"navbar.preset.card": "Tarjeta",
+	"navbar.preset.underline": "Subrayado",
+	"navbar.preset.divided": "Dividido",
+	"el.navbarTemplate": "Plantilla",
+	"el.navbarTemplate.plain": "Simple",
+	"el.navbarTemplate.pill": "Pastilla",
+	"el.navbarTemplate.card": "Tarjeta",
+	"el.navbarTemplate.underline": "Subrayado",
+	"el.navbarTemplate.divided": "Dividido",
 	"el.brand": "Marca",
 	"el.brandPlaceholder": "Nombre de tu marca",
 	"el.sticky": "Fijar arriba al bajar la página",
@@ -1715,6 +1844,7 @@ var Zt = {
 	"el.options": "Opciones",
 	"el.optionsHint": "Una opción por línea.",
 	"el.placeholder": "Texto de ayuda",
+	"el.multiple": "Varias respuestas",
 	"el.required": "Obligatorio",
 	"el.unknown": "Este elemento viene de un complemento que no está instalado. Se conserva tal cual y no se puede editar.",
 	"style.fill": "Color y fondo",
@@ -1794,6 +1924,8 @@ var Zt = {
 	"position.mobile": "celular",
 	"position.width": "An",
 	"position.height": "Al",
+	"position.pinned": "Fijo al desplazar",
+	"position.pinnedHint": "Se queda en su sitio en la pantalla mientras la página se desplaza, como un botón flotante o una barra.",
 	"position.own": "Posición propia en celular.",
 	"position.inherit": "Volver a heredar de escritorio",
 	"position.inherited": "Hereda la posición de escritorio. Al moverlo aquí toma una propia; mientras alguno herede, la sección se apila en celular.",
@@ -2693,7 +2825,7 @@ function bn({ client: e, i18n: n }) {
 	let r = n.t, i = y({
 		load: { kind: "loading" },
 		workspace: {
-			site: ie({ name: "Lienzo" }),
+			site: ae({ name: "Lienzo" }),
 			meta: {},
 			publicUrl: null,
 			pages: [],
@@ -2718,6 +2850,7 @@ function bn({ client: e, i18n: n }) {
 		library: null,
 		themeDraft: null,
 		panels: {},
+		zoom: null,
 		renderIssues: [],
 		publishing: !1,
 		toasts: []
@@ -2749,12 +2882,12 @@ function bn({ client: e, i18n: n }) {
 	], () => c.changed(), { deep: !0 }), M(() => i.page?.title, D);
 	let l = t(() => i.workspace.catalog), u = t((e) => {
 		try {
-			return ie({
+			return ae({
 				...i.workspace.site,
 				theme: i.themeDraft ?? i.workspace.site.theme
 			});
 		} catch (t) {
-			if (t instanceof I && e) return e;
+			if (t instanceof F && e) return e;
 			throw t;
 		}
 	}), d = t(() => u.value.theme), f = t(() => {
@@ -2802,9 +2935,9 @@ function bn({ client: e, i18n: n }) {
 			return;
 		}
 		try {
-			ie(t.value.site);
+			ae(t.value.site);
 		} catch (e) {
-			if (e instanceof I) {
+			if (e instanceof F) {
 				i.load = {
 					kind: "failed",
 					message: xn(e.issues[0])
@@ -2831,9 +2964,9 @@ function bn({ client: e, i18n: n }) {
 	function E(e) {
 		let t;
 		try {
-			t = V(re(e.draft, l.value));
+			t = V(ie(e.draft, l.value));
 		} catch (e) {
-			if (e instanceof I) return i.load = {
+			if (e instanceof F) return i.load = {
 				kind: "failed",
 				message: r("load.invalidDraft", { issue: xn(e.issues[0]) })
 			}, !1;
@@ -2882,17 +3015,17 @@ function bn({ client: e, i18n: n }) {
 			default: return "";
 		}
 	}
-	async function A() {
+	async function ee() {
 		i.page && (i.dialog = null, await T(i.page.id));
 	}
-	function j() {
+	function A() {
 		a.push(JSON.stringify(i.draft)) && o.value++;
 	}
-	function ee(e) {
-		e !== null && (i.draft = JSON.parse(e), o.value++, P());
+	function j(e) {
+		e !== null && (i.draft = JSON.parse(e), o.value++, ne());
 	}
 	let te = t(() => o.value >= 0 && a.canUndo), N = t(() => o.value >= 0 && a.canRedo);
-	function P() {
+	function ne() {
 		let e = i.selection;
 		if (e.kind === "none") return;
 		let t = z(i.draft, e.canvas);
@@ -2911,13 +3044,13 @@ function bn({ client: e, i18n: n }) {
 		}
 		i.view.kind === "modal" && !p.value && (i.view = { kind: "page" });
 	}
-	function F(e) {
+	function P(e) {
 		i.selection = {
 			kind: "canvas",
 			canvas: e
-		}, ae(e);
+		}, I(e);
 	}
-	function ne(e, t, n = !1) {
+	function re(e, t, n = !1) {
 		let r = z(i.draft, e), a = r?.elements.find((e) => e.id === t);
 		if (!r || !a) return;
 		let o = a.group ? r.elements.filter((e) => e.group === a.group).map((e) => e.id) : [t], s = i.selection.kind === "elements" && i.selection.canvas === e ? i.selection.ids : [], c = n ? s.includes(t) ? s.filter((e) => !o.includes(e)) : [.../* @__PURE__ */ new Set([...s, ...o])] : o;
@@ -2929,16 +3062,16 @@ function bn({ client: e, i18n: n }) {
 			canvas: e,
 			ids: c,
 			active: c.includes(t) ? t : c[0]
-		}, ae(e);
+		}, I(e);
 	}
-	function L() {
+	function oe() {
 		let e = i.selection;
 		i.selection = e.kind === "elements" ? {
 			kind: "canvas",
 			canvas: e.canvas
 		} : e;
 	}
-	function ae(e) {
+	function I(e) {
 		let t = i.draft.sections, n = t.findIndex((t) => t.id === e), r = t[n]?.group?.id;
 		if (n < 0 || !r) return;
 		let a = n;
@@ -2948,7 +3081,7 @@ function bn({ client: e, i18n: n }) {
 			[r]: n - a
 		};
 	}
-	function oe(e, t, n) {
+	function se(e, t, n) {
 		let a = t ? z(i.draft, t.canvas) : m.value;
 		if (!a) return;
 		let o = qt(e, t ? t.y : a.elements.length * 24 + 40, r);
@@ -2964,16 +3097,16 @@ function bn({ client: e, i18n: n }) {
 			canvas: a.id,
 			ids: [o.id],
 			active: o.id
-		}, j();
+		}, A();
 	}
-	function se() {
+	function L() {
 		let e = i.selection;
 		if (e.kind !== "elements") return;
 		let t = z(i.draft, e.canvas);
 		t && (t.elements = t.elements.filter((t) => !e.ids.includes(t.id) || t.locked === !0), i.selection = {
 			kind: "canvas",
 			canvas: t.id
-		}, j());
+		}, A());
 	}
 	function ce() {
 		let e = i.selection, t = e.kind === "elements" ? z(i.draft, e.canvas) : void 0;
@@ -2993,7 +3126,7 @@ function bn({ client: e, i18n: n }) {
 			canvas: e.id,
 			ids: a.map((e) => e.id),
 			active: a[0].id
-		}, j();
+		}, A();
 	}
 	function ue() {
 		let e = h.value;
@@ -3014,31 +3147,51 @@ function bn({ client: e, i18n: n }) {
 		e && t.length !== 0 && (le(e, t), b(r("toast.pasted")));
 	}
 	function fe(e) {
-		let t = g.value, n = m.value;
-		if (!t || !n) return;
-		let r = n.elements.filter((e) => e.id !== t.id).map((e) => e.z);
-		t.z = e === "front" ? Ct(r) : wt(r), j();
+		let t = h.value, n = m.value;
+		if (t.length === 0 || !n) return;
+		let r = new Set(t.map((e) => e.id)), i = n.elements.filter((e) => !r.has(e.id)).map((e) => e.z), a = [...t].sort((e, t) => e.z - t.z);
+		a.forEach((t, n) => {
+			t.z = e === "front" ? Ct(i) + n : wt(i) - (a.length - 1 - n);
+		}), A();
 	}
 	function pe(e) {
 		let t = h.value, n = m.value;
-		t.length !== 0 && n && (t.length === 1 ? ot(t[0], i.device, bt(at(t[0], i.device), e, st(n, i.device))) : xt(t.map((e) => at(e, i.device)), e).forEach((e, n) => ot(t[n], i.device, e)), j());
+		t.length !== 0 && n && (t.length === 1 ? ot(t[0], i.device, bt(at(t[0], i.device), e, st(n, i.device))) : xt(t.map((e) => at(e, i.device)), e).forEach((e, n) => ot(t[n], i.device, e)), A());
 	}
 	function me(e) {
 		let t = h.value;
-		St(t.map((e) => at(e, i.device)), e).forEach((e, n) => ot(t[n], i.device, e)), j();
-	}
-	function R() {
-		let e = B("group");
-		h.value.forEach((t) => t.group = e), j();
+		St(t.map((e) => at(e, i.device)), e).forEach((e, n) => ot(t[n], i.device, e)), A();
 	}
 	function he() {
-		h.value.forEach((e) => e.group = null), j();
+		let e = h.value, t = g.value ?? e[0] ?? null;
+		if (!t || e.length < 2) return t;
+		let n = (n) => new Proxy(t[n], {
+			set(t, r, i) {
+				return e.forEach((e) => Reflect.set(e[n], r, i)), !0;
+			},
+			deleteProperty(t, r) {
+				return e.forEach((e) => Reflect.deleteProperty(e[n], r)), !0;
+			}
+		}), r = n("style"), i = n("props");
+		return new Proxy(t, {
+			get: (e, t) => t === "style" ? r : t === "props" ? i : Reflect.get(e, t),
+			set(t, n, r) {
+				return e.forEach((e) => Reflect.set(e, n, r)), !0;
+			}
+		});
 	}
 	function ge() {
+		let e = B("group");
+		h.value.forEach((t) => t.group = e), A();
+	}
+	function _e() {
+		h.value.forEach((e) => e.group = null), A();
+	}
+	function ve() {
 		let e = h.value, t = e.some((e) => !e.locked);
-		e.forEach((e) => e.locked = t), j();
+		e.forEach((e) => e.locked = t), A();
 	}
-	function _e(e, t) {
+	function ye(e, t) {
 		let n = m.value;
 		if (!n || i.device === "mobile" && ct(n)) return;
 		let r = h.value.filter((e) => !e.locked);
@@ -3050,43 +3203,43 @@ function bn({ client: e, i18n: n }) {
 				y: r.y + t
 			}));
 		}
-		r.length > 0 && j();
+		r.length > 0 && A();
 	}
-	function ve(e) {
+	function be(e) {
 		let t = m.value;
 		for (let { id: n, box: r } of e) {
 			let e = t?.elements.find((e) => e.id === n);
 			e && ot(e, i.device, r);
 		}
-		j();
+		A();
 	}
-	function ye(e = ut()) {
+	function xe(e = ut()) {
 		i.draft.sections.push(e), i.view = { kind: "page" }, i.selection = {
 			kind: "canvas",
 			canvas: e.id
-		}, j();
+		}, A();
 	}
-	function be(e) {
+	function Se(e) {
 		let t = pn(e);
 		i.draft.sections = t, i.selection = {
 			kind: "canvas",
 			canvas: t[0].id
-		}, j();
+		}, A();
 	}
-	function xe(e) {
+	function Ce(e) {
 		i.draft.sections.length <= 1 || (i.draft.sections = i.draft.sections.filter((t) => t.id !== e), i.selection = {
 			kind: "canvas",
 			canvas: i.draft.sections[0].id
-		}, j());
+		}, A());
 	}
-	function Se(e, t) {
+	function we(e, t) {
 		let n = i.draft.sections, r = e + t, [a, o] = [n[e], n[r]];
-		a && o && (n.splice(e, 1, o), n.splice(r, 1, a), j());
+		a && o && (n.splice(e, 1, o), n.splice(r, 1, a), A());
 	}
-	function Ce(e, t) {
+	function Te(e, t) {
 		let n = i.draft.sections, r = n.indexOf(e);
 		if (t === "alone") {
-			e.group = null, j();
+			e.group = null, A();
 			return;
 		}
 		let a = n[r - 1], o = a?.group?.id || B("group");
@@ -3104,23 +3257,23 @@ function bn({ client: e, i18n: n }) {
 				id: o,
 				type: t
 			};
-		}), j();
+		}), A();
 	}
-	function we(e) {
-		e.height.desktop = Math.min(rt(e) ? 2e3 : 3e3, Tt(e.elements.map((e) => e.layout.desktop))), j();
+	function Ee(e) {
+		e.height.desktop = Math.min(rt(e) ? 2e3 : 3e3, Tt(e.elements.map((e) => e.layout.desktop))), A();
 	}
-	function Te(e) {
+	function De(e) {
 		let t = rt(e) ? e.width : d.value.max_width, { boxes: n, height: i } = Et(e.elements.map((e) => ({
 			desktop: e.layout.desktop,
 			text: e.type === "text"
 		})), t, 390);
-		e.elements.forEach((e, t) => e.layout.mobile = n[t] ?? null), e.height.mobile = Math.min(rt(e) ? 2400 : 4e3, i), j(), b(r("toast.mobileGenerated"));
+		e.elements.forEach((e, t) => e.layout.mobile = n[t] ?? null), e.height.mobile = Math.min(rt(e) ? 2400 : 4e3, i), A(), b(r("toast.mobileGenerated"));
 	}
-	function Ee() {
+	function Oe() {
 		let e = ft(r("modals.defaultTitle"));
-		i.draft.modals = [...i.draft.modals ?? [], e], j(), De(e.id);
+		i.draft.modals = [...i.draft.modals ?? [], e], A(), ke(e.id);
 	}
-	function De(e) {
+	function ke(e) {
 		i.view = e ? {
 			kind: "modal",
 			id: e
@@ -3132,14 +3285,14 @@ function bn({ client: e, i18n: n }) {
 			canvas: i.draft.sections[0].id
 		} : { kind: "none" };
 	}
-	function Oe(e) {
-		i.draft.modals = (i.draft.modals ?? []).filter((t) => t.id !== e), i.view.kind === "modal" && i.view.id === e && De(null), j();
+	function Ae(e) {
+		i.draft.modals = (i.draft.modals ?? []).filter((t) => t.id !== e), i.view.kind === "modal" && i.view.id === e && ke(null), A();
 	}
-	let ke = () => ee(a.undo()), Ae = () => ee(a.redo());
-	async function je() {
+	let je = () => j(a.undo()), Me = () => j(a.redo());
+	async function Ne() {
 		await c.flush();
 	}
-	async function Me() {
+	async function Pe() {
 		let t = i.page;
 		if (t && !i.publishing) {
 			i.publishing = !0;
@@ -3162,7 +3315,7 @@ function bn({ client: e, i18n: n }) {
 			}
 		}
 	}
-	async function Ne(t) {
+	async function R(t) {
 		let n = i.page;
 		if (!n) return;
 		let a = await c.exclusive(async () => {
@@ -3172,9 +3325,9 @@ function bn({ client: e, i18n: n }) {
 			});
 			if (!r.ok) return S(r.failure);
 			try {
-				i.draft = V(re(r.value.draft, l.value));
+				i.draft = V(ie(r.value.draft, l.value));
 			} catch (e) {
-				if (e instanceof I) return xn(e.issues[0]);
+				if (e instanceof F) return xn(e.issues[0]);
 				throw e;
 			}
 			return i.revision = r.value.revision, n.versions = r.value.versions, c.reset(), null;
@@ -3183,9 +3336,9 @@ function bn({ client: e, i18n: n }) {
 			b(r("toast.failed", { message: a }), "error");
 			return;
 		}
-		j(), P(), i.dialog = null, b(r("versions.restored"));
+		A(), ne(), i.dialog = null, b(r("versions.restored"));
 	}
-	async function Pe(t, n) {
+	async function Fe(t, n) {
 		if (i.page && !await c.flush()) return [{
 			path: "title",
 			code: "type",
@@ -3206,7 +3359,7 @@ function bn({ client: e, i18n: n }) {
 			message: S(a.failure)
 		}];
 	}
-	async function Fe(t) {
+	async function Ie(t) {
 		let n = i.page;
 		if (!n) return [];
 		let a = await c.exclusive(async () => {
@@ -3223,7 +3376,7 @@ function bn({ client: e, i18n: n }) {
 			message: S(a.failure)
 		}]);
 	}
-	async function Ie() {
+	async function Le() {
 		let t = i.page;
 		if (!t) return;
 		let n = await c.exclusive(async () => {
@@ -3238,7 +3391,7 @@ function bn({ client: e, i18n: n }) {
 		let a = i.workspace.pages[0];
 		a ? await T(a.id) : i.load = { kind: "empty" };
 	}
-	async function Le(t) {
+	async function Re(t) {
 		let n = await e("PUT /site", t);
 		return n.ok ? (i.workspace = {
 			...n.value,
@@ -3249,25 +3402,25 @@ function bn({ client: e, i18n: n }) {
 			message: S(n.failure)
 		}];
 	}
-	async function Re(t) {
+	async function ze(t) {
 		let n = new FormData();
 		n.append("file", t);
 		let a = await e("POST /assets", n);
-		return a.ok ? (i.workspace.assets = [a.value, ...i.workspace.assets], Be(), a.value) : (b(r("library.uploadFailed", { message: S(a.failure) }), "error"), null);
+		return a.ok ? (i.workspace.assets = [a.value, ...i.workspace.assets], Ve(), a.value) : (b(r("library.uploadFailed", { message: S(a.failure) }), "error"), null);
 	}
-	async function ze(t) {
+	async function Be(t) {
 		let n = await e("DELETE /assets/:id", { id: t.id });
 		if (!n.ok) {
 			b(r("library.deleteFailed", { message: S(n.failure) }), "error");
 			return;
 		}
-		i.workspace.assets = i.workspace.assets.filter((e) => e.id !== t.id), Be();
+		i.workspace.assets = i.workspace.assets.filter((e) => e.id !== t.id), Ve();
 	}
-	async function Be() {
+	async function Ve() {
 		let t = await e("GET /");
 		t.ok && (i.workspace.quota = t.value.quota);
 	}
-	function Ve(e) {
+	function He(e) {
 		return t({
 			get: () => i.dialog === e,
 			set: (t) => {
@@ -3275,7 +3428,7 @@ function bn({ client: e, i18n: n }) {
 			}
 		});
 	}
-	function He(e = null) {
+	function Ue(e = null) {
 		i.library = { onPick: e };
 	}
 	return {
@@ -3302,47 +3455,48 @@ function bn({ client: e, i18n: n }) {
 		dismiss: x,
 		load: C,
 		openPage: O,
-		reloadPage: A,
-		commit: j,
-		undo: ke,
-		redo: Ae,
-		select: ne,
-		selectCanvas: F,
-		clearSelection: L,
-		addElement: oe,
-		removeSelected: se,
+		reloadPage: ee,
+		commit: A,
+		undo: je,
+		redo: Me,
+		select: re,
+		selectCanvas: P,
+		clearSelection: oe,
+		addElement: se,
+		removeSelected: L,
 		duplicateSelected: ce,
 		copySelected: ue,
 		paste: de,
 		layer: fe,
 		align: pe,
 		distributeSelected: me,
-		groupSelected: R,
-		ungroupSelected: he,
-		toggleLock: ge,
-		nudge: _e,
-		placeElements: ve,
-		addSection: ye,
-		applyPageTemplate: be,
-		removeSection: xe,
-		moveSection: Se,
-		setSectionGroup: Ce,
-		fitCanvas: we,
-		generateMobile: Te,
-		addModal: Ee,
-		openModal: De,
-		removeModal: Oe,
-		saveNow: je,
-		publish: Me,
-		restoreVersion: Ne,
-		createPage: Pe,
-		renamePage: Fe,
-		deletePage: Ie,
-		updateSite: Le,
-		uploadAsset: Re,
-		deleteAsset: ze,
-		openLibrary: He,
-		dialogModel: Ve,
+		sharedTarget: he,
+		groupSelected: ge,
+		ungroupSelected: _e,
+		toggleLock: ve,
+		nudge: ye,
+		placeElements: be,
+		addSection: xe,
+		applyPageTemplate: Se,
+		removeSection: Ce,
+		moveSection: we,
+		setSectionGroup: Te,
+		fitCanvas: Ee,
+		generateMobile: De,
+		addModal: Oe,
+		openModal: ke,
+		removeModal: Ae,
+		saveNow: Ne,
+		publish: Pe,
+		restoreVersion: R,
+		createPage: Fe,
+		renamePage: Ie,
+		deletePage: Le,
+		updateSite: Re,
+		uploadAsset: ze,
+		deleteAsset: Be,
+		openLibrary: Ue,
+		dialogModel: He,
 		dispose: () => c.dispose()
 	};
 }
@@ -3352,12 +3506,12 @@ var xn = (e) => e ? `${e.path}: ${e.message}` : "", Sn = (e) => ({
 });
 function Cn(e, t) {
 	try {
-		return re({ sections: [{
+		return ie({ sections: [{
 			...ut(),
 			elements: [e]
 		}] }, t), !0;
 	} catch (e) {
-		if (e instanceof I) return !1;
+		if (e instanceof F) return !1;
 		throw e;
 	}
 }
@@ -3421,7 +3575,7 @@ function En(e, t) {
 }
 //#endregion
 //#region ../core/dist/lienzo.css?raw
-var Dn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);border:var(--_border,0);border-radius:calc(var(--r) * var(--u));padding:var(--_p,0);opacity:var(--op);transform:var(--_rot,) var(--_flip,) var(--_anim,)}\n.lz-el[data-font=heading]{font-family:var(--font-heading)}\n.lz-el[data-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim].is-in{opacity:var(--op,1);--_anim:initial}}\n@media (scripting:none){.lz-el[data-anim]{opacity:var(--op,1)!important;--_anim:initial!important}}\n.lz-el[data-hover]{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}\n@media (hover:hover){.lz-el[data-hover=lift]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(-6 * var(--u)));box-shadow:0 18px 40px rgba(15,23,42,.18)}.lz-el[data-hover=grow]:hover{transform:var(--_rot,) var(--_flip,) scale(1.04)}.lz-el[data-hover=fade]:hover{opacity:.82}}\nimg.lz-el{object-fit:cover}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-navbar[data-scrolled]{box-shadow:0 8px 24px rgba(15,23,42,.1)}\n.lz-navbar[data-scrolled][data-scroll]{box-shadow:0 10px 30px rgba(15,23,42,.12)}\n.lz-navbar[data-scrolled]:is([data-scroll=solid],[data-scroll=compact]){background:var(--bg,var(--background));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", On = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
+var Dn = ".lz-page,.lz-page *{box-sizing:border-box}\nhtml:has(.lz-page){scroll-behavior:smooth}\n@media (prefers-reduced-motion:reduce){html:has(.lz-page){scroll-behavior:auto}}\n.lz-page{margin:0;container:lz/inline-size;background:var(--background);color:var(--text);font-family:var(--font-body)}\n.lz-notice{position:fixed;z-index:99;top:16px;left:50%;transform:translateX(-50%);background:var(--primary);color:var(--background);padding:12px 20px;border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.2)}\n.lz-section{position:relative;width:100%;scroll-margin-top:calc(var(--sticky,0) * 1px);background:var(--sbg,transparent)}\n.lz-section[data-fill=linear]{background:linear-gradient(calc(var(--sga,135) * 1deg),var(--sg1),var(--sg2))}\n.lz-section[data-fill=radial]{background:radial-gradient(circle at 50% 50%,var(--sg1),var(--sg2))}\n.lz-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n.lz-bg::before{content:'';position:absolute;inset:0;background:var(--background)}\n.lz-parallax{position:absolute;inset:0;clip-path:inset(0)}\n.lz-parallax>.lz-bg{position:fixed}\n.lz-overlay{position:absolute;inset:0;background:rgb(0 0 0 / calc(var(--ov) * 100%))}\n.lz-frame{position:relative;height:calc(var(--fh) * var(--u))}\n.lz-section>.lz-frame{margin:0 auto;max-width:var(--max-width);container-type:inline-size;--u:calc(min(100cqw,var(--ref) * 1px) / var(--ref))}\n.lz-el{position:absolute;margin:0;display:block;overflow-wrap:break-word;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%);height:calc(var(--h) * var(--u));z-index:var(--z);--_border:calc(var(--bw) * var(--u)) solid var(--bc,var(--text));--_fill:color-mix(in srgb,var(--bg) calc(var(--ba,1) * 100%),transparent);--_rot:rotate(calc(var(--rot) * 1deg));--_blur:blur(calc(var(--blur) * var(--u)));--_p:calc(var(--p) * var(--u));color:var(--c);background:var(--_fill);-webkit-backdrop-filter:var(--_blur);backdrop-filter:var(--_blur);font-family:var(--font-body);font-size:calc(var(--fs) * var(--u));font-weight:var(--fw);line-height:var(--lh);border:var(--_border,0);border-radius:calc(var(--r) * var(--u));padding:var(--_p,0);opacity:var(--op);transform:var(--_rot,) var(--_flip,) var(--_anim,)}\n.lz-el[data-font=heading]{font-family:var(--font-heading)}\n.lz-el[data-align=left]{text-align:left}\n.lz-el[data-align=center]{text-align:center}\n.lz-el[data-align=right]{text-align:right}\n.lz-el[data-fill=linear]{background:linear-gradient(calc(var(--ga,135) * 1deg),color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-fill=radial]{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g1) calc(var(--ba,1) * 100%),transparent),color-mix(in srgb,var(--g2) calc(var(--ba,1) * 100%),transparent))}\n.lz-el[data-shadow=sm]{box-shadow:0 1px 2px rgba(15,23,42,.08)}\n.lz-el[data-shadow=md]{box-shadow:0 8px 24px rgba(15,23,42,.12)}\n.lz-el[data-shadow=lg]{box-shadow:0 24px 48px rgba(15,23,42,.18)}\n.lz-el[data-shadow=custom]{box-shadow:calc(var(--shx,0) * var(--u)) calc(var(--shy,12) * var(--u)) calc(var(--shb,32) * var(--u)) calc(var(--shs,0) * var(--u)) color-mix(in srgb,var(--shc,var(--secondary)) calc(var(--sha,.2) * 100%),transparent)}\n.lz-el[data-clip]:not([data-overflow]),.lz-el[data-overflow=hidden]{overflow:hidden}\n.lz-el[data-pin]{position:fixed;z-index:calc(var(--z) + 500);left:calc(50% - var(--ref) * var(--u) / 2 + var(--x) * var(--ref) * var(--u) / 100);top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--ref) * var(--u) / 100)}\n.lz-el[data-overflow=scroll-x]{overflow-x:auto;overflow-y:hidden}\n.lz-el[data-overflow=scroll-y]{overflow-y:auto;overflow-x:hidden}\n.lz-el[data-flip-x],.lz-el[data-flip-y]{--_flip:scale(var(--_fx,1),var(--_fy,1))}\n.lz-el[data-flip-x]{--_fx:-1}\n.lz-el[data-flip-y]{--_fy:-1}\n@container lz not (max-width:640px){.lz-el[data-visible=mobile]{display:none}}\n.lz-accent{color:var(--ac)}\n@media (prefers-reduced-motion:no-preference){.lz-el[data-anim]{opacity:0;transition:opacity calc(var(--adur,.7) * 1s) ease calc(var(--ad,0) * 1s),transform calc(var(--adur,.7) * 1s) cubic-bezier(.22,.61,.36,1) calc(var(--ad,0) * 1s)}.lz-el[data-anim=up]{--_anim:translateY(28px)}.lz-el[data-anim=down]{--_anim:translateY(-28px)}.lz-el[data-anim=left]{--_anim:translateX(-32px)}.lz-el[data-anim=right]{--_anim:translateX(32px)}.lz-el[data-anim=zoom]{--_anim:scale(.94)}.lz-el[data-anim].is-in{opacity:var(--op,1);--_anim:initial}}\n@media (scripting:none){.lz-el[data-anim]{opacity:var(--op,1)!important;--_anim:initial!important}}\n.lz-el[data-hover]{transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}\n@media (hover:hover){.lz-el[data-hover=lift]:hover{transform:var(--_rot,) var(--_flip,) translateY(calc(-6 * var(--u)));box-shadow:0 18px 40px rgba(15,23,42,.18)}.lz-el[data-hover=grow]:hover{transform:var(--_rot,) var(--_flip,) scale(1.04)}.lz-el[data-hover=fade]:hover{opacity:.82}}\nimg.lz-el{object-fit:cover}\nimg.lz-el[data-fit=contain]{object-fit:contain}\na.lz-el,button.lz-el{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}\nbutton.lz-el{cursor:pointer;padding:var(--_p,1px 6px)}\n.lz-divider{border:var(--_border,none);border-top:var(--_border,1px solid currentColor)}\n.lz-video iframe{width:100%;height:100%;border:0;border-radius:inherit}\n.lz-el[data-shape=ellipse]{border-radius:50%}\n.lz-el[data-shape=triangle]{clip-path:polygon(50% 0,100% 100%,0 100%)}\n.lz-el[data-shape=blob]{border-radius:42% 58% 63% 37% / 43% 38% 62% 57%}\n.lz-el[data-shape=arch]{border-radius:50% 50% 0 0 / 65% 65% 0 0}\n.lz-el[data-shape=diagonal]{clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}\n.lz-el[data-shape=dots]{background-image:radial-gradient(currentColor calc(1.6 * var(--u)),transparent calc(1.7 * var(--u)));background-size:calc(16 * var(--u)) calc(16 * var(--u))}\n.lz-el[data-shape=grid]{background-image:linear-gradient(currentColor calc(1 * var(--u)),transparent calc(1 * var(--u))),linear-gradient(90deg,currentColor calc(1 * var(--u)),transparent calc(1 * var(--u)));background-size:calc(24 * var(--u)) calc(24 * var(--u))}\n.lz-icon{display:grid;place-items:center}\n.lz-icon svg{width:100%;height:100%}\n.lz-navbar{display:flex;align-items:center;gap:calc(24 * var(--u))}\n.lz-navbar[data-sticky]{position:fixed;left:50%;translate:-50% 0;width:min(100%,var(--max-width));top:0;transition:background .25s ease,box-shadow .25s ease,height .25s ease,backdrop-filter .25s ease}\n.lz-navbar[data-scrolled]{box-shadow:0 8px 24px rgba(15,23,42,.1)}\n.lz-navbar[data-scrolled][data-scroll]{box-shadow:0 10px 30px rgba(15,23,42,.12)}\n.lz-navbar[data-scrolled]:is([data-scroll=solid],[data-scroll=compact]){background:var(--bg,var(--background));-webkit-backdrop-filter:none;backdrop-filter:none}\n.lz-navbar[data-scrolled][data-scroll=compact]{height:calc(var(--h) * .78 * var(--u))}\n.lz-navbar-brand{font-family:var(--font-heading);font-weight:700;font-size:1.15em;white-space:nowrap}\n.lz-navbar[data-template=pill]{border-radius:999px;padding:0 calc(26 * var(--u));background:var(--bg,var(--surface))}\n.lz-navbar[data-template=card]{border-radius:calc(var(--r,14) * var(--u));padding:0 calc(22 * var(--u));background:var(--bg,var(--background));box-shadow:0 10px 30px rgba(15,23,42,.1)}\n.lz-navbar[data-template=underline]{border-bottom:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 18%,transparent)}\n.lz-navbar[data-template=underline] a{padding-bottom:calc(4 * var(--u));border-bottom:calc(2 * var(--u)) solid transparent}\n.lz-navbar[data-template=underline] a:hover{opacity:1;border-bottom-color:currentColor}\n.lz-navbar[data-template=divided] .lz-navbar-links{gap:0}\n.lz-navbar[data-template=divided] .lz-navbar-links a{padding:0 calc(18 * var(--u));border-left:calc(1 * var(--u)) solid color-mix(in srgb,currentColor 20%,transparent)}\n.lz-navbar[data-template=divided] .lz-navbar-links a:first-child{border-left:0}\n.lz-navbar-links{display:flex;align-items:center;gap:calc(22 * var(--u));margin-left:auto}\n.lz-navbar[data-layout=left] .lz-navbar-links,.lz-navbar[data-layout=center] .lz-navbar-links{margin-left:0}\n.lz-navbar[data-layout=center]{justify-content:center}\n.lz-navbar a{color:inherit;text-decoration:none;white-space:nowrap}\n.lz-navbar a:hover{opacity:.7}\n.lz-navbar-menu{display:none;position:relative;margin-left:auto}\n.lz-navbar-menu summary{list-style:none;cursor:pointer;font-size:1.5em;line-height:1}\n.lz-navbar-menu summary::-webkit-details-marker{display:none}\n.lz-navbar-drop{position:absolute;z-index:60;top:100%;right:0;display:grid;gap:12px;min-width:160px;margin-top:8px;padding:14px 16px;background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:0 12px 32px rgba(15,23,42,.18)}\n.lz-field{display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left}\n.lz-field>span{font-size:.78em;opacity:.75}\n.lz-field>span i{font-style:normal;color:#dc2626;margin-left:2px}\n.lz-field input,.lz-field select,.lz-field textarea{font:inherit;color:inherit;width:100%;flex:1;min-height:0;background:transparent;border:0;padding:0;outline:none;resize:none}\n.lz-choices-list{display:flex;flex-wrap:wrap;gap:10px 18px;overflow:auto}\n.lz-choices-list label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}\n.lz-choices-list input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-check{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}\n.lz-field-check input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--primary)}\n.lz-field-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:12px;font-style:normal;color:#dc2626}\n.lz-stack-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:24px 20px 0;background:var(--background)}\n.lz-stack-nav button{font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:999px;background:transparent;color:var(--muted);transition:background .2s ease,color .2s ease}\n.lz-stack-nav button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--background)}\n.lz-stack-nav i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.8em}\n.lz-stack-panel{display:none}\n.lz-stack-panel[data-on]{display:block}\n.lz-modal{border:none;border-radius:var(--radius);padding:0;max-width:calc(100% - 2rem);max-height:calc(100dvh - 3rem);color:var(--text);font-family:var(--font-body);overflow:auto;width:min(calc(var(--dw) * 1px),calc(100vw - 2rem));--u:calc(min(100vw - 2rem,var(--dw) * 1px) / var(--dw));background:var(--dbg,var(--background))}\n.lz-modal[data-size=full]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;--u:calc(min(100vw,var(--dw) * 1px) / var(--dw))}\n.lz-modal::backdrop{background:rgba(15,23,42,.5)}\n.lz-modal .lz-frame{overflow:hidden}\n.lz-modal-bar{display:flex;align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u))}\n.lz-modal-title{margin:0;font-family:var(--font-heading);font-size:calc(20 * var(--u));font-weight:700}\n.lz-modal-close{margin-left:auto;width:calc(34 * var(--u));height:calc(34 * var(--u));display:grid;place-items:center;font:inherit;font-size:calc(20 * var(--u));line-height:1;color:var(--text);background:var(--surface);border:0;border-radius:999px;cursor:pointer}\n.lz-modal-close:hover{opacity:.8}\n.lz-placeholder{display:grid;place-items:center;padding:8px;border:1px dashed currentColor;font:12px/1.3 system-ui,sans-serif;opacity:.6}\n@container lz (max-width:640px){.lz-section>.lz-frame{--u:calc(min(100cqw,390px) / 390)}.lz-frame{height:calc(var(--fmh) * var(--u))}.lz-frame[data-stack]{height:auto;padding:32px 20px;display:flex;flex-direction:column;gap:20px}.lz-frame:not([data-stack]) .lz-el{position:absolute;left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%);height:calc(var(--mh) * var(--u))}.lz-frame[data-stack] .lz-el{position:static;width:auto;height:auto;order:var(--ord)}.lz-el[data-visible=desktop]{display:none}.lz-parallax>.lz-bg{position:absolute}.lz-navbar-links{display:none}.lz-navbar-menu{display:block}.lz-el{max-width:100%;min-width:0}img.lz-el{height:auto}.lz-icon{width:max-content}.lz-icon svg{width:calc(36 * var(--u));height:calc(36 * var(--u))}}\n", On = "\nhtml,body{margin:0}\nbody{overflow:hidden}\n.lz-el{cursor:default;user-select:none;-webkit-user-select:none}\n.lz-el[contenteditable]{cursor:text;user-select:text;-webkit-user-select:text;outline:none}\n.lz-el iframe,.lz-el input,.lz-el select,.lz-el textarea,.lz-el summary,.lz-el a,.lz-el button{pointer-events:none}\n.lz-navbar[data-sticky]{position:absolute;translate:none;left:calc(var(--x) * 1%);top:calc(var(--y) * var(--u));width:calc(var(--w) * 1%)}\n@container lz (max-width:640px){\n.lz-frame:not([data-stack]) .lz-navbar[data-sticky]{left:calc(var(--mx) * 1%);top:calc(var(--my) * var(--u));width:calc(var(--mw) * 1%)}\n.lz-frame[data-stack] .lz-navbar[data-sticky]{position:static;width:auto}\n}\n.lz-parallax>.lz-bg{position:absolute}\n.lz-stack-nav button{cursor:pointer}\nimg.lz-el[src=\"\"]::before,.lz-video:empty::before{position:absolute;inset:0;display:grid;place-items:center;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\nimg.lz-el[src=\"\"]::before{content:var(--lze-empty-image)}\n.lz-frame[data-stack] img.lz-el[src=\"\"]{position:relative;min-height:120px}\n.lz-video:empty::before{content:var(--lze-empty-video)}\n.lze-app-placeholder{display:grid;place-items:center;height:100%;padding:8px;text-align:center;border:1px dashed #94a3b8;border-radius:inherit;background:#f8fafc;color:#64748b;font:12px/1.3 system-ui,sans-serif}\n.lze-app-placeholder[data-status=loading]{animation:lze-pulse 1.2s ease-in-out infinite}\n@keyframes lze-pulse{50%{opacity:.55}}\nbody[data-lze-modal] .lz-section,body[data-lze-modal] .lz-stack,body[data-lze-modal] .lz-notice{display:none}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open]{display:block;position:static;margin:16px auto;max-height:none;overflow:visible;box-shadow:0 12px 40px rgba(15,23,42,.18)}\nbody[data-lze-modal] dialog.lz-modal[data-lze-open][data-size=full]{margin:0}\n";
 //#endregion
 //#region src/canvas/render.ts
 function kn(e) {
@@ -3441,9 +3595,9 @@ function kn(e) {
 async function An(e, t, n) {
 	let r;
 	try {
-		r = re(e, t.catalog);
+		r = ie(e, t.catalog);
 	} catch (e) {
-		if (e instanceof I) return {
+		if (e instanceof F) return {
 			ok: !1,
 			issues: e.issues
 		};
@@ -3451,7 +3605,7 @@ async function An(e, t, n) {
 	}
 	return {
 		ok: !0,
-		page: await L({
+		page: await oe({
 			document: r,
 			catalog: t.catalog,
 			site: t.site,
@@ -3475,7 +3629,7 @@ async function An(e, t, n) {
 				action: () => "#",
 				appElement: (e) => {
 					let n = t.preview(e);
-					return n.status === "ready" ? ae(n.html) : ae(`<div class="lze-app-placeholder" data-status="${n.status}">${Mn(n.status === "loading" ? t.labels.loading : t.labels.failed)}</div>`);
+					return n.status === "ready" ? I(n.html) : I(`<div class="lze-app-placeholder" data-status="${n.status}">${Mn(n.status === "loading" ? t.labels.loading : t.labels.failed)}</div>`);
 				},
 				form: null
 			}
@@ -3622,11 +3776,147 @@ function Nn(e) {
 		contentHeight: () => n.documentElement.scrollHeight
 	};
 }
-var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], In = ["data-locked"], Ln = [
+var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = { class: "lze-context-label" }, In = { class: "lze-context-row" }, Ln = [
+	"title",
+	"aria-label",
+	"onClick"
+], Rn = ["data-align"], zn = /* @__PURE__ */ c({
+	__name: "ContextMenu",
+	props: { at: {} },
+	emits: ["close"],
+	setup(n, { emit: s }) {
+		let c = n, l = s, u = G(), d = u.t, f = b(), v = b({ ...c.at }), y = t(() => u.selectedElements.value), S = t(() => y.value.length > 1), C = t(() => y.value.some((e) => e.group)), w = t(() => y.value.some((e) => e.locked));
+		function E(e) {
+			e(), l("close");
+		}
+		async function O() {
+			await p();
+			let e = f.value?.getBoundingClientRect();
+			e && (v.value = {
+				x: Math.min(c.at.x, window.innerWidth - e.width - 8),
+				y: Math.min(c.at.y, window.innerHeight - e.height - 8)
+			});
+		}
+		M(() => c.at, O, { immediate: !0 });
+		function k(e) {
+			f.value?.contains(e.target) || l("close");
+		}
+		let ee = (e) => e.key === "Escape" && l("close");
+		return g(() => {
+			window.addEventListener("pointerdown", k, !0), window.addEventListener("keydown", ee), window.addEventListener("resize", () => l("close")), f.value?.focus();
+		}), h(() => {
+			window.removeEventListener("pointerdown", k, !0), window.removeEventListener("keydown", ee);
+		}), (t, n) => (_(), i("div", {
+			ref_key: "menu",
+			ref: f,
+			class: "lze-context",
+			role: "menu",
+			tabindex: "-1",
+			style: m({
+				left: `${v.value.x}px`,
+				top: `${v.value.y}px`
+			}),
+			onContextmenu: n[14] ||= P(() => {}, ["prevent"])
+		}, [y.value.length ? (_(), i(e, { key: 0 }, [
+			a("button", {
+				type: "button",
+				role: "menuitem",
+				onClick: n[0] ||= (e) => E(D(u).copySelected)
+			}, [o(T(D(d)("menu.copy")), 1), n[15] ||= a("kbd", null, "⌘C", -1)]),
+			a("button", {
+				type: "button",
+				role: "menuitem",
+				onClick: n[1] ||= (e) => E(D(u).duplicateSelected)
+			}, [o(T(D(d)("common.duplicate")), 1), n[16] ||= a("kbd", null, "⌘D", -1)]),
+			a("button", {
+				type: "button",
+				role: "menuitem",
+				onClick: n[2] ||= (e) => E(D(u).paste)
+			}, [o(T(D(d)("menu.paste")), 1), n[17] ||= a("kbd", null, "⌘V", -1)]),
+			n[21] ||= a("hr", null, null, -1),
+			a("button", {
+				type: "button",
+				role: "menuitem",
+				onClick: n[3] ||= (e) => E(() => D(u).layer("front"))
+			}, T(D(d)("canvas.front")), 1),
+			a("button", {
+				type: "button",
+				role: "menuitem",
+				onClick: n[4] ||= (e) => E(() => D(u).layer("back"))
+			}, T(D(d)("canvas.back")), 1),
+			n[22] ||= a("hr", null, null, -1),
+			S.value ? (_(), i("button", {
+				key: 0,
+				type: "button",
+				role: "menuitem",
+				onClick: n[5] ||= (e) => E(D(u).groupSelected)
+			}, [o(T(D(d)("multi.group")), 1), n[18] ||= a("kbd", null, "⌘G", -1)])) : r("", !0),
+			C.value ? (_(), i("button", {
+				key: 1,
+				type: "button",
+				role: "menuitem",
+				onClick: n[6] ||= (e) => E(D(u).ungroupSelected)
+			}, T(D(d)("multi.ungroup")), 1)) : r("", !0),
+			a("button", {
+				type: "button",
+				role: "menuitem",
+				onClick: n[7] ||= (e) => E(D(u).toggleLock)
+			}, T(w.value ? D(d)("menu.unlock") : D(d)("menu.lock")), 1),
+			S.value ? (_(), i(e, { key: 2 }, [
+				n[19] ||= a("hr", null, null, -1),
+				a("p", Fn, T(D(d)("multi.align")), 1),
+				a("div", In, [(_(!0), i(e, null, x(D(mt), (e) => (_(), i("button", {
+					key: e,
+					type: "button",
+					role: "menuitem",
+					title: D(d)(`align.${e}`),
+					"aria-label": D(d)(`align.${e}`),
+					onClick: (t) => E(() => D(u).align(e))
+				}, [a("span", {
+					class: "lze-context-align",
+					"data-align": e,
+					"aria-hidden": "true"
+				}, null, 8, Rn)], 8, Ln))), 128))]),
+				y.value.length > 2 ? (_(), i(e, { key: 0 }, [a("button", {
+					type: "button",
+					role: "menuitem",
+					onClick: n[8] ||= (e) => E(() => D(u).distributeSelected("x"))
+				}, T(D(d)("multi.distributeX")), 1), a("button", {
+					type: "button",
+					role: "menuitem",
+					onClick: n[9] ||= (e) => E(() => D(u).distributeSelected("y"))
+				}, T(D(d)("multi.distributeY")), 1)], 64)) : r("", !0)
+			], 64)) : r("", !0),
+			n[23] ||= a("hr", null, null, -1),
+			a("button", {
+				type: "button",
+				role: "menuitem",
+				class: "lze-context-danger",
+				onClick: n[10] ||= (e) => E(D(u).removeSelected)
+			}, [o(T(D(d)("common.delete")), 1), n[20] ||= a("kbd", null, "⌫", -1)])
+		], 64)) : (_(), i(e, { key: 1 }, [
+			a("button", {
+				type: "button",
+				role: "menuitem",
+				onClick: n[11] ||= (e) => E(D(u).paste)
+			}, [o(T(D(d)("menu.paste")), 1), n[24] ||= a("kbd", null, "⌘V", -1)]),
+			a("button", {
+				type: "button",
+				role: "menuitem",
+				onClick: n[12] ||= (e) => E(() => D(u).state.zoom = null)
+			}, T(D(d)("zoom.fit")), 1),
+			a("button", {
+				type: "button",
+				role: "menuitem",
+				onClick: n[13] ||= (e) => E(() => D(u).state.zoom = 1)
+			}, T(D(d)("zoom.actual")), 1)
+		], 64))], 36));
+	}
+}), Bn = ["onClick"], Vn = ["data-locked"], Hn = [
 	"data-handle",
 	"aria-label",
 	"onPointerdown"
-], Rn = ["title", "aria-label"], zn = ["title", "aria-label"], Bn = ["aria-label", "data-below"], Vn = ["title", "aria-label"], Hn = ["title", "aria-label"], Un = ["title", "aria-label"], Wn = ["title", "aria-label"], Gn = /* @__PURE__ */ c({
+], Un = ["title", "aria-label"], Wn = ["title", "aria-label"], Gn = ["aria-label", "data-below"], Kn = ["title", "aria-label"], qn = ["title", "aria-label"], Jn = ["title", "aria-label"], Yn = ["title", "aria-label"], Xn = /* @__PURE__ */ c({
 	__name: "Overlay",
 	props: {
 		layout: {},
@@ -3716,9 +4006,9 @@ var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], I
 			}, [a("span", null, T(D(f)("canvas.stacked")), 1), a("button", {
 				type: "button",
 				class: "lze-btn",
-				onPointerdown: c[0] ||= F(() => {}, ["stop"]),
+				onPointerdown: c[0] ||= P(() => {}, ["stop"]),
 				onClick: (t) => u("generateMobile", e.id)
-			}, T(D(f)("section.generateMobile")), 41, Fn)], 4))), 128)),
+			}, T(D(f)("section.generateMobile")), 41, Bn)], 4))), 128)),
 			o.guides && S.value ? (_(), i(e, { key: 2 }, [(_(!0), i(e, null, x(o.guides.lines.x, (e) => (_(), i("div", {
 				key: `x${e}`,
 				class: "lze-guide",
@@ -3746,12 +4036,12 @@ var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], I
 					...E(e.rect),
 					transform: e.rotate ? `rotate(${e.rotate}deg)` : void 0
 				})
-			}, [e.element.locked ? (_(), n(D(Ae), {
+			}, [e.element.locked ? (_(), n(D(je), {
 				key: 0,
 				class: "lze-lock",
 				size: 12,
 				"aria-hidden": "true"
-			})) : r("", !0)], 12, In))), 128)),
+			})) : r("", !0)], 12, Vn))), 128)),
 			g.value ? (_(), i("div", {
 				key: 3,
 				class: "lze-handles",
@@ -3767,26 +4057,26 @@ var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], I
 					"data-handle": e,
 					"aria-label": D(f)("canvas.resize", { handle: e }),
 					tabindex: "-1",
-					onPointerdown: F((t) => u("resize", t, e), ["stop", "prevent"])
-				}, null, 40, Ln))), 128)),
+					onPointerdown: P((t) => u("resize", t, e), ["stop", "prevent"])
+				}, null, 40, Hn))), 128)),
 				g.value.element.type === "divider" ? r("", !0) : (_(), i("button", {
 					key: 0,
 					type: "button",
 					class: "lze-radius",
 					title: D(f)("canvas.radius", { n: g.value.element.style.radius ?? 0 }),
 					"aria-label": D(f)("canvas.radius", { n: g.value.element.style.radius ?? 0 }),
-					onPointerdown: c[1] ||= F((e) => u("radius", e), ["stop", "prevent"])
-				}, null, 40, Rn)),
+					onPointerdown: c[1] ||= P((e) => u("radius", e), ["stop", "prevent"])
+				}, null, 40, Un)),
 				a("button", {
 					type: "button",
 					class: "lze-rotate",
 					title: D(f)("canvas.rotate", { n: g.value.element.style.rotate ?? 0 }),
 					"aria-label": D(f)("canvas.rotate", { n: g.value.element.style.rotate ?? 0 }),
-					onPointerdown: c[2] ||= F((e) => u("rotate", e), ["stop", "prevent"])
+					onPointerdown: c[2] ||= P((e) => u("rotate", e), ["stop", "prevent"])
 				}, [s(D(He), {
 					size: 13,
 					"aria-hidden": "true"
-				})], 40, zn)
+				})], 40, Wn)
 			], 4)) : r("", !0),
 			v.value && o.live.size === 0 ? (_(), i("div", {
 				key: 4,
@@ -3798,7 +4088,7 @@ var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], I
 					left: `${v.value.rect.x}px`,
 					top: `${v.value.rect.y < 56 / o.scale ? v.value.rect.y + v.value.rect.h : v.value.rect.y}px`
 				}),
-				onPointerdown: c[7] ||= F(() => {}, ["stop"])
+				onPointerdown: c[7] ||= P(() => {}, ["stop"])
 			}, [
 				a("button", {
 					type: "button",
@@ -3806,30 +4096,30 @@ var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], I
 					title: D(f)("common.duplicate"),
 					"aria-label": D(f)("common.duplicate"),
 					onClick: c[3] ||= (e) => D(d).duplicateSelected()
-				}, [s(D(xe), {
+				}, [s(D(Se), {
 					size: 16,
 					"aria-hidden": "true"
-				})], 8, Vn),
+				})], 8, Kn),
 				a("button", {
 					type: "button",
 					class: "lze-icon-btn",
 					title: D(f)("canvas.front"),
 					"aria-label": D(f)("canvas.front"),
 					onClick: c[4] ||= (e) => D(d).layer("front")
-				}, [s(D(_e), {
+				}, [s(D(ve), {
 					size: 16,
 					"aria-hidden": "true"
-				})], 8, Hn),
+				})], 8, qn),
 				a("button", {
 					type: "button",
 					class: "lze-icon-btn",
 					title: D(f)("canvas.back"),
 					"aria-label": D(f)("canvas.back"),
 					onClick: c[5] ||= (e) => D(d).layer("back")
-				}, [s(D(ge), {
+				}, [s(D(_e), {
 					size: 16,
 					"aria-hidden": "true"
-				})], 8, Un),
+				})], 8, Jn),
 				c[8] ||= a("span", {
 					class: "lze-divider",
 					"aria-hidden": "true"
@@ -3844,88 +4134,159 @@ var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], I
 				}, [s(D(Je), {
 					size: 16,
 					"aria-hidden": "true"
-				})], 8, Wn)
-			], 44, Bn)) : r("", !0)
+				})], 8, Yn)
+			], 44, Gn)) : r("", !0)
 		], 4));
 	}
-}), Kn = {
+}), Zn = ["data-space"], Qn = {
 	key: 0,
 	class: "lze-render-issue",
 	role: "alert"
-}, qn = {
+}, $n = {
 	key: 1,
 	class: "lze-modal-banner"
-}, Jn = ["data-device", "aria-label"], Yn = ["title"], Xn = {
+}, er = ["data-device", "aria-label"], tr = ["title"], nr = {
 	key: 2,
 	class: "lze-empty-hint"
-}, Zn = {
+}, rr = {
 	key: 3,
 	class: "lze-hint-bubble",
 	"aria-live": "polite"
-}, Qn = /* @__PURE__ */ c({
+}, ir = ["aria-label"], ar = ["title", "aria-label"], or = ["title"], sr = ["title", "aria-label"], cr = ["title", "aria-label"], lr = .1, ur = 4, dr = /* @__PURE__ */ c({
 	__name: "Canvas",
-	setup(e, { expose: n }) {
-		let o = G(), c = o.t, l = b(), u = b(), d = b(), f = b(0), v = b(320), y = w({
+	setup(e, { expose: o }) {
+		let c = G(), l = c.t, u = b(), d = b(), f = b(), v = b(), y = b(0), x = b(320), S = w({
 			canvases: /* @__PURE__ */ new Map(),
 			elements: /* @__PURE__ */ new Map()
-		}), x = b(null), S = w(null), C = w(/* @__PURE__ */ new Map()), O = w(null), k = b(null), A = null, j = t(() => H((f.value - 48) / o.frameWidth.value, .1, 1)), ee = t(() => new Set(o.state.device === "mobile" ? o.canvases.value.filter(ct).map((e) => e.id) : [])), te = t(() => o.canvases.value.every((e) => e.elements.length === 0)), N = 0, P = !1, ne = !1;
-		function I() {
-			N ||= requestAnimationFrame(() => {
-				N = 0, re();
+		}), C = b(null), O = w(null), k = w(/* @__PURE__ */ new Map()), ee = w(null), A = b(null), j = null, te = t(() => H((y.value - 48) / c.frameWidth.value, lr, 1)), N = t(() => c.state.zoom ?? te.value), ne = t(() => Math.round(N.value * 100));
+		async function re(e, t) {
+			let n = u.value, r = d.value, i = H(e, lr, ur);
+			if (!n || !r) {
+				c.state.zoom = i;
+				return;
+			}
+			let a = n.getBoundingClientRect(), o = t ?? {
+				x: a.left + a.width / 2,
+				y: a.top + a.height / 2
+			}, s = r.getBoundingClientRect(), l = (o.x - s.left) / N.value, f = (o.y - s.top) / N.value;
+			c.state.zoom = i, await p();
+			let m = r.getBoundingClientRect();
+			n.scrollLeft += m.left + l * i - o.x, n.scrollTop += m.top + f * i - o.y;
+		}
+		let F = (e, t) => re(N.value * e, t), ie = () => c.state.zoom = null;
+		function ae(e) {
+			(e.ctrlKey || e.metaKey) && (e.preventDefault(), F(Math.exp(-e.deltaY / 400), {
+				x: e.clientX,
+				y: e.clientY
+			}));
+		}
+		function oe(e) {
+			let t = v.value?.getBoundingClientRect();
+			(e.ctrlKey || e.metaKey) && t && (e.preventDefault(), F(Math.exp(-e.deltaY / 400), {
+				x: t.left + e.clientX * N.value,
+				y: t.top + e.clientY * N.value
+			}));
+		}
+		let I = b(!1), se = b(!1), L = null;
+		function ce(e, t = 1) {
+			let n = u.value;
+			return !n || !I.value && e.button !== 1 ? !1 : (e.preventDefault(), L = {
+				pointer: e.pointerId,
+				x: e.clientX * t,
+				y: e.clientY * t,
+				left: n.scrollLeft,
+				top: n.scrollTop,
+				factor: t
+			}, se.value = !0, e.currentTarget?.setPointerCapture?.(e.pointerId), !0);
+		}
+		function le(e) {
+			let t = u.value;
+			L && t && L.pointer === e.pointerId && (t.scrollLeft = L.left - (e.clientX * L.factor - L.x), t.scrollTop = L.top - (e.clientY * L.factor - L.y));
+		}
+		function ue(e) {
+			L && L.pointer === e.pointerId && (L = null, se.value = !1);
+		}
+		function de(e) {
+			if (e.code === "Space" && !I.value) {
+				if (e.target?.closest("input, textarea, select, [contenteditable=\"true\"]")) return;
+				I.value = !0, e.preventDefault();
+			}
+		}
+		let fe = (e) => {
+			e.code === "Space" && (I.value = !1);
+		}, pe = () => {
+			I.value = !1;
+		};
+		function me(e) {
+			he(e) || de(e);
+		}
+		function he(e) {
+			if (!e.ctrlKey && !e.metaKey) return !1;
+			if (e.key === "+" || e.key === "=") F(1.25);
+			else if (e.key === "-") F(.8);
+			else if (e.key === "0") ie();
+			else if (e.key === "1") re(1);
+			else return !1;
+			return e.preventDefault(), !0;
+		}
+		let ge = t(() => new Set(c.state.device === "mobile" ? c.canvases.value.filter(ct).map((e) => e.id) : [])), _e = t(() => c.canvases.value.every((e) => e.elements.length === 0)), ve = 0, ye = !1, be = !1;
+		function xe() {
+			ve ||= requestAnimationFrame(() => {
+				ve = 0, Se();
 			});
 		}
-		async function re() {
-			if (!A || P || R || L) {
-				ne = !0;
+		async function Se() {
+			if (!j || ye || R || we) {
+				be = !0;
 				return;
 			}
-			P = !0;
+			ye = !0;
 			try {
-				let e = E(o.state.draft), t = await An(e, kn(o), "edit");
+				let e = E(c.state.draft), t = await An(e, kn(c), "edit");
 				if (!t.ok) {
-					o.state.renderIssues = t.issues;
+					c.state.renderIssues = t.issues;
 					return;
 				}
-				o.state.renderIssues = [], A.update(t.page.body, t.page.css, e, {
-					modal: o.state.view.kind === "modal" ? o.state.view.id : null,
-					panels: o.state.panels,
-					fontsHref: Vt([o.theme.value.heading_font, o.theme.value.body_font]),
-					emptyImage: c("canvas.emptyImage"),
-					emptyVideo: c("canvas.emptyVideo")
-				}), ie();
+				c.state.renderIssues = [], j.update(t.page.body, t.page.css, e, {
+					modal: c.state.view.kind === "modal" ? c.state.view.id : null,
+					panels: c.state.panels,
+					fontsHref: Vt([c.theme.value.heading_font, c.theme.value.body_font]),
+					emptyImage: l("canvas.emptyImage"),
+					emptyVideo: l("canvas.emptyVideo")
+				}), Ce();
 			} finally {
-				P = !1, ne && (ne = !1, I());
+				ye = !1, be && (be = !1, xe());
 			}
 		}
-		function ie() {
-			A && (v.value = A.contentHeight(), y.value = A.measure(o.state.draft, o.state.device));
-		}
-		M(() => o.state.draft, I, { deep: !0 }), M([
-			o.site,
-			() => o.state.workspace.assets,
-			o.previews.version,
-			() => o.state.view,
-			() => o.state.panels
-		], I), M([() => o.state.device, () => o.frameWidth.value], () => p(ie));
-		let L = null, ae = null;
-		function oe(e, t) {
+		function Ce() {
+			j && (x.value = j.contentHeight(), S.value = j.measure(c.state.draft, c.state.device));
+		}
+		M(() => c.state.draft, xe, { deep: !0 }), M([
+			c.site,
+			() => c.state.workspace.assets,
+			c.previews.version,
+			() => c.state.view,
+			() => c.state.panels
+		], xe), M([() => c.state.device, () => c.frameWidth.value], () => p(Ce));
+		let we = null, Te = null;
+		function Ee(e, t) {
 			e.setPointerCapture(t.pointerId);
-			let n = (e) => ce(e), r = () => le(), i = [
+			let n = (e) => Oe(e), r = () => ke(), i = [
 				"pointerup",
 				"pointercancel",
 				"lostpointercapture"
 			];
-			e.addEventListener("pointermove", n), i.forEach((t) => e.addEventListener(t, r)), ae = () => {
+			e.addEventListener("pointermove", n), i.forEach((t) => e.addEventListener(t, r)), Te = () => {
 				e.removeEventListener("pointermove", n), i.forEach((t) => e.removeEventListener(t, r));
 			};
 		}
-		function se(e, t, n, r) {
-			let i = o.state.selection;
-			if (i.kind !== "elements" || ee.value.has(i.canvas)) return;
-			let a = z(o.state.draft, i.canvas), s = y.value.canvases.get(i.canvas), c = o.state.device, l = o.activeElement.value;
-			if (!a || !s || !l || l.locked || o.kindOf(l).kind === "opaque") return;
-			let u = n ? [l] : o.selectedElements.value.filter((e) => !e.locked), d = new Set(u.map((e) => e.id));
-			L = {
+		function De(e, t, n, r) {
+			let i = c.state.selection;
+			if (i.kind !== "elements" || ge.value.has(i.canvas)) return;
+			let a = z(c.state.draft, i.canvas), o = S.value.canvases.get(i.canvas), s = c.state.device, l = c.activeElement.value;
+			if (!a || !o || !l || l.locked || c.kindOf(l).kind === "opaque") return;
+			let u = n ? [l] : c.selectedElements.value.filter((e) => !e.locked), d = new Set(u.map((e) => e.id));
+			we = {
 				kind: "box",
 				handle: n,
 				canvas: a.id,
@@ -3934,43 +4295,43 @@ var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], I
 					y: e.clientY
 				},
 				factor: r,
-				metrics: s,
-				anchors: _t(a.elements.filter((e) => !d.has(e.id)).map((e) => at(e, c)), s.frame.w, st(a, c)),
+				metrics: o,
+				anchors: _t(a.elements.filter((e) => !d.has(e.id)).map((e) => at(e, s)), o.frame.w, st(a, s)),
 				target: {
 					id: l.id,
-					start: { ...at(l, c) }
+					start: { ...at(l, s) }
 				},
 				others: u.filter((e) => e.id !== l.id).map((e) => ({
 					id: e.id,
-					start: { ...at(e, c) }
+					start: { ...at(e, s) }
 				})),
 				boxes: /* @__PURE__ */ new Map()
-			}, oe(t, e);
+			}, Ee(t, e);
 		}
-		function ce(e) {
-			let t = L;
-			if (!t || !A) return;
+		function Oe(e) {
+			let t = we;
+			if (!t || !j) return;
 			if (t.kind === "rotate") {
-				let n = t.from + (de(t.center, e) - t.startAngle);
-				t.value = H(e.shiftKey ? Math.round(n / 15) * 15 : Math.round(n), -180, 180), A.previewVar(t.id, "--rot", t.value), O.value = {
+				let n = t.from + (je(t.center, e) - t.startAngle);
+				t.value = H(e.shiftKey ? Math.round(n / 15) * 15 : Math.round(n), -180, 180), j.previewVar(t.id, "--rot", t.value), ee.value = {
 					id: t.id,
 					value: t.value
-				}, k.value = `${t.value}°`;
+				}, A.value = `${t.value}°`;
 				return;
 			}
 			if (t.kind === "radius") {
 				let n = (e.clientX - t.origin) * t.factor / t.unit;
-				t.value = Math.round(H(t.from + n, 0, 200)), A.previewVar(t.id, "--r", t.value), k.value = c("canvas.corners", { n: t.value });
+				t.value = Math.round(H(t.from + n, 0, 200)), j.previewVar(t.id, "--r", t.value), A.value = l("canvas.corners", { n: t.value });
 				return;
 			}
-			let { metrics: n, handle: r, target: i } = t, a = (e.clientX - t.origin.x) * t.factor, s = (e.clientY - t.origin.y) * t.factor / n.unit, l = gt(i.start, {
+			let { metrics: n, handle: r, target: i } = t, a = (e.clientX - t.origin.x) * t.factor, o = (e.clientY - t.origin.y) * t.factor / n.unit, s = gt(i.start, {
 				x: a,
-				y: s
+				y: o
 			}, r, n.frame.w), u = {
-				x: 6 / j.value,
-				y: 6 / (j.value * n.unit)
-			}, d = yt(l, t.anchors, n.frame.w, u, r), f = o.state.device, p = /* @__PURE__ */ new Map(), m = (e, r) => {
-				t.boxes.set(e, r), A?.preview(e, f, r), p.set(e, {
+				x: 6 / N.value,
+				y: 6 / (N.value * n.unit)
+			}, d = yt(s, t.anchors, n.frame.w, u, r), f = c.state.device, p = /* @__PURE__ */ new Map(), m = (e, r) => {
+				t.boxes.set(e, r), j?.preview(e, f, r), p.set(e, {
 					x: n.frame.x + r.x / 100 * n.frame.w,
 					y: n.frame.y + r.y * n.unit,
 					w: r.w / 100 * n.frame.w,
@@ -3983,195 +4344,220 @@ var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], I
 				x: e.start.x + d.box.x - i.start.x,
 				y: e.start.y + d.box.y - i.start.y
 			}));
-			C.value = p, S.value = d.guides.x.length || d.guides.y.length ? {
+			k.value = p, O.value = d.guides.x.length || d.guides.y.length ? {
 				canvas: t.canvas,
 				lines: d.guides
-			} : null, k.value = r ? `${Math.round(d.box.w * n.frame.w / 100)} × ${Math.round(d.box.h)} px` : `x ${d.box.x.toFixed(1)}% · y ${Math.round(d.box.y)} px`;
+			} : null, A.value = r ? `${Math.round(d.box.w * n.frame.w / 100)} × ${Math.round(d.box.h)} px` : `x ${d.box.x.toFixed(1)}% · y ${Math.round(d.box.y)} px`;
 		}
-		function le() {
-			let e = L;
-			if (L = null, ae?.(), ae = null, k.value = null, S.value = null, e?.kind === "box" && e.boxes.size > 0) o.placeElements([...e.boxes].map(([e, t]) => ({
+		function ke() {
+			let e = we;
+			if (we = null, Te?.(), Te = null, A.value = null, O.value = null, e?.kind === "box" && e.boxes.size > 0) c.placeElements([...e.boxes].map(([e, t]) => ({
 				id: e,
 				box: t
 			})));
 			else if (e && e.kind !== "box" && e.value !== e.from) {
-				let t = ue(e.id);
-				t && (t.style[e.kind === "rotate" ? "rotate" : "radius"] = e.value, o.commit());
+				let t = Ae(e.id);
+				t && (t.style[e.kind === "rotate" ? "rotate" : "radius"] = e.value, c.commit());
 			}
-			C.value = /* @__PURE__ */ new Map(), O.value = null, I();
+			k.value = /* @__PURE__ */ new Map(), ee.value = null, xe();
 		}
-		function ue(e) {
-			return o.selectedElements.value.find((t) => t.id === e);
+		function Ae(e) {
+			return c.selectedElements.value.find((t) => t.id === e);
 		}
-		let de = (e, t) => Math.atan2(t.clientY - e.y, t.clientX - e.x) * 180 / Math.PI;
-		function fe(e, t) {
-			se(e, e.currentTarget, t, 1 / j.value);
+		let je = (e, t) => Math.atan2(t.clientY - e.y, t.clientX - e.x) * 180 / Math.PI;
+		function Me(e, t) {
+			De(e, e.currentTarget, t, 1 / N.value);
 		}
-		function pe(e) {
-			let t = o.activeElement.value, n = t ? y.value.elements.get(t.id) : void 0, r = u.value?.getBoundingClientRect();
+		function Ne(e) {
+			let t = c.activeElement.value, n = t ? S.value.elements.get(t.id) : void 0, r = f.value?.getBoundingClientRect();
 			if (!t || !n || !r) return;
 			let i = {
-				x: r.left + (n.x + n.w / 2) * j.value,
-				y: r.top + (n.y + n.h / 2) * j.value
+				x: r.left + (n.x + n.w / 2) * N.value,
+				y: r.top + (n.y + n.h / 2) * N.value
 			}, a = t.style.rotate ?? 0;
-			L = {
+			we = {
 				kind: "rotate",
 				id: t.id,
 				center: i,
-				startAngle: de(i, e),
+				startAngle: je(i, e),
 				from: a,
 				value: a
-			}, oe(e.currentTarget, e);
+			}, Ee(e.currentTarget, e);
 		}
-		function me(e) {
-			let t = o.activeElement.value, n = o.state.selection, r = n.kind === "elements" ? y.value.canvases.get(n.canvas) : void 0;
+		function Pe(e) {
+			let t = c.activeElement.value, n = c.state.selection, r = n.kind === "elements" ? S.value.canvases.get(n.canvas) : void 0;
 			if (!t || !r) return;
 			let i = t.style.radius ?? 0;
-			L = {
+			we = {
 				kind: "radius",
 				id: t.id,
 				origin: e.clientX,
-				factor: 1 / j.value,
+				factor: 1 / N.value,
 				unit: r.unit,
 				from: i,
 				value: i
-			}, oe(e.currentTarget, e);
+			}, Ee(e.currentTarget, e);
 		}
 		let R = null;
-		function he(e) {
-			let t = e?.closest?.(".lz-stack-nav > button[data-go]"), n = t?.closest(".lz-stack"), r = Number(t?.getAttribute("data-go")), i = n ? o.state.draft.sections.find((e) => e.group?.id && `g-${K(e.group.id)}` === n.id) : void 0;
-			return !i?.group?.id || !Number.isInteger(r) ? !1 : (o.state.panels = {
-				...o.state.panels,
+		function Fe(e) {
+			let t = e?.closest?.(".lz-stack-nav > button[data-go]"), n = t?.closest(".lz-stack"), r = Number(t?.getAttribute("data-go")), i = n ? c.state.draft.sections.find((e) => e.group?.id && `g-${K(e.group.id)}` === n.id) : void 0;
+			return !i?.group?.id || !Number.isInteger(r) ? !1 : (c.state.panels = {
+				...c.state.panels,
 				[i.group.id]: r
 			}, !0);
 		}
-		function ge(e) {
-			if (!A || e.button !== 0 || R && R.node.contains(e.target) || (ve(), he(e.target))) return;
-			let t = A.hit(e.target);
+		function Ie(e) {
+			if (ce(e, N.value) || !j || e.button !== 0 || R && R.node.contains(e.target) || (Re(), Fe(e.target))) return;
+			let t = j.hit(e.target);
 			if (!t) {
-				o.clearSelection();
+				c.clearSelection();
 				return;
 			}
 			if (t.element === null) {
-				o.selectCanvas(t.canvas);
+				c.selectCanvas(t.canvas);
 				return;
 			}
-			e.preventDefault(), o.select(t.canvas, t.element, e.shiftKey);
-			let n = o.state.selection;
-			n.kind === "elements" && n.ids.includes(t.element) && !e.shiftKey && se(e, t.node, null, 1);
+			e.preventDefault(), c.select(t.canvas, t.element, e.shiftKey);
+			let n = c.state.selection;
+			n.kind === "elements" && n.ids.includes(t.element) && !e.shiftKey && De(e, t.node, null, 1);
 		}
-		function _e(e) {
-			let t = A?.hit(e.target), n = t?.element ? z(o.state.draft, t.canvas)?.elements.find((e) => e.id === t.element) : void 0, r = n ? o.kindOf(n) : null;
-			if (!t || !n || r?.kind !== "core" || !r.spec.inline || n.locked || o.state.previewing) return;
+		function Le(e) {
+			let t = j?.hit(e.target), n = t?.element ? z(c.state.draft, t.canvas)?.elements.find((e) => e.id === t.element) : void 0, r = n ? c.kindOf(n) : null;
+			if (!t || !n || r?.kind !== "core" || !r.spec.inline || n.locked || c.state.previewing) return;
 			let i = t.node;
 			R = {
 				node: i,
 				canvas: t.canvas,
 				id: n.id,
 				prop: r.spec.inline
-			}, i.setAttribute("contenteditable", "plaintext-only"), i.focus(), i.ownerDocument.getSelection()?.selectAllChildren(i), i.addEventListener("blur", ve, { once: !0 });
+			}, i.setAttribute("contenteditable", "plaintext-only"), i.focus(), i.ownerDocument.getSelection()?.selectAllChildren(i), i.addEventListener("blur", Re, { once: !0 });
 		}
-		function ve() {
+		function Re() {
 			let e = R;
 			if (!e) return;
 			R = null;
 			let t = e.node.innerText.trim();
 			e.node.removeAttribute("contenteditable");
-			let n = z(o.state.draft, e.canvas)?.elements.find((t) => t.id === e.id);
-			n && (n.props[e.prop] = t, o.commit()), I();
+			let n = z(c.state.draft, e.canvas)?.elements.find((t) => t.id === e.id);
+			n && (n.props[e.prop] = t, c.commit()), xe();
 		}
-		function ye(e) {
+		function ze(e) {
 			if (R) {
 				(e.key === "Enter" && !e.shiftKey || e.key === "Escape") && (e.preventDefault(), R.node.blur());
 				return;
 			}
-			En(o, e);
+			he(e) || En(c, e);
+		}
+		let Be = b(null);
+		function Ve(e, t) {
+			let n = t ? j?.hit(e.target) : null;
+			if (t) {
+				let e = c.state.selection.kind === "elements" ? c.state.selection.ids : [];
+				n?.element && !e.includes(n.element) ? c.select(n.canvas, n.element, !1) : n && !n.element && c.selectCanvas(n.canvas);
+			}
+			e.preventDefault();
+			let r = t ? v.value?.getBoundingClientRect() : null;
+			Be.value = r ? {
+				x: r.left + e.clientX * N.value,
+				y: r.top + e.clientY * N.value
+			} : {
+				x: e.clientX,
+				y: e.clientY
+			};
 		}
-		function be(e) {
-			let t = A?.hit(e.target);
-			x.value = t?.element ?? null;
+		function He(e) {
+			let t = j?.hit(e.target);
+			C.value = t?.element ?? null;
 		}
-		let xe = (e) => {
+		let Ue = (e) => {
 			R || e.preventDefault();
 		};
-		function Se(e, t) {
-			let n = d.value?.getBoundingClientRect();
-			if (!A || !n || e < n.left || e > n.right || t < n.top || t > n.bottom) return null;
-			let r = (e - n.left) / j.value, i = (t - n.top) / j.value, a = A.hit(A.doc.elementFromPoint(r, i)), o = a ? y.value.canvases.get(a.canvas) : void 0;
+		function We(e, t) {
+			let n = v.value?.getBoundingClientRect();
+			if (!j || !n || e < n.left || e > n.right || t < n.top || t > n.bottom) return null;
+			let r = (e - n.left) / N.value, i = (t - n.top) / N.value, a = j.hit(j.doc.elementFromPoint(r, i)), o = a ? S.value.canvases.get(a.canvas) : void 0;
 			return !a || !o ? null : {
 				canvas: a.canvas,
 				x: H((r - o.frame.x) / o.frame.w * 100, 0, 90),
 				y: H((i - o.frame.y) / o.unit, 0, 3e3)
 			};
 		}
-		n({ dropPoint: Se });
-		let Ce = null, we = null;
+		o({ dropPoint: We });
+		let Ge = null, Ke = null;
 		g(() => {
-			if (!d.value || !l.value) return;
-			A = Nn(d.value);
-			let e = A.doc;
-			e.addEventListener("pointerdown", ge), e.addEventListener("dblclick", _e), e.addEventListener("keydown", ye), e.addEventListener("pointerover", be), e.documentElement.addEventListener("pointerleave", () => x.value = null), e.addEventListener("click", xe, !0), e.addEventListener("submit", xe, !0);
-			let t = new ((e.defaultView?.ResizeObserver) ?? ResizeObserver)(() => ie());
-			t.observe(e.body), we = t, Ce = new ResizeObserver(([e]) => {
-				f.value = e?.contentRect.width ?? 0;
-			}), Ce.observe(l.value), I();
+			if (!v.value || !u.value) return;
+			j = Nn(v.value);
+			let e = j.doc;
+			e.addEventListener("pointerdown", Ie), e.addEventListener("dblclick", Le), e.addEventListener("keydown", ze), e.addEventListener("pointerover", He), e.addEventListener("contextmenu", (e) => Ve(e, !0)), e.addEventListener("wheel", oe, { passive: !1 }), e.addEventListener("pointermove", le), e.addEventListener("pointerup", ue), e.addEventListener("pointercancel", ue), e.documentElement.addEventListener("pointerleave", () => C.value = null), e.addEventListener("click", Ue, !0), e.addEventListener("submit", Ue, !0);
+			let t = new ((e.defaultView?.ResizeObserver) ?? ResizeObserver)(() => Ce());
+			t.observe(e.body), Ke = t, e.addEventListener("keyup", fe), Ge = new ResizeObserver(([e]) => {
+				y.value = e?.contentRect.width ?? 0;
+			}), Ge.observe(u.value), window.addEventListener("keydown", me), window.addEventListener("keyup", fe), window.addEventListener("blur", pe), xe();
 		}), h(() => {
-			cancelAnimationFrame(N), Ce?.disconnect(), we?.disconnect(), ae?.();
+			window.removeEventListener("keydown", me), window.removeEventListener("keyup", fe), window.removeEventListener("blur", pe), cancelAnimationFrame(ve), Ge?.disconnect(), Ke?.disconnect(), Te?.();
 		});
-		function Te(e) {
-			let t = z(o.state.draft, e);
-			t && o.generateMobile(t);
+		function qe(e) {
+			let t = z(c.state.draft, e);
+			t && c.generateMobile(t);
 		}
-		let Ee = (e) => c(e === "desktop" ? "toolbar.desktop" : "toolbar.mobile");
+		let Je = (e) => l(e === "desktop" ? "toolbar.desktop" : "toolbar.mobile");
 		return (e, t) => (_(), i("div", {
 			ref_key: "stage",
-			ref: l,
+			ref: u,
 			class: "lze-stage",
-			onPointerdown: t[1] ||= F((e) => D(o).clearSelection(), ["self"])
+			"data-space": se.value ? "panning" : I.value ? "on" : void 0,
+			onPointerdown: [t[6] ||= (e) => ce(e), t[7] ||= P((e) => D(c).clearSelection(), ["self"])],
+			onPointermove: le,
+			onPointerup: ue,
+			onPointercancel: ue,
+			onWheel: ae,
+			onContextmenu: t[8] ||= (e) => Ve(e, !1)
 		}, [
-			D(o).state.renderIssues.length ? (_(), i("p", Kn, T(D(c)("canvas.invalid", { issue: D(xn)(D(o).state.renderIssues[0]) })), 1)) : r("", !0),
-			D(o).activeModal.value ? (_(), i("div", qn, [a("span", null, T(D(c)("canvas.editingModal", { title: D(o).activeModal.value.title })), 1), a("button", {
+			D(c).state.renderIssues.length ? (_(), i("p", Qn, T(D(l)("canvas.invalid", { issue: D(xn)(D(c).state.renderIssues[0]) })), 1)) : r("", !0),
+			D(c).activeModal.value ? (_(), i("div", $n, [a("span", null, T(D(l)("canvas.editingModal", { title: D(c).activeModal.value.title })), 1), a("button", {
 				type: "button",
 				class: "lze-btn",
-				onClick: t[0] ||= (e) => D(o).openModal(null)
-			}, T(D(c)("canvas.backToPage")), 1)])) : r("", !0),
+				onClick: t[0] ||= (e) => D(c).openModal(null)
+			}, T(D(l)("canvas.backToPage")), 1)])) : r("", !0),
 			a("div", {
+				ref_key: "sheet",
+				ref: d,
 				class: "lze-sheet",
-				"data-device": D(o).state.device,
-				"aria-label": Ee(D(o).state.device),
+				"data-device": D(c).state.device,
+				"aria-label": Je(D(c).state.device),
 				style: m({
-					width: `${D(o).frameWidth.value * j.value}px`,
-					height: `${v.value * j.value}px`
+					width: `${D(c).frameWidth.value * N.value}px`,
+					height: `${x.value * N.value}px`
 				})
 			}, [a("div", {
 				ref_key: "scaler",
-				ref: u,
+				ref: f,
 				class: "lze-scaler",
 				style: m({
-					width: `${D(o).frameWidth.value}px`,
-					transform: `scale(${j.value})`
+					width: `${D(c).frameWidth.value}px`,
+					transform: `scale(${N.value})`
 				})
 			}, [a("iframe", {
 				ref_key: "iframe",
-				ref: d,
+				ref: v,
 				class: "lze-frame",
-				title: D(c)("canvas.title"),
+				title: D(l)("canvas.title"),
 				style: m({
-					width: `${D(o).frameWidth.value}px`,
-					height: `${v.value}px`
+					width: `${D(c).frameWidth.value}px`,
+					height: `${x.value}px`
 				})
-			}, null, 12, Yn), s(Gn, {
-				layout: y.value,
-				scale: j.value,
-				hovered: x.value,
-				guides: S.value,
-				live: C.value,
-				rotation: O.value,
-				frozen: ee.value,
-				onResize: fe,
-				onRotate: pe,
-				onRadius: me,
-				onGenerateMobile: Te
+			}, null, 12, tr), s(Xn, {
+				layout: S.value,
+				scale: N.value,
+				hovered: C.value,
+				guides: O.value,
+				live: k.value,
+				rotation: ee.value,
+				frozen: ge.value,
+				onResize: Me,
+				onRotate: Ne,
+				onRadius: Pe,
+				onGenerateMobile: qe
 			}, null, 8, [
 				"layout",
 				"scale",
@@ -4180,12 +4566,50 @@ var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], I
 				"live",
 				"rotation",
 				"frozen"
-			])], 4)], 12, Jn),
-			te.value ? (_(), i("p", Xn, T(D(o).activeModal.value ? D(c)("canvas.emptyModal") : D(c)("canvas.emptyPage")), 1)) : r("", !0),
-			k.value ? (_(), i("p", Zn, T(k.value), 1)) : r("", !0)
-		], 544));
-	}
-}), $n = ["title", "srcdoc"], er = /* @__PURE__ */ c({
+			])], 4)], 12, er),
+			_e.value ? (_(), i("p", nr, T(D(c).activeModal.value ? D(l)("canvas.emptyModal") : D(l)("canvas.emptyPage")), 1)) : r("", !0),
+			A.value ? (_(), i("p", rr, T(A.value), 1)) : r("", !0),
+			Be.value ? (_(), n(zn, {
+				key: 4,
+				at: Be.value,
+				onClose: t[1] ||= (e) => Be.value = null
+			}, null, 8, ["at"])) : r("", !0),
+			a("div", {
+				class: "lze-zoom",
+				role: "group",
+				"aria-label": D(l)("zoom.label")
+			}, [
+				a("button", {
+					type: "button",
+					class: "lze-zoom-btn",
+					title: D(l)("zoom.out"),
+					"aria-label": D(l)("zoom.out"),
+					onClick: t[2] ||= (e) => F(.8)
+				}, "−", 8, ar),
+				a("button", {
+					type: "button",
+					class: "lze-zoom-value",
+					title: D(l)("zoom.fit"),
+					onClick: t[3] ||= (e) => ie()
+				}, T(ne.value) + "%", 9, or),
+				a("button", {
+					type: "button",
+					class: "lze-zoom-btn",
+					title: D(l)("zoom.in"),
+					"aria-label": D(l)("zoom.in"),
+					onClick: t[4] ||= (e) => F(1.25)
+				}, "+", 8, sr),
+				a("button", {
+					type: "button",
+					class: "lze-zoom-btn",
+					title: D(l)("zoom.actual"),
+					"aria-label": D(l)("zoom.actual"),
+					onClick: t[5] ||= (e) => re(1)
+				}, "1:1", 8, cr)
+			], 8, ir)
+		], 40, Zn));
+	}
+}), fr = ["title", "srcdoc"], pr = /* @__PURE__ */ c({
 	__name: "Preview",
 	setup(e) {
 		let t = G(), n = b(), r = w(""), o = b({
@@ -4227,21 +4651,21 @@ var Pn = (e) => e !== null && typeof e.nodeType == "number", Fn = ["onClick"], I
 				height: `${(o.value.height - 48) / l()}px`,
 				transform: `scale(${l()})`
 			})
-		}, null, 12, $n)], 4)], 512));
+		}, null, 12, fr)], 4)], 512));
 	}
 });
 //#endregion
 //#region src/client.ts
-function tr({ endpoint: e, headers: t = {}, fetch: n = globalThis.fetch.bind(globalThis) }) {
+function mr({ endpoint: e, headers: t = {}, fetch: n = globalThis.fetch.bind(globalThis) }) {
 	let r = e.replace(/\/+$/, "");
 	return async (e, ...i) => {
-		let [a = "GET", o = "/"] = e.split(" "), [s, c] = o.includes(":") ? [or(i[0]) ? i[0] : {}, i[1]] : [{}, i[0]], l = o.replace(/:([a-z]+)/g, (e, t) => encodeURIComponent(String(s[t] ?? ""))), u = typeof FormData < "u" && c instanceof FormData, d = a === "GET" && c && typeof c == "object" && !u ? rr(c) : "", f = {
+		let [a = "GET", o = "/"] = e.split(" "), [s, c] = o.includes(":") ? [yr(i[0]) ? i[0] : {}, i[1]] : [{}, i[0]], l = o.replace(/:([a-z]+)/g, (e, t) => encodeURIComponent(String(s[t] ?? ""))), u = typeof FormData < "u" && c instanceof FormData, d = a === "GET" && c && typeof c == "object" && !u ? gr(c) : "", f = {
 			method: a,
 			credentials: "same-origin",
 			headers: {
 				Accept: "application/json",
 				...c !== void 0 && a !== "GET" && !u ? { "Content-Type": "application/json" } : {},
-				...ir(),
+				..._r(),
 				...t
 			},
 			...c !== void 0 && a !== "GET" ? { body: u ? c : JSON.stringify(c) } : {}
@@ -4260,35 +4684,35 @@ function tr({ endpoint: e, headers: t = {}, fetch: n = globalThis.fetch.bind(glo
 			value: m
 		} : {
 			ok: !1,
-			failure: nr(p.status, m)
+			failure: hr(p.status, m)
 		};
 	};
 }
-function nr(e, t) {
-	let n = or(t) && typeof t.message == "string" ? t.message : `HTTP ${e}`;
-	return e === 409 && or(t) && typeof t.revision == "number" ? {
+function hr(e, t) {
+	let n = yr(t) && typeof t.message == "string" ? t.message : `HTTP ${e}`;
+	return e === 409 && yr(t) && typeof t.revision == "number" ? {
 		kind: "conflict",
 		message: n,
 		revision: t.revision
 	} : e === 422 ? {
 		kind: "invalid",
 		message: n,
-		issues: or(t) && Array.isArray(t.issues) ? t.issues.filter(ar) : []
+		issues: yr(t) && Array.isArray(t.issues) ? t.issues.filter(vr) : []
 	} : {
 		kind: "http",
 		status: e,
 		message: n
 	};
 }
-function rr(e) {
+function gr(e) {
 	let t = Object.entries(e).filter(([, e]) => e != null);
 	return t.length === 0 ? "" : `?${new URLSearchParams(t.map(([e, t]) => [e, String(t)]))}`;
 }
-function ir() {
+function _r() {
 	let e = typeof document > "u" ? null : /(?:^|;\s*)XSRF-TOKEN=([^;]+)/.exec(document.cookie);
 	return e?.[1] ? { "X-XSRF-TOKEN": decodeURIComponent(e[1]) } : {};
 }
-var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "string" && typeof e.code == "string", or = (e) => typeof e == "object" && !!e && !Array.isArray(e), sr = [
+var vr = (e) => yr(e) && typeof e.path == "string" && typeof e.message == "string" && typeof e.code == "string", yr = (e) => typeof e == "object" && !!e && !Array.isArray(e), br = [
 	"data-variant",
 	"data-size",
 	"disabled",
@@ -4312,12 +4736,12 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			"data-size": e.size,
 			disabled: e.disabled,
 			title: e.title
-		}, [S(t.$slots, "default")], 8, sr));
+		}, [S(t.$slots, "default")], 8, br));
 	}
-}), cr = ["data-size", "aria-labelledby"], lr = { class: "lze-dialog-body" }, ur = { class: "lze-dialog-head" }, dr = ["id"], fr = {
+}), xr = ["data-size", "aria-labelledby"], Sr = { class: "lze-dialog-body" }, Cr = { class: "lze-dialog-head" }, wr = ["id"], Tr = {
 	key: 0,
 	class: "lze-hint"
-}, pr = ["aria-label"], mr = /* @__PURE__ */ c({
+}, Er = ["aria-label"], Dr = /* @__PURE__ */ c({
 	__name: "Dialog",
 	props: /*@__PURE__*/ d({
 		title: {},
@@ -4349,7 +4773,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			onClose: u[1] ||= (e) => t.value = !1,
 			onPointerdown: d,
 			onClick: f
-		}, [a("div", lr, [a("header", ur, [a("div", null, [a("h2", { id: D(o) }, T(e.title), 9, dr), e.description ? (_(), i("p", fr, T(e.description), 1)) : r("", !0)]), a("button", {
+		}, [a("div", Sr, [a("header", Cr, [a("div", null, [a("h2", { id: D(o) }, T(e.title), 9, wr), e.description ? (_(), i("p", Tr, T(e.description), 1)) : r("", !0)]), a("button", {
 			type: "button",
 			class: "lze-icon-btn",
 			"aria-label": D(c)("common.close"),
@@ -4357,19 +4781,19 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 		}, [s(D($e), {
 			size: 16,
 			"aria-hidden": "true"
-		})], 8, pr)]), t.value ? S(l.$slots, "default", {}, void 0, void 0, 0) : r("", !0)])], 40, cr));
+		})], 8, Er)]), t.value ? S(l.$slots, "default", {}, void 0, void 0, 0) : r("", !0)])], 40, xr));
 	}
-}), hr = { class: "lze-dialog-actions" }, gr = /* @__PURE__ */ c({
+}), Or = { class: "lze-dialog-actions" }, kr = /* @__PURE__ */ c({
 	__name: "ConflictDialog",
 	setup(e) {
 		let t = G(), r = t.dialogModel("conflict");
-		return (e, i) => (_(), n(mr, {
+		return (e, i) => (_(), n(Dr, {
 			open: D(r),
 			"onUpdate:open": i[2] ||= (e) => u(r) ? r.value = e : null,
 			title: D(t).t("conflict.title"),
 			description: D(t).t("conflict.body")
 		}, {
-			default: N(() => [a("div", hr, [s(q, {
+			default: N(() => [a("div", Or, [s(q, {
 				variant: "primary",
 				size: "md",
 				onClick: i[0] ||= (e) => D(t).reloadPage()
@@ -4390,7 +4814,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			"description"
 		]));
 	}
-}), _r = [
+}), Ar = [
 	"data-tone",
 	"title",
 	"aria-label",
@@ -4419,15 +4843,15 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			"aria-label": e.label,
 			"aria-pressed": e.active,
 			disabled: e.disabled
-		}, [S(t.$slots, "default")], 8, _r));
+		}, [S(t.$slots, "default")], 8, Ar));
 	}
-}), vr = { class: "lze-asset-grid" }, yr = ["disabled"], br = { class: "lze-hint" }, xr = ["aria-label", "onClick"], Sr = ["src", "alt"], Cr = {
+}), jr = { class: "lze-asset-grid" }, Mr = ["disabled"], Nr = { class: "lze-hint" }, Pr = ["aria-label", "onClick"], Fr = ["src", "alt"], Ir = {
 	key: 0,
 	class: "lze-hint"
-}, wr = {
+}, Lr = {
 	key: 1,
 	class: "lze-hint"
-}, Tr = /* @__PURE__ */ c({
+}, Rr = /* @__PURE__ */ c({
 	__name: "MediaLibrary",
 	setup(o) {
 		let c = G(), l = c.t, u = b(), d = b(!1), f = t({
@@ -4468,7 +4892,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 				type: "image"
 			}, void 0, e.ref), f.value = !1;
 		}
-		return (t, o) => (_(), n(mr, {
+		return (t, o) => (_(), n(Dr, {
 			open: f.value,
 			"onUpdate:open": o[1] ||= (e) => f.value = e,
 			title: D(l)("library.title"),
@@ -4476,7 +4900,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			size: "lg"
 		}, {
 			default: N(() => [
-				a("div", vr, [
+				a("div", jr, [
 					a("button", {
 						type: "button",
 						class: "lze-upload-tile",
@@ -4488,8 +4912,8 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 							"aria-hidden": "true"
 						}),
 						a("strong", null, T(d.value ? D(l)("library.uploading") : D(l)("library.upload")), 1),
-						a("span", br, T(D(l)("library.formats")), 1)
-					], 8, yr),
+						a("span", Nr, T(D(l)("library.formats")), 1)
+					], 8, Mr),
 					a("input", {
 						ref_key: "input",
 						ref: u,
@@ -4512,7 +4936,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 						src: e.thumb,
 						alt: e.name,
 						loading: "lazy"
-					}, null, 8, Sr), a("figcaption", null, T(e.name), 1)], 8, xr), s(J, {
+					}, null, 8, Fr), a("figcaption", null, T(e.name), 1)], 8, Pr), s(J, {
 						class: "lze-asset-delete",
 						tone: "danger",
 						label: D(l)("library.delete", { name: e.name }),
@@ -4525,8 +4949,8 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 						_: 1
 					}, 8, ["label", "onClick"])]))), 128))
 				]),
-				D(c).state.workspace.assets.length === 0 ? (_(), i("p", Cr, T(D(l)("media.empty")), 1)) : r("", !0),
-				h.value ? (_(), i("p", wr, T(h.value), 1)) : r("", !0)
+				D(c).state.workspace.assets.length === 0 ? (_(), i("p", Ir, T(D(l)("media.empty")), 1)) : r("", !0),
+				h.value ? (_(), i("p", Lr, T(h.value), 1)) : r("", !0)
 			]),
 			_: 1
 		}, 8, [
@@ -4535,14 +4959,14 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			"description"
 		]));
 	}
-}), Er = { class: "lze-field" }, Dr = ["for"], Or = {
+}), zr = { class: "lze-field" }, Br = ["for"], Vr = {
 	key: 1,
 	class: "lze-label"
-}, kr = {
+}, Hr = {
 	key: 2,
 	class: "lze-error",
 	role: "alert"
-}, Ar = {
+}, Ur = {
 	key: 3,
 	class: "lze-hint"
 }, Y = /* @__PURE__ */ c({
@@ -4554,23 +4978,23 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 		error: {}
 	},
 	setup(e) {
-		return (t, n) => (_(), i("div", Er, [
+		return (t, n) => (_(), i("div", zr, [
 			e.id ? (_(), i("label", {
 				key: 0,
 				class: "lze-label",
 				for: e.id
-			}, [o(T(e.label), 1), S(t.$slots, "aside")], 8, Dr)) : (_(), i("span", Or, [o(T(e.label), 1), S(t.$slots, "aside")])),
+			}, [o(T(e.label), 1), S(t.$slots, "aside")], 8, Br)) : (_(), i("span", Vr, [o(T(e.label), 1), S(t.$slots, "aside")])),
 			S(t.$slots, "default"),
-			e.error ? (_(), i("p", kr, T(e.error), 1)) : e.hint ? (_(), i("p", Ar, T(e.hint), 1)) : r("", !0)
+			e.error ? (_(), i("p", Hr, T(e.error), 1)) : e.hint ? (_(), i("p", Ur, T(e.hint), 1)) : r("", !0)
 		]));
 	}
-}), jr = [
+}), Wr = [
 	"id",
 	"rows",
 	"maxlength",
 	"placeholder",
 	"aria-label"
-], Mr = [
+], Gr = [
 	"id",
 	"type",
 	"maxlength",
@@ -4592,7 +5016,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 	emits: /*@__PURE__*/ d(["commit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let n = k(e, "modelValue"), r = t;
-		return (t, a) => e.rows > 0 ? P((_(), i("textarea", {
+		return (t, a) => e.rows > 0 ? ne((_(), i("textarea", {
 			key: 0,
 			id: e.id,
 			"onUpdate:modelValue": a[0] ||= (e) => n.value = e,
@@ -4602,7 +5026,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			placeholder: e.placeholder,
 			"aria-label": e.label,
 			onChange: a[1] ||= (e) => r("commit")
-		}, null, 40, jr)), [[j, n.value]]) : P((_(), i("input", {
+		}, null, 40, Wr)), [[A, n.value]]) : ne((_(), i("input", {
 			key: 1,
 			id: e.id,
 			"onUpdate:modelValue": a[2] ||= (e) => n.value = e,
@@ -4612,9 +5036,9 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			placeholder: e.placeholder,
 			"aria-label": e.label,
 			onChange: a[3] ||= (e) => r("commit")
-		}, null, 40, Mr)), [[A, n.value]]);
+		}, null, 40, Gr)), [[ee, n.value]]);
 	}
-}), Nr = { class: "lze-dialog-actions" }, Pr = /* @__PURE__ */ c({
+}), Kr = { class: "lze-dialog-actions" }, qr = /* @__PURE__ */ c({
 	__name: "NewPageDialog",
 	setup(r) {
 		let c = G(), l = c.t, d = {
@@ -4641,7 +5065,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 		async function v() {
 			p.creating = !0, p.issues = await c.createPage(p.title.trim(), p.slug.trim()), p.creating = !1;
 		}
-		return (t, r) => (_(), n(mr, {
+		return (t, r) => (_(), n(Dr, {
 			open: D(f),
 			"onUpdate:open": r[3] ||= (e) => u(f) ? f.value = e : null,
 			title: D(l)("newPage.title"),
@@ -4650,7 +5074,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			default: N(() => [a("form", {
 				class: "lze-stack",
 				novalidate: "",
-				onSubmit: F(v, ["prevent"])
+				onSubmit: P(v, ["prevent"])
 			}, [
 				s(Y, {
 					id: d.title,
@@ -4698,7 +5122,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 					class: "lze-error",
 					role: "alert"
 				}, T(e.message), 1))), 128)),
-				a("div", Nr, [s(q, {
+				a("div", Kr, [s(q, {
 					variant: "primary",
 					size: "md",
 					type: "submit",
@@ -4721,7 +5145,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			"description"
 		]));
 	}
-}), Fr = ["aria-label"], Ir = { class: "lze-label" }, Lr = ["data-thumb"], Rr = ["src"], zr = { class: "lze-row" }, Br = /* @__PURE__ */ c({
+}), Jr = ["aria-label"], Yr = { class: "lze-label" }, Xr = ["data-thumb"], Zr = ["src"], Qr = { class: "lze-row" }, $r = /* @__PURE__ */ c({
 	__name: "ImageField",
 	props: /*@__PURE__*/ d({
 		label: {},
@@ -4754,7 +5178,7 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			role: "group",
 			"aria-label": u.label
 		}, [
-			a("span", Ir, T(u.label), 1),
+			a("span", Yr, T(u.label), 1),
 			p.value ? (_(), i("div", {
 				key: 0,
 				class: "lze-image-preview",
@@ -4762,8 +5186,8 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			}, [a("img", {
 				src: p.value,
 				alt: ""
-			}, null, 8, Rr)], 8, Lr)) : r("", !0),
-			a("div", zr, [s(q, { onClick: h }, {
+			}, null, 8, Zr)], 8, Xr)) : r("", !0),
+			a("div", Qr, [s(q, { onClick: h }, {
 				default: N(() => [o(T(e.choose ?? D(f).t("el.chooseFromLibrary")), 1)]),
 				_: 1
 			}), l.value ? (_(), n(q, {
@@ -4788,15 +5212,15 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 				"placeholder",
 				"label"
 			])) : r("", !0)
-		], 8, Fr));
+		], 8, Jr));
 	}
-}), Vr = { class: "lze-number" }, Hr = { class: "lze-number-label" }, Ur = [
+}), ei = { class: "lze-number" }, ti = { class: "lze-number-label" }, ni = [
 	"value",
 	"min",
 	"max",
 	"step",
 	"disabled"
-], Wr = {
+], ri = {
 	key: 0,
 	class: "lze-number-suffix"
 }, Z = /* @__PURE__ */ c({
@@ -4819,8 +5243,8 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			let t = e.target.value, r = Number(t);
 			t === "" ? n.value = void 0 : Number.isFinite(r) && (n.value = Math.min(o.max ?? Infinity, Math.max(o.min ?? -Infinity, r)));
 		}
-		return (t, o) => (_(), i("label", Vr, [
-			a("span", Hr, T(e.label), 1),
+		return (t, o) => (_(), i("label", ei, [
+			a("span", ti, T(e.label), 1),
 			a("input", {
 				type: "number",
 				value: n.value ?? "",
@@ -4830,15 +5254,15 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 				disabled: e.disabled,
 				onInput: c,
 				onChange: o[0] ||= (e) => s("commit")
-			}, null, 40, Ur),
-			e.suffix ? (_(), i("span", Wr, T(e.suffix), 1)) : r("", !0)
+			}, null, 40, ni),
+			e.suffix ? (_(), i("span", ri, T(e.suffix), 1)) : r("", !0)
 		]));
 	}
-}), Gr = [
+}), ii = [
 	"id",
 	"data-compact",
 	"aria-label"
-], Kr = ["selected"], qr = ["selected"], Q = /* @__PURE__ */ c({
+], ai = ["selected"], oi = ["selected"], Q = /* @__PURE__ */ c({
 	__name: "SelectInput",
 	props: /*@__PURE__*/ d({
 		options: {},
@@ -4868,12 +5292,12 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 			value: "",
 			disabled: "",
 			selected: a.value === null || a.value === void 0 || a.value === ""
-		}, T(t.placeholder), 9, Kr)) : r("", !0), (_(!0), i(e, null, x(t.options, (e) => (_(), i("option", {
+		}, T(t.placeholder), 9, ai)) : r("", !0), (_(!0), i(e, null, x(t.options, (e) => (_(), i("option", {
 			key: e.value,
 			selected: e.value === a.value
-		}, T(e.label), 9, qr))), 128))], 40, Gr));
+		}, T(e.label), 9, oi))), 128))], 40, ii));
 	}
-}), Jr = { class: "lze-toggle" }, Yr = ["checked"], Xr = /* @__PURE__ */ c({
+}), si = { class: "lze-toggle" }, ci = ["checked"], li = /* @__PURE__ */ c({
 	__name: "Toggle",
 	props: /*@__PURE__*/ d({ label: {} }, {
 		modelValue: {
@@ -4885,15 +5309,15 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 	emits: /*@__PURE__*/ d(["commit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let n = k(e, "modelValue"), r = t;
-		return (t, o) => (_(), i("label", Jr, [a("input", {
+		return (t, o) => (_(), i("label", si, [a("input", {
 			type: "checkbox",
 			checked: n.value === !0,
 			onChange: o[0] ||= (e) => {
 				n.value = e.target.checked, r("commit");
 			}
-		}, null, 40, Yr), a("span", null, T(e.label), 1)]));
+		}, null, 40, ci), a("span", null, T(e.label), 1)]));
 	}
-}), Zr = {
+}), ui = {
 	none: { kind: "none" },
 	whatsapp: {
 		kind: "text",
@@ -4919,16 +5343,16 @@ var ar = (e) => or(e) && typeof e.path == "string" && typeof e.message == "strin
 	back: { kind: "none" },
 	step_next: { kind: "none" },
 	step_prev: { kind: "none" }
-}, Qr = (e) => Object.hasOwn(Zr, e);
-function $r(e) {
+}, di = (e) => Object.hasOwn(ui, e);
+function fi(e) {
 	return !e || e.kind === "image" || e.default === void 0 ? "" : String(e.default);
 }
 //#endregion
 //#region src/panels/ActionPicker.vue?vue&type=script&setup=true&lang.ts
-var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
+var pi = { class: "lze-field" }, mi = ["id"], hi = ["value"], gi = {
 	key: 4,
 	class: "lze-hint"
-}, ii = /* @__PURE__ */ c({
+}, _i = /* @__PURE__ */ c({
 	__name: "ActionPicker",
 	props: {
 		modelValue: {},
@@ -4936,8 +5360,8 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 	},
 	emits: ["update:modelValue", "commit"],
 	setup(o, { emit: c }) {
-		let l = o, u = c, d = G(), f = d.t, p = O(), m = t(() => l.modelValue?.type || "none"), h = t(() => l.modelValue?.value ?? ""), g = t(() => d.catalog.value.actions.find((e) => e.type === m.value) ?? null), v = t(() => Qr(m.value) ? Zr[m.value] : null), y = t(() => {
-			let e = [...ne.map((e) => ({
+		let l = o, u = c, d = G(), f = d.t, p = O(), m = t(() => l.modelValue?.type || "none"), h = t(() => l.modelValue?.value ?? ""), g = t(() => d.catalog.value.actions.find((e) => e.type === m.value) ?? null), v = t(() => di(m.value) ? ui[m.value] : null), y = t(() => {
+			let e = [...re.map((e) => ({
 				value: e,
 				label: f(`action.${e}`)
 			})), ...d.catalog.value.actions.map((e) => ({
@@ -4959,7 +5383,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			let t = d.catalog.value.actions.find((t) => t.type === e);
 			u("update:modelValue", {
 				type: e,
-				value: t ? $r(t.value) : h.value
+				value: t ? fi(t.value) : h.value
 			}), u("commit");
 		}
 		function w(e) {
@@ -4972,7 +5396,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			let e = g.value?.value;
 			return e?.kind === "number" ? h.value === "" ? e.default : Number(h.value) : e?.kind === "toggle" ? h.value === "" ? e.default : h.value === "true" : h.value;
 		});
-		return (t, c) => (_(), i("div", ei, [s(Q, {
+		return (t, c) => (_(), i("div", pi, [s(Q, {
 			"model-value": m.value,
 			options: y.value,
 			label: o.label,
@@ -5009,7 +5433,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 		]), a("datalist", { id: D(p) }, [(_(!0), i(e, null, x(D(d).state.draft.sections, (e) => (_(), i("option", {
 			key: e.id,
 			value: e.id
-		}, null, 8, ni))), 128))], 8, ti)], 64)) : v.value.kind === "modal" ? (_(), n(Q, {
+		}, null, 8, hi))), 128))], 8, mi)], 64)) : v.value.kind === "modal" ? (_(), n(Q, {
 			key: 2,
 			"model-value": h.value,
 			options: b.value,
@@ -5035,7 +5459,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			"options",
 			"label",
 			"placeholder"
-		])) : v.value.kind === "submit" ? (_(), i("p", ri, T(D(f)("action.submitHint")), 1)) : r("", !0)], 64)) : g.value?.value ? (_(), n(ai, {
+		])) : v.value.kind === "submit" ? (_(), i("p", gi, T(D(f)("action.submitHint")), 1)) : r("", !0)], 64)) : g.value?.value ? (_(), n(yi, {
 			key: 1,
 			field: g.value.value,
 			"model-value": E.value,
@@ -5043,7 +5467,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			onCommit: c[10] ||= (e) => u("commit")
 		}, null, 8, ["field", "model-value"])) : r("", !0)]));
 	}
-}), ai = /* @__PURE__ */ c({
+}), vi = { class: "lze-choices" }, yi = /* @__PURE__ */ c({
 	__name: "FieldControl",
 	props: {
 		field: {},
@@ -5051,13 +5475,14 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			String,
 			Number,
 			Boolean,
+			Array,
 			null
 		] }
 	},
 	emits: ["update:modelValue", "commit"],
-	setup(e, { emit: r }) {
-		let i = e, a = r, o = G(), c = O(), l = t(() => o.i18n.localized(i.field.label)), u = (e) => typeof e == "object" && !!e, d = t(() => {
-			let e = i.field, t = i.modelValue;
+	setup(r, { emit: o }) {
+		let c = r, l = o, u = G(), d = O(), f = t(() => u.i18n.localized(c.field.label)), p = (e) => typeof e == "object" && !!e, m = t(() => {
+			let e = c.field, t = c.modelValue;
 			switch (e.kind) {
 				case "text": return {
 					kind: "text",
@@ -5074,10 +5499,14 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 					field: e,
 					value: typeof t == "boolean" ? t : e.default
 				};
-				case "choice": return {
+				case "choice": return e.multiple === !0 ? {
+					kind: "choices",
+					field: e,
+					value: (Array.isArray(t) ? t : Array.isArray(e.default) ? e.default : []).filter((t) => e.options.some((e) => e.value === t))
+				} : {
 					kind: "choice",
 					field: e,
-					value: typeof t == "string" ? t : e.default
+					value: typeof t == "string" ? t : typeof e.default == "string" ? e.default : ""
 				};
 				case "image": return {
 					kind: "image",
@@ -5087,26 +5516,30 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 				case "action": return {
 					kind: "action",
 					field: e,
-					value: u(t) ? t : null
+					value: p(t) ? t : null
 				};
 				default: return e;
 			}
 		});
-		function f(e) {
-			e !== void 0 && a("update:modelValue", e);
+		function h(e, t, n, r) {
+			let i = r ? [...t, n] : t.filter((e) => e !== n);
+			g(e.options.map((e) => e.value).filter((e) => i.includes(e)));
 		}
-		return (e, t) => d.value.kind === "text" ? (_(), n(Y, {
+		function g(e) {
+			e !== void 0 && l("update:modelValue", e);
+		}
+		return (t, r) => m.value.kind === "text" ? (_(), n(Y, {
 			key: 0,
-			id: D(c),
-			label: l.value
+			id: D(d),
+			label: f.value
 		}, {
 			default: N(() => [s(X, {
-				id: D(c),
-				"model-value": d.value.value,
-				maxlength: d.value.field.max,
-				rows: d.value.field.multiline ? 4 : 0,
-				"onUpdate:modelValue": t[0] ||= (e) => f(e ?? ""),
-				onCommit: t[1] ||= (e) => a("commit")
+				id: D(d),
+				"model-value": m.value.value,
+				maxlength: m.value.field.max,
+				rows: m.value.field.multiline ? 4 : 0,
+				"onUpdate:modelValue": r[0] ||= (e) => g(e ?? ""),
+				onCommit: r[1] ||= (e) => l("commit")
 			}, null, 8, [
 				"id",
 				"model-value",
@@ -5114,86 +5547,102 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 				"rows"
 			])]),
 			_: 1
-		}, 8, ["id", "label"])) : d.value.kind === "number" ? (_(), n(Z, {
+		}, 8, ["id", "label"])) : m.value.kind === "number" ? (_(), n(Z, {
 			key: 1,
-			"model-value": d.value.value,
-			label: l.value,
-			min: d.value.field.min,
-			max: d.value.field.max,
-			step: d.value.field.step,
-			"onUpdate:modelValue": t[2] ||= (e) => f(e ?? void 0),
-			onCommit: t[3] ||= (e) => a("commit")
+			"model-value": m.value.value,
+			label: f.value,
+			min: m.value.field.min,
+			max: m.value.field.max,
+			step: m.value.field.step,
+			"onUpdate:modelValue": r[2] ||= (e) => g(e ?? void 0),
+			onCommit: r[3] ||= (e) => l("commit")
 		}, null, 8, [
 			"model-value",
 			"label",
 			"min",
 			"max",
 			"step"
-		])) : d.value.kind === "toggle" ? (_(), n(Xr, {
+		])) : m.value.kind === "toggle" ? (_(), n(li, {
 			key: 2,
-			"model-value": d.value.value,
-			label: l.value,
-			"onUpdate:modelValue": t[4] ||= (e) => f(e === !0),
-			onCommit: t[5] ||= (e) => a("commit")
-		}, null, 8, ["model-value", "label"])) : d.value.kind === "choice" ? (_(), n(Y, {
+			"model-value": m.value.value,
+			label: f.value,
+			"onUpdate:modelValue": r[4] ||= (e) => g(e === !0),
+			onCommit: r[5] ||= (e) => l("commit")
+		}, null, 8, ["model-value", "label"])) : m.value.kind === "choice" ? (_(), n(Y, {
 			key: 3,
-			id: D(c),
-			label: l.value
+			id: D(d),
+			label: f.value
 		}, {
 			default: N(() => [s(Q, {
-				id: D(c),
-				"model-value": d.value.value,
-				options: d.value.field.options.map((e) => ({
+				id: D(d),
+				"model-value": m.value.value,
+				options: m.value.field.options.map((e) => ({
 					value: e.value,
-					label: D(o).i18n.localized(e.label)
+					label: D(u).i18n.localized(e.label)
 				})),
-				"onUpdate:modelValue": t[6] ||= (e) => f(e ?? void 0),
-				onCommit: t[7] ||= (e) => a("commit")
+				"onUpdate:modelValue": r[6] ||= (e) => g(e ?? void 0),
+				onCommit: r[7] ||= (e) => l("commit")
 			}, null, 8, [
 				"id",
 				"model-value",
 				"options"
 			])]),
 			_: 1
-		}, 8, ["id", "label"])) : d.value.kind === "image" ? (_(), n(Br, {
+		}, 8, ["id", "label"])) : m.value.kind === "choices" ? (_(), n(Y, {
 			key: 4,
-			"model-value": d.value.value,
-			label: l.value,
+			label: f.value
+		}, {
+			default: N(() => [a("div", vi, [(_(!0), i(e, null, x(m.value.field.options, (e) => (_(), n(li, {
+				key: e.value,
+				"model-value": m.value.value.includes(e.value),
+				label: D(u).i18n.localized(e.label),
+				"onUpdate:modelValue": (t) => h(m.value.field, m.value.value, e.value, t === !0),
+				onCommit: r[8] ||= (e) => l("commit")
+			}, null, 8, [
+				"model-value",
+				"label",
+				"onUpdate:modelValue"
+			]))), 128))])]),
+			_: 1
+		}, 8, ["label"])) : m.value.kind === "image" ? (_(), n($r, {
+			key: 5,
+			"model-value": m.value.value,
+			label: f.value,
 			url: "",
-			"onUpdate:modelValue": t[8] ||= (e) => f(e ?? null),
-			onCommit: t[9] ||= (e) => a("commit")
+			"onUpdate:modelValue": r[9] ||= (e) => g(e ?? null),
+			onCommit: r[10] ||= (e) => l("commit")
 		}, null, 8, ["model-value", "label"])) : (_(), n(Y, {
-			key: 5,
-			label: l.value
+			key: 6,
+			label: f.value
 		}, {
-			default: N(() => [s(ii, {
-				"model-value": d.value.value,
-				label: l.value,
-				"onUpdate:modelValue": t[10] ||= (e) => f(e),
-				onCommit: t[11] ||= (e) => a("commit")
+			default: N(() => [s(_i, {
+				"model-value": m.value.value,
+				label: f.value,
+				"onUpdate:modelValue": r[11] ||= (e) => g(e),
+				onCommit: r[12] ||= (e) => l("commit")
 			}, null, 8, ["model-value", "label"])]),
 			_: 1
 		}, 8, ["label"]));
 	}
-}), oi = { class: "lze-grid-2" }, si = { class: "lze-field" }, ci = {
+}), bi = { class: "lze-grid-2" }, xi = { class: "lze-field" }, Si = {
 	key: 0,
 	class: "lze-error",
 	role: "alert"
-}, li = {
+}, Ci = {
 	key: 1,
 	class: "lze-hint"
-}, ui = { class: "lze-field" }, di = {
+}, wi = { class: "lze-field" }, Ti = {
 	key: 0,
 	class: "lze-error",
 	role: "alert"
-}, fi = {
+}, Ei = {
 	key: 0,
 	class: "lze-stack lze-divided"
-}, pi = { class: "lze-label" }, mi = {
+}, Di = { class: "lze-label" }, Oi = {
 	key: 0,
 	class: "lze-error",
 	role: "alert"
-}, hi = { class: "lze-dialog-actions" }, gi = /* @__PURE__ */ c({
+}, ki = { class: "lze-dialog-actions" }, Ai = /* @__PURE__ */ c({
 	__name: "SiteDialog",
 	setup(c) {
 		let l = G(), d = l.t, f = {
@@ -5239,7 +5688,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 				meta: h.meta
 			}), h.saving = !1, h.issues.length === 0 && (p.value = !1, l.notify(d("site.saved")));
 		}
-		return (t, c) => (_(), n(mr, {
+		return (t, c) => (_(), n(Dr, {
 			open: D(p),
 			"onUpdate:open": c[6] ||= (e) => u(p) ? p.value = e : null,
 			title: D(d)("site.title"),
@@ -5249,7 +5698,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			default: N(() => [a("form", {
 				class: "lze-stack",
 				novalidate: "",
-				onSubmit: F(E, ["prevent"])
+				onSubmit: P(E, ["prevent"])
 			}, [
 				s(Y, {
 					id: f.seoTitle,
@@ -5286,7 +5735,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 					"label",
 					"error"
 				]),
-				a("div", oi, [a("div", si, [s(Br, {
+				a("div", bi, [a("div", xi, [s($r, {
 					modelValue: h.ogImage,
 					"onUpdate:modelValue": c[2] ||= (e) => h.ogImage = e,
 					label: D(d)("site.shareImage"),
@@ -5295,7 +5744,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 					"modelValue",
 					"label",
 					"choose"
-				]), S("og_image") ? (_(), i("p", ci, T(S("og_image")), 1)) : (_(), i("p", li, T(D(d)("site.shareImageHint")), 1))]), a("div", ui, [s(Br, {
+				]), S("og_image") ? (_(), i("p", Si, T(S("og_image")), 1)) : (_(), i("p", Ci, T(D(d)("site.shareImageHint")), 1))]), a("div", wi, [s($r, {
 					modelValue: h.favicon,
 					"onUpdate:modelValue": c[3] ||= (e) => h.favicon = e,
 					label: D(d)("site.favicon"),
@@ -5305,7 +5754,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 					"modelValue",
 					"label",
 					"choose"
-				]), S("favicon") ? (_(), i("p", di, T(S("favicon")), 1)) : r("", !0)])]),
+				]), S("favicon") ? (_(), i("p", Ti, T(S("favicon")), 1)) : r("", !0)])]),
 				s(Y, {
 					id: f.locale,
 					label: D(d)("site.locale"),
@@ -5326,10 +5775,10 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 					"hint",
 					"error"
 				]),
-				g.value.length > 0 ? (_(), i("section", fi, [a("h3", pi, T(D(d)("site.details")), 1), (_(!0), i(e, null, x(g.value, (e) => (_(), i("div", {
+				g.value.length > 0 ? (_(), i("section", Ei, [a("h3", Di, T(D(d)("site.details")), 1), (_(!0), i(e, null, x(g.value, (e) => (_(), i("div", {
 					key: e.key,
 					class: "lze-field"
-				}, [s(ai, {
+				}, [s(yi, {
 					field: e,
 					"model-value": h.meta[e.key],
 					"onUpdate:modelValue": (t) => w(e.key, t)
@@ -5337,13 +5786,13 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 					"field",
 					"model-value",
 					"onUpdate:modelValue"
-				]), S(`meta.${e.key}`) ? (_(), i("p", mi, T(S(`meta.${e.key}`)), 1)) : r("", !0)]))), 128))])) : r("", !0),
+				]), S(`meta.${e.key}`) ? (_(), i("p", Oi, T(S(`meta.${e.key}`)), 1)) : r("", !0)]))), 128))])) : r("", !0),
 				(_(!0), i(e, null, x(C.value, (e) => (_(), i("p", {
 					key: e.path + e.message,
 					class: "lze-error",
 					role: "alert"
 				}, T(e.path ? `${e.path}: ` : "") + T(e.message), 1))), 128)),
-				a("div", hi, [s(q, {
+				a("div", ki, [s(q, {
 					variant: "primary",
 					size: "md",
 					type: "submit",
@@ -5366,16 +5815,16 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			"description"
 		]));
 	}
-}), _i = {
+}), ji = {
 	key: 0,
 	class: "lze-rows"
-}, vi = { class: "lze-hint" }, yi = {
+}, Mi = { class: "lze-hint" }, Ni = {
 	key: 1,
 	class: "lze-hint"
-}, bi = {
+}, Pi = {
 	key: 2,
 	class: "lze-dialog-actions"
-}, xi = /* @__PURE__ */ c({
+}, Fi = /* @__PURE__ */ c({
 	__name: "SubmissionsDialog",
 	setup(c) {
 		let l = G(), d = l.t, f = l.dialogModel("submissions"), p = b([]), m = b(null), h = b(!1), g = new Intl.DateTimeFormat(l.i18n.locale, {
@@ -5398,20 +5847,20 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			let t = e.props.label;
 			return typeof t == "string" && t.trim() !== "" ? [[K(e.id), t.trim()]] : [];
 		})));
-		return (t, c) => (_(), n(mr, {
+		return (t, c) => (_(), n(Dr, {
 			open: D(f),
 			"onUpdate:open": c[1] ||= (e) => u(f) ? f.value = e : null,
 			title: D(d)("submissions.title"),
 			description: D(d)("submissions.description"),
 			size: "lg"
 		}, {
-			default: N(() => [p.value.length > 0 ? (_(), i("ul", _i, [(_(!0), i(e, null, x(p.value, (t) => (_(), i("li", {
+			default: N(() => [p.value.length > 0 ? (_(), i("ul", ji, [(_(!0), i(e, null, x(p.value, (t) => (_(), i("li", {
 				key: t.id,
 				class: "lze-submission"
-			}, [a("p", vi, T(D(g).format(new Date(t.createdAt))) + " · " + T(D(d)("submissions.from", {
+			}, [a("p", Mi, T(D(g).format(new Date(t.createdAt))) + " · " + T(D(d)("submissions.from", {
 				page: t.page,
 				source: t.source
-			})), 1), a("dl", null, [(_(!0), i(e, null, x(t.fields, (t, n) => (_(), i(e, { key: n }, [a("dt", null, T(y.value.get(String(n)) ?? n), 1), a("dd", null, T(typeof t == "boolean" ? D(d)(t ? "submissions.checked" : "submissions.unchecked") : t), 1)], 64))), 128))])]))), 128))])) : h.value ? r("", !0) : (_(), i("p", yi, T(D(d)("submissions.empty")), 1)), m.value ? (_(), i("div", bi, [s(q, {
+			})), 1), a("dl", null, [(_(!0), i(e, null, x(t.fields, (t, n) => (_(), i(e, { key: n }, [a("dt", null, T(y.value.get(String(n)) ?? n), 1), a("dd", null, T(typeof t == "boolean" ? D(d)(t ? "submissions.checked" : "submissions.unchecked") : t), 1)], 64))), 128))])]))), 128))])) : h.value ? r("", !0) : (_(), i("p", Ni, T(D(d)("submissions.empty")), 1)), m.value ? (_(), i("div", Pi, [s(q, {
 				disabled: h.value,
 				onClick: c[0] ||= (e) => v(m.value)
 			}, {
@@ -5425,7 +5874,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			"description"
 		]));
 	}
-}), Si = { class: "lze-range" }, Ci = { class: "lze-label" }, wi = { class: "lze-muted" }, Ti = [
+}), Ii = { class: "lze-range" }, Li = { class: "lze-label" }, Ri = { class: "lze-muted" }, zi = [
 	"min",
 	"max",
 	"step",
@@ -5449,7 +5898,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 	emits: /*@__PURE__*/ d(["commit"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
 		let n = k(e, "modelValue"), r = t;
-		return (t, s) => (_(), i("label", Si, [a("span", Ci, [o(T(e.label) + " ", 1), a("span", wi, T(e.format(n.value ?? e.fallback)), 1)]), a("input", {
+		return (t, s) => (_(), i("label", Ii, [a("span", Li, [o(T(e.label) + " ", 1), a("span", Ri, T(e.format(n.value ?? e.fallback)), 1)]), a("input", {
 			type: "range",
 			min: e.min,
 			max: e.max,
@@ -5457,16 +5906,16 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			value: n.value ?? e.fallback,
 			onInput: s[0] ||= (e) => n.value = Number(e.target.value),
 			onChange: s[1] ||= (e) => r("commit")
-		}, null, 40, Ti)]));
+		}, null, 40, zi)]));
 	}
-}), Ei = ["href"], Di = { class: "lze-field" }, Oi = { class: "lze-label" }, ki = { class: "lze-row" }, Ai = ["onClick"], ji = {
+}), Bi = ["href"], Vi = { class: "lze-field" }, Hi = { class: "lze-label" }, Ui = { class: "lze-row" }, Wi = ["onClick"], Gi = {
 	class: "lze-row",
 	"aria-hidden": "true"
-}, Mi = { class: "lze-field" }, Ni = { class: "lze-heading" }, Pi = { class: "lze-label" }, Fi = { class: "lze-hint" }, Ii = { class: "lze-theme-colors" }, Li = ["onUpdate:modelValue", "aria-label"], Ri = [
+}, Ki = { class: "lze-field" }, qi = { class: "lze-heading" }, Ji = { class: "lze-label" }, Yi = { class: "lze-hint" }, Xi = { class: "lze-theme-colors" }, Zi = ["onUpdate:modelValue", "aria-label"], Qi = [
 	"value",
 	"aria-label",
 	"onInput"
-], zi = { class: "lze-grid-2" }, Bi = { class: "lze-grid-2" }, Vi = ["aria-label"], Hi = { class: "lze-dialog-actions" }, Ui = /* @__PURE__ */ c({
+], $i = { class: "lze-grid-2" }, ea = { class: "lze-grid-2" }, ta = ["aria-label"], na = { class: "lze-dialog-actions" }, ra = /* @__PURE__ */ c({
 	__name: "ThemeDialog",
 	setup(r) {
 		let c = G(), l = c.t, d = {
@@ -5498,11 +5947,11 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 		function k() {
 			Bt(c.state.draft, S.value), c.commit();
 		}
-		async function A() {
+		async function ee() {
 			v.value = !0, g.value = await c.updateSite({ theme: S.value }), v.value = !1, g.value.length === 0 && (p.value = !1, c.notify(l("theme.saved")));
 		}
-		let ee = (e) => S.value[e];
-		return (t, r) => (_(), n(mr, {
+		let j = (e) => S.value[e];
+		return (t, r) => (_(), n(Dr, {
 			open: D(p),
 			"onUpdate:open": r[5] ||= (e) => u(p) ? p.value = e : null,
 			title: D(l)("theme.title"),
@@ -5512,17 +5961,17 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			default: N(() => [a("link", {
 				rel: "stylesheet",
 				href: D(Vt)([S.value.heading_font, S.value.body_font])
-			}, null, 8, Ei), a("form", {
+			}, null, 8, Bi), a("form", {
 				class: "lze-stack",
 				novalidate: "",
-				onSubmit: F(A, ["prevent"])
+				onSubmit: P(ee, ["prevent"])
 			}, [
-				a("section", Di, [a("h3", Oi, T(D(l)("theme.palettes")), 1), a("div", ki, [(_(!0), i(e, null, x(D(At), (t) => (_(), i("button", {
+				a("section", Vi, [a("h3", Hi, T(D(l)("theme.palettes")), 1), a("div", Ui, [(_(!0), i(e, null, x(D(At), (t) => (_(), i("button", {
 					key: t.name,
 					type: "button",
 					class: "lze-palette-choice",
 					onClick: (e) => E(t.colors)
-				}, [a("span", ji, [(_(), i(e, null, x([
+				}, [a("span", Gi, [(_(), i(e, null, x([
 					"primary",
 					"secondary",
 					"surface"
@@ -5530,34 +5979,34 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 					key: e,
 					class: "lze-dot",
 					style: m({ background: t.colors[e] })
-				}, null, 4)), 64))]), o(" " + T(D(l)(t.name)), 1)], 8, Ai))), 128))])]),
-				a("section", Mi, [
-					a("div", Ni, [a("h3", Pi, T(D(l)("theme.colors")), 1), s(q, { onClick: k }, {
+				}, null, 4)), 64))]), o(" " + T(D(l)(t.name)), 1)], 8, Wi))), 128))])]),
+				a("section", Ki, [
+					a("div", qi, [a("h3", Ji, T(D(l)("theme.colors")), 1), s(q, { onClick: k }, {
 						default: N(() => [o(T(D(l)("theme.link")), 1)]),
 						_: 1
 					})]),
-					a("p", Fi, T(D(l)("theme.linkHint")), 1),
-					a("div", Ii, [(_(!0), i(e, null, x(D(Dt), (e) => (_(), i("div", {
+					a("p", Yi, T(D(l)("theme.linkHint")), 1),
+					a("div", Xi, [(_(!0), i(e, null, x(D(Dt), (e) => (_(), i("div", {
 						key: e,
 						class: "lze-theme-color"
 					}, [
 						a("span", null, T(D(l)(`token.${e}`)), 1),
-						P(a("input", {
+						ne(a("input", {
 							"onUpdate:modelValue": (t) => h[e] = t,
 							class: "lze-input lze-hex",
 							maxlength: "7",
 							spellcheck: "false",
 							"aria-label": D(l)("theme.hex", { label: D(l)(`token.${e}`) })
-						}, null, 8, Li), [[j, h[e]]]),
+						}, null, 8, Zi), [[A, h[e]]]),
 						a("input", {
 							type: "color",
-							value: ee(e),
+							value: j(e),
 							"aria-label": D(l)(`token.${e}`),
 							onInput: (t) => h[e] = t.target.value
-						}, null, 40, Ri)
+						}, null, 40, Qi)
 					]))), 128))])
 				]),
-				a("section", zi, [s(Y, {
+				a("section", $i, [s(Y, {
 					id: d.heading,
 					label: D(l)("theme.headingFont")
 				}, {
@@ -5588,7 +6037,7 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 					])]),
 					_: 1
 				}, 8, ["id", "label"])]),
-				a("section", Bi, [s($, {
+				a("section", ea, [s($, {
 					"model-value": h.radius,
 					label: D(l)("theme.radius"),
 					min: 0,
@@ -5642,13 +6091,13 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 							fontFamily: `'${S.value.body_font}', sans-serif`
 						})
 					}, T(D(l)("theme.previewButton")), 5)
-				], 12, Vi),
+				], 12, ta),
 				(_(!0), i(e, null, x(g.value, (e) => (_(), i("p", {
 					key: e.path + e.message,
 					class: "lze-error",
 					role: "alert"
 				}, T(e.path ? `${e.path}: ` : "") + T(e.message), 1))), 128)),
-				a("div", Hi, [s(q, {
+				a("div", na, [s(q, {
 					variant: "primary",
 					size: "md",
 					type: "submit",
@@ -5671,36 +6120,36 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			"description"
 		]));
 	}
-}), Wi = {
+}), ia = {
 	key: 0,
 	class: "lze-rows"
-}, Gi = {
+}, aa = {
 	key: 0,
 	class: "lze-hint"
-}, Ki = {
+}, oa = {
 	key: 1,
 	class: "lze-hint"
-}, qi = /* @__PURE__ */ c({
+}, sa = /* @__PURE__ */ c({
 	__name: "VersionsDialog",
 	setup(c) {
 		let l = G(), d = l.t, f = l.dialogModel("versions"), p = t(() => l.state.page?.versions ?? []), m = new Intl.DateTimeFormat(l.i18n.locale, {
 			dateStyle: "medium",
 			timeStyle: "short"
 		});
-		return (t, c) => (_(), n(mr, {
+		return (t, c) => (_(), n(Dr, {
 			open: D(f),
 			"onUpdate:open": c[0] ||= (e) => u(f) ? f.value = e : null,
 			title: D(d)("versions.title"),
 			description: D(d)("versions.description"),
 			size: "lg"
 		}, {
-			default: N(() => [p.value.length > 0 ? (_(), i("ul", Wi, [(_(!0), i(e, null, x(p.value, (e) => (_(), i("li", {
+			default: N(() => [p.value.length > 0 ? (_(), i("ul", ia, [(_(!0), i(e, null, x(p.value, (e) => (_(), i("li", {
 				key: e.id,
 				class: "lze-row-item"
-			}, [a("div", null, [a("p", null, T(D(m).format(new Date(e.createdAt))), 1), e.by ? (_(), i("p", Gi, T(D(d)("versions.by", { name: e.by })), 1)) : r("", !0)]), s(q, { onClick: (t) => D(l).restoreVersion(e.id) }, {
+			}, [a("div", null, [a("p", null, T(D(m).format(new Date(e.createdAt))), 1), e.by ? (_(), i("p", aa, T(D(d)("versions.by", { name: e.by })), 1)) : r("", !0)]), s(q, { onClick: (t) => D(l).restoreVersion(e.id) }, {
 				default: N(() => [o(T(D(d)("versions.restore")), 1)]),
 				_: 1
-			}, 8, ["onClick"])]))), 128))])) : (_(), i("p", Ki, T(D(d)("versions.empty")), 1))]),
+			}, 8, ["onClick"])]))), 128))])) : (_(), i("p", oa, T(D(d)("versions.empty")), 1))]),
 			_: 1
 		}, 8, [
 			"open",
@@ -5708,21 +6157,21 @@ var ei = { class: "lze-field" }, ti = ["id"], ni = ["value"], ri = {
 			"description"
 		]));
 	}
-}), Ji = /*#__PURE__*/ JSON.parse("{\"activity\":[[\"path\",{\"d\":\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"}]],\"arrow-right\":[[\"path\",{\"d\":\"M5 12h14\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\"}]],\"arrow-up-right\":[[\"path\",{\"d\":\"M7 7h10v10\"}],[\"path\",{\"d\":\"M7 17 17 7\"}]],\"award\":[[\"path\",{\"d\":\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"8\",\"r\":\"6\"}]],\"badge-check\":[[\"path\",{\"d\":\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"}],[\"path\",{\"d\":\"m16 9-5.5 5.5L8 12\"}]],\"baby\":[[\"path\",{\"d\":\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"}],[\"path\",{\"d\":\"M15 12h.01\"}],[\"path\",{\"d\":\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"}],[\"path\",{\"d\":\"M9 12h.01\"}]],\"banknote\":[[\"rect\",{\"width\":\"20\",\"height\":\"12\",\"x\":\"2\",\"y\":\"6\",\"rx\":\"2\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"2\"}],[\"path\",{\"d\":\"M6 12h.01M18 12h.01\"}]],\"bone\":[[\"path\",{\"d\":\"M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z\"}]],\"brush\":[[\"path\",{\"d\":\"m11 10 3 3\"}],[\"path\",{\"d\":\"M6.5 21A3.5 3.5 0 1 0 3 17.5a2.62 2.62 0 0 1-.708 1.792A1 1 0 0 0 3 21z\"}],[\"path\",{\"d\":\"M9.969 17.031 21.378 5.624a1 1 0 0 0-3.002-3.002L6.967 14.031\"}]],\"bus\":[[\"path\",{\"d\":\"M8 6v6\"}],[\"path\",{\"d\":\"M15 6v6\"}],[\"path\",{\"d\":\"M2 12h19.6\"}],[\"path\",{\"d\":\"M18 18h3s.5-1.7.8-2.8c.1-.4.2-.8.2-1.2 0-.4-.1-.8-.2-1.2l-1.4-5C20.1 6.8 19.1 6 18 6H4a2 2 0 0 0-2 2v10h3\"}],[\"circle\",{\"cx\":\"7\",\"cy\":\"18\",\"r\":\"2\"}],[\"path\",{\"d\":\"M9 18h5\"}],[\"circle\",{\"cx\":\"16\",\"cy\":\"18\",\"r\":\"2\"}]],\"calendar\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}]],\"calendar-check\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}],[\"path\",{\"d\":\"m9 15 2 2 4-4\"}]],\"calendar-days\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}],[\"path\",{\"d\":\"M8 13h.01\"}],[\"path\",{\"d\":\"M12 13h.01\"}],[\"path\",{\"d\":\"M16 13h.01\"}],[\"path\",{\"d\":\"M8 17h.01\"}],[\"path\",{\"d\":\"M12 17h.01\"}],[\"path\",{\"d\":\"M16 17h.01\"}]],\"camera\":[[\"path\",{\"d\":\"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"13\",\"r\":\"3\"}]],\"car\":[[\"path\",{\"d\":\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"}],[\"circle\",{\"cx\":\"7\",\"cy\":\"17\",\"r\":\"2\"}],[\"path\",{\"d\":\"M9 17h6\"}],[\"circle\",{\"cx\":\"17\",\"cy\":\"17\",\"r\":\"2\"}]],\"check\":[[\"path\",{\"d\":\"M20 6 9 17l-5-5\"}]],\"chevron-right\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\"}]],\"circle-check\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"m16 9-5.5 5.5L8 12\"}]],\"clipboard-list\":[[\"rect\",{\"width\":\"8\",\"height\":\"4\",\"x\":\"8\",\"y\":\"2\",\"rx\":\"1\",\"ry\":\"1\"}],[\"path\",{\"d\":\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"}],[\"path\",{\"d\":\"M12 11h4\"}],[\"path\",{\"d\":\"M12 16h4\"}],[\"path\",{\"d\":\"M8 11h.01\"}],[\"path\",{\"d\":\"M8 16h.01\"}]],\"clock\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"M12 6v6l4 2\"}]],\"coffee\":[[\"path\",{\"d\":\"M10 2v2\"}],[\"path\",{\"d\":\"M14 2v2\"}],[\"path\",{\"d\":\"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1\"}],[\"path\",{\"d\":\"M6 2v2\"}]],\"credit-card\":[[\"rect\",{\"width\":\"20\",\"height\":\"14\",\"x\":\"2\",\"y\":\"5\",\"rx\":\"2\"}],[\"line\",{\"x1\":\"2\",\"x2\":\"22\",\"y1\":\"10\",\"y2\":\"10\"}],[\"path\",{\"d\":\"M6 14h2\"}]],\"droplet\":[[\"path\",{\"d\":\"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\"}]],\"file-text\":[[\"path\",{\"d\":\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"}],[\"path\",{\"d\":\"M14 2v5a1 1 0 0 0 1 1h5\"}],[\"path\",{\"d\":\"M10 9H8\"}],[\"path\",{\"d\":\"M16 13H8\"}],[\"path\",{\"d\":\"M16 17H8\"}]],\"gift\":[[\"path\",{\"d\":\"M12 7v14\"}],[\"path\",{\"d\":\"M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8\"}],[\"path\",{\"d\":\"M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5\"}],[\"rect\",{\"x\":\"3\",\"y\":\"7\",\"width\":\"18\",\"height\":\"4\",\"rx\":\"1\"}]],\"globe\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}],[\"path\",{\"d\":\"M2 12h20\"}]],\"hand-heart\":[[\"path\",{\"d\":\"M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16\"}],[\"path\",{\"d\":\"m14.45 13.39 5.05-4.694C20.196 8 21 6.85 21 5.75a2.75 2.75 0 0 0-4.797-1.837.276.276 0 0 1-.406 0A2.75 2.75 0 0 0 11 5.75c0 1.2.802 2.248 1.5 2.946L16 11.95\"}],[\"path\",{\"d\":\"m2 15 6 6\"}],[\"path\",{\"d\":\"m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91\"}]],\"heart\":[[\"path\",{\"d\":\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"}]],\"heart-pulse\":[[\"path\",{\"d\":\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"}],[\"path\",{\"d\":\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"}]],\"house\":[[\"path\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"path\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}]],\"image\":[[\"rect\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\",\"ry\":\"2\"}],[\"circle\",{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\"}],[\"path\",{\"d\":\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"}]],\"leaf\":[[\"path\",{\"d\":\"M11 20a10 10 0 0010-10 25.9 25.9 0 00-1.04-7.281 1 1 0 00-1.755-.325C15.833 5.5 13 5.5 9.8 6.1A7 7 0 0011 20\"}],[\"path\",{\"d\":\"M2 21a5 5 0 012.911-4.544C7.613 15.212 8.351 15.24 11 13\"}]],\"lightbulb\":[[\"path\",{\"d\":\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"}],[\"path\",{\"d\":\"M9 18h6\"}],[\"path\",{\"d\":\"M10 22h4\"}]],\"mail\":[[\"path\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"}],[\"rect\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\"}]],\"map-pin\":[[\"path\",{\"d\":\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"10\",\"r\":\"3\"}]],\"message-circle\":[[\"path\",{\"d\":\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"}]],\"microscope\":[[\"path\",{\"d\":\"M6 18h8\"}],[\"path\",{\"d\":\"M3 22h18\"}],[\"path\",{\"d\":\"M14 22a7 7 0 1 0 0-14h-1\"}],[\"path\",{\"d\":\"M9 14h2\"}],[\"path\",{\"d\":\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"}],[\"path\",{\"d\":\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"}]],\"moon\":[[\"path\",{\"d\":\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"}]],\"percent\":[[\"line\",{\"x1\":\"19\",\"x2\":\"5\",\"y1\":\"5\",\"y2\":\"19\"}],[\"circle\",{\"cx\":\"6.5\",\"cy\":\"6.5\",\"r\":\"2.5\"}],[\"circle\",{\"cx\":\"17.5\",\"cy\":\"17.5\",\"r\":\"2.5\"}]],\"phone\":[[\"path\",{\"d\":\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"}]],\"pill\":[[\"path\",{\"d\":\"m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z\"}],[\"path\",{\"d\":\"m8.5 8.5 7 7\"}]],\"play\":[[\"path\",{\"d\":\"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\"}]],\"quote\":[[\"path\",{\"d\":\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],[\"path\",{\"d\":\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}]],\"scissors\":[[\"circle\",{\"cx\":\"6\",\"cy\":\"6\",\"r\":\"3\"}],[\"path\",{\"d\":\"M8.12 8.12 12 12\"}],[\"path\",{\"d\":\"M20 4 8.12 15.88\"}],[\"circle\",{\"cx\":\"6\",\"cy\":\"18\",\"r\":\"3\"}],[\"path\",{\"d\":\"M14.8 14.8 20 20\"}]],\"send\":[[\"path\",{\"d\":\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"}],[\"path\",{\"d\":\"m21.854 2.147-10.94 10.939\"}]],\"share-2\":[[\"circle\",{\"cx\":\"18\",\"cy\":\"5\",\"r\":\"3\"}],[\"circle\",{\"cx\":\"6\",\"cy\":\"12\",\"r\":\"3\"}],[\"circle\",{\"cx\":\"18\",\"cy\":\"19\",\"r\":\"3\"}],[\"line\",{\"x1\":\"8.59\",\"x2\":\"15.42\",\"y1\":\"13.51\",\"y2\":\"17.49\"}],[\"line\",{\"x1\":\"15.41\",\"x2\":\"8.59\",\"y1\":\"6.51\",\"y2\":\"10.49\"}]],\"shield-check\":[[\"path\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],[\"path\",{\"d\":\"m9 12 2 2 4-4\"}]],\"sparkles\":[[\"path\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"path\",{\"d\":\"M20 2v4\"}],[\"path\",{\"d\":\"M22 4h-4\"}],[\"circle\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}]],\"star\":[[\"path\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}]],\"stethoscope\":[[\"path\",{\"d\":\"M11 2v2\"}],[\"path\",{\"d\":\"M5 2v2\"}],[\"path\",{\"d\":\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"}],[\"path\",{\"d\":\"M8 15a6 6 0 0 0 12 0v-3\"}],[\"circle\",{\"cx\":\"20\",\"cy\":\"10\",\"r\":\"2\"}]],\"sun\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"4\"}],[\"path\",{\"d\":\"M12 2v2\"}],[\"path\",{\"d\":\"M12 20v2\"}],[\"path\",{\"d\":\"m4.93 4.93 1.41 1.41\"}],[\"path\",{\"d\":\"m17.66 17.66 1.41 1.41\"}],[\"path\",{\"d\":\"M2 12h2\"}],[\"path\",{\"d\":\"M20 12h2\"}],[\"path\",{\"d\":\"m6.34 17.66-1.41 1.41\"}],[\"path\",{\"d\":\"m19.07 4.93-1.41 1.41\"}]],\"syringe\":[[\"path\",{\"d\":\"m18 2 4 4\"}],[\"path\",{\"d\":\"m17 7 3-3\"}],[\"path\",{\"d\":\"M19 9 8.7 19.3c-1 1-2.5 1-3.4 0l-.6-.6c-1-1-1-2.5 0-3.4L15 5\"}],[\"path\",{\"d\":\"m9 11 4 4\"}],[\"path\",{\"d\":\"m5 19-3 3\"}],[\"path\",{\"d\":\"m14 4 6 6\"}]],\"thumbs-up\":[[\"path\",{\"d\":\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z\"}],[\"path\",{\"d\":\"M7 10v12\"}]],\"timer\":[[\"line\",{\"x1\":\"10\",\"x2\":\"14\",\"y1\":\"2\",\"y2\":\"2\"}],[\"line\",{\"x1\":\"12\",\"x2\":\"15\",\"y1\":\"14\",\"y2\":\"11\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"14\",\"r\":\"8\"}]],\"user\":[[\"path\",{\"d\":\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"7\",\"r\":\"4\"}]],\"users\":[[\"path\",{\"d\":\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"}],[\"path\",{\"d\":\"M16 3.128a4 4 0 0 1 0 7.744\"}],[\"path\",{\"d\":\"M22 21v-2a4 4 0 0 0-3-3.87\"}],[\"circle\",{\"cx\":\"9\",\"cy\":\"7\",\"r\":\"4\"}]],\"video\":[[\"path\",{\"d\":\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"}],[\"rect\",{\"x\":\"2\",\"y\":\"6\",\"width\":\"14\",\"height\":\"12\",\"rx\":\"2\"}]],\"wallet\":[[\"path\",{\"d\":\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"}],[\"path\",{\"d\":\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"}]],\"wifi\":[[\"path\",{\"d\":\"M12 20h.01\"}],[\"path\",{\"d\":\"M2 8.82a15 15 0 0 1 20 0\"}],[\"path\",{\"d\":\"M5 12.859a10 10 0 0 1 14 0\"}],[\"path\",{\"d\":\"M8.5 16.429a5 5 0 0 1 7 0\"}]],\"at-sign\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"4\"}],[\"path\",{\"d\":\"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8\"}]]}"), Yi = /* @__PURE__ */ new Set([
+}), ca = /*#__PURE__*/ JSON.parse("{\"activity\":[[\"path\",{\"d\":\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"}]],\"arrow-right\":[[\"path\",{\"d\":\"M5 12h14\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\"}]],\"arrow-up-right\":[[\"path\",{\"d\":\"M7 7h10v10\"}],[\"path\",{\"d\":\"M7 17 17 7\"}]],\"award\":[[\"path\",{\"d\":\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"8\",\"r\":\"6\"}]],\"badge-check\":[[\"path\",{\"d\":\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"}],[\"path\",{\"d\":\"m16 9-5.5 5.5L8 12\"}]],\"baby\":[[\"path\",{\"d\":\"M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5\"}],[\"path\",{\"d\":\"M15 12h.01\"}],[\"path\",{\"d\":\"M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1\"}],[\"path\",{\"d\":\"M9 12h.01\"}]],\"banknote\":[[\"rect\",{\"width\":\"20\",\"height\":\"12\",\"x\":\"2\",\"y\":\"6\",\"rx\":\"2\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"2\"}],[\"path\",{\"d\":\"M6 12h.01M18 12h.01\"}]],\"bone\":[[\"path\",{\"d\":\"M17 10c.7-.7 1.69 0 2.5 0a2.5 2.5 0 1 0 0-5 .5.5 0 0 1-.5-.5 2.5 2.5 0 1 0-5 0c0 .81.7 1.8 0 2.5l-7 7c-.7.7-1.69 0-2.5 0a2.5 2.5 0 0 0 0 5c.28 0 .5.22.5.5a2.5 2.5 0 1 0 5 0c0-.81-.7-1.8 0-2.5Z\"}]],\"brush\":[[\"path\",{\"d\":\"m11 10 3 3\"}],[\"path\",{\"d\":\"M6.5 21A3.5 3.5 0 1 0 3 17.5a2.62 2.62 0 0 1-.708 1.792A1 1 0 0 0 3 21z\"}],[\"path\",{\"d\":\"M9.969 17.031 21.378 5.624a1 1 0 0 0-3.002-3.002L6.967 14.031\"}]],\"bus\":[[\"path\",{\"d\":\"M8 6v6\"}],[\"path\",{\"d\":\"M15 6v6\"}],[\"path\",{\"d\":\"M2 12h19.6\"}],[\"path\",{\"d\":\"M18 18h3s.5-1.7.8-2.8c.1-.4.2-.8.2-1.2 0-.4-.1-.8-.2-1.2l-1.4-5C20.1 6.8 19.1 6 18 6H4a2 2 0 0 0-2 2v10h3\"}],[\"circle\",{\"cx\":\"7\",\"cy\":\"18\",\"r\":\"2\"}],[\"path\",{\"d\":\"M9 18h5\"}],[\"circle\",{\"cx\":\"16\",\"cy\":\"18\",\"r\":\"2\"}]],\"calendar\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}]],\"calendar-check\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}],[\"path\",{\"d\":\"m9 15 2 2 4-4\"}]],\"calendar-days\":[[\"path\",{\"d\":\"M8 2v3\"}],[\"path\",{\"d\":\"M16 2v3\"}],[\"rect\",{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"2\"}],[\"path\",{\"d\":\"M3 9h18\"}],[\"path\",{\"d\":\"M8 13h.01\"}],[\"path\",{\"d\":\"M12 13h.01\"}],[\"path\",{\"d\":\"M16 13h.01\"}],[\"path\",{\"d\":\"M8 17h.01\"}],[\"path\",{\"d\":\"M12 17h.01\"}],[\"path\",{\"d\":\"M16 17h.01\"}]],\"camera\":[[\"path\",{\"d\":\"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"13\",\"r\":\"3\"}]],\"car\":[[\"path\",{\"d\":\"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2\"}],[\"circle\",{\"cx\":\"7\",\"cy\":\"17\",\"r\":\"2\"}],[\"path\",{\"d\":\"M9 17h6\"}],[\"circle\",{\"cx\":\"17\",\"cy\":\"17\",\"r\":\"2\"}]],\"check\":[[\"path\",{\"d\":\"M20 6 9 17l-5-5\"}]],\"chevron-right\":[[\"path\",{\"d\":\"m9 18 6-6-6-6\"}]],\"circle-check\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"m16 9-5.5 5.5L8 12\"}]],\"clipboard-list\":[[\"rect\",{\"width\":\"8\",\"height\":\"4\",\"x\":\"8\",\"y\":\"2\",\"rx\":\"1\",\"ry\":\"1\"}],[\"path\",{\"d\":\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"}],[\"path\",{\"d\":\"M12 11h4\"}],[\"path\",{\"d\":\"M12 16h4\"}],[\"path\",{\"d\":\"M8 11h.01\"}],[\"path\",{\"d\":\"M8 16h.01\"}]],\"clock\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"M12 6v6l4 2\"}]],\"coffee\":[[\"path\",{\"d\":\"M10 2v2\"}],[\"path\",{\"d\":\"M14 2v2\"}],[\"path\",{\"d\":\"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1\"}],[\"path\",{\"d\":\"M6 2v2\"}]],\"credit-card\":[[\"rect\",{\"width\":\"20\",\"height\":\"14\",\"x\":\"2\",\"y\":\"5\",\"rx\":\"2\"}],[\"line\",{\"x1\":\"2\",\"x2\":\"22\",\"y1\":\"10\",\"y2\":\"10\"}],[\"path\",{\"d\":\"M6 14h2\"}]],\"droplet\":[[\"path\",{\"d\":\"M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z\"}]],\"file-text\":[[\"path\",{\"d\":\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"}],[\"path\",{\"d\":\"M14 2v5a1 1 0 0 0 1 1h5\"}],[\"path\",{\"d\":\"M10 9H8\"}],[\"path\",{\"d\":\"M16 13H8\"}],[\"path\",{\"d\":\"M16 17H8\"}]],\"gift\":[[\"path\",{\"d\":\"M12 7v14\"}],[\"path\",{\"d\":\"M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8\"}],[\"path\",{\"d\":\"M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5\"}],[\"rect\",{\"x\":\"3\",\"y\":\"7\",\"width\":\"18\",\"height\":\"4\",\"rx\":\"1\"}]],\"globe\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],[\"path\",{\"d\":\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"}],[\"path\",{\"d\":\"M2 12h20\"}]],\"hand-heart\":[[\"path\",{\"d\":\"M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16\"}],[\"path\",{\"d\":\"m14.45 13.39 5.05-4.694C20.196 8 21 6.85 21 5.75a2.75 2.75 0 0 0-4.797-1.837.276.276 0 0 1-.406 0A2.75 2.75 0 0 0 11 5.75c0 1.2.802 2.248 1.5 2.946L16 11.95\"}],[\"path\",{\"d\":\"m2 15 6 6\"}],[\"path\",{\"d\":\"m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91\"}]],\"heart\":[[\"path\",{\"d\":\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"}]],\"heart-pulse\":[[\"path\",{\"d\":\"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5\"}],[\"path\",{\"d\":\"M3.22 13H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27\"}]],\"house\":[[\"path\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"path\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}]],\"image\":[[\"rect\",{\"width\":\"18\",\"height\":\"18\",\"x\":\"3\",\"y\":\"3\",\"rx\":\"2\",\"ry\":\"2\"}],[\"circle\",{\"cx\":\"9\",\"cy\":\"9\",\"r\":\"2\"}],[\"path\",{\"d\":\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"}]],\"leaf\":[[\"path\",{\"d\":\"M11 20a10 10 0 0010-10 25.9 25.9 0 00-1.04-7.281 1 1 0 00-1.755-.325C15.833 5.5 13 5.5 9.8 6.1A7 7 0 0011 20\"}],[\"path\",{\"d\":\"M2 21a5 5 0 012.911-4.544C7.613 15.212 8.351 15.24 11 13\"}]],\"lightbulb\":[[\"path\",{\"d\":\"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5\"}],[\"path\",{\"d\":\"M9 18h6\"}],[\"path\",{\"d\":\"M10 22h4\"}]],\"mail\":[[\"path\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"}],[\"rect\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\"}]],\"map-pin\":[[\"path\",{\"d\":\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"10\",\"r\":\"3\"}]],\"message-circle\":[[\"path\",{\"d\":\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"}]],\"microscope\":[[\"path\",{\"d\":\"M6 18h8\"}],[\"path\",{\"d\":\"M3 22h18\"}],[\"path\",{\"d\":\"M14 22a7 7 0 1 0 0-14h-1\"}],[\"path\",{\"d\":\"M9 14h2\"}],[\"path\",{\"d\":\"M9 12a2 2 0 0 1-2-2V6h6v4a2 2 0 0 1-2 2Z\"}],[\"path\",{\"d\":\"M12 6V3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3\"}]],\"moon\":[[\"path\",{\"d\":\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"}]],\"percent\":[[\"line\",{\"x1\":\"19\",\"x2\":\"5\",\"y1\":\"5\",\"y2\":\"19\"}],[\"circle\",{\"cx\":\"6.5\",\"cy\":\"6.5\",\"r\":\"2.5\"}],[\"circle\",{\"cx\":\"17.5\",\"cy\":\"17.5\",\"r\":\"2.5\"}]],\"phone\":[[\"path\",{\"d\":\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"}]],\"pill\":[[\"path\",{\"d\":\"m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z\"}],[\"path\",{\"d\":\"m8.5 8.5 7 7\"}]],\"play\":[[\"path\",{\"d\":\"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z\"}]],\"quote\":[[\"path\",{\"d\":\"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}],[\"path\",{\"d\":\"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z\"}]],\"scissors\":[[\"circle\",{\"cx\":\"6\",\"cy\":\"6\",\"r\":\"3\"}],[\"path\",{\"d\":\"M8.12 8.12 12 12\"}],[\"path\",{\"d\":\"M20 4 8.12 15.88\"}],[\"circle\",{\"cx\":\"6\",\"cy\":\"18\",\"r\":\"3\"}],[\"path\",{\"d\":\"M14.8 14.8 20 20\"}]],\"send\":[[\"path\",{\"d\":\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"}],[\"path\",{\"d\":\"m21.854 2.147-10.94 10.939\"}]],\"share-2\":[[\"circle\",{\"cx\":\"18\",\"cy\":\"5\",\"r\":\"3\"}],[\"circle\",{\"cx\":\"6\",\"cy\":\"12\",\"r\":\"3\"}],[\"circle\",{\"cx\":\"18\",\"cy\":\"19\",\"r\":\"3\"}],[\"line\",{\"x1\":\"8.59\",\"x2\":\"15.42\",\"y1\":\"13.51\",\"y2\":\"17.49\"}],[\"line\",{\"x1\":\"15.41\",\"x2\":\"8.59\",\"y1\":\"6.51\",\"y2\":\"10.49\"}]],\"shield-check\":[[\"path\",{\"d\":\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"}],[\"path\",{\"d\":\"m9 12 2 2 4-4\"}]],\"sparkles\":[[\"path\",{\"d\":\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"}],[\"path\",{\"d\":\"M20 2v4\"}],[\"path\",{\"d\":\"M22 4h-4\"}],[\"circle\",{\"cx\":\"4\",\"cy\":\"20\",\"r\":\"2\"}]],\"star\":[[\"path\",{\"d\":\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"}]],\"stethoscope\":[[\"path\",{\"d\":\"M11 2v2\"}],[\"path\",{\"d\":\"M5 2v2\"}],[\"path\",{\"d\":\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"}],[\"path\",{\"d\":\"M8 15a6 6 0 0 0 12 0v-3\"}],[\"circle\",{\"cx\":\"20\",\"cy\":\"10\",\"r\":\"2\"}]],\"sun\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"4\"}],[\"path\",{\"d\":\"M12 2v2\"}],[\"path\",{\"d\":\"M12 20v2\"}],[\"path\",{\"d\":\"m4.93 4.93 1.41 1.41\"}],[\"path\",{\"d\":\"m17.66 17.66 1.41 1.41\"}],[\"path\",{\"d\":\"M2 12h2\"}],[\"path\",{\"d\":\"M20 12h2\"}],[\"path\",{\"d\":\"m6.34 17.66-1.41 1.41\"}],[\"path\",{\"d\":\"m19.07 4.93-1.41 1.41\"}]],\"syringe\":[[\"path\",{\"d\":\"m18 2 4 4\"}],[\"path\",{\"d\":\"m17 7 3-3\"}],[\"path\",{\"d\":\"M19 9 8.7 19.3c-1 1-2.5 1-3.4 0l-.6-.6c-1-1-1-2.5 0-3.4L15 5\"}],[\"path\",{\"d\":\"m9 11 4 4\"}],[\"path\",{\"d\":\"m5 19-3 3\"}],[\"path\",{\"d\":\"m14 4 6 6\"}]],\"thumbs-up\":[[\"path\",{\"d\":\"M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z\"}],[\"path\",{\"d\":\"M7 10v12\"}]],\"timer\":[[\"line\",{\"x1\":\"10\",\"x2\":\"14\",\"y1\":\"2\",\"y2\":\"2\"}],[\"line\",{\"x1\":\"12\",\"x2\":\"15\",\"y1\":\"14\",\"y2\":\"11\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"14\",\"r\":\"8\"}]],\"user\":[[\"path\",{\"d\":\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"7\",\"r\":\"4\"}]],\"users\":[[\"path\",{\"d\":\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"}],[\"path\",{\"d\":\"M16 3.128a4 4 0 0 1 0 7.744\"}],[\"path\",{\"d\":\"M22 21v-2a4 4 0 0 0-3-3.87\"}],[\"circle\",{\"cx\":\"9\",\"cy\":\"7\",\"r\":\"4\"}]],\"video\":[[\"path\",{\"d\":\"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5\"}],[\"rect\",{\"x\":\"2\",\"y\":\"6\",\"width\":\"14\",\"height\":\"12\",\"rx\":\"2\"}]],\"wallet\":[[\"path\",{\"d\":\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"}],[\"path\",{\"d\":\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"}]],\"wifi\":[[\"path\",{\"d\":\"M12 20h.01\"}],[\"path\",{\"d\":\"M2 8.82a15 15 0 0 1 20 0\"}],[\"path\",{\"d\":\"M5 12.859a10 10 0 0 1 14 0\"}],[\"path\",{\"d\":\"M8.5 16.429a5 5 0 0 1 7 0\"}]],\"at-sign\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"4\"}],[\"path\",{\"d\":\"M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-4 8\"}]]}"), la = /* @__PURE__ */ new Set([
 	"path",
 	"circle",
 	"rect",
 	"line"
-]), Xi = (e) => Array.isArray(e) && e.length === 2 && typeof e[0] == "string" && Yi.has(e[0]) && typeof e[1] == "object" && e[1] !== null && Object.values(e[1]).every((e) => typeof e == "string");
-function Zi(e) {
+]), ua = (e) => Array.isArray(e) && e.length === 2 && typeof e[0] == "string" && la.has(e[0]) && typeof e[1] == "object" && e[1] !== null && Object.values(e[1]).every((e) => typeof e == "string");
+function da(e) {
 	let t = typeof e == "object" && e ? Object.entries(e) : [];
-	return new Map(t.flatMap(([e, t]) => Array.isArray(t) && t.every(Xi) ? [[e, t]] : []));
+	return new Map(t.flatMap(([e, t]) => Array.isArray(t) && t.every(ua) ? [[e, t]] : []));
 }
-var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
+var fa = da(ca), pa = [...fa.keys()], ma = [
 	"width",
 	"height",
 	"stroke-width"
-], ta = /* @__PURE__ */ c({
+], ha = /* @__PURE__ */ c({
 	__name: "CatalogIcon",
 	props: {
 		name: {},
@@ -5730,7 +6179,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		stroke: { default: 2 }
 	},
 	setup(r) {
-		let a = r, o = t(() => Qi.get(a.name) ?? []);
+		let a = r, o = t(() => fa.get(a.name) ?? []);
 		return (t, a) => (_(), i("svg", {
 			width: r.size,
 			height: r.size,
@@ -5741,23 +6190,23 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round",
 			"aria-hidden": "true"
-		}, [(_(!0), i(e, null, x(o.value, (e, t) => (_(), n(C(e[0]), f({ key: t }, { ref_for: !0 }, e[1]), null, 16))), 128))], 8, ea));
+		}, [(_(!0), i(e, null, x(o.value, (e, t) => (_(), n(C(e[0]), f({ key: t }, { ref_for: !0 }, e[1]), null, 16))), 128))], 8, ma));
 	}
-}), na = {
+}), ga = {
 	heading: Ye,
 	text: fe,
-	image: De,
+	image: Oe,
 	button: Fe,
-	divider: Ne,
+	divider: Pe,
 	video: Qe,
 	shape: Ge,
 	icon: We,
-	navbar: Me,
+	navbar: Ne,
 	input: qe,
 	textarea: Re,
-	select: ke,
+	select: Ae,
 	checkbox: Ke
-}, ra = /* @__PURE__ */ c({
+}, _a = /* @__PURE__ */ c({
 	__name: "ElementIcon",
 	props: {
 		element: {},
@@ -5765,81 +6214,81 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 	},
 	setup(e) {
 		let r = e, i = G(), a = t(() => i.kindOf(r.element));
-		return (t, r) => a.value.kind === "core" ? (_(), n(C(D(na)[a.value.element.type]), {
+		return (t, r) => a.value.kind === "core" ? (_(), n(C(D(ga)[a.value.element.type]), {
 			key: 0,
 			size: e.size,
 			"aria-hidden": "true"
-		}, null, 8, ["size"])) : a.value.kind === "app" ? (_(), n(ta, {
+		}, null, 8, ["size"])) : a.value.kind === "app" ? (_(), n(ha, {
 			key: 1,
 			name: a.value.spec.icon,
 			size: e.size
-		}, null, 8, ["name", "size"])) : (_(), n(D(be), {
+		}, null, 8, ["name", "size"])) : (_(), n(D(xe), {
 			key: 2,
 			size: e.size,
 			"aria-hidden": "true"
 		}, null, 8, ["size"]));
 	}
-}), ia = { class: "lze-sidebar lze-left" }, aa = {
+}), va = { class: "lze-sidebar lze-left" }, ya = {
 	class: "lze-tabs",
 	role: "tablist"
-}, oa = ["aria-selected", "onClick"], sa = {
+}, ba = ["aria-selected", "onClick"], xa = {
 	key: 0,
 	class: "lze-scroll lze-stack",
 	role: "tabpanel"
-}, ca = { class: "lze-palette" }, la = [
+}, Sa = { class: "lze-palette" }, Ca = [
 	"title",
 	"onPointerdown",
 	"onClick"
-], ua = { class: "lze-group-title" }, da = { class: "lze-palette" }, fa = [
+], wa = { class: "lze-group-title" }, Ta = { class: "lze-palette" }, Ea = [
 	"title",
 	"onPointerdown",
 	"onClick"
-], pa = { class: "lze-hint" }, ma = { class: "lze-group-title" }, ha = { class: "lze-list" }, ga = ["onClick"], _a = { class: "lze-group-title" }, va = { class: "lze-palette" }, ya = [
+], Da = { class: "lze-hint" }, Oa = { class: "lze-group-title" }, ka = { class: "lze-list" }, Aa = ["onClick"], ja = { class: "lze-group-title" }, Ma = { class: "lze-palette" }, Na = [
 	"title",
 	"onPointerdown",
 	"onClick"
-], ba = { class: "lze-hint" }, xa = {
+], Pa = { class: "lze-hint" }, Fa = {
 	key: 1,
 	class: "lze-scroll",
 	role: "tabpanel"
-}, Sa = { class: "lze-heading lze-pad" }, Ca = { class: "lze-muted" }, wa = ["data-selected"], Ta = ["aria-label", "onClick"], Ea = ["onClick"], Da = { class: "lze-muted" }, Oa = {
+}, Ia = { class: "lze-heading lze-pad" }, La = { class: "lze-muted" }, Ra = ["data-selected"], za = ["aria-label", "onClick"], Ba = ["onClick"], Va = { class: "lze-muted" }, Ha = {
 	key: 0,
 	class: "lze-layer-actions"
-}, ka = [
+}, Ua = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], Aa = [
+], Wa = [
 	"aria-label",
 	"disabled",
 	"onClick"
-], ja = { class: "lze-layer-children" }, Ma = ["data-selected"], Na = ["onClick"], Pa = [
+], Ga = { class: "lze-layer-children" }, Ka = ["data-selected"], qa = ["onClick"], Ja = [
 	"data-locked",
 	"title",
 	"aria-label",
 	"onClick"
-], Fa = {
+], Ya = {
 	key: 0,
 	class: "lze-hint lze-pad"
-}, Ia = {
+}, Xa = {
 	key: 2,
 	class: "lze-scroll",
 	role: "tabpanel"
-}, La = { class: "lze-heading lze-pad" }, Ra = { class: "lze-hint" }, za = { class: "lze-stack lze-pad" }, Ba = ["data-active"], Va = { class: "lze-row" }, Ha = ["onUpdate:modelValue", "aria-label"], Ua = ["aria-label", "onClick"], Wa = { class: "lze-heading" }, Ga = { class: "lze-muted" }, Ka = ["onClick"], qa = {
+}, Za = { class: "lze-heading lze-pad" }, Qa = { class: "lze-hint" }, $a = { class: "lze-stack lze-pad" }, eo = ["data-active"], to = { class: "lze-row" }, no = ["onUpdate:modelValue", "aria-label"], ro = ["aria-label", "onClick"], io = { class: "lze-heading" }, ao = { class: "lze-muted" }, oo = ["onClick"], so = {
 	key: 0,
 	class: "lze-hint"
-}, Ja = {
+}, co = {
 	key: 3,
 	class: "lze-scroll",
 	role: "tabpanel"
-}, Ya = { class: "lze-heading lze-pad" }, Xa = { class: "lze-hint" }, Za = { class: "lze-media-grid lze-pad" }, Qa = [
+}, lo = { class: "lze-heading lze-pad" }, uo = { class: "lze-hint" }, fo = { class: "lze-media-grid lze-pad" }, po = [
 	"title",
 	"onPointerdown",
 	"onClick"
-], $a = ["src", "alt"], eo = {
+], mo = ["src", "alt"], ho = {
 	key: 0,
 	class: "lze-hint"
-}, to = /* @__PURE__ */ c({
+}, go = /* @__PURE__ */ c({
 	__name: "LeftSidebar",
 	props: { dropPoint: { type: Function } },
 	setup(c) {
@@ -5852,7 +6301,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			{
 				key: "layers",
 				label: "tabs.layers",
-				icon: Oe
+				icon: ke
 			},
 			{
 				key: "modals",
@@ -5862,7 +6311,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			{
 				key: "media",
 				label: "tabs.media",
-				icon: De
+				icon: Oe
 			}
 		], h = et.filter((e) => Wt[e].group === "content"), g = et.filter((e) => Wt[e].group === "form"), v = b(null);
 		function y(e, t, n, r) {
@@ -5897,7 +6346,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			e.detail === 0 && u.addElement(t, void 0, n);
 		}
 		let O = (e) => d(Wt[e].label), k = b([]);
-		function A(e) {
+		function ee(e) {
 			k.value = k.value.includes(e) ? k.value.filter((t) => t !== e) : [...k.value, e];
 		}
 		let M = t(() => u.state.selection.kind === "elements" ? u.state.selection.ids : []), te = (e) => u.state.selection.kind === "canvas" && u.state.selection.canvas === e;
@@ -5905,12 +6354,12 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			let t = u.kindOf(e);
 			return Yt(e, t.kind === "core" ? d(t.spec.label) : t.kind === "app" ? u.i18n.localized(t.spec.label) : d("type.unknown"));
 		}
-		function F(e) {
+		function P(e) {
 			e.locked = !e.locked, u.commit();
 		}
-		let ne = t(() => u.state.draft.modals ?? []);
-		return (t, c) => (_(), i("aside", ia, [
-			a("div", aa, [(_(), i(e, null, x(p, (e) => a("button", {
+		let re = t(() => u.state.draft.modals ?? []);
+		return (t, c) => (_(), i("aside", va, [
+			a("div", ya, [(_(), i(e, null, x(p, (e) => a("button", {
 				key: e.key,
 				type: "button",
 				role: "tab",
@@ -5919,9 +6368,9 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, [(_(), n(C(e.icon), {
 				size: 16,
 				"aria-hidden": "true"
-			})), o(T(D(d)(e.label)), 1)], 8, oa)), 64))]),
-			f.value === "elements" ? (_(), i("div", sa, [
-				a("div", ca, [(_(!0), i(e, null, x(D(h), (e) => (_(), i("button", {
+			})), o(T(D(d)(e.label)), 1)], 8, ba)), 64))]),
+			f.value === "elements" ? (_(), i("div", xa, [
+				a("div", Sa, [(_(!0), i(e, null, x(D(h), (e) => (_(), i("button", {
 					key: e,
 					type: "button",
 					class: "lze-palette-item",
@@ -5937,13 +6386,13 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					onPointermove: S,
 					onPointerup: w,
 					onPointercancel: c[0] ||= (e) => v.value = null
-				}, [(_(), n(C(D(na)[e]), {
+				}, [(_(), n(C(D(ga)[e]), {
 					size: 16,
 					"aria-hidden": "true"
-				})), o(T(O(e)), 1)], 40, la))), 128))]),
+				})), o(T(O(e)), 1)], 40, Ca))), 128))]),
 				D(u).catalog.value.elements.length ? (_(), i(e, { key: 0 }, [
-					a("p", ua, T(D(d)("elements.app")), 1),
-					a("div", da, [(_(!0), i(e, null, x(D(u).catalog.value.elements, (e) => (_(), i("button", {
+					a("p", wa, T(D(d)("elements.app")), 1),
+					a("div", Ta, [(_(!0), i(e, null, x(D(u).catalog.value.elements, (e) => (_(), i("button", {
 						key: e.type,
 						type: "button",
 						class: "lze-palette-item",
@@ -5959,21 +6408,21 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 						onPointermove: S,
 						onPointerup: w,
 						onPointercancel: c[1] ||= (e) => v.value = null
-					}, [s(ta, {
+					}, [s(ha, {
 						name: e.icon,
 						size: 16
-					}, null, 8, ["name"]), o(T(D(u).i18n.localized(e.label)), 1)], 40, fa))), 128))]),
-					a("p", pa, T(D(d)("elements.appHint")), 1)
+					}, null, 8, ["name"]), o(T(D(u).i18n.localized(e.label)), 1)], 40, Ea))), 128))]),
+					a("p", Da, T(D(d)("elements.appHint")), 1)
 				], 64)) : r("", !0),
-				a("p", ma, T(D(d)("elements.sections")), 1),
-				a("div", ha, [(_(!0), i(e, null, x(D(ln), (e) => (_(), i("button", {
+				a("p", Oa, T(D(d)("elements.sections")), 1),
+				a("div", ka, [(_(!0), i(e, null, x(D(ln), (e) => (_(), i("button", {
 					key: e.key,
 					type: "button",
 					class: "lze-list-item",
 					onClick: (t) => D(u).addSection(D(fn)(e.key))
-				}, T(D(d)(e.name)), 9, ga))), 128))]),
-				a("p", _a, T(D(d)("elements.form")), 1),
-				a("div", va, [(_(!0), i(e, null, x(D(g), (e) => (_(), i("button", {
+				}, T(D(d)(e.name)), 9, Aa))), 128))]),
+				a("p", ja, T(D(d)("elements.form")), 1),
+				a("div", Ma, [(_(!0), i(e, null, x(D(g), (e) => (_(), i("button", {
 					key: e,
 					type: "button",
 					class: "lze-palette-item",
@@ -5989,12 +6438,12 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					onPointermove: S,
 					onPointerup: w,
 					onPointercancel: c[2] ||= (e) => v.value = null
-				}, [(_(), n(C(D(na)[e]), {
+				}, [(_(), n(C(D(ga)[e]), {
 					size: 16,
 					"aria-hidden": "true"
-				})), o(T(O(e)), 1)], 40, ya))), 128))]),
-				a("p", ba, T(D(d)("elements.formHint")), 1)
-			])) : f.value === "layers" ? (_(), i("div", xa, [a("div", Sa, [a("span", Ca, T(D(u).activeModal.value ? D(d)("layers.modal", { title: D(u).activeModal.value.title }) : D(d)("layers.count", { n: D(u).state.draft.sections.length })), 1), D(u).activeModal.value ? r("", !0) : (_(), i("button", {
+				})), o(T(O(e)), 1)], 40, Na))), 128))]),
+				a("p", Pa, T(D(d)("elements.formHint")), 1)
+			])) : f.value === "layers" ? (_(), i("div", Fa, [a("div", Ia, [a("span", La, T(D(u).activeModal.value ? D(d)("layers.modal", { title: D(u).activeModal.value.title }) : D(d)("layers.count", { n: D(u).state.draft.sections.length })), 1), D(u).activeModal.value ? r("", !0) : (_(), i("button", {
 				key: 0,
 				type: "button",
 				class: "lze-btn",
@@ -6014,44 +6463,44 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					type: "button",
 					class: "lze-icon-btn",
 					"aria-label": k.value.includes(t.id) ? D(d)("layers.expand") : D(d)("layers.collapse"),
-					onClick: (e) => A(t.id)
-				}, [s(D(ve), {
+					onClick: (e) => ee(t.id)
+				}, [s(D(ye), {
 					size: 14,
 					style: m({ transform: k.value.includes(t.id) ? "rotate(-90deg)" : void 0 }),
 					"aria-hidden": "true"
-				}, null, 8, ["style"])], 8, Ta),
+				}, null, 8, ["style"])], 8, za),
 				a("button", {
 					type: "button",
 					class: "lze-layer-name",
 					onClick: (e) => D(u).selectCanvas(t.id)
 				}, [
-					s(D(Te), {
+					s(D(Ee), {
 						size: 14,
 						"aria-hidden": "true"
 					}),
 					a("span", null, T(D(rt)(t) ? t.title : D(d)("layers.section", { n: o + 1 })), 1),
-					a("span", Da, T(t.elements.length), 1)
-				], 8, Ea),
-				D(rt)(t) ? r("", !0) : (_(), i("span", Oa, [a("button", {
+					a("span", Va, T(t.elements.length), 1)
+				], 8, Ba),
+				D(rt)(t) ? r("", !0) : (_(), i("span", Ha, [a("button", {
 					type: "button",
 					class: "lze-icon-btn",
 					"aria-label": D(d)("layers.up"),
 					disabled: o === 0,
 					onClick: (e) => D(u).moveSection(o, -1)
-				}, [s(D(ye), {
+				}, [s(D(be), {
 					size: 14,
 					"aria-hidden": "true"
-				})], 8, ka), a("button", {
+				})], 8, Ua), a("button", {
 					type: "button",
 					class: "lze-icon-btn",
 					"aria-label": D(d)("layers.down"),
 					disabled: o === D(u).canvases.value.length - 1,
 					onClick: (e) => D(u).moveSection(o, 1)
-				}, [s(D(ve), {
+				}, [s(D(ye), {
 					size: 14,
 					"aria-hidden": "true"
-				})], 8, Aa)]))
-			], 8, wa), P(a("div", ja, [(_(!0), i(e, null, x(t.elements, (e) => (_(), i("div", {
+				})], 8, Wa)]))
+			], 8, Ra), ne(a("div", Ga, [(_(!0), i(e, null, x(t.elements, (e) => (_(), i("div", {
 				key: e.id,
 				class: "lze-layer-row",
 				"data-selected": M.value.includes(e.id)
@@ -6059,22 +6508,22 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				type: "button",
 				class: "lze-layer-name",
 				onClick: (n) => D(u).select(t.id, e.id, n.shiftKey)
-			}, [s(ra, { element: e }, null, 8, ["element"]), a("span", null, T(N(e)), 1)], 8, Na), a("button", {
+			}, [s(_a, { element: e }, null, 8, ["element"]), a("span", null, T(N(e)), 1)], 8, qa), a("button", {
 				type: "button",
 				class: "lze-icon-btn lze-lock-toggle",
 				"data-locked": e.locked === !0,
 				title: e.locked ? D(d)("layers.unlock") : D(d)("layers.lock"),
 				"aria-label": e.locked ? D(d)("layers.unlock") : D(d)("layers.lock"),
-				onClick: (t) => F(e)
-			}, [e.locked ? (_(), n(D(Ae), {
+				onClick: (t) => P(e)
+			}, [e.locked ? (_(), n(D(je), {
 				key: 0,
 				size: 12,
 				"aria-hidden": "true"
-			})) : (_(), n(D(je), {
+			})) : (_(), n(D(Me), {
 				key: 1,
 				size: 12,
 				"aria-hidden": "true"
-			}))], 8, Pa)], 8, Ma))), 128)), t.elements.length === 0 ? (_(), i("p", Fa, T(D(d)("layers.empty")), 1)) : r("", !0)], 512), [[ee, !k.value.includes(t.id)]])]))), 128))])) : f.value === "modals" ? (_(), i("div", Ia, [a("div", La, [a("span", Ra, T(D(d)("modals.hint")), 1), a("button", {
+			}))], 8, Ja)], 8, Ka))), 128)), t.elements.length === 0 ? (_(), i("p", Ya, T(D(d)("layers.empty")), 1)) : r("", !0)], 512), [[j, !k.value.includes(t.id)]])]))), 128))])) : f.value === "modals" ? (_(), i("div", Xa, [a("div", Za, [a("span", Qa, T(D(d)("modals.hint")), 1), a("button", {
 				type: "button",
 				class: "lze-btn",
 				"data-variant": "ghost",
@@ -6082,17 +6531,17 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, [s(D(ze), {
 				size: 14,
 				"aria-hidden": "true"
-			}), o(T(D(d)("common.new")), 1)])]), a("div", za, [(_(!0), i(e, null, x(ne.value, (e) => (_(), i("div", {
+			}), o(T(D(d)("common.new")), 1)])]), a("div", $a, [(_(!0), i(e, null, x(re.value, (e) => (_(), i("div", {
 				key: e.id,
 				class: "lze-card",
 				"data-active": D(u).state.view.kind === "modal" && D(u).state.view.id === e.id
-			}, [a("div", Va, [P(a("input", {
+			}, [a("div", to, [ne(a("input", {
 				"onUpdate:modelValue": (t) => e.title = t,
 				class: "lze-input",
 				maxlength: "120",
 				"aria-label": D(d)("modals.titleLabel"),
 				onChange: c[5] ||= (e) => D(u).commit()
-			}, null, 40, Ha), [[j, e.title]]), a("button", {
+			}, null, 40, no), [[A, e.title]]), a("button", {
 				type: "button",
 				class: "lze-icon-btn",
 				"data-tone": "danger",
@@ -6101,11 +6550,11 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, [s(D(Je), {
 				size: 14,
 				"aria-hidden": "true"
-			})], 8, Ua)]), a("div", Wa, [a("span", Ga, T(D(d)("modals.elements", { n: e.elements.length })), 1), a("button", {
+			})], 8, ro)]), a("div", io, [a("span", ao, T(D(d)("modals.elements", { n: e.elements.length })), 1), a("button", {
 				type: "button",
 				class: "lze-btn",
 				onClick: (t) => D(u).openModal(D(u).state.view.kind === "modal" && D(u).state.view.id === e.id ? null : e.id)
-			}, T(D(u).state.view.kind === "modal" && D(u).state.view.id === e.id ? D(d)("common.close") : D(d)("modals.edit")), 9, Ka)])], 8, Ba))), 128)), ne.value.length === 0 ? (_(), i("p", qa, T(D(d)("modals.empty")), 1)) : r("", !0)])])) : (_(), i("div", Ja, [a("div", Ya, [a("span", Xa, T(D(d)("media.hint")), 1), a("button", {
+			}, T(D(u).state.view.kind === "modal" && D(u).state.view.id === e.id ? D(d)("common.close") : D(d)("modals.edit")), 9, oo)])], 8, eo))), 128)), re.value.length === 0 ? (_(), i("p", so, T(D(d)("modals.empty")), 1)) : r("", !0)])])) : (_(), i("div", co, [a("div", lo, [a("span", uo, T(D(d)("media.hint")), 1), a("button", {
 				type: "button",
 				class: "lze-btn",
 				"data-variant": "ghost",
@@ -6113,7 +6562,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, [s(D(ze), {
 				size: 14,
 				"aria-hidden": "true"
-			}), o(T(D(d)("media.upload")), 1)])]), a("div", Za, [(_(!0), i(e, null, x(D(u).state.workspace.assets, (e) => (_(), i("button", {
+			}), o(T(D(d)("media.upload")), 1)])]), a("div", fo, [(_(!0), i(e, null, x(D(u).state.workspace.assets, (e) => (_(), i("button", {
 				key: e.id,
 				type: "button",
 				class: "lze-media-item",
@@ -6134,7 +6583,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				alt: e.name,
 				loading: "lazy",
 				draggable: "false"
-			}, null, 8, $a)], 40, Qa))), 128)), D(u).state.workspace.assets.length === 0 ? (_(), i("p", eo, T(D(d)("media.empty")), 1)) : r("", !0)])])),
+			}, null, 8, mo)], 40, po))), 128)), D(u).state.workspace.assets.length === 0 ? (_(), i("p", ho, T(D(d)("media.empty")), 1)) : r("", !0)])])),
 			v.value?.moved ? (_(), i("p", {
 				key: 4,
 				class: "lze-drag-ghost",
@@ -6145,7 +6594,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, T(v.value.label), 5)) : r("", !0)
 		]));
 	}
-}), no = /* @__PURE__ */ c({
+}), _o = /* @__PURE__ */ c({
 	__name: "AppContent",
 	props: {
 		element: {},
@@ -6159,7 +6608,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				[e]: t
 			};
 		}
-		return (r, s) => (_(!0), i(e, null, x(t.spec.fields, (e) => (_(), n(ai, {
+		return (r, s) => (_(!0), i(e, null, x(t.spec.fields, (e) => (_(), n(yi, {
 			key: e.key,
 			field: e,
 			"model-value": t.element.props[e.key],
@@ -6171,7 +6620,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			"onUpdate:modelValue"
 		]))), 128));
 	}
-}), ro = /* @__PURE__ */ c({
+}), vo = /* @__PURE__ */ c({
 	__name: "ButtonContent",
 	props: { element: {} },
 	setup(t) {
@@ -6189,7 +6638,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, null, 8, ["id", "modelValue"])]),
 			_: 1
 		}, 8, ["id", "label"]), s(Y, { label: D(r)("el.action") }, {
-			default: N(() => [s(ii, {
+			default: N(() => [s(_i, {
 				modelValue: t.element.props.action,
 				"onUpdate:modelValue": c[2] ||= (e) => t.element.props.action = e,
 				label: D(r)("el.action"),
@@ -6198,7 +6647,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			_: 1
 		}, 8, ["label"])], 64));
 	}
-}), io = 30, ao = /* @__PURE__ */ c({
+}), yo = 30, bo = /* @__PURE__ */ c({
 	__name: "FormFieldContent",
 	props: { element: {} },
 	setup(t) {
@@ -6218,7 +6667,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			label: c(`el.inputType.${e}`)
 		})), d = b((a.element.props.options ?? []).join("\n"));
 		function f(e) {
-			d.value = e ?? "", a.element.props.options = d.value.split("\n").map((e) => e.trim()).filter(Boolean).slice(0, io);
+			d.value = e ?? "", a.element.props.options = d.value.split("\n").map((e) => e.trim()).filter(Boolean).slice(0, yo);
 		}
 		return (a, p) => (_(), i(e, null, [
 			s(Y, {
@@ -6271,43 +6720,50 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				"label",
 				"hint"
 			])) : r("", !0),
-			t.element.type === "checkbox" ? r("", !0) : (_(), n(Y, {
+			t.element.type === "select" ? (_(), n(li, {
 				key: 2,
+				modelValue: t.element.props.multiple,
+				"onUpdate:modelValue": p[5] ||= (e) => t.element.props.multiple = e,
+				label: D(c)("el.multiple"),
+				onCommit: p[6] ||= (e) => D(o).commit()
+			}, null, 8, ["modelValue", "label"])) : r("", !0),
+			t.element.type !== "checkbox" && !(t.element.type === "select" && t.element.props.multiple) ? (_(), n(Y, {
+				key: 3,
 				id: l.placeholder,
 				label: D(c)("el.placeholder")
 			}, {
 				default: N(() => [s(X, {
 					id: l.placeholder,
 					modelValue: t.element.props.placeholder,
-					"onUpdate:modelValue": p[5] ||= (e) => t.element.props.placeholder = e,
+					"onUpdate:modelValue": p[7] ||= (e) => t.element.props.placeholder = e,
 					maxlength: 120,
-					onCommit: p[6] ||= (e) => D(o).commit()
+					onCommit: p[8] ||= (e) => D(o).commit()
 				}, null, 8, ["id", "modelValue"])]),
 				_: 1
-			}, 8, ["id", "label"])),
-			s(Xr, {
+			}, 8, ["id", "label"])) : r("", !0),
+			s(li, {
 				modelValue: t.element.props.required,
-				"onUpdate:modelValue": p[7] ||= (e) => t.element.props.required = e,
+				"onUpdate:modelValue": p[9] ||= (e) => t.element.props.required = e,
 				label: D(c)("el.required"),
-				onCommit: p[8] ||= (e) => D(o).commit()
+				onCommit: p[10] ||= (e) => D(o).commit()
 			}, null, 8, ["modelValue", "label"])
 		], 64));
 	}
-}), oo = ["aria-label"], so = [
+}), xo = ["aria-label"], So = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"onClick"
-], co = {
+], Co = {
 	key: 0,
 	class: "lze-hint"
-}, lo = /* @__PURE__ */ c({
+}, wo = /* @__PURE__ */ c({
 	__name: "IconContent",
 	props: { element: {} },
 	setup(n) {
 		let o = n, c = G(), l = c.t, u = O(), d = b(""), f = t(() => {
 			let e = d.value.trim().toLowerCase();
-			return e ? $i.filter((t) => t.includes(e)) : $i;
+			return e ? pa.filter((t) => t.includes(e)) : pa;
 		});
 		function p(e) {
 			o.element.props.icon = e, c.commit();
@@ -6338,10 +6794,10 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				"aria-label": e,
 				"aria-pressed": n.element.props.icon === e,
 				onClick: (t) => p(e)
-			}, [s(ta, {
+			}, [s(ha, {
 				name: e,
 				size: 20
-			}, null, 8, ["name"])], 8, so))), 128)), f.value.length === 0 ? (_(), i("p", co, T(D(l)("el.noResults")), 1)) : r("", !0)], 8, oo)]),
+			}, null, 8, ["name"])], 8, So))), 128)), f.value.length === 0 ? (_(), i("p", Co, T(D(l)("el.noResults")), 1)) : r("", !0)], 8, xo)]),
 			_: 1
 		}, 8, ["id", "label"]), s($, {
 			modelValue: n.element.props.stroke,
@@ -6354,7 +6810,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			onCommit: o[2] ||= (e) => D(c).commit()
 		}, null, 8, ["modelValue", "label"])], 64));
 	}
-}), uo = [
+}), To = [
 	"rectangle",
 	"ellipse",
 	"triangle",
@@ -6363,10 +6819,10 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 	"diagonal",
 	"dots",
 	"grid"
-], fo = (e) => uo.map((t) => ({
+], Eo = (e) => To.map((t) => ({
 	value: t,
 	label: e(`shape.${t}`)
-})), po = /* @__PURE__ */ c({
+})), Do = /* @__PURE__ */ c({
 	__name: "ImageContent",
 	props: { element: {} },
 	setup(t) {
@@ -6379,7 +6835,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			label: r(`el.fit.${e}`)
 		}));
 		return (c, l) => (_(), i(e, null, [
-			s(Br, {
+			s($r, {
 				modelValue: t.element.props.src,
 				"onUpdate:modelValue": l[0] ||= (e) => t.element.props.src = e,
 				label: D(r)("el.image"),
@@ -6429,7 +6885,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					id: a.crop,
 					modelValue: t.element.props.shape,
 					"onUpdate:modelValue": l[6] ||= (e) => t.element.props.shape = e,
-					options: D(fo)(D(r)),
+					options: D(Eo)(D(r)),
 					onCommit: l[7] ||= (e) => D(n).commit()
 				}, null, 8, [
 					"id",
@@ -6440,17 +6896,18 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, 8, ["id", "label"])
 		], 64));
 	}
-}), mo = { class: "lze-field" }, ho = { class: "lze-label" }, go = { class: "lze-row" }, _o = {
+}), Oo = { class: "lze-field" }, ko = { class: "lze-label" }, Ao = { class: "lze-row" }, jo = {
 	key: 1,
 	class: "lze-hint"
-}, vo = { class: "lze-field" }, yo = { class: "lze-heading" }, bo = { class: "lze-label" }, xo = { class: "lze-row lze-nowrap" }, So = { class: "lze-hint" }, Co = 8, wo = /* @__PURE__ */ c({
+}, Mo = { class: "lze-field" }, No = { class: "lze-heading" }, Po = { class: "lze-label" }, Fo = { class: "lze-row lze-nowrap" }, Io = { class: "lze-hint" }, Lo = 8, Ro = /* @__PURE__ */ c({
 	__name: "NavbarContent",
 	props: { element: {} },
 	setup(r) {
 		let c = r, l = G(), u = l.t, d = {
 			brand: O(),
 			scroll: O(),
-			layout: O()
+			layout: O(),
+			template: O()
 		}, f = Gt(u), p = [
 			"same",
 			"shadow",
@@ -6460,14 +6917,23 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			value: e,
 			label: u(`el.scroll.${e}`)
 		})), m = [
+			"plain",
+			"pill",
+			"card",
+			"underline",
+			"divided"
+		].map((e) => ({
+			value: e,
+			label: u(`el.navbarTemplate.${e}`)
+		})), h = [
 			"split",
 			"left",
 			"center"
 		].map((e) => ({
 			value: e,
 			label: u(`el.layout.${e}`)
-		})), h = t(() => c.element.props.links ?? []);
-		function g(e) {
+		})), g = t(() => c.element.props.links ?? []);
+		function v(e) {
 			c.element.props = {
 				...c.element.props,
 				...V(e.props)
@@ -6476,8 +6942,8 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				...V(e.style)
 			}, l.commit();
 		}
-		function v() {
-			c.element.props.links = [...h.value, {
+		function y() {
+			c.element.props.links = [...g.value, {
 				label: u("default.link"),
 				action: {
 					type: "anchor",
@@ -6485,13 +6951,13 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				}
 			}], l.commit();
 		}
-		function y(e) {
-			c.element.props.links = h.value.filter((t, n) => n !== e), l.commit();
+		function b(e) {
+			c.element.props.links = g.value.filter((t, n) => n !== e), l.commit();
 		}
 		return (t, c) => (_(), i(e, null, [
-			a("div", mo, [a("span", ho, T(D(u)("el.presets")), 1), a("div", go, [(_(!0), i(e, null, x(D(f), (e) => (_(), n(q, {
+			a("div", Oo, [a("span", ko, T(D(u)("el.presets")), 1), a("div", Ao, [(_(!0), i(e, null, x(D(f), (e) => (_(), n(q, {
 				key: e.name,
-				onClick: (t) => g(e)
+				onClick: (t) => v(e)
 			}, {
 				default: N(() => [o(T(D(u)(e.name)), 1)]),
 				_: 2
@@ -6514,7 +6980,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				])]),
 				_: 1
 			}, 8, ["id", "label"]),
-			s(Xr, {
+			s(li, {
 				modelValue: r.element.props.sticky,
 				"onUpdate:modelValue": c[2] ||= (e) => r.element.props.sticky = e,
 				label: D(u)("el.sticky"),
@@ -6537,7 +7003,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					"options"
 				])]),
 				_: 1
-			}, 8, ["id", "label"])) : (_(), i("p", _o, T(D(u)("el.notSticky")), 1)),
+			}, 8, ["id", "label"])) : (_(), i("p", jo, T(D(u)("el.notSticky")), 1)),
 			s(Y, {
 				id: d.layout,
 				label: D(u)("el.layout")
@@ -6545,7 +7011,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				default: N(() => [s(Q, {
 					id: d.layout,
 					"model-value": r.element.props.layout ?? "split",
-					options: D(m),
+					options: D(h),
 					"onUpdate:modelValue": c[6] ||= (e) => r.element.props.layout = e,
 					onCommit: c[7] ||= (e) => D(l).commit()
 				}, null, 8, [
@@ -6555,52 +7021,69 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				])]),
 				_: 1
 			}, 8, ["id", "label"]),
-			a("div", vo, [
-				a("div", yo, [a("span", bo, T(D(u)("el.links")), 1), s(q, {
-					disabled: h.value.length >= Co,
-					onClick: v
+			s(Y, {
+				id: d.template,
+				label: D(u)("el.navbarTemplate")
+			}, {
+				default: N(() => [s(Q, {
+					id: d.template,
+					"model-value": r.element.props.template ?? "plain",
+					options: D(m),
+					"onUpdate:modelValue": c[8] ||= (e) => r.element.props.template = e,
+					onCommit: c[9] ||= (e) => D(l).commit()
+				}, null, 8, [
+					"id",
+					"model-value",
+					"options"
+				])]),
+				_: 1
+			}, 8, ["id", "label"]),
+			a("div", Mo, [
+				a("div", No, [a("span", Po, T(D(u)("el.links")), 1), s(q, {
+					disabled: g.value.length >= Lo,
+					onClick: y
 				}, {
 					default: N(() => [o(T(D(u)("common.add")), 1)]),
 					_: 1
 				}, 8, ["disabled"])]),
-				(_(!0), i(e, null, x(h.value, (e, t) => (_(), i("fieldset", {
+				(_(!0), i(e, null, x(g.value, (e, t) => (_(), i("fieldset", {
 					key: t,
 					class: "lze-link-card"
 				}, [
 					a("legend", null, T(D(u)("el.linkN", { n: t + 1 })), 1),
-					a("div", xo, [s(X, {
+					a("div", Fo, [s(X, {
 						modelValue: e.label,
 						"onUpdate:modelValue": (t) => e.label = t,
 						maxlength: 40,
 						label: D(u)("el.linkLabel"),
-						onCommit: c[8] ||= (e) => D(l).commit()
+						onCommit: c[10] ||= (e) => D(l).commit()
 					}, null, 8, [
 						"modelValue",
 						"onUpdate:modelValue",
 						"label"
 					]), s(q, {
 						variant: "danger",
-						onClick: (e) => y(t)
+						onClick: (e) => b(t)
 					}, {
 						default: N(() => [o(T(D(u)("el.removeLink")), 1)]),
 						_: 1
 					}, 8, ["onClick"])]),
-					s(ii, {
+					s(_i, {
 						modelValue: e.action,
 						"onUpdate:modelValue": (t) => e.action = t,
 						label: D(u)("el.action"),
-						onCommit: c[9] ||= (e) => D(l).commit()
+						onCommit: c[11] ||= (e) => D(l).commit()
 					}, null, 8, [
 						"modelValue",
 						"onUpdate:modelValue",
 						"label"
 					])
 				]))), 128)),
-				a("p", So, T(D(u)("el.linksHint")), 1)
+				a("p", Io, T(D(u)("el.linksHint")), 1)
 			])
 		], 64));
 	}
-}), To = /* @__PURE__ */ c({
+}), zo = /* @__PURE__ */ c({
 	__name: "ShapeContent",
 	props: { element: {} },
 	setup(t) {
@@ -6613,7 +7096,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				id: D(a),
 				modelValue: t.element.props.shape,
 				"onUpdate:modelValue": c[0] ||= (e) => t.element.props.shape = e,
-				options: D(fo)(D(r)),
+				options: D(Eo)(D(r)),
 				onCommit: c[1] ||= (e) => D(n).commit()
 			}, null, 8, [
 				"id",
@@ -6637,12 +7120,12 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			"format"
 		])], 64));
 	}
-}), Eo = { class: "lze-field" }, Do = { class: "lze-label" }, Oo = ["aria-label"], ko = [
+}), Bo = { class: "lze-field" }, Vo = { class: "lze-label" }, Ho = ["aria-label"], Uo = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"onClick"
-], Ao = ["data-active", "title"], jo = ["value", "aria-label"], Mo = /* @__PURE__ */ c({
+], Wo = ["data-active", "title"], Go = ["value", "aria-label"], Ko = /* @__PURE__ */ c({
 	__name: "ColorPicker",
 	props: /*@__PURE__*/ d({ label: {} }, {
 		modelValue: { required: !0 },
@@ -6654,7 +7137,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		function d(e) {
 			s.value = e, c("commit");
 		}
-		return (t, r) => (_(), i("div", Eo, [a("span", Do, T(n.label), 1), a("div", {
+		return (t, r) => (_(), i("div", Bo, [a("span", Vo, T(n.label), 1), a("div", {
 			class: "lze-swatches",
 			role: "group",
 			"aria-label": n.label
@@ -6667,7 +7150,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			"aria-label": D(l).t(`token.${e}`),
 			"aria-pressed": s.value === e,
 			onClick: (t) => d(e)
-		}, null, 12, ko))), 128)), a("label", {
+		}, null, 12, Uo))), 128)), a("label", {
 			class: "lze-swatch-custom",
 			"data-active": !!s.value && !D(kt)(s.value),
 			title: D(l).t("color.custom")
@@ -6677,9 +7160,9 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			"aria-label": D(l).t("color.customLabel", { label: n.label }),
 			onInput: r[0] ||= (e) => s.value = e.target.value,
 			onChange: r[1] ||= (e) => c("commit")
-		}, null, 40, jo), o(" " + T(D(l).t("color.custom")), 1)], 8, Ao)], 8, Oo)]));
+		}, null, 40, Go), o(" " + T(D(l).t("color.custom")), 1)], 8, Wo)], 8, Ho)]));
 	}
-}), No = /* @__PURE__ */ c({
+}), qo = /* @__PURE__ */ c({
 	__name: "TextContent",
 	props: { element: {} },
 	setup(t) {
@@ -6729,7 +7212,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				])]),
 				_: 1
 			}, 8, ["id", "label"]),
-			t.element.props.accent ? (_(), n(Mo, {
+			t.element.props.accent ? (_(), n(Ko, {
 				key: 0,
 				modelValue: t.element.style.accent_color,
 				"onUpdate:modelValue": d[4] ||= (e) => t.element.style.accent_color = e,
@@ -6756,7 +7239,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, 8, ["id", "label"])) : r("", !0)
 		], 64));
 	}
-}), Po = /* @__PURE__ */ c({
+}), Jo = /* @__PURE__ */ c({
 	__name: "VideoContent",
 	props: { element: {} },
 	setup(e) {
@@ -6786,7 +7269,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			"hint"
 		]));
 	}
-}), Fo = ["open"], Io = { class: "lze-panel-body" }, Lo = /* @__PURE__ */ c({
+}), Yo = ["open"], Xo = { class: "lze-panel-body" }, Zo = /* @__PURE__ */ c({
 	__name: "PanelSection",
 	props: {
 		title: {},
@@ -6799,16 +7282,16 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		return (t, n) => (_(), i("details", {
 			class: "lze-panel-section",
 			open: e.open
-		}, [a("summary", null, [o(T(e.title), 1), s(D(ve), {
+		}, [a("summary", null, [o(T(e.title), 1), s(D(ye), {
 			size: 14,
 			"aria-hidden": "true"
-		})]), a("div", Io, [S(t.$slots, "default")])], 8, Fo));
+		})]), a("div", Xo, [S(t.$slots, "default")])], 8, Yo));
 	}
-}), Ro = { class: "lze-stack" }, zo = ["aria-label"], Bo = [
+}), Qo = { class: "lze-stack" }, $o = ["aria-label"], es = [
 	"title",
 	"aria-label",
 	"onClick"
-], Vo = { class: "lze-grid-2" }, Ho = /* @__PURE__ */ c({
+], ts = { class: "lze-grid-2" }, ns = /* @__PURE__ */ c({
 	__name: "GradientEditor",
 	props: {
 		modelValue: { required: !0 },
@@ -6834,7 +7317,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		function y(e) {
 			l.value = { ...e }, u("commit");
 		}
-		return (t, o) => (_(), i("div", Ro, [
+		return (t, o) => (_(), i("div", Qo, [
 			a("div", {
 				class: "lze-gradient-presets",
 				role: "group",
@@ -6847,20 +7330,20 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				title: D(f)(e.name),
 				"aria-label": D(f)(e.name),
 				onClick: (t) => y(e.gradient)
-			}, null, 12, Bo))), 128))], 8, zo),
-			s(Mo, {
+			}, null, 12, es))), 128))], 8, $o),
+			s(Ko, {
 				"model-value": g.value.from,
 				label: D(f)("gradient.from"),
 				"onUpdate:modelValue": o[0] ||= (e) => v("from", e),
 				onCommit: o[1] ||= (e) => u("commit")
 			}, null, 8, ["model-value", "label"]),
-			s(Mo, {
+			s(Ko, {
 				"model-value": g.value.to,
 				label: D(f)("gradient.to"),
 				"onUpdate:modelValue": o[2] ||= (e) => v("to", e),
 				onCommit: o[3] ||= (e) => u("commit")
 			}, null, 8, ["model-value", "label"]),
-			a("div", Vo, [s(Y, {
+			a("div", ts, [s(Y, {
 				id: D(p),
 				label: D(f)("gradient.shape")
 			}, {
@@ -6900,10 +7383,10 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			])) : r("", !0)])
 		]));
 	}
-}), Uo = { class: "lze-heading" }, Wo = { class: "lze-label" }, Go = { class: "lze-grid-2" }, Ko = {
+}), rs = { class: "lze-heading" }, is = { class: "lze-label" }, as = { class: "lze-grid-2" }, os = {
 	key: 2,
 	class: "lze-hint"
-}, qo = /* @__PURE__ */ c({
+}, ss = /* @__PURE__ */ c({
 	__name: "FillStyle",
 	props: { element: {} },
 	setup(e) {
@@ -6917,15 +7400,15 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				angle: 135
 			} : null, c.commit();
 		}
-		return (t, o) => (_(), n(Lo, { title: D(l)("style.fill") }, {
+		return (t, o) => (_(), n(Zo, { title: D(l)("style.fill") }, {
 			default: N(() => [
-				s(Mo, {
+				s(Ko, {
 					modelValue: e.element.style.color,
 					"onUpdate:modelValue": o[0] ||= (t) => e.element.style.color = t,
 					label: D(l)("style.color"),
 					onCommit: o[1] ||= (e) => D(c).commit()
 				}, null, 8, ["modelValue", "label"]),
-				a("div", Uo, [a("span", Wo, T(D(l)("style.background")), 1), s(Q, {
+				a("div", rs, [a("span", is, T(D(l)("style.background")), 1), s(Q, {
 					"model-value": d.value,
 					compact: "",
 					label: D(l)("style.backgroundType"),
@@ -6942,19 +7425,19 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					"label",
 					"options"
 				])]),
-				d.value === "color" ? (_(), n(Mo, {
+				d.value === "color" ? (_(), n(Ko, {
 					key: 0,
 					modelValue: e.element.style.background,
 					"onUpdate:modelValue": o[2] ||= (t) => e.element.style.background = t,
 					label: D(l)("style.backgroundColor"),
 					onCommit: o[3] ||= (e) => D(c).commit()
-				}, null, 8, ["modelValue", "label"])) : (_(), n(Ho, {
+				}, null, 8, ["modelValue", "label"])) : (_(), n(ns, {
 					key: 1,
 					modelValue: e.element.style.gradient,
 					"onUpdate:modelValue": o[4] ||= (t) => e.element.style.gradient = t,
 					onCommit: o[5] ||= (e) => D(c).commit()
 				}, null, 8, ["modelValue"])),
-				a("div", Go, [s($, {
+				a("div", as, [s($, {
 					modelValue: e.element.style.background_opacity,
 					"onUpdate:modelValue": o[6] ||= (t) => e.element.style.background_opacity = t,
 					label: D(l)("style.transparency"),
@@ -6977,12 +7460,12 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					"label",
 					"format"
 				])]),
-				e.element.style.blur ? (_(), i("p", Ko, T(D(l)("style.glassHint")), 1)) : r("", !0)
+				e.element.style.blur ? (_(), i("p", os, T(D(l)("style.glassHint")), 1)) : r("", !0)
 			]),
 			_: 1
 		}, 8, ["title"]));
 	}
-}), Jo = { class: "lze-grid-2" }, Yo = { class: "lze-grid-2" }, Xo = /* @__PURE__ */ c({
+}), cs = { class: "lze-grid-2" }, ls = { class: "lze-grid-2" }, us = /* @__PURE__ */ c({
 	__name: "FrameStyle",
 	props: { element: {} },
 	setup(o) {
@@ -7012,9 +7495,9 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				[e]: t
 			};
 		}
-		return (t, c) => (_(), i(e, null, [s(Lo, { title: D(u)("style.frame") }, {
+		return (t, c) => (_(), i(e, null, [s(Zo, { title: D(u)("style.frame") }, {
 			default: N(() => [
-				a("div", Jo, [
+				a("div", cs, [
 					s(Z, {
 						modelValue: o.element.style.radius,
 						"onUpdate:modelValue": c[0] ||= (e) => o.element.style.radius = e,
@@ -7051,7 +7534,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 						onCommit: c[7] ||= (e) => D(l).commit()
 					}, null, 8, ["model-value", "label"])
 				]),
-				o.element.style.border_width ? (_(), n(Mo, {
+				o.element.style.border_width ? (_(), n(Ko, {
 					key: 0,
 					modelValue: o.element.style.border_color,
 					"onUpdate:modelValue": c[8] ||= (e) => o.element.style.border_color = e,
@@ -7077,12 +7560,12 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				}, 8, ["id", "label"])
 			]),
 			_: 1
-		}, 8, ["title"]), o.element.style.shadow === "custom" ? (_(), n(Lo, {
+		}, 8, ["title"]), o.element.style.shadow === "custom" ? (_(), n(Zo, {
 			key: 0,
 			title: D(u)("style.customShadow")
 		}, {
 			default: N(() => [
-				a("div", Yo, [
+				a("div", ls, [
 					s(Z, {
 						"model-value": m.value.x,
 						label: D(u)("position.x"),
@@ -7120,7 +7603,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 						onCommit: c[19] ||= (e) => D(l).commit()
 					}, null, 8, ["model-value", "label"])
 				]),
-				s(Mo, {
+				s(Ko, {
 					"model-value": m.value.color,
 					label: D(u)("style.shadowColor"),
 					"onUpdate:modelValue": c[20] ||= (e) => h("color", e),
@@ -7144,10 +7627,10 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			_: 1
 		}, 8, ["title"])) : r("", !0)], 64));
 	}
-}), Zo = {
+}), ds = {
 	key: 0,
 	class: "lze-grid-2"
-}, Qo = { class: "lze-hint" }, $o = /* @__PURE__ */ c({
+}, fs = { class: "lze-hint" }, ps = /* @__PURE__ */ c({
 	__name: "MotionStyle",
 	props: { element: {} },
 	setup(e) {
@@ -7187,7 +7670,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				[e]: t
 			};
 		}
-		return (t, o) => (_(), n(Lo, {
+		return (t, o) => (_(), n(Zo, {
 			title: D(l)("style.motion"),
 			open: !1
 		}, {
@@ -7209,7 +7692,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					])]),
 					_: 1
 				}, 8, ["id", "label"]),
-				h.value.type === "none" ? r("", !0) : (_(), i("div", Zo, [s($, {
+				h.value.type === "none" ? r("", !0) : (_(), i("div", ds, [s($, {
 					"model-value": h.value.delay,
 					label: D(l)("style.delay"),
 					min: 0,
@@ -7246,20 +7729,20 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					])]),
 					_: 1
 				}, 8, ["id", "label"]),
-				a("p", Qo, T(D(l)("style.motionHint")), 1)
+				a("p", fs, T(D(l)("style.motionHint")), 1)
 			]),
 			_: 1
 		}, 8, ["title"]));
 	}
-}), es = ["aria-label"], ts = /* @__PURE__ */ c({
+}), ms = ["aria-label"], hs = /* @__PURE__ */ c({
 	__name: "AlignButtons",
 	setup(t) {
 		let r = G(), a = {
-			left: R,
+			left: he,
 			hcenter: ce,
 			right: ue,
 			top: me,
-			vmiddle: se,
+			vmiddle: L,
 			bottom: le
 		};
 		return (t, o) => (_(), i("div", {
@@ -7276,12 +7759,12 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				"aria-hidden": "true"
 			}))]),
 			_: 2
-		}, 1032, ["label", "onClick"]))), 128))], 8, es));
+		}, 1032, ["label", "onClick"]))), 128))], 8, ms));
 	}
-}), ns = { class: "lze-grid-2" }, rs = {
+}), gs = { class: "lze-grid-2" }, _s = { class: "lze-hint" }, vs = {
 	key: 0,
 	class: "lze-hint"
-}, is = /* @__PURE__ */ c({
+}, ys = /* @__PURE__ */ c({
 	__name: "PositionSection",
 	props: { element: {} },
 	setup(c) {
@@ -7295,13 +7778,13 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		function h() {
 			l.element.layout.mobile = null, u.commit();
 		}
-		return (t, l) => (_(), n(Lo, {
+		return (t, l) => (_(), n(Zo, {
 			title: D(d)("position.title", { device: D(d)(f.value === "desktop" ? "position.desktop" : "position.mobile") }),
 			open: !1
 		}, {
 			default: N(() => [
-				s(ts),
-				a("div", ns, [
+				s(hs),
+				a("div", gs, [
 					s(Z, {
 						"model-value": p.value.x,
 						label: D(d)("position.x"),
@@ -7331,7 +7814,14 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 						onCommit: l[7] ||= (e) => D(u).commit()
 					}, null, 8, ["model-value", "label"])
 				]),
-				f.value === "mobile" ? (_(), i("p", rs, [c.element.layout.mobile ? (_(), i(e, { key: 0 }, [o(T(D(d)("position.own")) + " ", 1), a("button", {
+				s(li, {
+					modelValue: c.element.style.pinned,
+					"onUpdate:modelValue": l[8] ||= (e) => c.element.style.pinned = e,
+					label: D(d)("position.pinned"),
+					onCommit: l[9] ||= (e) => D(u).commit()
+				}, null, 8, ["modelValue", "label"]),
+				a("p", _s, T(D(d)("position.pinnedHint")), 1),
+				f.value === "mobile" ? (_(), i("p", vs, [c.element.layout.mobile ? (_(), i(e, { key: 0 }, [o(T(D(d)("position.own")) + " ", 1), a("button", {
 					type: "button",
 					class: "lze-link",
 					onClick: h
@@ -7340,7 +7830,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			_: 1
 		}, 8, ["title"]));
 	}
-}), as = ["aria-label"], os = ["aria-pressed", "onClick"], ss = { class: "lze-grid-2" }, cs = { class: "lze-row" }, ls = ["aria-label"], us = /* @__PURE__ */ c({
+}), bs = ["aria-label"], xs = ["aria-pressed", "onClick"], Ss = { class: "lze-grid-2" }, Cs = { class: "lze-row" }, ws = ["aria-label"], Ts = /* @__PURE__ */ c({
 	__name: "TextStyle",
 	props: { element: {} },
 	setup(t) {
@@ -7359,7 +7849,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			{
 				value: "center",
 				label: "style.align.center",
-				icon: oe
+				icon: se
 			},
 			{
 				value: "right",
@@ -7380,7 +7870,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		function f(e, t) {
 			r.element.style[e] = t, o.commit();
 		}
-		return (r, p) => (_(), n(Lo, { title: D(c)("style.text") }, {
+		return (r, p) => (_(), n(Zo, { title: D(c)("style.text") }, {
 			default: N(() => [
 				a("div", {
 					class: "lze-tabs-inline",
@@ -7391,8 +7881,8 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					type: "button",
 					"aria-pressed": (t.element.style.font ?? "body") === e.value,
 					onClick: (t) => f("font", e.value)
-				}, T(D(c)(e.label)), 9, os)), 64))], 8, as),
-				a("div", ss, [s(Z, {
+				}, T(D(c)(e.label)), 9, xs)), 64))], 8, bs),
+				a("div", Ss, [s(Z, {
 					modelValue: t.element.style.size,
 					"onUpdate:modelValue": p[0] ||= (e) => t.element.style.size = e,
 					label: D(c)("style.size"),
@@ -7413,7 +7903,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					"label",
 					"placeholder"
 				])]),
-				a("div", cs, [a("div", {
+				a("div", Cs, [a("div", {
 					class: "lze-row",
 					role: "group",
 					"aria-label": D(c)("style.align")
@@ -7432,7 +7922,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					"label",
 					"active",
 					"onClick"
-				])), 64))], 8, ls), s(Z, {
+				])), 64))], 8, ws), s(Z, {
 					modelValue: t.element.style.line_height,
 					"onUpdate:modelValue": p[4] ||= (e) => t.element.style.line_height = e,
 					class: "lze-grow",
@@ -7446,7 +7936,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			_: 1
 		}, 8, ["title"]));
 	}
-}), ds = { class: "lze-row" }, fs = { class: "lze-grid-2" }, ps = { class: "lze-hint" }, ms = /* @__PURE__ */ c({
+}), Es = { class: "lze-row" }, Ds = { class: "lze-grid-2" }, Os = { class: "lze-hint" }, ks = /* @__PURE__ */ c({
 	__name: "TransformStyle",
 	props: { element: {} },
 	setup(e) {
@@ -7472,12 +7962,12 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		function u(e, n) {
 			t.element.style[e] = n, r.commit();
 		}
-		return (t, d) => (_(), n(Lo, {
+		return (t, d) => (_(), n(Zo, {
 			title: D(i)("style.transform"),
 			open: !1
 		}, {
 			default: N(() => [
-				a("div", ds, [
+				a("div", Es, [
 					s(Z, {
 						modelValue: e.element.style.rotate,
 						"onUpdate:modelValue": d[0] ||= (t) => e.element.style.rotate = t,
@@ -7503,7 +7993,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 						active: e.element.style.flip_x === !0,
 						onClick: d[3] ||= (t) => u("flip_x", !e.element.style.flip_x)
 					}, {
-						default: N(() => [s(D(Ce), {
+						default: N(() => [s(D(we), {
 							size: 16,
 							"aria-hidden": "true"
 						})]),
@@ -7514,14 +8004,14 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 						active: e.element.style.flip_y === !0,
 						onClick: d[4] ||= (t) => u("flip_y", !e.element.style.flip_y)
 					}, {
-						default: N(() => [s(D(we), {
+						default: N(() => [s(D(Te), {
 							size: 16,
 							"aria-hidden": "true"
 						})]),
 						_: 1
 					}, 8, ["label", "active"])
 				]),
-				a("div", fs, [s(Y, {
+				a("div", Ds, [s(Y, {
 					id: o.overflow,
 					label: D(i)("style.overflow")
 				}, {
@@ -7554,38 +8044,38 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					])]),
 					_: 1
 				}, 8, ["id", "label"])]),
-				a("p", ps, T(D(i)("style.transformHint")), 1)
+				a("p", Os, T(D(i)("style.transformHint")), 1)
 			]),
 			_: 1
 		}, 8, ["title"]));
 	}
-}), hs = { class: "lze-stack" }, gs = { class: "lze-heading" }, _s = { class: "lze-panel-title" }, vs = { class: "lze-row lze-nowrap" }, ys = {
+}), As = { class: "lze-stack" }, js = { class: "lze-heading" }, Ms = { class: "lze-panel-title" }, Ns = { class: "lze-row lze-nowrap" }, Ps = {
 	key: 0,
 	class: "lze-hint"
-}, bs = /* @__PURE__ */ c({
+}, Fs = /* @__PURE__ */ c({
 	__name: "ElementPanel",
 	props: { element: {} },
 	setup(c) {
 		let l = c, u = G(), d = u.t, f = {
-			heading: No,
-			text: No,
-			image: po,
-			button: ro,
+			heading: qo,
+			text: qo,
+			image: Do,
+			button: vo,
 			divider: null,
-			video: Po,
-			shape: To,
-			icon: lo,
-			navbar: wo,
-			input: ao,
-			textarea: ao,
-			select: ao,
-			checkbox: ao
+			video: Jo,
+			shape: zo,
+			icon: wo,
+			navbar: Ro,
+			input: bo,
+			textarea: bo,
+			select: bo,
+			checkbox: bo
 		}, p = {
-			fill: qo,
-			text: us,
-			border: Xo,
-			effects: ms,
-			motion: $o
+			fill: ss,
+			text: Ts,
+			border: us,
+			effects: ks,
+			motion: ps
 		}, m = t(() => u.kindOf(l.element)), h = t(() => {
 			let e = m.value;
 			return e.kind === "core" ? d(e.spec.label) : e.kind === "app" ? u.i18n.localized(e.spec.label) : d("type.unknown");
@@ -7596,7 +8086,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				panel: p[e]
 			}));
 		});
-		return (t, l) => (_(), i("div", hs, [a("div", gs, [a("h2", _s, T(h.value), 1), a("div", vs, [m.value.kind === "opaque" ? r("", !0) : (_(), n(q, {
+		return (t, l) => (_(), i("div", As, [a("div", js, [a("h2", Ms, T(h.value), 1), a("div", Ns, [m.value.kind === "opaque" ? r("", !0) : (_(), n(q, {
 			key: 0,
 			onClick: l[0] ||= (e) => D(u).duplicateSelected()
 		}, {
@@ -7608,11 +8098,11 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		}, {
 			default: N(() => [o(T(D(d)("common.delete")), 1)]),
 			_: 1
-		})])]), m.value.kind === "opaque" ? (_(), i("p", ys, T(D(d)("el.unknown")), 1)) : (_(), i(e, { key: 1 }, [
+		})])]), m.value.kind === "opaque" ? (_(), i("p", Ps, T(D(d)("el.unknown")), 1)) : (_(), i(e, { key: 1 }, [
 			m.value.kind === "core" && f[m.value.element.type] ? (_(), n(C(f[m.value.element.type]), {
 				key: 0,
 				element: m.value.element
-			}, null, 8, ["element"])) : m.value.kind === "app" ? (_(), n(no, {
+			}, null, 8, ["element"])) : m.value.kind === "app" ? (_(), n(_o, {
 				key: 1,
 				element: m.value.element,
 				spec: m.value.spec
@@ -7621,13 +8111,13 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				key: e.group,
 				element: c.element
 			}, null, 8, ["element"]))), 128)),
-			s(is, { element: c.element }, null, 8, ["element"])
+			s(ys, { element: c.element }, null, 8, ["element"])
 		], 64))]));
 	}
-}), xs = { class: "lze-stack" }, Ss = { class: "lze-panel-title" }, Cs = { class: "lze-hint" }, ws = { class: "lze-field" }, Ts = { class: "lze-label" }, Es = ["aria-label"], Ds = { class: "lze-field" }, Os = {
+}), Is = { class: "lze-stack" }, Ls = { class: "lze-panel-title" }, Rs = { class: "lze-hint" }, zs = { class: "lze-field" }, Bs = { class: "lze-label" }, Vs = ["aria-label"], Hs = { class: "lze-field" }, Us = {
 	key: 0,
 	class: "lze-hint"
-}, ks = { class: "lze-field" }, As = /* @__PURE__ */ c({
+}, Ws = { class: "lze-field" }, Gs = /* @__PURE__ */ c({
 	__name: "ModalPanel",
 	props: { modal: {} },
 	setup(t) {
@@ -7638,8 +8128,8 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		function p(e) {
 			typeof e == "number" && (c.modal.width = e, c.modal.size = "custom");
 		}
-		return (c, m) => (_(), i("div", xs, [
-			a("h2", Ss, T(D(u)("modal.heading")), 1),
+		return (c, m) => (_(), i("div", Is, [
+			a("h2", Ls, T(D(u)("modal.heading")), 1),
 			s(Y, {
 				id: D(d),
 				label: D(u)("modal.title")
@@ -7652,17 +8142,17 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 						maxlength: 120,
 						onCommit: m[1] ||= (e) => D(l).commit()
 					}, null, 8, ["id", "modelValue"]),
-					s(Xr, {
+					s(li, {
 						modelValue: t.modal.show_title,
 						"onUpdate:modelValue": m[2] ||= (e) => t.modal.show_title = e,
 						label: D(u)("modal.showTitle"),
 						onCommit: m[3] ||= (e) => D(l).commit()
 					}, null, 8, ["modelValue", "label"]),
-					a("p", Cs, T(D(u)("modal.showTitleHint")), 1)
+					a("p", Rs, T(D(u)("modal.showTitleHint")), 1)
 				]),
 				_: 1
 			}, 8, ["id", "label"]),
-			a("div", ws, [a("span", Ts, T(D(u)("modal.size")), 1), a("div", {
+			a("div", zs, [a("span", Bs, T(D(u)("modal.size")), 1), a("div", {
 				class: "lze-row",
 				role: "group",
 				"aria-label": D(u)("modal.size")
@@ -7678,8 +8168,8 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				"variant",
 				"aria-pressed",
 				"onClick"
-			]))), 128))], 8, Es)]),
-			a("div", Ds, [s(Z, {
+			]))), 128))], 8, Vs)]),
+			a("div", Hs, [s(Z, {
 				"model-value": t.modal.width,
 				label: D(u)("modal.width"),
 				min: 280,
@@ -7692,12 +8182,12 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				"model-value",
 				"label",
 				"disabled"
-			]), t.modal.size === "full" ? (_(), i("p", Os, T(D(u)("modal.fullHint")), 1)) : r("", !0)]),
+			]), t.modal.size === "full" ? (_(), i("p", Us, T(D(u)("modal.fullHint")), 1)) : r("", !0)]),
 			s(q, { onClick: m[5] ||= (e) => D(l).fitCanvas(t.modal) }, {
 				default: N(() => [o(T(D(u)("section.fitHeight")), 1)]),
 				_: 1
 			}),
-			a("div", ks, [s(Z, {
+			a("div", Ws, [s(Z, {
 				"model-value": t.modal.height.desktop,
 				label: D(u)("section.heightDesktop"),
 				min: 80,
@@ -7712,7 +8202,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				"onUpdate:modelValue": m[8] ||= (e) => t.modal.height.mobile = e ?? t.modal.height.mobile,
 				onCommit: m[9] ||= (e) => D(l).commit()
 			}, null, 8, ["model-value", "label"])]),
-			s(Mo, {
+			s(Ko, {
 				modelValue: t.modal.background.color,
 				"onUpdate:modelValue": m[10] ||= (e) => t.modal.background.color = e,
 				label: D(u)("modal.background"),
@@ -7724,19 +8214,34 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			})
 		]));
 	}
-}), js = { class: "lze-stack" }, Ms = { class: "lze-panel-title" }, Ns = { class: "lze-field" }, Ps = { class: "lze-label" }, Fs = { class: "lze-field" }, Is = { class: "lze-label" }, Ls = { class: "lze-row" }, Rs = { class: "lze-hint" }, zs = { class: "lze-row" }, Bs = { class: "lze-hint" }, Vs = /* @__PURE__ */ c({
+}), Ks = { class: "lze-stack" }, qs = { class: "lze-panel-title" }, Js = { class: "lze-field" }, Ys = { class: "lze-label" }, Xs = { class: "lze-field" }, Zs = { class: "lze-label" }, Qs = { class: "lze-row" }, $s = { class: "lze-hint" }, ec = { class: "lze-hint" }, tc = { class: "lze-hint" }, nc = /* @__PURE__ */ c({
 	__name: "MultiPanel",
-	setup(e) {
-		let n = G(), r = n.t, c = t(() => n.selectedElements.value.length);
-		return (e, t) => (_(), i("div", js, [
-			a("h2", Ms, T(D(r)("multi.count", { n: c.value })), 1),
-			a("div", Ns, [a("span", Ps, T(D(r)("multi.align")), 1), s(ts)]),
-			a("div", Fs, [
-				a("span", Is, T(D(r)("multi.distribute")), 1),
-				a("div", Ls, [s(J, {
-					label: D(r)("multi.distributeX"),
-					disabled: c.value < 3,
-					onClick: t[0] ||= (e) => D(n).distributeSelected("x")
+	setup(o) {
+		let c = G(), l = c.t, u = t(() => c.selectedElements.value.length), d = {
+			fill: ss,
+			text: Ts,
+			border: us,
+			effects: ks,
+			motion: ps
+		}, f = t(() => {
+			let e = c.selectedElements.value.map((e) => {
+				let t = c.kindOf(e);
+				return t.kind === "opaque" ? [] : t.spec.styles;
+			});
+			return Object.keys(d).filter((t) => e.length > 0 && e.every((e) => e.includes(t))).map((e) => ({
+				group: e,
+				panel: d[e]
+			}));
+		}), p = t(() => c.sharedTarget());
+		return (t, o) => (_(), i("div", Ks, [
+			a("h2", qs, T(D(l)("multi.count", { n: u.value })), 1),
+			a("div", Js, [a("span", Ys, T(D(l)("multi.align")), 1), s(hs)]),
+			a("div", Xs, [
+				a("span", Zs, T(D(l)("multi.distribute")), 1),
+				a("div", Qs, [s(J, {
+					label: D(l)("multi.distributeX"),
+					disabled: u.value < 3,
+					onClick: o[0] ||= (e) => D(c).distributeSelected("x")
 				}, {
 					default: N(() => [s(D(de), {
 						size: 16,
@@ -7744,47 +8249,27 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					})]),
 					_: 1
 				}, 8, ["label", "disabled"]), s(J, {
-					label: D(r)("multi.distributeY"),
-					disabled: c.value < 3,
-					onClick: t[1] ||= (e) => D(n).distributeSelected("y")
+					label: D(l)("multi.distributeY"),
+					disabled: u.value < 3,
+					onClick: o[1] ||= (e) => D(c).distributeSelected("y")
 				}, {
-					default: N(() => [s(D(he), {
+					default: N(() => [s(D(ge), {
 						size: 16,
 						"aria-hidden": "true"
 					})]),
 					_: 1
 				}, 8, ["label", "disabled"])]),
-				a("p", Rs, T(D(r)("multi.distributeHint")), 1)
+				a("p", $s, T(D(l)("multi.distributeHint")), 1)
 			]),
-			a("div", zs, [
-				s(q, { onClick: t[2] ||= (e) => D(n).groupSelected() }, {
-					default: N(() => [o(T(D(r)("multi.group")), 1)]),
-					_: 1
-				}),
-				s(q, { onClick: t[3] ||= (e) => D(n).ungroupSelected() }, {
-					default: N(() => [o(T(D(r)("multi.ungroup")), 1)]),
-					_: 1
-				}),
-				s(q, { onClick: t[4] ||= (e) => D(n).toggleLock() }, {
-					default: N(() => [o(T(D(r)("multi.lock")), 1)]),
-					_: 1
-				}),
-				s(q, { onClick: t[5] ||= (e) => D(n).duplicateSelected() }, {
-					default: N(() => [o(T(D(r)("common.duplicate")), 1)]),
-					_: 1
-				}),
-				s(q, {
-					variant: "danger",
-					onClick: t[6] ||= (e) => D(n).removeSelected()
-				}, {
-					default: N(() => [o(T(D(r)("common.delete")), 1)]),
-					_: 1
-				})
-			]),
-			a("p", Bs, T(D(r)("multi.hint")), 1)
+			p.value ? (_(!0), i(e, { key: 0 }, x(f.value, (e) => (_(), n(C(e.panel), {
+				key: e.group,
+				element: p.value
+			}, null, 8, ["element"]))), 128)) : r("", !0),
+			a("p", ec, T(D(l)("multi.menuHint")), 1),
+			a("p", tc, T(D(l)("multi.hint")), 1)
 		]));
 	}
-}), Hs = { class: "lze-stack" }, Us = { class: "lze-heading" }, Ws = { class: "lze-panel-title" }, Gs = { class: "lze-row" }, Ks = { class: "lze-field" }, qs = /* @__PURE__ */ c({
+}), rc = { class: "lze-stack" }, ic = { class: "lze-heading" }, ac = { class: "lze-panel-title" }, oc = { class: "lze-row" }, sc = { class: "lze-field" }, cc = /* @__PURE__ */ c({
 	__name: "SectionPanel",
 	props: { section: {} },
 	setup(t) {
@@ -7831,8 +8316,8 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		function y(e) {
 			c.section.background.image = e ?? null, c.section.background.type = e ? "image" : "color";
 		}
-		return (c, b) => (_(), i("div", Hs, [
-			a("div", Us, [a("h2", Ws, T(D(u)("section.heading")), 1), D(l).state.draft.sections.length > 1 ? (_(), n(J, {
+		return (c, b) => (_(), i("div", rc, [
+			a("div", ic, [a("h2", ac, T(D(u)("section.heading")), 1), D(l).state.draft.sections.length > 1 ? (_(), n(J, {
 				key: 0,
 				label: D(u)("section.delete"),
 				tone: "danger",
@@ -7893,14 +8378,14 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				"hint",
 				"error"
 			]),
-			a("div", Gs, [s(q, { onClick: b[5] ||= (e) => D(l).fitCanvas(t.section) }, {
+			a("div", oc, [s(q, { onClick: b[5] ||= (e) => D(l).fitCanvas(t.section) }, {
 				default: N(() => [o(T(D(u)("section.fitHeight")), 1)]),
 				_: 1
 			}), s(q, { onClick: b[6] ||= (e) => D(l).generateMobile(t.section) }, {
 				default: N(() => [o(T(D(u)("section.generateMobile")), 1)]),
 				_: 1
 			})]),
-			a("div", Ks, [s(Z, {
+			a("div", sc, [s(Z, {
 				"model-value": t.section.height.desktop,
 				label: D(u)("section.heightDesktop"),
 				min: 80,
@@ -7931,19 +8416,19 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				])]),
 				_: 1
 			}, 8, ["id", "label"]),
-			t.section.background.type === "color" ? (_(), n(Mo, {
+			t.section.background.type === "color" ? (_(), n(Ko, {
 				key: 0,
 				modelValue: t.section.background.color,
 				"onUpdate:modelValue": b[11] ||= (e) => t.section.background.color = e,
 				label: D(u)("section.color"),
 				onCommit: b[12] ||= (e) => D(l).commit()
-			}, null, 8, ["modelValue", "label"])) : t.section.background.type === "gradient" ? (_(), n(Ho, {
+			}, null, 8, ["modelValue", "label"])) : t.section.background.type === "gradient" ? (_(), n(ns, {
 				key: 1,
 				modelValue: t.section.background.gradient,
 				"onUpdate:modelValue": b[13] ||= (e) => t.section.background.gradient = e,
 				onCommit: b[14] ||= (e) => D(l).commit()
 			}, null, 8, ["modelValue"])) : (_(), i(e, { key: 2 }, [
-				s(Br, {
+				s($r, {
 					"model-value": t.section.background.image,
 					label: D(u)("section.image"),
 					choose: D(u)("section.chooseImage"),
@@ -7954,7 +8439,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					"label",
 					"choose"
 				]),
-				s(Xr, {
+				s(li, {
 					modelValue: t.section.background.parallax,
 					"onUpdate:modelValue": b[16] ||= (e) => t.section.background.parallax = e,
 					label: D(u)("section.parallax"),
@@ -7977,10 +8462,10 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			], 64))
 		]));
 	}
-}), Js = {
+}), lc = {
 	key: 4,
 	class: "lze-hint"
-}, Ys = /* @__PURE__ */ c({
+}, uc = /* @__PURE__ */ c({
 	__name: "DesignPanel",
 	setup(e) {
 		let r = G(), a = t(() => {
@@ -8001,24 +8486,24 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				section: t
 			} : { kind: "none" };
 		});
-		return (e, t) => a.value.kind === "multi" ? (_(), n(Vs, { key: 0 })) : a.value.kind === "element" ? (_(), n(bs, {
+		return (e, t) => a.value.kind === "multi" ? (_(), n(nc, { key: 0 })) : a.value.kind === "element" ? (_(), n(Fs, {
 			key: a.value.element.id,
 			element: a.value.element
-		}, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(As, {
+		}, null, 8, ["element"])) : a.value.kind === "modal" ? (_(), n(Gs, {
 			key: a.value.modal.id,
 			modal: a.value.modal
-		}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(qs, {
+		}, null, 8, ["modal"])) : a.value.kind === "section" ? (_(), n(cc, {
 			key: a.value.section.id,
 			section: a.value.section
-		}, null, 8, ["section"])) : (_(), i("p", Js, T(D(r).t("panel.nothing")), 1));
+		}, null, 8, ["section"])) : (_(), i("p", lc, T(D(r).t("panel.nothing")), 1));
 	}
-}), Xs = {
+}), dc = {
 	key: 0,
 	class: "lze-stack"
-}, Zs = { class: "lze-slug-static" }, Qs = { class: "lze-slug" }, $s = { class: "lze-row" }, ec = {
+}, fc = { class: "lze-slug-static" }, pc = { class: "lze-slug" }, mc = { class: "lze-row" }, hc = {
 	key: 2,
 	class: "lze-field lze-divided"
-}, tc = { class: "lze-label" }, nc = ["onClick"], rc = { class: "lze-hint" }, ic = { class: "lze-field lze-divided" }, ac = { class: "lze-label" }, oc = { class: "lze-shortcuts lze-hint" }, sc = /* @__PURE__ */ c({
+}, gc = { class: "lze-label" }, _c = ["onClick"], vc = { class: "lze-hint" }, yc = { class: "lze-field lze-divided" }, bc = { class: "lze-label" }, xc = { class: "lze-shortcuts lze-hint" }, Sc = /* @__PURE__ */ c({
 	__name: "PagePanel",
 	setup(c) {
 		let l = G(), u = l.t, d = {
@@ -8037,7 +8522,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 		function y() {
 			f.value && window.confirm(u("page.deleteConfirm", { title: f.value.title })) && l.deletePage();
 		}
-		return (t, c) => f.value ? (_(), i("div", Xs, [
+		return (t, c) => f.value ? (_(), i("div", dc, [
 			s(Y, {
 				id: d.title,
 				label: D(u)("page.title")
@@ -8055,7 +8540,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				label: D(u)("page.address"),
 				hint: D(u)("page.homeHint")
 			}, {
-				default: N(() => [a("p", Zs, [c[4] ||= a("span", {
+				default: N(() => [a("p", fc, [c[4] ||= a("span", {
 					class: "lze-slug-root",
 					"aria-hidden": "true"
 				}, "/", -1), o(T(D(u)("page.home")), 1)])]),
@@ -8065,7 +8550,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				label: D(u)("page.address"),
 				error: m.value.map((e) => e.message).join(" ") || null
 			}, {
-				default: N(() => [a("div", Qs, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(X, {
+				default: N(() => [a("div", pc, [c[5] ||= a("span", { "aria-hidden": "true" }, "/", -1), s(X, {
 					id: d.slug,
 					modelValue: p.value,
 					"onUpdate:modelValue": c[1] ||= (e) => p.value = e,
@@ -8081,7 +8566,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				"id",
 				"label",
 				"error"
-			]), a("div", $s, [s(q, {
+			]), a("div", mc, [s(q, {
 				disabled: h.value || p.value.trim() === f.value.slug,
 				onClick: v
 			}, {
@@ -8094,12 +8579,12 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				default: N(() => [o(T(D(u)("page.delete")), 1)]),
 				_: 1
 			})])], 64)),
-			g.value ? (_(), i("div", ec, [a("span", tc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
+			g.value ? (_(), i("div", hc, [a("span", gc, T(D(u)("page.templates")), 1), (_(!0), i(e, null, x(D(dn), (e) => (_(), i("button", {
 				key: e.key,
 				type: "button",
 				class: "lze-choice",
 				onClick: (t) => D(l).applyPageTemplate(e.key)
-			}, [a("strong", null, T(D(u)(e.name)), 1), a("span", rc, T(D(u)(e.note)), 1)], 8, nc))), 128))])) : r("", !0),
+			}, [a("strong", null, T(D(u)(e.name)), 1), a("span", vc, T(D(u)(e.note)), 1)], 8, _c))), 128))])) : r("", !0),
 			s(Y, {
 				id: d.seoTitle,
 				label: D(u)("page.seoTitle"),
@@ -8130,7 +8615,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				}, null, 8, ["id", "modelValue"])]),
 				_: 1
 			}, 8, ["id", "label"]),
-			a("div", ic, [a("span", ac, T(D(u)("page.shortcuts")), 1), a("ul", oc, [
+			a("div", yc, [a("span", bc, T(D(u)("page.shortcuts")), 1), a("ul", xc, [
 				a("li", null, T(D(u)("page.shortcutUndo")), 1),
 				a("li", null, T(D(u)("page.shortcutSave")), 1),
 				a("li", null, T(D(u)("page.shortcutCopy")), 1),
@@ -8138,42 +8623,42 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			])])
 		])) : r("", !0);
 	}
-}), cc = { class: "lze-sidebar lze-right" }, lc = {
+}), Cc = { class: "lze-sidebar lze-right" }, wc = {
 	class: "lze-tabs",
 	role: "tablist"
-}, uc = ["aria-selected"], dc = ["aria-selected"], fc = {
+}, Tc = ["aria-selected"], Ec = ["aria-selected"], Dc = {
 	class: "lze-scroll lze-pad",
 	role: "tabpanel"
-}, pc = /* @__PURE__ */ c({
+}, Oc = /* @__PURE__ */ c({
 	__name: "RightPanel",
 	setup(e) {
 		let t = G(), r = b("design");
-		return (e, o) => (_(), i("aside", cc, [a("div", lc, [a("button", {
+		return (e, o) => (_(), i("aside", Cc, [a("div", wc, [a("button", {
 			type: "button",
 			role: "tab",
 			"aria-selected": r.value === "design",
 			onClick: o[0] ||= (e) => r.value = "design"
-		}, T(D(t).t("panel.design")), 9, uc), a("button", {
+		}, T(D(t).t("panel.design")), 9, Tc), a("button", {
 			type: "button",
 			role: "tab",
 			"aria-selected": r.value === "page",
 			onClick: o[1] ||= (e) => r.value = "page"
-		}, T(D(t).t("panel.page")), 9, dc)]), a("div", fc, [r.value === "design" ? (_(), n(Ys, { key: 0 })) : (_(), n(sc, { key: 1 }))])]));
+		}, T(D(t).t("panel.page")), 9, Ec)]), a("div", Dc, [r.value === "design" ? (_(), n(uc, { key: 0 })) : (_(), n(Sc, { key: 1 }))])]));
 	}
-}), mc = { class: "lze-toolbar" }, hc = { class: "lze-toolbar-group" }, gc = { class: "lze-site-name" }, _c = ["aria-label", "value"], vc = ["value"], yc = ["data-published"], bc = ["data-tone"], xc = { class: "lze-toolbar-group" }, Sc = ["aria-label"], Cc = [
+}), kc = { class: "lze-toolbar" }, Ac = { class: "lze-toolbar-group" }, jc = { class: "lze-site-name" }, Mc = ["aria-label", "value"], Nc = ["value"], Pc = ["data-published"], Fc = ["data-tone"], Ic = { class: "lze-toolbar-group" }, Lc = ["aria-label"], Rc = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"onClick"
-], wc = [
+], zc = [
 	"title",
 	"aria-label",
 	"disabled"
-], Tc = [
+], Bc = [
 	"title",
 	"aria-label",
 	"disabled"
-], Ec = ["href"], Dc = /* @__PURE__ */ c({
+], Vc = ["href"], Hc = /* @__PURE__ */ c({
 	__name: "Toolbar",
 	setup(c) {
 		let l = G(), u = l.t, d = t(() => l.state.page), f = new Intl.DateTimeFormat(l.i18n.locale, {
@@ -8226,8 +8711,8 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			let t = e.target;
 			await l.openPage(Number(t.value)), t.value = String(l.state.page?.id ?? "");
 		}
-		return (t, c) => (_(), i("header", mc, [a("div", hc, [
-			a("strong", gc, T(D(l).state.workspace.site.name), 1),
+		return (t, c) => (_(), i("header", kc, [a("div", Ac, [
+			a("strong", jc, T(D(l).state.workspace.site.name), 1),
 			d.value ? (_(), i("select", {
 				key: 0,
 				class: "lze-select lze-page-select",
@@ -8237,7 +8722,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, [(_(!0), i(e, null, x(D(l).state.workspace.pages, (e) => (_(), i("option", {
 				key: e.id,
 				value: e.id
-			}, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, vc))), 128))], 40, _c)) : r("", !0),
+			}, T(e.title) + T(e.slug ? ` /${e.slug}` : ""), 9, Nc))), 128))], 40, Mc)) : r("", !0),
 			s(q, {
 				variant: "ghost",
 				title: D(u)("toolbar.newPageHint"),
@@ -8253,13 +8738,13 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				key: 1,
 				class: "lze-badge-status",
 				"data-published": d.value.publishedAt !== null
-			}, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, yc)) : r("", !0),
+			}, T(d.value.publishedAt ? D(u)("status.published") : D(u)("status.unpublished")), 9, Pc)) : r("", !0),
 			a("span", {
 				class: "lze-save-status",
 				"data-tone": p.value.tone,
 				"data-testid": "save-status",
 				"aria-live": "polite"
-			}, T(p.value.text), 9, bc),
+			}, T(p.value.text), 9, Fc),
 			p.value.retry ? (_(), n(q, {
 				key: 2,
 				variant: "ghost",
@@ -8276,7 +8761,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				default: N(() => [o(T(D(u)("conflict.reload")), 1)]),
 				_: 1
 			})) : r("", !0)
-		]), a("div", xc, [
+		]), a("div", Ic, [
 			a("div", {
 				class: "lze-segmented",
 				role: "group",
@@ -8288,7 +8773,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				"aria-label": e === "desktop" ? D(u)("toolbar.desktop") : D(u)("toolbar.mobile"),
 				"aria-pressed": D(l).state.device === e,
 				onClick: (t) => D(l).state.device = e
-			}, [e === "desktop" ? (_(), n(D(Pe), {
+			}, [e === "desktop" ? (_(), n(D(R), {
 				key: 0,
 				size: 16,
 				"aria-hidden": "true"
@@ -8296,7 +8781,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				key: 1,
 				size: 16,
 				"aria-hidden": "true"
-			}))], 8, Cc)), 64))], 8, Sc),
+			}))], 8, Rc)), 64))], 8, Lc),
 			a("button", {
 				type: "button",
 				class: "lze-icon-btn",
@@ -8307,7 +8792,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, [s(D(Xe), {
 				size: 16,
 				"aria-hidden": "true"
-			})], 8, wc),
+			})], 8, zc),
 			a("button", {
 				type: "button",
 				class: "lze-icon-btn",
@@ -8318,7 +8803,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, [s(D(Be), {
 				size: 16,
 				"aria-hidden": "true"
-			})], 8, Tc),
+			})], 8, Bc),
 			s(q, {
 				variant: "ghost",
 				title: D(l).state.previewing ? D(u)("toolbar.editHint") : D(u)("toolbar.previewHint"),
@@ -8328,7 +8813,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 					key: 0,
 					size: 16,
 					"aria-hidden": "true"
-				})) : (_(), n(D(Se), {
+				})) : (_(), n(D(Ce), {
 					key: 1,
 					size: 16,
 					"aria-hidden": "true"
@@ -8341,7 +8826,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				title: D(u)("toolbar.versionsHint"),
 				onClick: c[6] ||= (e) => D(l).state.dialog = "versions"
 			}, {
-				default: N(() => [s(D(Ee), {
+				default: N(() => [s(D(De), {
 					size: 16,
 					"aria-hidden": "true"
 				}), o(T(D(u)("toolbar.versions")), 1)]),
@@ -8376,7 +8861,7 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 				href: m.value,
 				target: "_blank",
 				rel: "noopener noreferrer"
-			}, T(D(u)("toolbar.viewSite")), 9, Ec)) : r("", !0),
+			}, T(D(u)("toolbar.viewSite")), 9, Vc)) : r("", !0),
 			s(q, {
 				variant: "primary",
 				disabled: D(l).state.publishing || !d.value,
@@ -8387,25 +8872,25 @@ var Qi = Zi(Ji), $i = [...Qi.keys()], ea = [
 			}, 8, ["disabled"])
 		])]));
 	}
-}), Oc = [
+}), Uc = [
 	".lze-root{--lze-bg:#f3f4f6;--lze-panel:#fff;--lze-fg:#0f172a;--lze-muted:#64748b;--lze-border:#e2e8f0;--lze-hover:#f1f5f9;--lze-active:#e8eefc;--lze-accent:#2563eb;--lze-accent-fg:#fff;--lze-danger:#dc2626;--lze-success:#15803d;--lze-warning:#b45309;--lze-radius:8px;--lze-font:ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif;--lze-select:#2563eb;--lze-guide:#ec4899;all:initial;box-sizing:border-box;background:var(--lze-bg);height:100%;min-height:480px;color:var(--lze-fg);font:13px/1.45 var(--lze-font);-webkit-font-smoothing:antialiased;grid-template-rows:auto minmax(0,1fr);display:grid}.lze-root :where(:not(svg,svg *)){all:revert;box-sizing:border-box}.lze-root :where(){box-sizing:border-box}.lze-root :where(h1,h2,h3,p,figure){margin:0}.lze-root :where(button,input,select,textarea){font:inherit;color:inherit}.lze-root :focus-visible{outline:2px solid var(--lze-accent);outline-offset:1px}.lze-muted,.lze-hint{color:var(--lze-muted)}.lze-hint{font-size:12px}.lze-error{color:var(--lze-danger);font-size:12px}.lze-btn{border-radius:var(--lze-radius);border:1px solid var(--lze-border);background:var(--lze-panel);height:32px;color:var(--lze-fg);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.lze-btn[data-size=md]{height:36px;padding:0 14px}.lze-btn:hover:not(:disabled){background:var(--lze-hover)}.lze-btn:disabled{opacity:.5;cursor:default}.lze-btn[data-variant=primary]{background:var(--lze-accent);border-color:var(--lze-accent);color:var(--lze-accent-fg)}.lze-btn[data-variant=primary]:hover:not(:disabled){background:color-mix(in srgb, var(--lze-accent) 88%, black)}.lze-btn[data-variant=ghost]{background:0 0;border-color:#0000}.lze-btn[data-variant=danger]{color:var(--lze-danger)}.lze-icon-btn{border-radius:var(--lze-radius);width:32px;height:32px;color:var(--lze-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.lze-icon-btn:hover:not(:disabled){background:var(--lze-hover);color:var(--lze-fg)}.lze-icon-btn[aria-pressed=true]{border-color:var(--lze-fg);background:var(--lze-active);color:var(--lze-fg)}.lze-icon-btn[data-tone=danger]{color:var(--lze-danger)}.lze-icon-btn:disabled{opacity:.4;cursor:default}.lze-field{gap:6px;display:grid}.lze-label{color:var(--lze-fg);font-size:12px;font-weight:600}.lze-input,.lze-select{border:1px solid var(--lze-border);background:var(--lze-panel);width:100%;min-height:32px;color:var(--lze-fg);border-radius:6px;padding:6px 8px}.lze-input:focus,.lze-select:focus{border-color:var(--lze-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--lze-accent) 20%, transparent);outline:none}textarea.lze-input{resize:vertical;line-height:1.4}.lze-select[data-compact=true]{width:auto;min-height:26px;padding:2px 6px;font-size:12px}.lze-number{border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:6px;align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}.lze-number:focus-within{border-color:var(--lze-accent)}.lze-number input{text-align:right;background:0 0;border:0;outline:none;width:100%;min-width:0}.lze-number-label,.lze-number-suffix{color:var(--lze-muted);flex:none;font-size:11px}.lze-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.lze-toggle input{width:16px;height:16px;accent-color:var(--lze-fg);margin:0}.lze-range{gap:4px;display:grid}.lze-range input{width:100%;accent-color:var(--lze-fg)}.lze-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lze-swatch{cursor:pointer;border:1px solid #0f172a1f;border-radius:999px;width:26px;height:26px;padding:0}.lze-swatch[aria-pressed=true]{outline:2px solid var(--lze-fg);outline-offset:2px}.lze-swatch-custom{border:1px solid var(--lze-border);color:var(--lze-muted);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 3px;font-size:12px;display:inline-flex}.lze-swatch-custom[data-active=true]{outline:2px solid var(--lze-fg);outline-offset:2px}.lze-swatch-custom input{cursor:pointer;background:0 0;border:0;border-radius:999px;width:20px;height:20px;padding:0}.lze-panel-section{border-top:1px solid var(--lze-border);padding-top:4px}.lze-panel-section>summary{color:var(--lze-muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;font-weight:600;list-style:none;display:flex}.lze-panel-section>summary::-webkit-details-marker{display:none}.lze-panel-section>summary:hover{color:var(--lze-fg)}.lze-panel-section[open]>summary svg{transform:rotate(180deg)}.lze-panel-body{gap:10px;padding:2px 0 12px;display:grid}.lze-dialog{border:1px solid var(--lze-border);background:var(--lze-panel);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--lze-fg);font:13px/1.45 var(--lze-font);border-radius:12px;padding:0;box-shadow:0 24px 64px #0f172a3d}.lze-dialog[data-size=lg]{width:min(720px,100vw - 32px)}.lze-dialog[data-size=xl]{width:min(880px,100vw - 32px)}.lze-dialog::backdrop{background:#0f172a73}.lze-dialog-body{gap:16px;padding:20px;display:grid}.lze-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lze-dialog-head h2{font-size:16px;font-weight:650}.lze-dialog-actions{flex-wrap:wrap;gap:8px;display:flex}.lze-toasts{z-index:2147483000;gap:8px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.lze-toast{background:var(--lze-fg);color:var(--lze-panel);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 12px 32px #0f172a3d}.lze-toast[data-tone=error]{background:var(--lze-danger)}.lze-toast span{flex:1}.lze-toast .lze-icon-btn{color:inherit;width:26px;height:26px}.lze-toast .lze-icon-btn:hover{color:inherit;background:#ffffff26}.lze-grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lze-grid-4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.lze-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lze-stack{gap:12px;display:grid}.lze-heading{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.lze-link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}",
 	".lze-center{text-align:center;color:var(--lze-muted);grid-row:1/-1;place-content:center;justify-items:center;gap:12px;padding:32px;display:grid}.lze-toolbar{border-bottom:1px solid var(--lze-border);background:var(--lze-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.lze-toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.lze-site-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;overflow:hidden}.lze-page-select{width:auto;max-width:220px}.lze-badge-status{color:var(--lze-warning);background:#fef3c7;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.lze-badge-status[data-published=true]{color:var(--lze-success);background:#dcfce7}.lze-save-status{color:var(--lze-muted);max-width:360px;font-size:12px}.lze-save-status[data-tone=warning]{color:var(--lze-warning)}.lze-save-status[data-tone=danger]{color:var(--lze-danger)}.lze-segmented{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);padding:2px;display:inline-flex}.lze-segmented button{width:32px;height:26px;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.lze-segmented button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-body{grid-template-columns:272px minmax(0,1fr) 312px;min-height:0;display:grid}.lze-main{min-width:0;min-height:0;display:grid;position:relative}.lze-sidebar{background:var(--lze-panel);flex-direction:column;min-height:0;display:flex}.lze-left{border-right:1px solid var(--lze-border)}.lze-right{border-left:1px solid var(--lze-border)}.lze-scroll{flex:1;min-height:0;overflow-y:auto}.lze-pad{padding:12px}.lze-left>.lze-scroll.lze-stack{align-content:start;padding:12px}.lze-tabs{border-bottom:1px solid var(--lze-border);gap:4px;padding:8px;display:flex}.lze-tabs button{color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:11px;font-weight:600;display:flex}.lze-right .lze-tabs button{flex-direction:row;justify-content:center;font-size:13px}.lze-tabs button:hover{color:var(--lze-fg)}.lze-tabs button[aria-selected=true]{background:var(--lze-hover);color:var(--lze-fg)}.lze-group-title{color:var(--lze-muted);margin-top:4px;font-size:12px;font-weight:600}.lze-palette{grid-template-columns:1fr 1fr;gap:6px;display:grid}.lze-palette-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);min-width:0;color:var(--lze-muted);text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;display:flex}.lze-palette-item:hover{border-color:var(--lze-fg);color:var(--lze-fg);background:var(--lze-hover)}.lze-palette-item svg{flex:none}.lze-list{gap:6px;display:grid}.lze-list-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:var(--lze-muted);text-align:left;cursor:pointer;padding:8px 10px;font-size:12px;font-weight:500}.lze-list-item:hover{border-color:var(--lze-fg);color:var(--lze-fg)}.lze-drag-ghost{z-index:2147483000;pointer-events:none;border:1px solid var(--lze-fg);border-radius:var(--lze-radius);background:var(--lze-panel);padding:6px 10px;font-size:12px;font-weight:600;position:fixed;box-shadow:0 8px 24px #0f172a2e}.lze-layer-group{padding:0 8px 2px}.lze-layer-row{color:var(--lze-muted);border-radius:6px;align-items:center;gap:2px;display:flex}.lze-layer-row:hover{background:var(--lze-hover)}.lze-layer-row[data-selected=true]{background:var(--lze-active);color:var(--lze-fg)}.lze-layer-row .lze-icon-btn{width:24px;height:24px}.lze-layer-name{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px 4px;display:flex}.lze-layer-name span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lze-layer-actions{opacity:0;display:flex}.lze-layer-row:hover .lze-layer-actions,.lze-layer-row:focus-within .lze-layer-actions{opacity:1}.lze-layer-children{border-left:1px solid var(--lze-border);margin-left:16px;padding-left:4px}.lze-lock-toggle{opacity:0}.lze-lock-toggle[data-locked=true],.lze-layer-row:hover .lze-lock-toggle,.lze-lock-toggle:focus-visible{opacity:1}.lze-card{border:1px solid var(--lze-border);border-radius:var(--lze-radius);gap:8px;padding:8px;display:grid}.lze-card[data-active=true]{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-media-grid{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.lze-media-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);cursor:grab;touch-action:none;height:80px;padding:0;overflow:hidden}.lze-media-item:hover{border-color:var(--lze-fg)}.lze-media-item img{object-fit:contain;width:100%;height:100%}@media (width<=1100px){.lze-body{grid-template-columns:232px minmax(0,1fr) 280px}}",
-	".lze-stage{padding:24px;position:relative;overflow:auto}.lze-sheet{background:var(--lze-panel);border-radius:10px;margin:0 auto;position:relative;box-shadow:0 1px 3px #0f172a14,0 12px 40px #0f172a14}.lze-sheet[data-device=mobile]{border-radius:18px}.lze-scaler{transform-origin:0 0;position:absolute;top:0;left:0}.lze-frame{background:0 0;border:0;display:block}.lze-preview .lze-sheet{overflow:hidden}.lze-preview .lze-frame{transform-origin:0 0}.lze-empty-hint{text-align:center;max-width:520px;color:var(--lze-muted);margin:16px auto 0}.lze-hint-bubble{z-index:2147483000;background:var(--lze-fg);color:var(--lze-panel);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.lze-render-issue,.lze-modal-banner{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);justify-content:space-between;align-items:center;gap:8px;max-width:900px;margin:0 auto 12px;padding:8px 12px;display:flex}.lze-render-issue{border-color:var(--lze-danger);color:var(--lze-danger)}.lze-modal-banner{border-color:var(--lze-fg);font-weight:600}.lze-overlay{pointer-events:none;--line:calc(1px * var(--inv));position:absolute;inset:0}.lze-overlay>*{position:absolute}.lze-canvas-outline{outline:calc(2px * var(--inv)) solid var(--lze-select);outline-offset:calc(-2px * var(--inv));box-shadow:inset 0 0 0 calc(4px * var(--inv)) #ffffffb3}.lze-hover{outline:var(--line) solid var(--lze-select)}.lze-selection{outline:calc(2px * var(--inv)) solid var(--lze-select);outline-offset:var(--line);box-shadow:0 0 0 calc(4px * var(--inv)) #ffffffb3}.lze-selection[data-locked=true]{outline-style:dashed}.lze-lock{top:calc(-18px * var(--inv));width:calc(12px * var(--inv));height:calc(12px * var(--inv));color:var(--lze-select);position:absolute;right:0}.lze-handles{pointer-events:none}.lze-handle,.lze-radius,.lze-rotate{pointer-events:auto;touch-action:none;padding:0;position:absolute}.lze-handle{width:calc(11px * var(--inv));height:calc(11px * var(--inv));margin:calc(-5.5px * var(--inv));border:var(--line) solid #fff;background:var(--lze-select);border-radius:999px}.lze-handle[data-handle^=n]{top:0}.lze-handle[data-handle^=s]{top:100%}.lze-handle[data-handle=e],.lze-handle[data-handle=w]{top:50%}.lze-handle[data-handle$=w]{left:0}.lze-handle[data-handle$=e]{left:100%}.lze-handle[data-handle=n],.lze-handle[data-handle=s]{left:50%}.lze-handle[data-handle=nw],.lze-handle[data-handle=se]{cursor:nwse-resize}.lze-handle[data-handle=ne],.lze-handle[data-handle=sw]{cursor:nesw-resize}.lze-handle[data-handle=n],.lze-handle[data-handle=s]{cursor:ns-resize}.lze-handle[data-handle=e],.lze-handle[data-handle=w]{cursor:ew-resize}.lze-radius{top:calc(10px * var(--inv));left:calc(10px * var(--inv));width:calc(14px * var(--inv));height:calc(14px * var(--inv));border:calc(2px * var(--inv)) solid var(--lze-select);cursor:ew-resize;background:#fff;border-radius:999px}.lze-rotate{top:calc(100% + 10px * var(--inv));left:calc(100% + 10px * var(--inv));width:calc(24px * var(--inv));height:calc(24px * var(--inv));border:var(--line) solid var(--lze-select);color:var(--lze-select);cursor:grab;background:#fff;border-radius:999px;place-items:center;display:grid}.lze-rotate svg{width:calc(13px * var(--inv));height:calc(13px * var(--inv))}.lze-guide{background:var(--lze-guide)}.lze-guide[data-axis=x]{width:var(--line)}.lze-guide[data-axis=y]{height:var(--line)}.lze-badge{transform:translateY(-100%) scale(var(--inv));transform-origin:0 100%;background:var(--lze-select);color:#fff;white-space:nowrap;border-radius:4px;margin-top:-4px;padding:2px 6px;font-size:11px;font-weight:600}.lze-stacked{pointer-events:auto;transform:scale(var(--inv));transform-origin:0 0;border-bottom:1px solid var(--lze-border);max-width:none;color:var(--lze-fg);background:#fffffff2;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex;width:auto!important}.lze-element-bar{pointer-events:auto;transform-origin:0 0;transform:scale(var(--inv)) translateY(calc(-100% - 10px));border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex;box-shadow:0 8px 24px #0f172a24}.lze-element-bar[data-below=true]{transform:scale(var(--inv)) translateY(14px)}.lze-divider{background:var(--lze-border);width:1px;height:20px;margin:0 2px}",
-	".lze-panel-title{font-size:13px;font-weight:650}.lze-grow{flex:1;min-width:0}.lze-nowrap{flex-wrap:nowrap}.lze-divided{border-top:1px solid var(--lze-border);padding-top:12px}.lze-image-preview{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);overflow:hidden}.lze-image-preview img{object-fit:contain;width:100%;height:96px;display:block}.lze-image-preview[data-thumb=icon]{width:fit-content;padding:6px}.lze-image-preview[data-thumb=icon] img{width:40px;height:40px}.lze-tabs-inline{border-radius:var(--lze-radius);background:var(--lze-bg);gap:4px;padding:3px;display:flex}.lze-tabs-inline button{color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:5px 8px;font-size:12px;font-weight:500}.lze-tabs-inline button:hover{color:var(--lze-fg)}.lze-tabs-inline button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-gradient-presets{flex-wrap:wrap;gap:6px;display:flex}.lze-gradient-preset{cursor:pointer;border:1px solid #0f172a1f;border-radius:6px;width:48px;height:28px;padding:0}.lze-gradient-preset:hover{outline:2px solid var(--lze-fg);outline-offset:1px}.lze-link-card{border:1px solid var(--lze-border);border-radius:var(--lze-radius);gap:8px;margin:0;padding:8px;display:grid}.lze-link-card legend{color:var(--lze-muted);padding:0 4px;font-size:11px}.lze-icon-grid{border:1px solid var(--lze-border);border-radius:var(--lze-radius);grid-template-columns:repeat(6,1fr);gap:4px;max-height:192px;padding:6px;display:grid;overflow-y:auto}.lze-icon-grid .lze-hint{text-align:center;grid-column:1/-1;padding:8px 0}.lze-icon-choice{aspect-ratio:1;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.lze-icon-choice:hover{background:var(--lze-hover);color:var(--lze-fg)}.lze-icon-choice[aria-pressed=true]{background:var(--lze-active);color:var(--lze-fg)}.lze-slug{color:var(--lze-muted);align-items:center;gap:6px;font-family:ui-monospace,monospace;display:flex}.lze-slug-static{border:1px solid var(--lze-border);color:var(--lze-muted);border-radius:6px;gap:6px;padding:6px 8px;display:flex}.lze-slug-root{font-family:ui-monospace,monospace}.lze-choice{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:inherit;text-align:left;cursor:pointer;gap:2px;padding:8px 10px;display:grid}.lze-choice:hover{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-shortcuts{gap:4px;margin:0;padding-left:16px;display:grid}.lze-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lze-row-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.lze-palette-choice{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:inherit;cursor:pointer;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.lze-palette-choice:hover{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-palette-choice .lze-row{gap:3px}.lze-dot{border:1px solid #0f172a1f;border-radius:999px;width:14px;height:14px}.lze-theme-colors{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.lze-theme-color{border:1px solid var(--lze-border);border-radius:var(--lze-radius);align-items:center;gap:8px;padding:6px 10px;display:flex}.lze-theme-color span{flex:1}.lze-theme-color .lze-hex{width:84px;min-height:28px;padding:3px 6px;font-family:ui-monospace,monospace;font-size:12px}.lze-theme-color input[type=color]{border:1px solid var(--lze-border);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:32px;padding:0}.lze-theme-preview{border:1px solid var(--lze-border);gap:10px;padding:20px;display:grid}.lze-theme-preview-heading{font-size:24px;font-weight:700;line-height:1.2}.lze-theme-preview-button{width:fit-content;padding:8px 16px;font-weight:600}.lze-file-input{display:none}.lze-asset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.lze-upload-tile{border:2px dashed var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);height:128px;color:var(--lze-muted);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:4px;padding:8px;display:grid}.lze-upload-tile:hover:not(:disabled){border-color:var(--lze-fg);color:var(--lze-fg)}.lze-upload-tile:disabled{cursor:progress}.lze-asset{border:1px solid var(--lze-border);border-radius:var(--lze-radius);height:128px;margin:0;position:relative;overflow:hidden}.lze-asset:hover{border-color:var(--lze-fg)}.lze-asset-use{background:var(--lze-bg);width:100%;height:100%;color:inherit;cursor:pointer;border:0;flex-direction:column;padding:0;display:flex}.lze-asset-use img{object-fit:contain;flex:1;width:100%;min-height:0}.lze-asset-use figcaption{background:var(--lze-panel);color:var(--lze-muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:11px;overflow:hidden}.lze-asset .lze-asset-delete{opacity:0;background:#ffffffeb;width:28px;height:28px;position:absolute;top:6px;right:6px}.lze-asset:hover .lze-asset-delete,.lze-asset .lze-asset-delete:focus-visible{opacity:1}.lze-submission{border-bottom:1px solid var(--lze-border);gap:6px;padding:10px 0;display:grid}.lze-submission dl{grid-template-columns:minmax(96px,max-content) 1fr;gap:4px 12px;margin:0;display:grid}.lze-submission dt{color:var(--lze-muted)}.lze-submission dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}"
-].join("\n"), kc = /* @__PURE__ */ new WeakMap();
-function Ac(e) {
+	".lze-stage{overscroll-behavior:contain;padding:24px;position:relative;overflow:auto}.lze-stage[data-space],.lze-stage[data-space] *{cursor:grab!important}.lze-stage[data-space=panning],.lze-stage[data-space=panning] *{cursor:grabbing!important}.lze-context{z-index:2147483100;border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:10px;min-width:208px;padding:6px;font-size:13px;position:fixed;box-shadow:0 12px 32px #0f172a2e}.lze-context:focus{outline:none}.lze-context>button{width:100%;color:var(--lze-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:7px 10px;display:flex}.lze-context>button:hover,.lze-context>button:focus-visible{background:var(--lze-hover)}.lze-context .lze-context-danger{color:var(--lze-danger)}.lze-context kbd{color:var(--lze-muted);font:inherit;font-size:11px}.lze-context hr{border:0;border-top:1px solid var(--lze-border);margin:5px 6px}.lze-context-label{color:var(--lze-muted);margin:6px 10px 2px;font-size:11px}.lze-context-row{gap:2px;padding:0 6px 4px;display:flex}.lze-context-row button{width:32px;height:28px;color:var(--lze-fg);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.lze-context-row button:hover{background:var(--lze-hover)}.lze-context-align{width:16px;height:16px;display:block;position:relative}.lze-context-align:before{content:\"\";background:var(--lze-fg);position:absolute}.lze-context-align:after{content:\"\";background:var(--lze-muted);border-radius:1px;position:absolute}.lze-context-align[data-align=left]:before{width:1.5px;top:0;bottom:0;left:0}.lze-context-align[data-align=left]:after{width:11px;height:8px;top:4px;left:3px}.lze-context-align[data-align=hcenter]:before{width:1.5px;top:0;bottom:0;left:7.25px}.lze-context-align[data-align=hcenter]:after{width:11px;height:8px;top:4px;left:2.5px}.lze-context-align[data-align=right]:before{width:1.5px;top:0;bottom:0;right:0}.lze-context-align[data-align=right]:after{width:11px;height:8px;top:4px;right:3px}.lze-context-align[data-align=top]:before{height:1.5px;top:0;left:0;right:0}.lze-context-align[data-align=top]:after{width:8px;height:11px;top:3px;left:4px}.lze-context-align[data-align=vmiddle]:before{height:1.5px;top:7.25px;left:0;right:0}.lze-context-align[data-align=vmiddle]:after{width:8px;height:11px;top:2.5px;left:4px}.lze-context-align[data-align=bottom]:before{height:1.5px;bottom:0;left:0;right:0}.lze-context-align[data-align=bottom]:after{width:8px;height:11px;bottom:3px;left:4px}.lze-zoom{z-index:25;float:right;border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:999px;align-items:center;gap:2px;margin-top:12px;padding:4px;display:inline-flex;position:sticky;bottom:0;box-shadow:0 6px 18px #0f172a1f}.lze-zoom button{color:var(--lze-fg);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:999px}.lze-zoom-btn{width:28px;height:28px;font-size:15px;line-height:1}.lze-zoom-value{font-variant-numeric:tabular-nums;min-width:54px;height:28px;font-size:12px;font-weight:600}.lze-zoom button:hover{background:var(--lze-hover)}.lze-sheet{background:var(--lze-panel);border-radius:10px;margin:0 auto;position:relative;box-shadow:0 1px 3px #0f172a14,0 12px 40px #0f172a14}.lze-sheet[data-device=mobile]{border-radius:18px}.lze-scaler{transform-origin:0 0;position:absolute;top:0;left:0}.lze-frame{background:0 0;border:0;display:block}.lze-preview .lze-sheet{overflow:hidden}.lze-preview .lze-frame{transform-origin:0 0}.lze-empty-hint{text-align:center;max-width:520px;color:var(--lze-muted);margin:16px auto 0}.lze-hint-bubble{z-index:2147483000;background:var(--lze-fg);color:var(--lze-panel);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.lze-render-issue,.lze-modal-banner{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);justify-content:space-between;align-items:center;gap:8px;max-width:900px;margin:0 auto 12px;padding:8px 12px;display:flex}.lze-render-issue{border-color:var(--lze-danger);color:var(--lze-danger)}.lze-modal-banner{border-color:var(--lze-fg);font-weight:600}.lze-overlay{pointer-events:none;--line:calc(1px * var(--inv));position:absolute;inset:0}.lze-overlay>*{position:absolute}.lze-canvas-outline{outline:calc(2px * var(--inv)) solid var(--lze-select);outline-offset:calc(-2px * var(--inv));box-shadow:inset 0 0 0 calc(4px * var(--inv)) #ffffffb3}.lze-hover{outline:var(--line) solid var(--lze-select)}.lze-selection{outline:calc(2px * var(--inv)) solid var(--lze-select);outline-offset:var(--line);box-shadow:0 0 0 calc(4px * var(--inv)) #ffffffb3}.lze-selection[data-locked=true]{outline-style:dashed}.lze-lock{top:calc(-18px * var(--inv));width:calc(12px * var(--inv));height:calc(12px * var(--inv));color:var(--lze-select);position:absolute;right:0}.lze-handles{pointer-events:none}.lze-handle,.lze-radius,.lze-rotate{pointer-events:auto;touch-action:none;padding:0;position:absolute}.lze-handle{width:calc(11px * var(--inv));height:calc(11px * var(--inv));margin:calc(-5.5px * var(--inv));border:var(--line) solid #fff;background:var(--lze-select);border-radius:999px}.lze-handle[data-handle^=n]{top:0}.lze-handle[data-handle^=s]{top:100%}.lze-handle[data-handle=e],.lze-handle[data-handle=w]{top:50%}.lze-handle[data-handle$=w]{left:0}.lze-handle[data-handle$=e]{left:100%}.lze-handle[data-handle=n],.lze-handle[data-handle=s]{left:50%}.lze-handle[data-handle=nw],.lze-handle[data-handle=se]{cursor:nwse-resize}.lze-handle[data-handle=ne],.lze-handle[data-handle=sw]{cursor:nesw-resize}.lze-handle[data-handle=n],.lze-handle[data-handle=s]{cursor:ns-resize}.lze-handle[data-handle=e],.lze-handle[data-handle=w]{cursor:ew-resize}.lze-radius{top:calc(10px * var(--inv));left:calc(10px * var(--inv));width:calc(14px * var(--inv));height:calc(14px * var(--inv));border:calc(2px * var(--inv)) solid var(--lze-select);cursor:ew-resize;background:#fff;border-radius:999px}.lze-rotate{top:calc(100% + 10px * var(--inv));left:calc(100% + 10px * var(--inv));width:calc(24px * var(--inv));height:calc(24px * var(--inv));border:var(--line) solid var(--lze-select);color:var(--lze-select);cursor:grab;background:#fff;border-radius:999px;place-items:center;display:grid}.lze-rotate svg{width:calc(13px * var(--inv));height:calc(13px * var(--inv))}.lze-guide{background:var(--lze-guide)}.lze-guide[data-axis=x]{width:var(--line)}.lze-guide[data-axis=y]{height:var(--line)}.lze-badge{transform:translateY(-100%) scale(var(--inv));transform-origin:0 100%;background:var(--lze-select);color:#fff;white-space:nowrap;border-radius:4px;margin-top:-4px;padding:2px 6px;font-size:11px;font-weight:600}.lze-stacked{pointer-events:auto;transform:scale(var(--inv));transform-origin:0 0;border-bottom:1px solid var(--lze-border);max-width:none;color:var(--lze-fg);background:#fffffff2;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex;width:auto!important}.lze-element-bar{pointer-events:auto;transform-origin:0 0;transform:scale(var(--inv)) translateY(calc(-100% - 10px));border:1px solid var(--lze-border);background:var(--lze-panel);border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex;box-shadow:0 8px 24px #0f172a24}.lze-element-bar[data-below=true]{transform:scale(var(--inv)) translateY(14px)}.lze-divider{background:var(--lze-border);width:1px;height:20px;margin:0 2px}",
+	".lze-panel-title{font-size:13px;font-weight:650}.lze-grow{flex:1;min-width:0}.lze-nowrap{flex-wrap:nowrap}.lze-divided{border-top:1px solid var(--lze-border);padding-top:12px}.lze-image-preview{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-bg);overflow:hidden}.lze-image-preview img{object-fit:contain;width:100%;height:96px;display:block}.lze-image-preview[data-thumb=icon]{width:fit-content;padding:6px}.lze-image-preview[data-thumb=icon] img{width:40px;height:40px}.lze-tabs-inline{border-radius:var(--lze-radius);background:var(--lze-bg);gap:4px;padding:3px;display:flex}.lze-tabs-inline button{color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:5px 8px;font-size:12px;font-weight:500}.lze-tabs-inline button:hover{color:var(--lze-fg)}.lze-tabs-inline button[aria-pressed=true]{background:var(--lze-panel);color:var(--lze-fg);box-shadow:0 1px 2px #0f172a14}.lze-gradient-presets{flex-wrap:wrap;gap:6px;display:flex}.lze-gradient-preset{cursor:pointer;border:1px solid #0f172a1f;border-radius:6px;width:48px;height:28px;padding:0}.lze-gradient-preset:hover{outline:2px solid var(--lze-fg);outline-offset:1px}.lze-link-card{border:1px solid var(--lze-border);border-radius:var(--lze-radius);gap:8px;margin:0;padding:8px;display:grid}.lze-link-card legend{color:var(--lze-muted);padding:0 4px;font-size:11px}.lze-icon-grid{border:1px solid var(--lze-border);border-radius:var(--lze-radius);grid-template-columns:repeat(6,1fr);gap:4px;max-height:192px;padding:6px;display:grid;overflow-y:auto}.lze-icon-grid .lze-hint{text-align:center;grid-column:1/-1;padding:8px 0}.lze-icon-choice{aspect-ratio:1;color:var(--lze-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.lze-icon-choice:hover{background:var(--lze-hover);color:var(--lze-fg)}.lze-icon-choice[aria-pressed=true]{background:var(--lze-active);color:var(--lze-fg)}.lze-slug{color:var(--lze-muted);align-items:center;gap:6px;font-family:ui-monospace,monospace;display:flex}.lze-slug-static{border:1px solid var(--lze-border);color:var(--lze-muted);border-radius:6px;gap:6px;padding:6px 8px;display:flex}.lze-slug-root{font-family:ui-monospace,monospace}.lze-choice{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:inherit;text-align:left;cursor:pointer;gap:2px;padding:8px 10px;display:grid}.lze-choice:hover{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-shortcuts{gap:4px;margin:0;padding-left:16px;display:grid}.lze-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lze-row-item{border:1px solid var(--lze-border);border-radius:var(--lze-radius);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.lze-palette-choice{border:1px solid var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);color:inherit;cursor:pointer;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.lze-palette-choice:hover{border-color:var(--lze-fg);background:var(--lze-hover)}.lze-palette-choice .lze-row{gap:3px}.lze-dot{border:1px solid #0f172a1f;border-radius:999px;width:14px;height:14px}.lze-theme-colors{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.lze-theme-color{border:1px solid var(--lze-border);border-radius:var(--lze-radius);align-items:center;gap:8px;padding:6px 10px;display:flex}.lze-theme-color span{flex:1}.lze-theme-color .lze-hex{width:84px;min-height:28px;padding:3px 6px;font-family:ui-monospace,monospace;font-size:12px}.lze-theme-color input[type=color]{border:1px solid var(--lze-border);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:32px;padding:0}.lze-theme-preview{border:1px solid var(--lze-border);gap:10px;padding:20px;display:grid}.lze-theme-preview-heading{font-size:24px;font-weight:700;line-height:1.2}.lze-theme-preview-button{width:fit-content;padding:8px 16px;font-weight:600}.lze-file-input{display:none}.lze-asset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.lze-upload-tile{border:2px dashed var(--lze-border);border-radius:var(--lze-radius);background:var(--lze-panel);height:128px;color:var(--lze-muted);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:4px;padding:8px;display:grid}.lze-upload-tile:hover:not(:disabled){border-color:var(--lze-fg);color:var(--lze-fg)}.lze-upload-tile:disabled{cursor:progress}.lze-asset{border:1px solid var(--lze-border);border-radius:var(--lze-radius);height:128px;margin:0;position:relative;overflow:hidden}.lze-asset:hover{border-color:var(--lze-fg)}.lze-asset-use{background:var(--lze-bg);width:100%;height:100%;color:inherit;cursor:pointer;border:0;flex-direction:column;padding:0;display:flex}.lze-asset-use img{object-fit:contain;flex:1;width:100%;min-height:0}.lze-asset-use figcaption{background:var(--lze-panel);color:var(--lze-muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:11px;overflow:hidden}.lze-asset .lze-asset-delete{opacity:0;background:#ffffffeb;width:28px;height:28px;position:absolute;top:6px;right:6px}.lze-asset:hover .lze-asset-delete,.lze-asset .lze-asset-delete:focus-visible{opacity:1}.lze-submission{border-bottom:1px solid var(--lze-border);gap:6px;padding:10px 0;display:grid}.lze-submission dl{grid-template-columns:minmax(96px,max-content) 1fr;gap:4px 12px;margin:0;display:grid}.lze-submission dt{color:var(--lze-muted)}.lze-submission dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.lze-choices{gap:6px;display:grid}"
+].join("\n"), Wc = /* @__PURE__ */ new WeakMap();
+function Gc(e) {
 	let t = e.getRootNode();
-	if (!(t instanceof Document || t instanceof ShadowRoot) || kc.has(t)) return;
+	if (!(t instanceof Document || t instanceof ShadowRoot) || Wc.has(t)) return;
 	let n = new CSSStyleSheet();
-	n.replaceSync(Oc), kc.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
+	n.replaceSync(Uc), Wc.set(t, n), t.adoptedStyleSheets = [...t.adoptedStyleSheets, n];
 }
 //#endregion
 //#region src/ui/Toasts.vue?vue&type=script&setup=true&lang.ts
-var jc = { class: "lze-toasts" }, Mc = ["data-tone", "role"], Nc = ["aria-label", "onClick"], Pc = /* @__PURE__ */ c({
+var Kc = { class: "lze-toasts" }, qc = ["data-tone", "role"], Jc = ["aria-label", "onClick"], Yc = /* @__PURE__ */ c({
 	__name: "Toasts",
 	setup(t) {
 		let n = G();
-		return (t, r) => (_(), i("div", jc, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
+		return (t, r) => (_(), i("div", Kc, [(_(!0), i(e, null, x(D(n).state.toasts, (e) => (_(), i("div", {
 			key: e.id,
 			class: "lze-toast",
 			"data-tone": e.tone,
@@ -8418,19 +8903,19 @@ var jc = { class: "lze-toasts" }, Mc = ["data-tone", "role"], Nc = ["aria-label"
 		}, [s(D($e), {
 			size: 14,
 			"aria-hidden": "true"
-		})], 8, Nc)], 8, Mc))), 128))]));
+		})], 8, Jc)], 8, qc))), 128))]));
 	}
-}), Fc = ["lang"], Ic = {
+}), Xc = ["lang"], Zc = {
 	key: 0,
 	class: "lze-center"
-}, Lc = {
+}, Qc = {
 	key: 1,
 	class: "lze-center",
 	role: "alert"
-}, Rc = {
+}, $c = {
 	key: 2,
 	class: "lze-center"
-}, zc = { class: "lze-body" }, Bc = { class: "lze-main" }, Vc = /* @__PURE__ */ c({
+}, el = { class: "lze-body" }, tl = { class: "lze-main" }, nl = /* @__PURE__ */ c({
 	__name: "LienzoEditor",
 	props: {
 		endpoint: {},
@@ -8441,7 +8926,7 @@ var jc = { class: "lze-toasts" }, Mc = ["data-tone", "role"], Nc = ["aria-label"
 	},
 	setup(t) {
 		let r = t, c = en(r.locale ?? "en", r.messages), l = bn({
-			client: tr({
+			client: mr({
 				endpoint: r.endpoint,
 				headers: r.headers,
 				fetch: r.fetch
@@ -8459,7 +8944,7 @@ var jc = { class: "lze-toasts" }, Mc = ["data-tone", "role"], Nc = ["aria-label"
 			let e = l.theme.value;
 			l.state.load.kind === "ready" && typeof document < "u" && (m ??= document.head.appendChild(Object.assign(document.createElement("link"), { rel: "stylesheet" })), m.href = Vt([e.heading_font, e.body_font]));
 		}), g(() => {
-			u.value && Ac(u.value), window.addEventListener("keydown", p), l.load();
+			u.value && Gc(u.value), window.addEventListener("keydown", p), l.load();
 		}), h(() => {
 			window.removeEventListener("keydown", p), m?.remove(), l.dispose();
 		}), (t, r) => (_(), i("div", {
@@ -8468,36 +8953,36 @@ var jc = { class: "lze-toasts" }, Mc = ["data-tone", "role"], Nc = ["aria-label"
 			class: "lze-root",
 			lang: D(c).locale
 		}, [
-			D(l).state.load.kind === "loading" ? (_(), i("div", Ic, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", Lc, [a("p", null, T(D(l).t("load.failed", { message: D(l).state.load.message })), 1), s(q, { onClick: r[0] ||= (e) => D(l).load() }, {
+			D(l).state.load.kind === "loading" ? (_(), i("div", Zc, T(D(l).t("load.loading")), 1)) : D(l).state.load.kind === "failed" ? (_(), i("div", Qc, [a("p", null, T(D(l).t("load.failed", { message: D(l).state.load.message })), 1), s(q, { onClick: r[0] ||= (e) => D(l).load() }, {
 				default: N(() => [o(T(D(l).t("load.retry")), 1)]),
 				_: 1
-			})])) : D(l).state.load.kind === "empty" ? (_(), i("div", Rc, [s(q, {
+			})])) : D(l).state.load.kind === "empty" ? (_(), i("div", $c, [s(q, {
 				variant: "primary",
 				onClick: r[1] ||= (e) => D(l).state.dialog = "newPage"
 			}, {
 				default: N(() => [o(T(D(l).t("newPage.title")), 1)]),
 				_: 1
-			})])) : (_(), i(e, { key: 3 }, [s(Dc), a("div", zc, [
-				s(to, { "drop-point": f }),
-				a("main", Bc, [D(l).state.previewing ? (_(), n(er, { key: 0 })) : (_(), n(Qn, {
+			})])) : (_(), i(e, { key: 3 }, [s(Hc), a("div", el, [
+				s(go, { "drop-point": f }),
+				a("main", tl, [D(l).state.previewing ? (_(), n(pr, { key: 0 })) : (_(), n(dr, {
 					key: 1,
 					ref_key: "canvas",
 					ref: d
 				}, null, 512))]),
-				s(pc)
+				s(Oc)
 			])], 64)),
-			s(Pr),
-			s(qi),
-			s(Ui),
-			s(gi),
-			s(xi),
-			s(gr),
-			s(Tr),
-			s(Pc)
-		], 8, Fc));
+			s(qr),
+			s(sa),
+			s(ra),
+			s(Ai),
+			s(Fi),
+			s(kr),
+			s(Rr),
+			s(Yc)
+		], 8, Xc));
 	}
 });
 //#endregion
-export { Qt as n, Zt as r, Vc as t };
+export { Qt as n, Zt as r, nl as t };
 
-//# sourceMappingURL=LienzoEditor-CQyoS5M0.js.map
+//# sourceMappingURL=LienzoEditor-tPV_sD5K.js.map