mesurer-solid 0.2.2-beta.5 → 0.2.2-beta.7

package/dist/plugins.js

@@ -3887,10 +3887,33 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 		d.dataset.mesurerArrangeSnapLine = "horizontal", d.setAttribute("aria-hidden", "true"), d.style.position = "fixed", d.style.display = "none", d.style.height = "1px", d.style.backgroundColor = Uo, d.style.pointerEvents = "none";
 		let f = n.createElement("div");
 		f.dataset.mesurerArrangeBox = "true", f.setAttribute("role", "application"), f.setAttribute("aria-label", "Edit selected elements"), f.style.position = "fixed", f.style.display = "none", f.style.boxSizing = "border-box", f.style.border = "1px solid #0d99ff", f.style.cursor = "grab", f.style.pointerEvents = "auto", f.style.touchAction = "none", f.style.userSelect = "none", l.append(u, d, f);
-		let p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map(), v = {
+		let p = /* @__PURE__ */ new Map(), m = n.createElement("style");
+		m.dataset.mesurerArrangeNativePaintGuard = "true", m.textContent = "\nbody:has([data-mesurer-text-editor=\"true\"]) > [data-mesurer-arrange-native-stroke=\"true\"] {\n  display: none !important;\n}\n", n.head.append(m);
+		let h = () => {
+			for (let e of p.values()) e.remove();
+			p.clear();
+		}, g = (e) => {
+			let t = n.body;
+			if (!t || !e.length || !r.CSS?.supports("left: anchor(left)")) return h(), !1;
+			let i = Array.from(t.children).filter((e) => e instanceof c.HTMLElement && e.dataset.mesurerSelectedMeasurement === "true" && e.dataset.mesurerSelectionGroup !== "true").flatMap((t) => {
+				let r = t.querySelector("[data-mesurer-measurement-chrome='true']"), i = r?.style.getPropertyValue("position-anchor").trim();
+				return !r || r.dataset.mesurerNativeScrollAnchor !== "box" || !i ? [] : e.find((e) => e.getRootNode() === n && e.style.getPropertyValue("anchor-name").split(",").some((e) => e.trim() === i)) ? [{
+					chrome: r,
+					anchor: i
+				}] : [];
+			});
+			if (i.length !== e.length) return h(), !1;
+			let a = new Set(i.map(({ chrome: e }) => e));
+			for (let [e, t] of p) a.has(e) || (t.remove(), p.delete(e));
+			for (let { chrome: e, anchor: r } of i) {
+				let i = p.get(e);
+				i || (i = n.createElement("div"), i.dataset.mesurerArrangeNativeStroke = "true", i.dataset.mesurerInspectorUi = "true", i.style.cssText = "position:absolute!important;left:anchor(left)!important;top:anchor(top)!important;width:anchor-size(width)!important;height:anchor-size(height)!important;box-sizing:border-box;border:1px solid #0d99ff;pointer-events:none;z-index:2147482801;transition:none;animation:none;", p.set(e, i), t.append(i)), i.style.getPropertyValue("position-anchor") !== r && i.style.setProperty("position-anchor", r, "important");
+			}
+			return !0;
+		}, _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), S = {
 			intentId: null,
 			state: "desired"
-		}, y = null, b = null, x = null, S = !1, C = 0, w = null, T = () => e.state.get("mesurer.arrange.intents") ?? { intents: [] }, E = () => e.state.get("mesurer.arrange.active") ?? !1, D = () => {
+		}, C = null, w = null, T = null, E = !1, D = 0, O = null, k = () => e.state.get("mesurer.arrange.intents") ?? { intents: [] }, A = () => e.state.get("mesurer.arrange.active") ?? !1, j = () => {
 			let t = e.state.get(Ao);
 			return {
 				snapping: t?.snapping ?? !0,
@@ -3900,23 +3923,23 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				preferXrayEdges: t?.preferXrayEdges ?? !0,
 				snapLines: t?.snapLines ?? !0
 			};
-		}, O = (t) => {
+		}, M = (t) => {
 			e.state.update(Ao, (e) => ({
 				...e,
 				...t
 			}));
-		}, k = () => as(r), A = () => T().intents.filter((e) => e.pageUrl === k()), j = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), M = (e) => Hi(e, o) && !j(e), N = (e) => {
+		}, N = () => as(r), P = () => k().intents.filter((e) => e.pageUrl === N()), F = (e) => !!e.closest("[data-mesurer-island='true'], [data-mesurer-inspector-ui='true'], [data-mesurer-root='true']"), I = (e) => Hi(e, o) && !F(e), L = (e) => {
 			let t = [];
-			o instanceof c.HTMLElement && o.matches(e) && !j(o) && t.push(o);
-			for (let n of o.querySelectorAll(e)) n instanceof c.HTMLElement && M(n) && t.push(n);
+			o instanceof c.HTMLElement && o.matches(e) && !F(o) && t.push(o);
+			for (let n of o.querySelectorAll(e)) n instanceof c.HTMLElement && I(n) && t.push(n);
 			return t;
-		}, P = (e, t) => e.localName !== t.fingerprintTag || t.fingerprintId && e.id !== t.fingerprintId || t.fingerprintTestId && e.getAttribute("data-testid") !== t.fingerprintTestId || t.fingerprintRole && e.getAttribute("role") !== t.fingerprintRole || t.fingerprintAriaLabel && e.getAttribute("aria-label") !== t.fingerprintAriaLabel ? !1 : t.fingerprintClasses.every((t) => e.classList.contains(t)), F = (e) => {
-			let t = ss(e), n = m.get(e.selector);
-			if (n && n.isConnected && M(n) && P(n, e)) return n;
-			if (n && m.delete(e.selector), !Ki(t)) return null;
+		}, R = (e, t) => e.localName !== t.fingerprintTag || t.fingerprintId && e.id !== t.fingerprintId || t.fingerprintTestId && e.getAttribute("data-testid") !== t.fingerprintTestId || t.fingerprintRole && e.getAttribute("role") !== t.fingerprintRole || t.fingerprintAriaLabel && e.getAttribute("aria-label") !== t.fingerprintAriaLabel ? !1 : t.fingerprintClasses.every((t) => e.classList.contains(t)), z = (e) => {
+			let t = ss(e), n = v.get(e.selector);
+			if (n && n.isConnected && I(n) && R(n, e)) return n;
+			if (n && v.delete(e.selector), !Ki(t)) return null;
 			let r = [];
 			try {
-				r = N(e.selector).filter((e) => qi(e, t));
+				r = L(e.selector).filter((e) => qi(e, t));
 			} catch {
 				return null;
 			}
@@ -3924,35 +3947,35 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			if (!t.id && !t.testId) {
 				let e = [];
 				try {
-					e = N(t.tag).filter((e) => qi(e, t));
+					e = L(t.tag).filter((e) => qi(e, t));
 				} catch {
 					return null;
 				}
 				if (e.length !== 1 || e[0] !== r[0]) return null;
 			}
 			return r[0] ?? null;
-		}, I = {
+		}, B = {
 			value: "none",
 			priority: "important"
-		}, L = (e) => {
+		}, V = (e) => {
 			let t = us(e, "transition-property");
-			(!h.get(e) || !fs(t, I)) && h.set(e, t), fs(t, I) || e.style.setProperty("transition-property", I.value, I.priority);
-		}, R = (e) => {
-			let t = h.get(e);
-			t && (fs(us(e, "transition-property"), I) && (t.value || t.priority ? e.style.setProperty("transition-property", t.value, t.priority) : e.style.removeProperty("transition-property")), h.delete(e));
-		}, z = (e) => {
-			for (let t of h.keys()) e.has(t) || R(t);
-		}, B = () => {
-			for (let e of h.keys()) R(e);
-		}, V = () => {
-			for (let e of p.values()) ms(e);
-			p.clear();
-		}, H = () => {
-			V(), B();
-		}, U = () => {
+			(!y.get(e) || !fs(t, B)) && y.set(e, t), fs(t, B) || e.style.setProperty("transition-property", B.value, B.priority);
+		}, H = (e) => {
+			let t = y.get(e);
+			t && (fs(us(e, "transition-property"), B) && (t.value || t.priority ? e.style.setProperty("transition-property", t.value, t.priority) : e.style.removeProperty("transition-property")), y.delete(e));
+		}, U = (e) => {
+			for (let t of y.keys()) e.has(t) || H(t);
+		}, W = () => {
+			for (let e of y.keys()) H(e);
+		}, G = () => {
+			for (let e of _.values()) ms(e);
+			_.clear();
+		}, K = () => {
+			G(), W();
+		}, ee = () => {
 			u.style.display = "none", d.style.display = "none";
-		}, W = (e, t, n) => {
-			if (U(), D().snapLines) {
+		}, te = (e, t, n) => {
+			if (ee(), j().snapLines) {
 				if (e) {
 					let t = Math.min(n.top, e.start), r = Math.max(n.top + n.height, e.end);
 					u.style.display = "block", u.style.left = `${e.position}px`, u.style.top = `${t}px`, u.style.height = `${Math.max(1, r - t)}px`;
@@ -3962,55 +3985,55 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					d.style.display = "block", d.style.left = `${e}px`, d.style.top = `${t.position}px`, d.style.width = `${Math.max(1, r - e)}px`;
 				}
 			}
-		}, G = () => !!(n.querySelector(Yo) || s.querySelector(Yo)), K = () => {
-			for (let [e, t] of g) t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility");
-			g.clear();
-		}, ee = () => {
-			if (G()) {
-				K();
+		}, ne = () => !!(n.querySelector(Yo) || s.querySelector(Yo)), q = () => {
+			for (let [e, t] of b) t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility");
+			b.clear();
+		}, re = () => {
+			if (ne()) {
+				q();
 				return;
 			}
-			if (!(g.size > 0)) for (let e of s.querySelectorAll("[data-mesurer-measurement='true']")) e instanceof c.HTMLElement && (e.matches("[data-mesurer-selected-measurement='true'][data-mesurer-inspector-ui='true']") && e.getRootNode() === n && e.parentElement === n.body || (g.set(e, {
+			if (!(b.size > 0)) for (let e of s.querySelectorAll("[data-mesurer-measurement='true']")) e instanceof c.HTMLElement && (e.matches("[data-mesurer-selected-measurement='true'][data-mesurer-inspector-ui='true']") && e.getRootNode() === n && e.parentElement === n.body || (b.set(e, {
 				value: e.style.getPropertyValue("visibility"),
 				priority: e.style.getPropertyPriority("visibility")
 			}), e.style.setProperty("visibility", "hidden", "important")));
-		}, te = (e) => {
+		}, ie = (e) => {
 			if (e.parentElement instanceof c.HTMLElement) return e.parentElement;
 			let t = e.getRootNode();
 			return t instanceof c.ShadowRoot && t.host instanceof c.HTMLElement ? t.host : null;
-		}, ne = (e, t) => {
-			let n = te(e);
+		}, ae = (e, t) => {
+			let n = ie(e);
 			for (; n;) {
 				let e = t.get(n);
 				if (e) return e;
-				n = te(n);
+				n = ie(n);
 			}
 			return {
 				x: 0,
 				y: 0
 			};
-		}, q = (e = A()) => {
+		}, oe = (e = P()) => {
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e) for (let e of n.targets) {
-				let n = F(e);
+				let n = z(e);
 				n && t.set(n, e);
 			}
 			return t;
-		}, re = (e) => e.offsetSpace !== "local" || e.desiredLocalOffsetX === null || e.desiredLocalOffsetY === null ? null : {
+		}, se = (e) => e.offsetSpace !== "local" || e.desiredLocalOffsetX === null || e.desiredLocalOffsetY === null ? null : {
 			x: e.desiredLocalOffsetX,
 			y: e.desiredLocalOffsetY
-		}, ie = (e, t) => {
-			let n = te(e);
+		}, ce = (e, t) => {
+			let n = ie(e);
 			for (; n;) {
 				if (t.has(n)) return n;
-				n = te(n);
+				n = ie(n);
 			}
 			return null;
-		}, ae = (e = A(), t = /* @__PURE__ */ new Map()) => {
-			let n = q(e), r = /* @__PURE__ */ new Set([...n.keys(), ...t.keys()]), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = (e) => {
+		}, le = (e = P(), t = /* @__PURE__ */ new Map()) => {
+			let n = oe(e), r = /* @__PURE__ */ new Set([...n.keys(), ...t.keys()]), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = (e) => {
 				let s = i.get(e);
 				if (s) return s;
-				let c = n.get(e), l = t.get(e) ?? (c ? re(c) : null);
+				let c = n.get(e), l = t.get(e) ?? (c ? se(c) : null);
 				if (!l && c) {
 					let t = {
 						x: c.desiredOffsetX,
@@ -4024,7 +4047,7 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				};
 				if (a.has(e)) return l;
 				a.add(e);
-				let u = ie(e, r), d = u ? o(u) : {
+				let u = ce(e, r), d = u ? o(u) : {
 					x: 0,
 					y: 0
 				}, f = {
@@ -4035,15 +4058,15 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			};
 			for (let e of r) o(e);
 			return i;
-		}, oe = () => {
-			if (v.state === "live") return /* @__PURE__ */ new Map();
-			if (!v.intentId) return ae();
-			let e = T().intents.find((e) => e.id === v.intentId);
-			if (!e) return ae();
+		}, ue = () => {
+			if (S.state === "live") return /* @__PURE__ */ new Map();
+			if (!S.intentId) return le();
+			let e = k().intents.find((e) => e.id === S.intentId);
+			if (!e) return le();
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e.targets) {
-				let e = F(n);
-				e && t.set(e, v.state === "before" ? {
+				let e = z(n);
+				e && t.set(e, S.state === "before" ? {
 					x: n.beforeOffsetX,
 					y: n.beforeOffsetY
 				} : {
@@ -4052,10 +4075,10 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				});
 			}
 			return t;
-		}, se = (e) => {
+		}, de = (e) => {
 			let t = [...e].flatMap(([t, n]) => {
-				if (!t.isConnected || !M(t)) return [];
-				let r = ne(t, e), i = {
+				if (!t.isConnected || !I(t)) return [];
+				let r = ae(t, e), i = {
 					x: n.x - r.x,
 					y: n.y - r.y
 				};
@@ -4064,36 +4087,36 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					offset: i
 				}];
 			}), n = new Set(t.map(({ element: e }) => e));
-			for (let { element: e } of t) L(e);
-			V();
+			for (let { element: e } of t) V(e);
+			G();
 			for (let { element: e, offset: n } of t) {
 				let t = ds(e), i = r.getComputedStyle(e).transform, a = i && i !== "none" ? ` ${i}` : "";
-				e.style.setProperty("transform", `translate3d(${n.x}px, ${n.y}px, 0)${a}`, "important"), p.set(e, {
+				e.style.setProperty("transform", `translate3d(${n.x}px, ${n.y}px, 0)${a}`, "important"), _.set(e, {
 					element: e,
 					beforeTransform: t,
 					appliedTransform: ds(e)
 				});
 			}
-			z(n);
-		}, ce = () => se(oe()), le = (e) => {
-			V();
+			U(n);
+		}, fe = () => de(ue()), pe = (e) => {
+			G();
 			try {
 				return e();
 			} finally {
-				!S && !y && ce();
+				!E && !C && fe();
 			}
-		}, ue = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && M(e));
+		}, me = () => i.currentSelection().elements.filter((e) => e instanceof c.HTMLElement && e.isConnected && I(e));
 		e.state.register({
 			id: Ro,
-			initial: ue().length > 0
+			initial: me().length > 0
 		});
-		let de = () => e.state.get(Ro) ?? !1, fe = () => {
-			let t = ue().length > 0;
-			t !== de() && e.state.update(Ro, () => t);
-		}, pe = () => $o(ue().map((e) => wi(e))), me = () => {
-			for (let e of _.values()) e.remove();
-			_.clear();
-		}, he = (e) => {
+		let he = () => e.state.get(Ro) ?? !1, ge = () => {
+			let t = me().length > 0;
+			t !== he() && e.state.update(Ro, () => t);
+		}, _e = () => $o(me().map((e) => wi(e))), ve = () => {
+			for (let e of x.values()) e.remove();
+			x.clear();
+		}, ye = (e) => {
 			let t = e.getBoundingClientRect(), n = t.right + Go;
 			n + Wo > r.innerWidth - 4 && (n = Math.max(4, t.left - Wo - Go));
 			let i = Math.min(Math.max(4, t.top + Ko), Math.max(4, r.innerHeight - Wo - 4));
@@ -4101,40 +4124,40 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				left: n,
 				top: i
 			};
-		}, ge = () => {
-			if (!E() || y) {
-				me();
+		}, be = () => {
+			if (!A() || C) {
+				ve();
 				return;
 			}
-			let t = A(), r = q(t), i = ae(t), a = /* @__PURE__ */ new Set();
-			for (let t of ue()) {
+			let t = P(), r = oe(t), i = le(t), a = /* @__PURE__ */ new Set();
+			for (let t of me()) {
 				let o = r.get(t);
 				if (!o) continue;
 				let s = i.get(t);
 				if (!s) continue;
-				let c = ne(t, i), u = re(o) ?? {
+				let c = ae(t, i), u = se(o) ?? {
 					x: s.x - c.x,
 					y: s.y - c.y
 				};
 				if (Math.abs(u.x) <= qo && Math.abs(u.y) <= qo) continue;
 				a.add(t);
-				let d = _.get(t);
+				let d = x.get(t);
 				d || (d = n.createElement("button"), d.type = "button", d.dataset.mesurerArrangeReset = "true", d.dataset.mesurerInspectorUi = "true", d.setAttribute("aria-label", "Reset position"), d.title = "Reset position", d.textContent = "↺", d.className = "msr:pointer-events-auto msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-[7px] msr:border msr:border-ink-200 msr:bg-white msr:text-[14px] msr:leading-none msr:text-black msr:outline-none msr:hover:bg-ink-50 msr:focus-visible:border-[#0d99ff]", d.style.position = "fixed", d.addEventListener("pointerdown", (e) => e.stopPropagation()), d.addEventListener("click", (n) => {
-					n.preventDefault(), n.stopPropagation(), x = [t], e.command.execute(Io, void 0, { source: "arrange-reset-button" }).catch(() => {
-						x = null;
+					n.preventDefault(), n.stopPropagation(), T = [t], e.command.execute(Io, void 0, { source: "arrange-reset-button" }).catch(() => {
+						T = null;
 					});
-				}), _.set(t, d), l.append(d));
-				let f = he(t);
+				}), x.set(t, d), l.append(d));
+				let f = ye(t);
 				d.style.left = `${f.left}px`, d.style.top = `${f.top}px`;
 			}
-			for (let [e, t] of _) a.has(e) || (t.remove(), _.delete(e));
-		}, _e = (t) => {
+			for (let [e, t] of x) a.has(e) || (t.remove(), x.delete(e));
+		}, xe = (t) => {
 			let n = new Set(t);
 			n.size && (e.state.update("mesurer.arrange.intents", (e) => {
 				let t = !1, r = e.intents.flatMap((e) => {
-					if (e.pageUrl !== k()) return [e];
+					if (e.pageUrl !== N()) return [e];
 					let r = e.targets.filter((e) => {
-						let r = F(e), i = r !== null && n.has(r);
+						let r = z(e), i = r !== null && n.has(r);
 						return i && (t = !0), !i;
 					});
 					return r.length ? r.length === e.targets.length ? [e] : [{
@@ -4143,17 +4166,17 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					}] : [];
 				});
 				return t ? { intents: r } : e;
-			}), xe(), be());
-		}, ve = () => {
+			}), Te(), we());
+		}, Se = () => {
 			e.state.update(Oo, (e) => {
-				let t = e.intents.filter((e) => e.pageUrl !== k());
+				let t = e.intents.filter((e) => e.pageUrl !== N());
 				return t.length === e.intents.length ? e : { intents: t };
-			}), xe(), be();
-		}, ye = (e) => {
-			let t = D();
+			}), Te(), we();
+		}, Ce = (e) => {
+			let t = j();
 			if (!t.snapping) return [];
 			let n = [], a = new Set(e), s = i.snapshot(), l = s.xrayVisible && t.preferXrayEdges && t.elementEdges, u = 0, d = (i) => {
-				if (u >= Ho || a.has(i) || e.some((e) => e.contains(i)) || !M(i)) return;
+				if (u >= Ho || a.has(i) || e.some((e) => e.contains(i)) || !I(i)) return;
 				let o = r.getComputedStyle(i);
 				if (o.display === "none" || o.visibility === "hidden" || o.visibility === "collapse") return;
 				let s = o.outlineStyle === "solid" && (Number.parseFloat(o.outlineWidth) || 0) > 0;
@@ -4221,65 +4244,73 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				kind: "guide"
 			});
 			return n;
-		}, be = (e) => {
-			if (!E()) {
-				f.style.display = "none", me();
+		}, we = (e) => {
+			if (!A()) {
+				h(), f.style.display = "none", ve();
+				return;
+			}
+			let t = g(me());
+			if (ne()) {
+				for (let e of p.values()) e.style.display = "none";
+				f.style.display = "none", ve();
 				return;
 			}
-			let t = e === void 0 ? pe() : e;
-			if (!t) {
-				f.style.display = "none", me();
+			for (let e of p.values()) e.style.removeProperty("display");
+			f.style.borderColor = t ? "transparent" : "#0d99ff";
+			let n = e === void 0 ? _e() : e;
+			if (!n) {
+				f.style.display = "none", ve();
 				return;
 			}
-			f.style.display = "block", f.style.left = `${t.left}px`, f.style.top = `${t.top}px`, f.style.width = `${t.width}px`, f.style.height = `${t.height}px`, y ? me() : ge();
-		}, xe = () => {
-			v = {
+			f.style.display = "block", f.style.left = `${n.left}px`, f.style.top = `${n.top}px`, f.style.width = `${n.width}px`, f.style.height = `${n.height}px`, C ? ve() : be();
+		}, Te = () => {
+			S = {
 				intentId: null,
 				state: "desired"
-			}, ce(), U(), E() ? ee() : K();
-		}, Se = () => {
-			v = {
+			}, fe(), ee(), A() ? re() : q();
+		}, Ee = () => {
+			S = {
 				intentId: null,
 				state: "live"
-			}, H(), U(), K();
-		}, Ce = () => {
-			S || y || (ce(), U(), E() ? ee() : K(), be());
-		}, we = () => {
-			C || S || (C = r.requestAnimationFrame(() => {
-				C = 0, Ce();
+			}, K(), ee(), q();
+		}, De = () => {
+			E || C || (fe(), ee(), A() ? re() : q(), we());
+		}, Oe = () => {
+			D || E || (D = r.requestAnimationFrame(() => {
+				D = 0, De();
 			}));
-		}, Te = async () => {
+		}, ke = async () => {
 			if (s.querySelector("[data-mesurer-builtin='select'] button")?.getAttribute("aria-pressed") === "true") return;
 			let t = i.currentSelection().elements;
 			await e.command.execute(Mo, void 0, { source: "arrange" });
 			let n = new Set(i.currentSelection().elements);
 			for (let e of t) n.has(e) || i.toggleSelection(e);
-		}, Ee = (e) => {
-			if (!E() || e.button !== 0) return;
-			let r = ue();
+		}, Ae = (e) => {
+			if (!A() || e.button !== 0) return;
+			let r = me();
 			if (!r.length) return;
 			let a = n.elementsFromPoint && (!(o instanceof c.ShadowRoot) || o.elementsFromPoint) ? Ui(t.rendererRoot ?? null, () => Ui(l, () => Vi({
 				x: e.clientX,
 				y: e.clientY
 			}, o, n))) : null, s = e.shiftKey ? a : null;
-			if (e.shiftKey && s instanceof c.HTMLElement && M(s) && !r.includes(s)) {
+			if (e.shiftKey && s instanceof c.HTMLElement && I(s) && !r.includes(s)) {
 				e.preventDefault(), e.stopPropagation(), i.toggleSelection(s);
 				return;
 			}
-			e.preventDefault(), e.stopPropagation(), v = {
+			e.preventDefault(), e.stopPropagation(), S = {
 				intentId: null,
 				state: "desired"
-			}, ce();
-			let u = q(A()), d = ae(A()), p = new Set(r);
-			V();
+			}, fe();
+			let u = oe(P()), d = le(P()), p = new Set(r);
+			G();
 			let m = r.map((e, t) => {
-				let n = wi(e), r = ne(e, d), i = d.get(e) ?? r, a = u.get(e), o = (a ? re(a) : null) ?? {
+				let n = wi(e), r = ae(e, d), i = d.get(e) ?? r, a = u.get(e), o = (a ? se(a) : null) ?? {
 					x: i.x - r.x,
 					y: i.y - r.y
 				}, s = Zo(n, i), c = Gi(e);
 				return {
 					element: e,
-					movesDirectly: ie(e, p) === null,
+					movesDirectly: ce(e, p) === null,
 					target: {
 						id: `target-${t + 1}`,
 						selector: Wi(e),
@@ -4316,23 +4347,23 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				height: e.beforeHeight
 			})));
 			if (!h) {
-				ce();
+				fe();
 				return;
 			}
-			ce(), ee(), U(), y = {
+			fe(), re(), ee(), C = {
 				pointerId: e.pointerId,
 				originX: e.clientX,
 				originY: e.clientY,
 				targets: m,
 				groupBefore: h,
-				snapCandidates: ye(r),
-				pressTarget: a instanceof c.HTMLElement && M(a) ? a : null,
+				snapCandidates: Ce(r),
+				pressTarget: a instanceof c.HTMLElement && I(a) ? a : null,
 				shiftToggleElement: e.shiftKey && s instanceof c.HTMLElement && r.includes(s) ? s : null,
 				moved: !1,
 				dx: 0,
 				dy: 0
-			}, be(h), f.style.cursor = "grabbing", f.setPointerCapture?.(e.pointerId);
-		}, De = (e, t, n) => {
+			}, we(h), f.style.cursor = "grabbing", f.setPointerCapture?.(e.pointerId);
+		}, je = (e, t, n) => {
 			let r = /* @__PURE__ */ new Map();
 			for (let i of e.targets) {
 				let e = {
@@ -4345,49 +4376,49 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				} : e);
 			}
 			return r;
-		}, Oe = (e) => {
-			if (!y || e.pointerId !== y.pointerId) return;
-			let t = e.clientX - y.originX, n = e.clientY - y.originY, r = null;
-			if (!y.moved) {
+		}, Me = (e) => {
+			if (!C || e.pointerId !== C.pointerId) return;
+			let t = e.clientX - C.originX, n = e.clientY - C.originY, r = null;
+			if (!C.moved) {
 				if (Math.hypot(t, n) < Jo) return;
-				y.moved = !0;
+				C.moved = !0;
 			}
 			e.shiftKey && (Math.abs(t) >= Math.abs(n) ? (n = 0, r = "x") : (t = 0, r = "y"));
-			let i = Zo(y.groupBefore, {
+			let i = Zo(C.groupBefore, {
 				x: t,
 				y: n
-			}), a = r === "y" ? null : is("x", i, y.snapCandidates), o = r === "x" ? null : is("y", i, y.snapCandidates);
-			t += a?.delta ?? 0, n += o?.delta ?? 0, y.dx = t, y.dy = n;
-			let s = ae(A(), De(y, t, n));
-			se(s);
-			let c = Zo(y.groupBefore, {
+			}), a = r === "y" ? null : is("x", i, C.snapCandidates), o = r === "x" ? null : is("y", i, C.snapCandidates);
+			t += a?.delta ?? 0, n += o?.delta ?? 0, C.dx = t, C.dy = n;
+			let s = le(P(), je(C, t, n));
+			de(s);
+			let c = Zo(C.groupBefore, {
 				x: t,
 				y: n
 			});
-			be(c), W(a, o, c);
-		}, ke = () => {
-			if (!y) return;
-			let e = y.pointerId;
-			y = null, f.hasPointerCapture?.(e) && f.releasePointerCapture(e), f.style.cursor = "grab", xe(), be();
-		}, Ae = (t) => {
-			if (!y || t.pointerId !== y.pointerId) return;
+			we(c), te(a, o, c);
+		}, Ne = () => {
+			if (!C) return;
+			let e = C.pointerId;
+			C = null, f.hasPointerCapture?.(e) && f.releasePointerCapture(e), f.style.cursor = "grab", Te(), we();
+		}, Pe = (t) => {
+			if (!C || t.pointerId !== C.pointerId) return;
 			t.preventDefault(), t.stopPropagation();
-			let n = y;
-			if (y = null, f.hasPointerCapture?.(t.pointerId) && f.releasePointerCapture(t.pointerId), f.style.cursor = "grab", U(), !n.moved) {
+			let n = C;
+			if (C = null, f.hasPointerCapture?.(t.pointerId) && f.releasePointerCapture(t.pointerId), f.style.cursor = "grab", ee(), !n.moved) {
 				if (n.shiftToggleElement) i.toggleSelection(n.shiftToggleElement);
 				else if (n.pressTarget && !n.targets.some(({ element: e }) => e === n.pressTarget)) try {
 					i.select([Wi(n.pressTarget)]);
 				} catch {
 					i.clearSelection(), i.toggleSelection(n.pressTarget);
 				}
-				xe(), be();
+				Te(), we();
 				return;
 			}
-			let a = ae(A(), De(n, n.dx, n.dy));
-			b = {
+			let a = le(P(), je(n, n.dx, n.dy));
+			w = {
 				id: os(r, "arrange"),
 				createdAt: Date.now(),
-				pageUrl: k(),
+				pageUrl: N(),
 				targets: n.targets.map(({ element: e, movesDirectly: t, target: r }) => {
 					let i = {
 						x: r.beforeLocalOffsetX ?? 0,
@@ -4410,41 +4441,41 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					};
 				})
 			};
-			for (let { element: e, target: t } of n.targets) m.set(t.selector, e);
+			for (let { element: e, target: t } of n.targets) v.set(t.selector, e);
 			e.command.execute(Po).catch(() => {
-				b = null, xe(), be();
+				w = null, Te(), we();
 			});
-		}, je = (e) => {
-			!y || e.pointerId !== y.pointerId || ke();
-		}, Me = (e) => Ui(l, () => za({
+		}, Fe = (e) => {
+			!C || e.pointerId !== C.pointerId || Ne();
+		}, Ie = (e) => Ui(l, () => za({
 			x: e.clientX,
 			y: e.clientY
-		}, t.rendererRoot ?? null, n, o)), Ne = (e) => {
-			if (!E()) return;
-			if (y || e.buttons !== 0 || G()) {
+		}, t.rendererRoot ?? null, n, o)), Le = (e) => {
+			if (!A()) return;
+			if (C || e.buttons !== 0 || ne()) {
 				i.clearHover();
 				return;
 			}
 			let n = e.composedPath();
 			if (!n.includes(f) && t.rendererRoot && n.includes(t.rendererRoot)) return;
-			let r = Me(e);
-			i.setHover(r instanceof c.HTMLElement && M(r) ? r : null);
-		}, Pe = (t) => {
-			if (t.key !== "Escape" || !E() && !y || hs(t.target) || s.querySelector("[data-mesurer-tool-menu]")) return;
-			if (t.preventDefault(), t.stopImmediatePropagation(), y) {
-				ke();
+			let r = Ie(e);
+			i.setHover(r instanceof c.HTMLElement && I(r) ? r : null);
+		}, Re = (t) => {
+			if (t.key !== "Escape" || !A() && !C || hs(t.target) || s.querySelector("[data-mesurer-tool-menu]")) return;
+			if (t.preventDefault(), t.stopImmediatePropagation(), C) {
+				Ne();
 				return;
 			}
 			let n = i.currentSelection();
 			if (n.elements.length > 0 || n.region) {
-				i.clearSelection(), be();
+				i.clearSelection(), we();
 				return;
 			}
-			e.state.update(ko, () => !1), Se(), be(), e.command.execute(Mo, void 0, { source: "arrange-escape" }).catch(() => void 0);
+			e.state.update(ko, () => !1), Ee(), we(), e.command.execute(Mo, void 0, { source: "arrange-escape" }).catch(() => void 0);
 		};
-		f.addEventListener("pointerdown", Ee), f.addEventListener("pointermove", Oe), f.addEventListener("pointerup", Ae), f.addEventListener("pointercancel", je), r.addEventListener("pointermove", Ne, !0), r.addEventListener("keydown", Pe, !0), r.addEventListener("resize", we), r.addEventListener("scroll", we, !0), o.addEventListener("scroll", we, !0), w = new c.MutationObserver(() => {
-			fe(), we();
-		}), w.observe(o, {
+		f.addEventListener("pointerdown", Ae), f.addEventListener("pointermove", Me), f.addEventListener("pointerup", Pe), f.addEventListener("pointercancel", Fe), r.addEventListener("pointermove", Le, !0), r.addEventListener("keydown", Re, !0), r.addEventListener("dblclick", Oe, !0), r.addEventListener("keyup", Oe, !0), r.addEventListener("pointerup", Oe, !0), r.addEventListener("resize", Oe), r.addEventListener("scroll", Oe, !0), o.addEventListener("scroll", Oe, !0), O = new c.MutationObserver(() => {
+			ge(), Oe();
+		}), O.observe(o, {
 			childList: !0,
 			subtree: !0,
 			attributes: !0,
@@ -4456,9 +4487,9 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				"aria-label"
 			]
 		});
-		let Fe = i.subscribe(() => {
-			fe(), we();
-		}), Ie = e.state.subscribe(we), Le = (e) => T().intents.find((t) => t.id === e) ?? null, Re = (e, t) => {
+		let ze = i.subscribe(() => {
+			ge(), Oe();
+		}), Be = e.state.subscribe(Oe), Ve = (e) => k().intents.find((t) => t.id === e) ?? null, He = (e, t) => {
 			let n = null;
 			if (n = t === "before" ? $o(e.targets.map((e) => ({
 				left: e.beforeLeft,
@@ -4470,7 +4501,7 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				top: e.desiredTop,
 				width: e.desiredWidth,
 				height: e.desiredHeight
-			}))) : le(() => $o(e.targets.map((e) => F(e)).filter((e) => e !== null).map((e) => wi(e)))), !n) throw Error(`Edit movement intent has no resolvable capture region: ${e.id}`);
+			}))) : pe(() => $o(e.targets.map((e) => z(e)).filter((e) => e !== null).map((e) => wi(e)))), !n) throw Error(`Edit movement intent has no resolvable capture region: ${e.id}`);
 			let i = Math.max(0, n.left - Bo), a = Math.max(0, n.top - Bo), o = Math.min(r.innerWidth, n.left + n.width + Bo), s = Math.min(r.innerHeight, n.top + n.height + Bo);
 			return {
 				left: i,
@@ -4478,28 +4509,28 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 				width: Math.max(0, o - i),
 				height: Math.max(0, s - a)
 			};
-		}, ze = {
-			active: E,
-			intents: () => T().intents.map(ls),
+		}, Ue = {
+			active: A,
+			intents: () => k().intents.map(ls),
 			intent(e) {
-				let t = Le(e);
+				let t = Ve(e);
 				return t ? ls(t) : null;
 			},
 			show(e, t) {
-				if (!Le(e)) throw Error(`Edit intent not found: ${e}`);
-				v = {
+				if (!Ve(e)) throw Error(`Edit intent not found: ${e}`);
+				S = {
 					intentId: e,
 					state: t
-				}, Ce();
+				}, De();
 			},
 			showCurrent() {
-				v = {
+				S = {
 					intentId: null,
 					state: "desired"
-				}, Ce();
+				}, De();
 			},
 			capturePlan(e, t) {
-				let n = Le(e);
+				let n = Ve(e);
 				if (!n) throw Error(`Edit intent not found: ${e}`);
 				return {
 					schema: "mesurer.arrange-capture/v1",
@@ -4512,15 +4543,15 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					}, {
 						id: "focus",
 						kind: "clip",
-						rect: Re(n, t)
+						rect: He(n, t)
 					}]
 				};
 			},
 			review: (e, t = zo) => {
-				let n = Le(e);
+				let n = Ve(e);
 				if (!n) throw Error(`Edit movement intent not found: ${e}`);
-				let r = le(() => n.targets.map((e) => {
-					let n = F(e), r = {
+				let r = pe(() => n.targets.map((e) => {
+					let n = z(e), r = {
 						left: e.desiredLeft,
 						top: e.desiredTop,
 						width: e.desiredWidth,
@@ -4572,55 +4603,55 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 			toolbarMode: "edit",
 			modeSwitch: !0,
 			icon: Xo,
-			active: E,
+			active: A,
 			menu: {
 				label: "Edit options",
 				items: [
 					{
 						id: "snapping",
 						label: "Snapping",
-						checked: () => D().snapping,
-						run: () => O({ snapping: !D().snapping })
+						checked: () => j().snapping,
+						run: () => M({ snapping: !j().snapping })
 					},
 					{
 						id: "element-edges",
 						label: "Element edges",
-						checked: () => D().elementEdges,
-						disabled: () => !D().snapping,
-						run: () => O({ elementEdges: !D().elementEdges })
+						checked: () => j().elementEdges,
+						disabled: () => !j().snapping,
+						run: () => M({ elementEdges: !j().elementEdges })
 					},
 					{
 						id: "element-centers",
 						label: "Element centers",
-						checked: () => D().elementCenters,
-						disabled: () => !D().snapping,
-						run: () => O({ elementCenters: !D().elementCenters })
+						checked: () => j().elementCenters,
+						disabled: () => !j().snapping,
+						run: () => M({ elementCenters: !j().elementCenters })
 					},
 					{
 						id: "guides",
 						label: "Guides",
-						checked: () => D().guides,
-						disabled: () => !D().snapping,
-						run: () => O({ guides: !D().guides })
+						checked: () => j().guides,
+						disabled: () => !j().snapping,
+						run: () => M({ guides: !j().guides })
 					},
 					{
 						id: "prefer-xray-edges",
 						label: "Prefer X-ray edges",
-						checked: () => D().preferXrayEdges,
-						disabled: () => !D().snapping || !D().elementEdges,
-						run: () => O({ preferXrayEdges: !D().preferXrayEdges })
+						checked: () => j().preferXrayEdges,
+						disabled: () => !j().snapping || !j().elementEdges,
+						run: () => M({ preferXrayEdges: !j().preferXrayEdges })
 					},
 					{
 						id: "alignment-rulers",
 						label: "Alignment rulers",
-						checked: () => D().snapLines,
-						disabled: () => !D().snapping,
-						run: () => O({ snapLines: !D().snapLines })
+						checked: () => j().snapLines,
+						disabled: () => !j().snapping,
+						run: () => M({ snapLines: !j().snapLines })
 					},
 					{
 						id: "reset-all-positions",
 						label: "Reset all positions",
-						disabled: () => A().length === 0,
+						disabled: () => P().length === 0,
 						run: async () => {
 							await e.command.execute(Lo, void 0, { source: "arrange-menu" });
 						}
@@ -4637,75 +4668,75 @@ var Co = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n@la
 					id: "snapping",
 					label: "Snapping",
 					description: "Magnetically align dragged selections to nearby layout anchors.",
-					value: () => D().snapping,
-					set: (e) => O({ snapping: e })
+					value: () => j().snapping,
+					set: (e) => M({ snapping: e })
 				},
 				{
 					type: "toggle",
 					id: "element-edges",
 					label: "Element edges",
 					description: "Snap left/right and top/bottom edges to nearby elements.",
-					value: () => D().elementEdges,
-					set: (e) => O({ elementEdges: e }),
-					disabled: () => !D().snapping
+					value: () => j().elementEdges,
+					set: (e) => M({ elementEdges: e }),
+					disabled: () => !j().snapping
 				},
 				{
 					type: "toggle",
 					id: "element-centers",
 					label: "Element centers",
 					description: "Snap center-to-center when X-ray edge preference is not active.",
-					value: () => D().elementCenters,
-					set: (e) => O({ elementCenters: e }),
-					disabled: () => !D().snapping
+					value: () => j().elementCenters,
+					set: (e) => M({ elementCenters: e }),
+					disabled: () => !j().snapping
 				},
 				{
 					type: "toggle",
 					id: "guides",
 					label: "Guides",
 					description: "Snap to existing Mesurer guides.",
-					value: () => D().guides,
-					set: (e) => O({ guides: e }),
-					disabled: () => !D().snapping
+					value: () => j().guides,
+					set: (e) => M({ guides: e }),
+					disabled: () => !j().snapping
 				},
 				{
 					type: "toggle",
 					id: "prefer-xray-edges",
 					label: "Prefer X-ray edges",
 					description: "When X-ray is on, use its visible blue box edges as element snap targets.",
-					value: () => D().preferXrayEdges,
-					set: (e) => O({ preferXrayEdges: e }),
-					disabled: () => !D().snapping || !D().elementEdges
+					value: () => j().preferXrayEdges,
+					set: (e) => M({ preferXrayEdges: e }),
+					disabled: () => !j().snapping || !j().elementEdges
 				},
 				{
 					type: "toggle",
 					id: "alignment-rulers",
 					label: "Alignment rulers",
 					description: "Show the red alignment ruler while a snap is active.",
-					value: () => D().snapLines,
-					set: (e) => O({ snapLines: e }),
-					disabled: () => !D().snapping
+					value: () => j().snapLines,
+					set: (e) => M({ snapLines: e }),
+					disabled: () => !j().snapping
 				}
 			]
 		}), e.command.register(No, async () => {
-			let t = !E();
-			if (t && await Te(), e.state.update("mesurer.arrange.active", () => t), !t) {
-				y && ke(), Se(), be();
+			let t = !A();
+			if (t && await ke(), e.state.update("mesurer.arrange.active", () => t), !t) {
+				C && Ne(), Ee(), we();
 				return;
 			}
-			xe(), be();
+			Te(), we();
 		}), e.command.register(Po, () => {
-			let t = b;
-			b = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), xe(), be());
+			let t = w;
+			w = null, t && (e.state.update("mesurer.arrange.intents", (e) => ({ intents: [...e.intents, t].slice(-100) })), Te(), we());
 		}), e.command.register(Io, () => {
-			let e = x ?? ue();
-			x = null, _e(e);
-		}), e.command.register(Lo, ve), e.command.register(Fo, () => {
-			e.state.update(Oo, () => ({ intents: [] })), v = {
+			let e = T ?? me();
+			T = null, xe(e);
+		}), e.command.register(Lo, Se), e.command.register(Fo, () => {
+			e.state.update(Oo, () => ({ intents: [] })), S = {
 				intentId: null,
 				state: "desired"
-			}, H(), U(), E() ? ee() : K(), be();
-		}), e.service.provide(Do, ze), ce(), be(), e.lifecycle.onDispose(() => {
-			S = !0, C && r.cancelAnimationFrame(C), w?.disconnect(), w = null, f.removeEventListener("pointerdown", Ee), f.removeEventListener("pointermove", Oe), f.removeEventListener("pointerup", Ae), f.removeEventListener("pointercancel", je), r.removeEventListener("pointermove", Ne, !0), r.removeEventListener("keydown", Pe, !0), r.removeEventListener("resize", we), r.removeEventListener("scroll", we, !0), o.removeEventListener("scroll", we, !0), Fe(), Ie.dispose(), H(), me(), U(), K(), i.dispose(), a.dispose();
+			}, K(), ee(), A() ? re() : q(), we();
+		}), e.service.provide(Do, Ue), fe(), we(), e.lifecycle.onDispose(() => {
+			E = !0, D && r.cancelAnimationFrame(D), O?.disconnect(), O = null, f.removeEventListener("pointerdown", Ae), f.removeEventListener("pointermove", Me), f.removeEventListener("pointerup", Pe), f.removeEventListener("pointercancel", Fe), r.removeEventListener("pointermove", Le, !0), r.removeEventListener("keydown", Re, !0), r.removeEventListener("dblclick", Oe, !0), r.removeEventListener("keyup", Oe, !0), r.removeEventListener("pointerup", Oe, !0), r.removeEventListener("resize", Oe), r.removeEventListener("scroll", Oe, !0), o.removeEventListener("scroll", Oe, !0), ze(), Be.dispose(), K(), ve(), ee(), q(), h(), m.remove(), i.dispose(), a.dispose();
 		});
 	}
 }), _s = (e, t, n) => {
@@ -9006,7 +9037,7 @@ var Sc = "mesurer.layout-guides", Cc = "layout-guides:v1", wc = "mesurer.layout-
 			C = !0, b += 1, d.removeEventListener("pointerdown", z), d.removeEventListener("pointermove", B), d.removeEventListener("pointerup", V), d.removeEventListener("pointercancel", H), i.removeEventListener("keydown", U, !0), y && i.clearTimeout(y), M.dispose(), k(), ti(i), a.finishCapture(), a.dispose(), o.dispose();
 		});
 	}
-}), Qu = "0.2.2-beta.5", $u = ko, ed = Eo, td = Do, nd = Ao, rd = Oo, id = () => ({
+}), Qu = "0.2.2-beta.7", $u = ko, ed = Eo, td = Do, nd = Ao, rd = Oo, id = () => ({
 	...Ss(),
 	version: Qu
 }), ad = id, od = $u, sd = ed, cd = td, ld = nd, ud = rd, dd = (e, t) => e.left <= t.left + t.width && e.left + e.width >= t.left && e.top <= t.top + t.height && e.top + e.height >= t.top, fd = (e) => {