@sheetxl/studio-vanilla 0.8.0-beta.10 → 0.8.0-beta.11

package/cdn/assets/{DicTo_3G-KZyWDiE.js → CevaeSbWdKO5qeRu.js}

@@ -1,36 +1,38 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./Bsn-tUx172sEG2kR.js";
-import { t as n } from "./BeQ95CzwR65il0CK.js";
-import { V as r, b as i } from "./CMxbiQ5J79M3n1tk.js";
-import { E as a, H as o, N as s, bt as c, ct as l } from "./BoFx07POTorOb5g-.js";
-import { a as u, t as d } from "./PzWqv-oXxEuzKdaT.js";
-import { l as f, z as p } from "./Cw7AJWd0S2sjRmr6.js";
-import { n as m } from "./C7fu6LrSMBlHqwUy.js";
-import { t as h } from "./DxisV9_27l_WU-nk.js";
-import { L as ee, R as g, a as _, tt as te } from "./BI6afPOpgNYkzIWv.js";
-import { n as v, t as y } from "./Cw-4uoMuq_m7ziA3.js";
-import { n as b } from "./BB4MW8sSYEXjPvvf.js";
-import { r as x } from "./DCnWyVXikb_8Dat3.js";
-var S = x(e(), 1), C = n(), ne = (e, t) => {
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./t8Ps76FWzb3VX_wg.js";
+import { t as r } from "./8CW-puLLSNyeaGce.js";
+import { Z as i, p as a } from "./PD_ckP5IyZurtALu.js";
+import { A as o, Pt as s, U as c, d as l, q as u, t as d } from "./u8iMUyjw60ayROFo.js";
+import { r as f } from "./BFKaVO5u424S8iQa.js";
+import { t as p } from "./CLesyjpCdfNlo_s3.js";
+import { n as m } from "./CqmrD2Xs8MKJTO4v.js";
+import { D as h, vt as g } from "./BJ5RRYxWA_yTbVpr.js";
+import { F as _, U as v, V as ee, a as te } from "./C9_WZzkqVDNPA1d0.js";
+import { t as y } from "./Cf-LLddGP5wUU4hH.js";
+import { n as b } from "./vY2ZLR024kVOwWej.js";
+import { t as x } from "./CeySvrdNiT00QQJC.js";
+import { n as ne } from "./8yRVrfAZmWoSynP2.js";
+var S = e(t(), 1), C = r(), w = (e, t) => {
 	let n = t;
 	if (t && typeof t == "object") {
 		let e = t;
-		if (e.type === a.Type.None) return "transparent";
-		if (e.type === a.Type.Solid) n = e.color;
-		else if (e.type === a.Type.Pattern) n = e.foreground;
-		else if (e.type === a.Type.Gradient) {
+		if (e.type === c.Type.None) return "transparent";
+		if (e.type === c.Type.Solid) n = e.color;
+		else if (e.type === c.Type.Pattern) n = e.foreground;
+		else if (e.type === c.Type.Gradient) {
 			let t = e.stops?.[0];
 			n = typeof t == "string" ? t : t?.color;
 		} else n = void 0;
 	}
 	if (typeof n == "string" && n) try {
-		return (e ? e.parseColor(n) : new s(n))?.toCSS("adaptive") ?? void 0;
+		return (e ? e.parseColor(n) : new d(n))?.toCSS("adaptive") ?? void 0;
 	} catch {
 		return;
 	}
@@ -40,7 +42,7 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 	bottom: "flex-end",
 	justify: "space-between",
 	distributed: "space-around"
-}, w = {
+}, ie = {
 	left: "left",
 	center: "center",
 	right: "right",
@@ -48,33 +50,33 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 	justifyLow: "justify",
 	distributed: "justify",
 	thaiDistributed: "justify"
-}, ie = {
+}, T = {
 	left: 9.6,
 	top: 4.8,
 	right: 9.6,
 	bottom: 4.8
-}, T = (e, t) => e ? "percent" in e ? e.percent / 100 * 1.2 : `${e.points}pt` : t, E = (e, t, n) => {
+}, E = (e, t) => e ? "percent" in e ? e.percent / 100 * 1.2 : `${e.points}pt` : t, D = (e, t, n) => {
 	let r = [];
 	t.underline && t.underline !== "none" && r.push("underline"), t.strike && t.strike !== "none" && r.push("line-through");
 	let i = t.font?.family ?? t.font?.fallbacks?.[0];
 	return {
 		fontSize: typeof t.size == "number" ? `${t.size}pt` : void 0,
 		fontWeight: t.weight,
-		fontStyle: t.style === c.Style.Italic ? "italic" : void 0,
+		fontStyle: t.style === l.Style.Italic ? "italic" : void 0,
 		textDecoration: r.length ? r.join(" ") : void 0,
 		fontFamily: i,
-		color: ne(e, t.color) ?? n ?? void 0,
+		color: w(e, t.color) ?? n ?? void 0,
 		letterSpacing: typeof t.letterSpacing == "number" ? `${t.letterSpacing}pt` : void 0,
 		verticalAlign: typeof t.baseline == "number" && t.baseline !== 0 ? `${t.baseline}%` : void 0,
 		fontVariant: t.capitals === "small" ? "small-caps" : void 0,
 		textTransform: t.capitals === "all" ? "uppercase" : void 0,
-		backgroundColor: t.highlight ? ne(e, t.highlight) : void 0
+		backgroundColor: t.highlight ? w(e, t.highlight) : void 0
 	};
 }, ae = (0, S.memo)(({ text: e, styles: t, color: n }) => {
 	let r = e.body, i = {
-		...ie,
+		...T,
 		...r?.insets
-	}, a = e.listStyle?.levels?.[0] ?? e.listStyle?.default, o = (0, S.useMemo)(() => ({
+	}, a = e.listStyle?.levels?.[0] ?? e.listStyle?.default, c = (0, S.useMemo)(() => ({
 		display: "flex",
 		flexDirection: "column",
 		justifyContent: re[r?.anchor ?? "top"],
@@ -84,10 +86,10 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 		height: "100%",
 		padding: `${i.top}px ${i.right}px ${i.bottom}px ${i.left}px`,
 		whiteSpace: r?.wrap === "none" ? "pre" : "pre-wrap",
-		overflowX: (r?.horizontalOverflow ?? u.TEXT_DEFAULTS.horizontalOverflow) === l.Overflow.Visible ? "visible" : "hidden",
-		overflowY: (r?.verticalOverflow ?? u.TEXT_DEFAULTS.verticalOverflow) === l.Overflow.Visible ? "visible" : "hidden",
-		fontSize: `${u.TEXT_DEFAULTS.size}pt`,
-		writingMode: r?.vertical === l.WritingMode.Vertical || r?.vertical === l.WritingMode.EastAsianVertical ? "vertical-rl" : r?.vertical === l.WritingMode.Vertical270 ? "vertical-lr" : void 0,
+		overflowX: (r?.horizontalOverflow ?? o.TEXT_DEFAULTS.horizontalOverflow) === s.Overflow.Visible ? "visible" : "hidden",
+		overflowY: (r?.verticalOverflow ?? o.TEXT_DEFAULTS.verticalOverflow) === s.Overflow.Visible ? "visible" : "hidden",
+		fontSize: `${o.TEXT_DEFAULTS.size}pt`,
+		writingMode: r?.vertical === s.WritingMode.Vertical || r?.vertical === s.WritingMode.EastAsianVertical ? "vertical-rl" : r?.vertical === s.WritingMode.Vertical270 ? "vertical-lr" : void 0,
 		color: n ?? void 0
 	}), [
 		r,
@@ -99,22 +101,22 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 	]);
 	return (0, C.jsx)("div", {
 		className: "shape-text",
-		style: o,
+		style: c,
 		children: e.paragraphs.map((r, i) => {
 			let o = r.level ? e.listStyle?.levels?.[r.level] : a, s = {
 				...o?.defaultRun,
 				...r.defaultRun
 			}, c = r.bullet ?? o?.bullet, l = {
-				textAlign: w[r.align ?? o?.align ?? "left"],
+				textAlign: ie[r.align ?? o?.align ?? "left"],
 				marginLeft: r.marginLeft ?? o?.marginLeft,
 				marginRight: r.marginRight ?? o?.marginRight,
 				textIndent: r.indent ?? o?.indent,
-				marginTop: T(r.spaceBefore, void 0),
-				marginBottom: T(r.spaceAfter, void 0),
-				lineHeight: T(r.lineSpacing, 1.2),
+				marginTop: E(r.spaceBefore, void 0),
+				marginBottom: E(r.spaceAfter, void 0),
+				lineHeight: E(r.lineSpacing, 1.2),
 				minHeight: "1.2em",
 				direction: r.rightToLeft ? "rtl" : void 0,
-				...E(t, s, void 0)
+				...D(t, s, void 0)
 			}, u = r.runs.length ? r.runs : r.endRun ? [{
 				text: "",
 				...r.endRun
@@ -129,7 +131,7 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 					if (e.text === "\n") return (0, C.jsx)("br", {}, r);
 					let { text: i, field: a, ...o } = e;
 					return (0, C.jsx)("span", {
-						style: E(t, {
+						style: D(t, {
 							...s,
 							...o
 						}, n),
@@ -141,111 +143,63 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 	});
 });
 ae.displayName = "ShapeText";
-var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
+var oe = e(n(), 1), se = 96 / 72, ce = (e, t) => {
 	if (typeof e != "string" || !e) return null;
 	try {
-		return (t ? t.parseColor(e) : new s(e))?.toCSS("adaptive") ?? null;
+		return (t ? t.parseColor(e) : new d(e))?.toCSS("adaptive") ?? null;
 	} catch {
 		return null;
 	}
-}, ce = (e, t) => {
+}, le = (e) => {
 	if (!e) return null;
 	switch (e.type) {
-		case a.Type.None: return null;
-		case a.Type.Solid: return D(e.color, t);
-		case a.Type.Gradient: {
-			let n = e.stops?.[0];
-			return D(typeof n == "string" ? n : n?.color, t);
+		case c.Type.Solid: return e.color ?? null;
+		case c.Type.Gradient: {
+			let t = e.stops?.[0];
+			return (typeof t == "string" ? t : t?.color) ?? null;
 		}
-		case a.Type.Pattern: return D(e.foreground ?? e.background, t);
-		case a.Type.Image:
+		case c.Type.Pattern: return e.foreground ?? e.background ?? null;
+		case c.Type.Image:
 		default: return null;
 	}
-}, O = {
-	[o.DashStyle.Solid]: null,
-	[o.DashStyle.Dot]: [1, 3],
-	[o.DashStyle.Dash]: [4, 3],
-	[o.DashStyle.DashDot]: [
-		4,
-		3,
-		1,
-		3
-	],
-	[o.DashStyle.LongDash]: [8, 3],
-	[o.DashStyle.LongDashDot]: [
-		8,
-		3,
-		1,
-		3
-	],
-	[o.DashStyle.LongDashDotDot]: [
-		8,
-		3,
-		1,
-		3,
-		1,
-		3
-	],
-	[o.DashStyle.SysDot]: [1, 1],
-	[o.DashStyle.SysDash]: [3, 1],
-	[o.DashStyle.SysDashDot]: [
-		3,
-		1,
-		1,
-		1
-	],
-	[o.DashStyle.SysDashDotDot]: [
-		3,
-		1,
-		1,
-		1,
-		1,
-		1
-	]
-}, le = (e) => {
-	if (Array.isArray(e)) {
-		let t = e.map((e) => Math.max(0, e) / 100);
-		return t.length > 0 && t.some((e) => e > 0) ? t : null;
-	}
-	return (e && O[e]) ?? null;
-}, k = (e) => Math.max(0, Math.min(1, e ?? 0)), ue = (e, t) => {
-	let n = e.stops ?? [];
-	if (n.length < 2) return null;
-	let r = n.length - 1, i = [];
-	for (let e = 0; e < n.length; e++) {
-		let a = n[e], o = D(typeof a == "string" ? a : a?.color, t);
-		if (!o) return null;
-		let s = typeof a == "object" && typeof a.offset == "number" ? a.offset : e / r;
-		i.push({
-			offset: k(s),
-			color: o
+}, O = (e) => Math.max(0, Math.min(1, e ?? 0)), ue = (e) => {
+	let t = e.stops ?? [];
+	if (t.length < 2) return null;
+	let n = t.length - 1, r = [];
+	for (let e = 0; e < t.length; e++) {
+		let i = t[e], a = typeof i == "string" ? i : i?.color;
+		if (!a) return null;
+		let o = typeof i == "object" && typeof i.offset == "number" ? i.offset : e / n;
+		r.push({
+			offset: O(o),
+			color: a
 		});
 	}
-	if (i.sort((e, t) => e.offset - t.offset), (e.gradientType ?? a.GradientType.Linear) === a.GradientType.Linear) return {
+	if (r.sort((e, t) => e.offset - t.offset), (e.gradientType ?? c.GradientType.Linear) === c.GradientType.Linear) return {
 		kind: "linear",
 		angle: (((e.angle ?? 0) - 90) % 360 + 360) % 360,
 		scaled: e.scaled ?? !0,
-		stops: i
+		stops: r
 	};
-	let o = e.focus, s = k(o?.left), c = k(o?.top), l = k(o?.right), u = k(o?.bottom);
-	if (s > l || c > u) return null;
-	let d = (s + l) / 2, f = (c + u) / 2, p = Math.max(d, 1 - d), m = Math.max(f, 1 - f);
+	let i = e.focus, a = O(i?.left), o = O(i?.top), s = O(i?.right), l = O(i?.bottom);
+	if (a > s || o > l) return null;
+	let u = (a + s) / 2, d = (o + l) / 2, f = Math.max(u, 1 - u), p = Math.max(d, 1 - d);
 	return {
 		kind: "radial",
-		cx: d,
-		cy: f,
-		r: Math.hypot(p, m),
-		stops: i
+		cx: u,
+		cy: d,
+		r: Math.hypot(f, p),
+		stops: r
 	};
-}, de = u.inheritedGroupFill, fe = /[MLQCAZ]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/g, A = {
+}, de = o.inheritedGroupFill, k = /[MLQCAZ]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/g, A = {
 	M: 1,
 	L: 1,
 	Q: 2,
 	C: 3,
 	A: 1,
 	Z: 0
-}, j = (e) => String(Math.round(1e5 * e) / 1e5), M = (e) => {
-	let t = e.match(fe) ?? [], n = [], r = [], i = [], a = {
+}, fe = (e) => String(Math.round(1e5 * e) / 1e5), j = (e) => {
+	let t = e.match(k) ?? [], n = [], r = [], i = [], a = {
 		x: 0,
 		y: 0
 	}, o = null, s = 0, c = null;
@@ -287,30 +241,30 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 		straight: r,
 		ends: i
 	};
-}, N = (e) => {
+}, M = (e) => {
 	let t = [];
 	for (let n of e) {
-		let e = n.pts.map((e) => `${j(e.x)} ${j(e.y)}`).join(" ");
+		let e = n.pts.map((e) => `${fe(e.x)} ${fe(e.y)}`).join(" ");
 		t.push(n.c === "Z" ? "Z" : `${n.c}${n.arc ? `${n.arc.join(" ")} ` : ""}${e}`);
 	}
 	return t.join(" ");
-}, P = 1e-6, F = (e, t, n, r, i) => {
-	let a = r ? (i - e) * t.zoom : e * t.zoom, o = p.snapLineCenter(a, n, t.dpr);
+}, N = 1e-6, P = (e, t, n, r, i) => {
+	let a = r ? (i - e) * t.zoom : e * t.zoom, o = g.snapLineCenter(a, n, t.dpr);
 	return r ? i - o / t.zoom : o / t.zoom;
-}, I = (e, t, n) => {
-	let r = M(e), i = r.ends.map((e) => ({
+}, F = (e, t, n) => {
+	let r = j(e), i = r.ends.map((e) => ({
 		x: e.x,
 		y: e.y
 	})), a = n * t.zoom, o = [];
 	for (let e of r.straight) {
-		let t = Math.abs(e.to.y - e.from.y) < P;
-		t !== Math.abs(e.to.x - e.from.x) < P && o.push({
+		let t = Math.abs(e.to.y - e.from.y) < N;
+		t !== Math.abs(e.to.x - e.from.x) < N && o.push({
 			seg: e,
 			level: t,
 			at: t ? e.from.y : e.from.x
 		});
 	}
-	for (let { seg: e, level: n, at: r } of o) n ? e.from.y = e.to.y = F(r, t, a, t.flipV, t.height) : e.from.x = e.to.x = F(r, t, a, t.flipH, t.width);
+	for (let { seg: e, level: n, at: r } of o) n ? e.from.y = e.to.y = P(r, t, a, t.flipV, t.height) : e.from.x = e.to.x = P(r, t, a, t.flipH, t.width);
 	let s = [];
 	return r.ends.forEach((e, t) => {
 		let n = {
@@ -322,12 +276,12 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 			by: n
 		});
 	}), {
-		d: N(r.cmds),
+		d: M(r.cmds),
 		ends: s
 	};
-}, L = (e, t) => {
+}, I = (e, t) => {
 	if (t.length === 0) return e;
-	let n = M(e), r = [], i = null, a = /* @__PURE__ */ new Set(), o = () => {
+	let n = j(e), r = [], i = null, a = /* @__PURE__ */ new Set(), o = () => {
 		if (!i) return;
 		let e = null, n = 1 / 0;
 		for (let r of t) {
@@ -341,8 +295,8 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 		e.c === "M" && (o(), i = e.pts[0]);
 		for (let t of e.pts) r.push(t);
 	}
-	return o(), N(n.cmds);
-}, R = /* @__PURE__ */ new WeakMap(), pe = (e, t, n, r) => {
+	return o(), M(n.cmds);
+}, L = /* @__PURE__ */ new WeakMap(), R = (e, t, n, r) => {
 	let i = t.stops.map((e, t) => (0, C.jsx)("stop", {
 		offset: e.offset,
 		stopColor: e.color
@@ -374,20 +328,20 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 		gradientTransform: `scale(1 ${r / n})`,
 		children: i
 	}, e);
-}, z = (0, S.memo)(({ paths: e, style: t, width: n, height: i, zoom: a, grid: o, hit: s }) => {
+}, z = (0, S.memo)(({ paths: e, style: t, width: n, height: r, zoom: a, grid: o, hit: s }) => {
 	let c = (0, S.useId)().replace(/[^A-Za-z0-9_-]/g, ""), l = ((e) => {
 		let [t, n] = (0, S.useState)(null);
 		return (0, S.useEffect)(() => {
 			if (!e) return;
 			let t = !0;
 			return ((e) => {
-				let t = R.get(e);
+				let t = L.get(e);
 				return t || (t = (async () => {
 					let t = await e.getExternalURI();
 					if (t) return t;
-					let [n, i] = await Promise.all([e.toBuffer(), e.getType()]);
-					return `data:${i?.mime ?? "image/png"};base64,${r.arrayBufferToBase64(n)}`;
-				})(), R.set(e, t)), t;
+					let [n, r] = await Promise.all([e.toBuffer(), e.getType()]);
+					return `data:${r?.mime ?? "image/png"};base64,${i.arrayBufferToBase64(n)}`;
+				})(), L.set(e, t)), t;
 			})(e).then((r) => {
 				t && n({
 					resource: e,
@@ -400,52 +354,52 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 	})(t.image?.resource ?? null), u = ((e, t, n = 1) => {
 		let r = (t > 0 ? t : 1) * (n > 0 ? n : 1);
 		return Math.max(1, Math.round(Math.max(0, e || 0) * r)) / r;
-	})(t.strokeWidth, a, o?.dpr ?? p.getDevicePixelRatio()), f = n > 0 && i > 0, m = f ? t.gradient ?? null : null, h = f ? t.strokeGradient ?? null : null, ee = t.image ? l ? `url(#${c}-image)` : null : m ? `url(#${c}-fill)` : t.fill, g = h ? `url(#${c}-stroke)` : t.stroke, _ = t.stroke !== null && u > 0, te = _ ? ((e, t, n) => {
+	})(t.strokeWidth, a, o?.dpr ?? g.getDevicePixelRatio()), d = n > 0 && r > 0, f = d ? t.gradient ?? null : null, m = d ? t.strokeGradient ?? null : null, h = t.image ? l ? `url(#${c}-image)` : null : f ? `url(#${c}-fill)` : t.fill, _ = m ? `url(#${c}-stroke)` : t.stroke, v = t.stroke !== null && u > 0, ee = v ? ((e, t, n) => {
 		if (!(e && t > 0)) return;
 		let r = n !== "butt", i = e.map((e, n) => {
 			let i = e * t;
 			return r ? n % 2 == 0 ? Math.max(0, i - t) : i + t : i;
 		});
 		return i.length % 2 == 1 && i.push(r ? t : 0), i.map((e) => +e.toFixed(3)).join(" ");
-	})(t.dash, u, t.lineCap) : void 0, v = (0, S.useMemo)(() => ((e, t, n) => {
+	})(t.dash, u, t.lineCap) : void 0, te = (0, S.useMemo)(() => ((e, t, n) => {
 		let r = /* @__PURE__ */ new Map();
 		if (!t) return r;
 		let i = /* @__PURE__ */ new Map(), a = [];
 		for (let o of e) {
-			if (o.layer !== d.PathLayer.Stroke) continue;
+			if (o.layer !== p.PathLayer.Stroke) continue;
 			let e = i.get(o.d);
 			if (e === void 0) {
-				let r = I(o.d, t, n);
+				let r = F(o.d, t, n);
 				e = r.d, i.set(o.d, e), a.push(...r.ends);
 			}
 			r.set(o.index, e);
 		}
-		for (let t of e) if (t.layer === d.PathLayer.Fill) {
+		for (let t of e) if (t.layer === p.PathLayer.Fill) {
 			let e = i.get(t.d);
 			e !== void 0 && r.set(t.index, e);
-		} else t.layer === d.PathLayer.Marker && r.set(t.index, L(t.d, a));
+		} else t.layer === p.PathLayer.Marker && r.set(t.index, I(t.d, a));
 		return r;
-	})(e, _ ? o : null, u), [
+	})(e, v ? o : null, u), [
 		e,
-		_,
+		v,
 		o,
 		u
 	]), y = /* @__PURE__ */ new Set(), b = [];
 	for (let n of e) {
-		let e = `p${n.index}`, r = v.get(n.index) ?? n.d;
+		let e = `p${n.index}`, r = te.get(n.index) ?? n.d;
 		switch (n.layer) {
-			case d.PathLayer.Fill:
-				if (ee === null) break;
+			case p.PathLayer.Fill:
+				if (h === null) break;
 				n.fill !== "norm" && y.add(n.fill), b.push((0, C.jsx)("path", {
 					d: r,
-					fill: ee,
+					fill: h,
 					filter: n.fill === "norm" ? void 0 : `url(#${c}-${n.fill})`,
 					stroke: "none",
 					pointerEvents: s
 				}, e));
 				break;
-			case d.PathLayer.Stroke: {
-				if (!_) break;
+			case p.PathLayer.Stroke: {
+				if (!v) break;
 				let n = 8 / (a > 0 ? a : 1);
 				s !== "none" && n > u && b.push((0, C.jsx)("path", {
 					className: "shape-hit",
@@ -459,19 +413,19 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 				}, `${e}-hit`)), b.push((0, C.jsx)("path", {
 					d: r,
 					fill: "none",
-					stroke: g,
+					stroke: _,
 					strokeWidth: u,
 					strokeLinejoin: t.lineJoin,
 					strokeLinecap: t.lineCap,
 					strokeMiterlimit: t.lineJoin === "miter" ? t.miterLimit : void 0,
-					strokeDasharray: te,
+					strokeDasharray: ee,
 					pointerEvents: s === "none" ? "none" : "visibleStroke"
 				}, e));
 				break;
 			}
-			case d.PathLayer.Marker: _ && b.push((0, C.jsx)("path", {
+			case p.PathLayer.Marker: v && b.push((0, C.jsx)("path", {
 				d: r,
-				fill: g,
+				fill: _,
 				stroke: "none",
 				pointerEvents: s
 			}, e));
@@ -479,7 +433,7 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 	}
 	let x = [];
 	for (let e of y) {
-		let [t, n] = d.FillTransfer[e];
+		let [t, n] = p.FillTransfer[e];
 		x.push((0, C.jsx)("filter", {
 			id: `${c}-${e}`,
 			colorInterpolationFilters: "sRGB",
@@ -502,18 +456,18 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 			] })
 		}, e));
 	}
-	if (m && !t.image && x.push(pe(`${c}-fill`, m, n, i)), h && _ && x.push(pe(`${c}-stroke`, h, n, i)), t.image && l) {
-		let e = t.image.fill.stretch ?? {}, r = n * (e.left ?? 0) / 100, a = i * (e.top ?? 0) / 100, o = Math.max(0, n - r - n * (e.right ?? 0) / 100), s = Math.max(0, i - a - i * (e.bottom ?? 0) / 100);
+	if (f && !t.image && x.push(R(`${c}-fill`, f, n, r)), m && v && x.push(R(`${c}-stroke`, m, n, r)), t.image && l) {
+		let e = t.image.fill.stretch ?? {}, i = n * (e.left ?? 0) / 100, a = r * (e.top ?? 0) / 100, o = Math.max(0, n - i - n * (e.right ?? 0) / 100), s = Math.max(0, r - a - r * (e.bottom ?? 0) / 100);
 		x.push((0, C.jsx)("pattern", {
 			id: `${c}-image`,
 			patternUnits: "userSpaceOnUse",
 			x: 0,
 			y: 0,
 			width: Math.max(n, 1),
-			height: Math.max(i, 1),
+			height: Math.max(r, 1),
 			children: (0, C.jsx)("image", {
 				href: l,
-				x: r,
+				x: i,
 				y: a,
 				width: o,
 				height: s,
@@ -524,7 +478,7 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 	return (0, C.jsxs)(C.Fragment, { children: [x.length > 0 ? (0, C.jsx)("defs", { children: x }) : null, b] });
 });
 z.displayName = "PathRun";
-var me = (0, S.memo)(({ geometry: e, style: t, zoom: n, grid: r = null, hit: i }) => {
+var pe = (0, S.memo)(({ geometry: e, style: t, zoom: n, grid: r = null, hit: i }) => {
 	let a = (0, S.useMemo)(() => {
 		let t = [];
 		return e.forEachPath((e) => t.push(e)), t;
@@ -539,8 +493,8 @@ var me = (0, S.memo)(({ geometry: e, style: t, zoom: n, grid: r = null, hit: i }
 		hit: i
 	});
 });
-me.displayName = "ShapePaths";
-var he = (0, S.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) => {
+pe.displayName = "ShapePaths";
+var me = (0, S.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) => {
 	let a = (0, S.useRef)(null), o = (0, S.useRef)(null), [s, c] = (0, S.useState)(!1), l = (0, S.useCallback)((e) => {
 		let t = a.current, n = t?.getScreenCTM();
 		if (!t || !n) return null;
@@ -619,49 +573,49 @@ var he = (0, S.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) =
 		}, e.index))
 	});
 });
-he.displayName = "ShapeHandles";
-var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t && e.getHeight() === n ? e : B(t, n) ? e.resize(t, n) : null, _e = (e) => {
+me.displayName = "ShapeHandles";
+var B = (e, t) => e > 0 || t > 0, V = (e, t, n) => !e || e.getWidth() === t && e.getHeight() === n ? e : B(t, n) ? e.resize(t, n) : null, he = (e) => {
 	let t = [];
 	return e.forEachConnection((e) => t.push(e)), t;
-}, V = (0, S.memo)((0, S.forwardRef)((e, t) => {
-	let { children: n, disabled: r, style: o, shape: s, movable: c, zoom: l = 1, isDragging: d, onHide: ee, onShow: _, onDragZone: te, adornmentHost: v, flip: y, gesture: x, debugGeometry: ne = !1, ...re } = e, w = h()?.getStyles() ?? null, [ie, T] = (0, S.useReducer)((e) => e + 1, 0);
-	m(s, { onAnyChange: T }), m(c ?? null, {
-		onBoundsChange: T,
-		onSelectionChange: T
+}, H = (0, S.memo)((0, S.forwardRef)((e, t) => {
+	let { children: n, disabled: r, style: i, shape: s, movable: l, zoom: d = 1, isDragging: p, onHide: _, onShow: ee, onDragZone: te, adornmentHost: y, flip: b, gesture: w, debugGeometry: re = !1, ...ie } = e, T = x()?.getStyles() ?? null, [E, D] = (0, S.useReducer)((e) => e + 1, 0);
+	m(s, { onAnyChange: D }), m(l ?? null, {
+		onBoundsChange: D,
+		onSelectionChange: D
 	});
-	let E = s.toJSON(), { width: O, height: k, rotation: fe, content: A } = ((e) => {
-		let [t] = g("movable-drag", null), n = e ? t?.[e.getId()] : void 0, r = n?.bounds ?? e?.getBounds();
+	let O = s.toJSON(), { width: k, height: A, rotation: fe, content: j } = ((e) => {
+		let [t] = v("movable-drag", null), n = e ? t?.[e.getId()] : void 0, r = n?.bounds ?? e?.getBounds();
 		return {
 			width: r?.width ?? 0,
 			height: r?.height ?? 0,
 			rotation: n?.rotation ?? (e?.getRotation() || 0),
 			content: n?.content ?? null
 		};
-	})(c), j = s.getShapeType(), M = s.getAdjustments(), N = B(O, k), [P, F] = (0, S.useState)(null), I = (0, S.useRef)(0);
+	})(l), M = s.getShapeType(), N = s.getAdjustments(), P = B(k, A), [F, I] = (0, S.useState)(null), L = (0, S.useRef)(0);
 	(0, S.useEffect)(() => {
-		if (!N) return void F(null);
-		let e = ++I.current, t = s.getShapeType();
-		s.getGeometry(O, k).then((n) => {
-			I.current === e && F(n ? {
+		if (!P) return void I(null);
+		let e = ++L.current, t = s.getShapeType();
+		s.getGeometry(k, A).then((n) => {
+			L.current === e && I(n ? {
 				shapeType: t,
 				geometry: n
 			} : null);
 		}, () => {
-			I.current === e && F(null);
+			L.current === e && I(null);
 		});
 	}, [
 		s,
-		O,
 		k,
-		ie
+		A,
+		E
 	]);
-	let L = A?.shapeType !== void 0 && A.shapeType !== j ? A.shapeType : null, [R, pe] = (0, S.useState)(null);
+	let R = j?.shapeType !== void 0 && j.shapeType !== M ? j.shapeType : null, [z, H] = (0, S.useState)(null);
 	(0, S.useEffect)(() => {
-		if (!L || !N || R?.shapeType === L) return;
+		if (!R || !P || z?.shapeType === R) return;
 		let e = !0;
-		return s.getGeometry(O, k, { shapeType: L }).then((t) => {
-			e && t && pe({
-				shapeType: L,
+		return s.getGeometry(k, A, { shapeType: R }).then((t) => {
+			e && t && H({
+				shapeType: R,
 				geometry: t
 			});
 		}, () => {}), () => {
@@ -669,129 +623,129 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 		};
 	}, [
 		s,
-		L,
-		N
+		R,
+		P
 	]);
-	let z = (0, S.useMemo)(() => {
-		let e = P?.shapeType === j ? P : R?.shapeType === j ? R : null;
-		return e ? ge(e.geometry, O, k)?.withAdjustments(M) ?? null : ge(P?.geometry ?? null, O, k);
+	let U = (0, S.useMemo)(() => {
+		let e = F?.shapeType === M ? F : z?.shapeType === M ? z : null;
+		return e ? V(e.geometry, k, A)?.withAdjustments(N) ?? null : V(F?.geometry ?? null, k, A);
 	}, [
-		P,
-		R,
-		j,
+		F,
+		z,
 		M,
-		O,
-		k
-	]), V = (0, S.useCallback)((e) => s.getResource(e), [s]);
+		N,
+		k,
+		A
+	]), W = (0, S.useCallback)((e) => s.getResource(e), [s]);
 	(0, S.useEffect)(() => {
 		let e = [];
-		for (let t = c?.getParent() ?? null; t; t = t.getParent()) e.push(t.getContent().addListeners({ onAnyChange: T }));
+		for (let t = l?.getParent() ?? null; t; t = t.getParent()) e.push(t.getContent().addListeners({ onAnyChange: D }));
 		return () => {
 			for (let t of e) t();
 		};
-	}, [c]);
-	let H = de(c), U = (0, S.useMemo)(() => ((e, t, n, r) => {
+	}, [l]);
+	let ge = de(l), G = (0, S.useMemo)(() => ((e, t, n, r) => {
 		let i = null;
 		try {
 			i = t?.getTheme()?.toJSON() ?? null;
 		} catch {
 			i = null;
 		}
-		let o, s = u.resolve(e, i, r), { fill: c, stroke: l } = s, d = ce(l?.fill, t), f = l?.fill?.type === a.Type.Gradient ? ue(l.fill, t) ?? void 0 : void 0, p = ce(c, t), m = c?.type === a.Type.Gradient ? ue(c, t) ?? void 0 : void 0;
-		if (c?.type === a.Type.Image) {
-			let e = c.resId === void 0 ? null : n?.(c.resId) ?? null;
-			e && (o = {
+		let a, s = o.resolve(e, i, r), { stroke: l } = s, d = (e) => ce(e, t), p = f.toConcreteFill(s.fill, d), m = f.toConcreteFill(l?.fill, d), h = le(m), g = m?.type === c.Type.Gradient ? ue(m) ?? void 0 : void 0, _ = le(p), v = p?.type === c.Type.Gradient ? ue(p) ?? void 0 : void 0;
+		if (p?.type === c.Type.Image) {
+			let e = p.resId === void 0 ? null : n?.(p.resId) ?? null;
+			e && (a = {
 				resource: e,
-				fill: c
+				fill: p
 			});
 		}
 		return {
-			fill: p,
-			gradient: m,
-			image: o,
-			stroke: d,
-			strokeGradient: f,
-			strokeWidth: d ? Math.max(0, s.strokeWidth) * se : 0,
+			fill: _,
+			gradient: v,
+			image: a,
+			stroke: h,
+			strokeGradient: g,
+			strokeWidth: h ? Math.max(0, s.strokeWidth) * se : 0,
 			lineJoin: l?.lineJoin ?? "miter",
 			lineCap: l?.lineCap ?? "butt",
 			miterLimit: typeof l?.miterLimit == "number" ? l.miterLimit : 18.5,
-			dash: le(l?.dash),
-			textColor: D(s.fontColor, t)
+			dash: u.toDashLengths(l?.dash),
+			textColor: ce(s.fontColor, t)
 		};
-	})(E, w, V, H), [
-		E,
-		w,
-		V,
-		H
-	]), [ve, W] = (0, S.useState)(null), G = A?.adjustments === void 0 ? ve ?? void 0 : A.adjustments, K = (0, S.useMemo)(() => {
-		if (L && R?.shapeType !== L) return z;
-		let e = L ? ge(R.geometry, O, k) : z;
-		return e && G !== void 0 ? e.withAdjustments(G) : e;
+	})(O, T, W, ge), [
+		O,
+		T,
+		W,
+		ge
+	]), [_e, K] = (0, S.useState)(null), ve = j?.adjustments === void 0 ? _e ?? void 0 : j.adjustments, q = (0, S.useMemo)(() => {
+		if (R && z?.shapeType !== R) return U;
+		let e = R ? V(z.geometry, k, A) : U;
+		return e && ve !== void 0 ? e.withAdjustments(ve) : e;
 	}, [
-		z,
-		L,
+		U,
 		R,
-		O,
+		z,
 		k,
-		G
-	]), q = (0, S.useRef)(null), [ye, be] = (0, S.useState)(!1), xe = (0, S.useCallback)((e, t, n, a) => {
-		if (a === "cancel") return q.current && (q.current = null, be(!1), x?.cancel()), void W(null);
-		if (!K || !z) return;
-		let o = K.adjustmentsFromHandle(e, t, n);
-		if (a === "move") {
-			if (x && !r) {
-				if (!q.current) {
+		A,
+		ve
+	]), J = (0, S.useRef)(null), [ye, be] = (0, S.useState)(!1), xe = (0, S.useCallback)((e, t, n, i) => {
+		if (i === "cancel") return J.current && (J.current = null, be(!1), w?.cancel()), void K(null);
+		if (!q || !U) return;
+		let o = q.adjustmentsFromHandle(e, t, n);
+		if (i === "move") {
+			if (w && !r) {
+				if (!J.current) {
 					let e = { adjustments: o };
-					if (!x.start(i("op.setShapeAdjustments"), (t) => {
+					if (!w.start(a("op.setShapeAdjustments"), (t) => {
 						t.getContent().setAdjustments(e.adjustments);
 					})) return;
-					q.current = e, be(!0);
+					J.current = e, be(!0);
 				}
-				q.current.adjustments = o, x.preview({ content: { adjustments: o } });
+				J.current.adjustments = o, w.preview({ content: { adjustments: o } });
 				return;
 			}
-			W(o);
+			K(o);
 			return;
 		}
-		let c = q.current;
-		if (c) return q.current = null, be(!1), c.adjustments = o, void x?.finish();
-		W(null), r || s.setAdjustments(o);
+		let c = J.current;
+		if (c) return J.current = null, be(!1), c.adjustments = o, void w?.finish();
+		K(null), r || s.setAdjustments(o);
 	}, [
-		K,
-		z,
+		q,
+		U,
 		s,
 		r,
-		x
+		w
 	]), Se = (0, S.useMemo)(() => {
 		let e = [];
-		return K?.forEachHandle((t) => e.push(t)), e;
-	}, [K]), Ce = f(t, () => ({ isShapeEditor: () => !0 }), []), we = y ?? c?.getFlip(), J = we?.horizontal ?? !1, Y = we?.vertical ?? !1, Te = fe % 360 != 0, Ee = (0, S.useMemo)(() => !Te && B(O, k) ? {
-		dpr: p.getDevicePixelRatio(),
-		zoom: l,
-		width: O,
-		height: k,
-		flipH: J,
-		flipV: Y
+		return q?.forEachHandle((t) => e.push(t)), e;
+	}, [q]), Ce = h(t, () => ({ isShapeEditor: () => !0 }), []), we = b ?? l?.getFlip(), Y = we?.horizontal ?? !1, X = we?.vertical ?? !1, Te = fe % 360 != 0, Ee = (0, S.useMemo)(() => !Te && B(k, A) ? {
+		dpr: g.getDevicePixelRatio(),
+		zoom: d,
+		width: k,
+		height: A,
+		flipH: Y,
+		flipV: X
 	} : null, [
 		Te,
-		l,
-		O,
+		d,
 		k,
-		J,
-		Y
+		A,
+		Y,
+		X
 	]);
-	if (s.isDeleted() || !E) return null;
-	let X = o?.pointerEvents === "none", De = X ? "none" : "visiblePainted", Oe = !X && !r && (!d || ye) && !!c?.isSelected(), ke = {
-		transform: J || Y ? `scale(${J ? -1 : 1}, ${Y ? -1 : 1})` : void 0,
+	if (s.isDeleted() || !O) return null;
+	let Z = i?.pointerEvents === "none", De = Z ? "none" : "visiblePainted", Oe = !Z && !r && (!p || ye) && !!l?.isSelected(), ke = {
+		transform: Y || X ? `scale(${Y ? -1 : 1}, ${X ? -1 : 1})` : void 0,
 		transformOrigin: "center"
-	}, Z = null;
-	Oe && Se.length > 0 && (Z = (0, C.jsx)(he, {
+	}, Q = null;
+	Oe && Se.length > 0 && (Q = (0, C.jsx)(me, {
 		handles: Se,
-		width: O,
-		height: k,
-		zoom: l,
+		width: k,
+		height: A,
+		zoom: d,
 		onDrag: xe
-	}), v && (Z = (0, oe.createPortal)((0, C.jsx)("div", {
+	}), y && (Q = (0, oe.createPortal)((0, C.jsx)("div", {
 		className: "shape-adornment",
 		style: {
 			position: "absolute",
@@ -802,12 +756,12 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 			...ke,
 			pointerEvents: "none"
 		},
-		children: Z
-	}), v)));
-	let Ae = J === Y ? void 0 : "scaleX(-1)", Q = K?.getTextRect(), $ = E.text, je = !!$ && $.paragraphs.some((e) => e.runs.some((e) => e.text !== ""));
+		children: Q
+	}), y)));
+	let Ae = Y === X ? void 0 : "scaleX(-1)", $ = q?.getTextRect(), je = O.text, Me = !!je && je.paragraphs.some((e) => e.runs.some((e) => e.text !== ""));
 	return (0, C.jsxs)("div", {
 		className: "shape-editor",
-		...re,
+		...ie,
 		ref: Ce,
 		style: {
 			width: "100%",
@@ -816,15 +770,15 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 			overflow: "visible",
 			filter: r ? "blur(1px)" : void 0,
 			...ke,
-			...o,
+			...i,
 			pointerEvents: "none"
 		},
 		children: [
-			B(O, k) ? (0, C.jsxs)("svg", {
+			B(k, A) ? (0, C.jsxs)("svg", {
 				className: "shape-geometry",
-				viewBox: `0 0 ${O > 0 ? O : 1 / l} ${k > 0 ? k : 1 / l}`,
-				width: O > 0 ? "100%" : "1px",
-				height: k > 0 ? "100%" : "1px",
+				viewBox: `0 0 ${k > 0 ? k : 1 / d} ${A > 0 ? A : 1 / d}`,
+				width: k > 0 ? "100%" : "1px",
+				height: A > 0 ? "100%" : "1px",
 				preserveAspectRatio: "none",
 				overflow: "visible",
 				style: {
@@ -835,48 +789,48 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 					pointerEvents: "none",
 					filter: Oe ? "drop-shadow(1px 1px 2px rgba(0,0,0,.15))" : void 0
 				},
-				children: [K ? (0, C.jsx)(me, {
-					geometry: K,
-					style: U,
-					zoom: l,
+				children: [q ? (0, C.jsx)(pe, {
+					geometry: q,
+					style: G,
+					zoom: d,
 					grid: Ee,
 					hit: De
-				}) : null, ne && K && Q ? (0, C.jsxs)("g", {
+				}) : null, re && q && $ ? (0, C.jsxs)("g", {
 					pointerEvents: "none",
 					children: [(0, C.jsx)("rect", {
-						x: Q.l,
-						y: Q.t,
-						width: Math.max(0, Q.r - Q.l),
-						height: Math.max(0, Q.b - Q.t),
+						x: $.l,
+						y: $.t,
+						width: Math.max(0, $.r - $.l),
+						height: Math.max(0, $.b - $.t),
 						fill: "none",
 						stroke: "#c00",
-						strokeWidth: 1 / l,
-						strokeDasharray: `${4 / l} ${2 / l}`
-					}), _e(K).map((e) => (0, C.jsx)("rect", {
-						x: e.x - 3 / l,
-						y: e.y - 3 / l,
-						width: 6 / l,
-						height: 6 / l,
+						strokeWidth: 1 / d,
+						strokeDasharray: `${4 / d} ${2 / d}`
+					}), he(q).map((e) => (0, C.jsx)("rect", {
+						x: e.x - 3 / d,
+						y: e.y - 3 / d,
+						width: 6 / d,
+						height: 6 / d,
 						fill: "#0a0"
 					}, e.index))]
 				}) : null]
 			}) : null,
-			je && Q ? (0, C.jsx)("div", {
+			Me && $ ? (0, C.jsx)("div", {
 				className: "shape-text-frame",
 				style: {
 					position: "absolute",
-					left: Q.l,
-					top: Q.t,
-					width: Math.max(0, Q.r - Q.l),
-					height: Math.max(0, Q.b - Q.t),
-					zoom: l,
+					left: $.l,
+					top: $.t,
+					width: Math.max(0, $.r - $.l),
+					height: Math.max(0, $.b - $.t),
+					zoom: d,
 					transform: Ae,
 					transformOrigin: "center",
-					pointerEvents: X ? "none" : "auto",
-					color: U.textColor ?? void 0
+					pointerEvents: Z ? "none" : "auto",
+					color: G.textColor ?? void 0
 				},
-				children: (0, C.jsx)(b, {
-					movable: c,
+				children: (0, C.jsx)(ne, {
+					movable: l,
 					disabled: !0,
 					style: {
 						fontFamily: "Calibri, Carlito, sans-serif",
@@ -889,32 +843,32 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 						overflow: "hidden"
 					},
 					children: (0, C.jsx)(ae, {
-						text: $,
-						styles: w,
-						color: U.textColor
+						text: je,
+						styles: T,
+						color: G.textColor
 					})
 				})
 			}) : null,
-			Z
+			Q
 		]
 	});
 }));
-V.displayName = "ShapeEditor";
-var H = (e, t) => {
+H.displayName = "ShapeEditor";
+var U = (e, t) => {
 	let n = [t.horizontal ? 1 : -1, t.vertical ? 1 : -1];
 	return e === "start" ? n : [-n[0], -n[1]];
-}, U = (e) => {
+}, W = (e) => {
 	let t = e.getBounds();
 	return t ? {
 		bounds: t,
 		rotation: e.getRotation() || 0,
 		flip: e.getFlip()
 	} : null;
-}, ve = (e, t, n) => {
+}, ge = (e, t, n) => {
 	let { x: r, y: i, width: a, height: o } = e.bounds, s = -(e.rotation || 0) * Math.PI / 180, c = t.x - (r + a / 2), l = t.y - (i + o / 2), u = c * Math.cos(s) - l * Math.sin(s), d = c * Math.sin(s) + l * Math.cos(s);
 	return Math.abs(u) <= a / 2 + n && Math.abs(d) <= o / 2 + n;
-}, W = (0, S.memo)((e) => {
-	let { movable: t, flip: n, isDragging: r = !1, gesture: a } = e, o = te(), s = ee(y, null), [, c] = (0, S.useReducer)((e) => e + 1, 0), l = t.getContent();
+}, G = (0, S.memo)((e) => {
+	let { movable: t, flip: n, isDragging: r = !1, gesture: i } = e, o = ee(), s = _(y, null), [, c] = (0, S.useReducer)((e) => e + 1, 0), l = t.getContent();
 	m(l, { onAnyChange: c });
 	let u = l.getConnectorFormat(), d = (0, S.useRef)(null), f = (0, S.useCallback)((e) => {
 		let t = o?.getPanePointFromPointer(e.clientX, e.clientY);
@@ -932,7 +886,7 @@ var H = (e, t) => {
 	}, [o]), p = (0, S.useCallback)((e) => {
 		if (e.button !== 0) return;
 		e.stopPropagation(), e.preventDefault();
-		let n = e.currentTarget.dataset.end, r = U(t);
+		let n = e.currentTarget.dataset.end, r = W(t);
 		if (!r || !o) return;
 		let c = {
 			pointerId: e.pointerId,
@@ -941,18 +895,18 @@ var H = (e, t) => {
 			candidates: [],
 			hit: null
 		};
-		a.start(i("op.connectShape"), (e) => {
+		i.start(a("op.connectShape"), (e) => {
 			let t = e.getContent().getConnectorFormat();
 			if (!t) return;
 			let r = c.hit, i = n === "start" ? t.getStartConnectedMovable() : t.getEndConnectedMovable(), a = n === "start" ? t.getStartConnectionSite() : t.getEndConnectionSite();
 			(r ? i !== r.target || a !== r.index : i !== null) && (r ? n === "start" ? t.startConnect(r.target, r.index) : t.endConnect(r.target, r.index) : n === "start" ? t.startDisconnect() : t.endDisconnect());
 		}) && (c.candidates = ((e) => {
-			let t = e.getRange().getSheet(), n = /* @__PURE__ */ new Set([e]);
+			let t = e.getRange().getWorksheet(), n = /* @__PURE__ */ new Set([e]);
 			for (let t = e.getParent(); t; t = t.getParent()) n.add(t);
 			let r = [];
 			for (let e of t.getMovables().getItems({ deep: !0 })) {
 				if (n.has(e) || e.isHidden()) continue;
-				let t = U(e);
+				let t = W(e);
 				t && r.push({
 					movable: e,
 					placement: t
@@ -967,7 +921,7 @@ var H = (e, t) => {
 	}, [
 		t,
 		o,
-		a,
+		i,
 		s
 	]), h = (0, S.useCallback)((e) => {
 		let n = d.current;
@@ -975,12 +929,12 @@ var H = (e, t) => {
 		e.stopPropagation();
 		let r = f(e);
 		if (!r) return;
-		let i = ((e, t, n) => {
+		let a = ((e, t, n) => {
 			let r = 8 / n, i = 10 / n, a = null, o = 1 / 0;
 			for (let { movable: n, placement: s } of t) {
 				let t = n.getConnectionSites(s);
 				if (!t || t.length === 0) continue;
-				let c = ve(s, e, r);
+				let c = ge(s, e, r);
 				for (let r of t) {
 					let t = Math.hypot(r.x - e.x, r.y - e.y);
 					(c || t <= i) && t < o && (a = {
@@ -993,13 +947,13 @@ var H = (e, t) => {
 			}
 			return a;
 		})(r, n.candidates, o?.getZoom() || 1);
-		n.hit = i;
+		n.hit = a;
 		let c = t.getContent().getConnectorFormat(), l = c?.getEndPoints(n.placement);
 		if (!c || !l) return;
 		let u = l[n.end === "start" ? "end" : "start"];
-		l[n.end] = i ? {
-			x: i.x,
-			y: i.y
+		l[n.end] = a ? {
+			x: a.x,
+			y: a.y
 		} : e.shiftKey ? ((e, t, n = 15) => {
 			let r = t.x - e.x, i = t.y - e.y;
 			if (r === 0 && i === 0) return t;
@@ -1012,29 +966,29 @@ var H = (e, t) => {
 		let p = c.placeEnds(l.start, l.end);
 		s({
 			connector: t.getId(),
-			target: i ? i.target.getId() : null,
-			index: i ? i.index : null
-		}), a.preview({
+			target: a ? a.target.getId() : null,
+			index: a ? a.index : null
+		}), i.preview({
 			bounds: p.bounds,
 			flip: p.flip,
 			grip: {
 				kind: "resize",
-				direction: H(n.end, p.flip)
+				direction: U(n.end, p.flip)
 			}
 		});
 	}, [
 		f,
 		o,
 		t,
-		a,
+		i,
 		s
 	]), g = (0, S.useCallback)((e) => {
 		let t = d.current;
-		t && t.pointerId === e.pointerId && (e.stopPropagation(), d.current = null, s(null), a.finish());
-	}, [a, s]), _ = (0, S.useCallback)((e) => {
+		t && t.pointerId === e.pointerId && (e.stopPropagation(), d.current = null, s(null), i.finish());
+	}, [i, s]), v = (0, S.useCallback)((e) => {
 		let t = d.current;
-		t && t.pointerId === e.pointerId && (d.current = null, s(null), a.cancel());
-	}, [a, s]);
+		t && t.pointerId === e.pointerId && (d.current = null, s(null), i.cancel());
+	}, [i, s]);
 	return (0, C.jsx)("div", {
 		className: [
 			"movable-control",
@@ -1042,7 +996,7 @@ var H = (e, t) => {
 			r ? "dragging" : null
 		].filter(Boolean).join(" "),
 		children: ["start", "end"].map((e) => {
-			let t = H(e, n), r = e === "start" ? !!u?.isStartConnected() : !!u?.isEndConnected();
+			let t = U(e, n), r = e === "start" ? !!u?.isStartConnected() : !!u?.isEndConnected();
 			return (0, C.jsx)("div", {
 				className: r ? "movable-control-handle connector-end glued" : "movable-control-handle connector-end",
 				"data-end": e,
@@ -1053,27 +1007,27 @@ var H = (e, t) => {
 				onPointerDown: p,
 				onPointerMove: h,
 				onPointerUp: g,
-				onPointerCancel: _
+				onPointerCancel: v
 			}, e);
 		})
 	});
 });
-W.displayName = "ConnectorControl";
-var G = (0, S.memo)((e) => e.movable.getContent().isConnector() ? (0, C.jsx)(W, { ...e }) : (0, C.jsx)(_, { ...e }));
-G.displayName = "ShapeControl";
+G.displayName = "ConnectorControl";
+var _e = (0, S.memo)((e) => e.movable.getContent().isConnector() ? (0, C.jsx)(G, { ...e }) : (0, C.jsx)(te, { ...e }));
+_e.displayName = "ShapeControl";
 var K = {
-	renderer: (e) => (0, C.jsx)(V, {
+	renderer: (e) => (0, C.jsx)(H, {
 		...e,
 		shape: e.movable.getContent()
 	}),
-	control: G,
+	control: _e,
 	commands: (e, t) => {
-		let { sheet: n, movable: r, notifier: a } = t, o = r.getContent();
-		e.use(v({
+		let { sheet: n, movable: r, notifier: i } = t, o = r.getContent();
+		e.use(b({
 			transaction: n,
-			notifier: a
+			notifier: i
 		})), e.updateCommand("changeShape", {
-			disabledReasons: o.getConnectorFormat() ? [i("reason.connectorShape")] : [],
+			disabledReasons: o.getConnectorFormat() ? [a("reason.connectorShape")] : [],
 			callback: (e) => {
 				let t = typeof e == "object" && e ? e.geometry : e;
 				o.setShapeType(typeof t == "string" ? t : "rect");