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

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

@@ -1,46 +1,48 @@
 /**
-* @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.12
 *
 * (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 "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CnOJpT4PcPuybSUB.js";
+import { t as r } from "./CPGIT9PYUuWdSglk.js";
+import { U as i, m as a } from "./Cif0315haNLmyMj-.js";
+import { A as o, Pt as s, U as c, d as l, q as u, t as d } from "./TVEs01pqc117KeGZ.js";
+import { r as f } from "./TONCxYiGe47Rjhga.js";
+import { t as p } from "./DwhJsbgOZVQE9ZPT.js";
+import { n as m } from "./HI2Ksbl0-etNK-w-.js";
+import { A as h, mt as g } from "./OABpLvY7siKUyNIa.js";
+import { n as _ } from "./BDihhtyza6JVj9NA.js";
+import { t as v } from "./FTUIrcTvIeHG6nzk.js";
+import { B as ee, N as te, _ as ne, n as y } from "./CN4pF75weR3buzng.js";
+import { t as b } from "./BikqeuAc1ownJULP.js";
+import { n as re } from "./CtDb6Ft4ZQbglyKk.js";
+var x = e(t(), 1), S = r(), C = (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;
 	}
-}, re = {
+}, ie = {
 	top: "flex-start",
 	center: "center",
 	bottom: "flex-end",
 	justify: "space-between",
 	distributed: "space-around"
-}, w = {
+}, ae = {
 	left: "left",
 	center: "center",
 	right: "right",
@@ -48,7 +50,7 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 	justifyLow: "justify",
 	distributed: "justify",
 	thaiDistributed: "justify"
-}, ie = {
+}, w = {
 	left: 9.6,
 	top: 4.8,
 	right: 9.6,
@@ -60,34 +62,34 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 	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: C(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 ? C(e, t.highlight) : void 0
 	};
-}, ae = (0, S.memo)(({ text: e, styles: t, color: n }) => {
+}, oe = (0, x.memo)(({ text: e, styles: t, color: n }) => {
 	let r = e.body, i = {
-		...ie,
+		...w,
 		...r?.insets
-	}, a = e.listStyle?.levels?.[0] ?? e.listStyle?.default, o = (0, S.useMemo)(() => ({
+	}, a = e.listStyle?.levels?.[0] ?? e.listStyle?.default, c = (0, x.useMemo)(() => ({
 		display: "flex",
 		flexDirection: "column",
-		justifyContent: re[r?.anchor ?? "top"],
+		justifyContent: ie[r?.anchor ?? "top"],
 		alignItems: r?.anchorCenter ? "center" : "stretch",
 		boxSizing: "border-box",
 		width: "100%",
 		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,
@@ -97,15 +99,15 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 		i.left,
 		n
 	]);
-	return (0, C.jsx)("div", {
+	return (0, S.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: ae[r.align ?? o?.align ?? "left"],
 				marginLeft: r.marginLeft ?? o?.marginLeft,
 				marginRight: r.marginRight ?? o?.marginRight,
 				textIndent: r.indent ?? o?.indent,
@@ -119,16 +121,16 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 				text: "",
 				...r.endRun
 			}] : [];
-			return (0, C.jsxs)("div", {
+			return (0, S.jsxs)("div", {
 				className: "shape-paragraph",
 				style: l,
-				children: [c?.type === "char" && c.char ? (0, C.jsx)("span", {
+				children: [c?.type === "char" && c.char ? (0, S.jsx)("span", {
 					style: { marginRight: "0.4em" },
 					children: c.char
 				}) : null, u.map((e, r) => {
-					if (e.text === "\n") return (0, C.jsx)("br", {}, r);
+					if (e.text === "\n") return (0, S.jsx)("br", {}, r);
 					let { text: i, field: a, ...o } = e;
-					return (0, C.jsx)("span", {
+					return (0, S.jsx)("span", {
 						style: E(t, {
 							...s,
 							...o
@@ -140,118 +142,70 @@ var S = x(e(), 1), C = n(), ne = (e, t) => {
 		})
 	});
 });
-ae.displayName = "ShapeText";
-var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
+oe.displayName = "ShapeText";
+var se = e(n(), 1), ce = 96 / 72, le = (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) => {
+}, ue = (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
+}, D = (e) => Math.max(0, Math.min(1, e ?? 0)), de = (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: D(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 = D(i?.left), o = D(i?.top), s = D(i?.right), l = D(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 = {
+}, fe = o.inheritedGroupFill, O = /[MLQCAZ]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/g, k = {
 	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 = {
+}, pe = (e) => String(Math.round(1e5 * e) / 1e5), A = (e) => {
+	let t = e.match(O) ?? [], n = [], r = [], i = [], a = {
 		x: 0,
 		y: 0
 	}, o = null, s = 0, c = null;
 	for (; s < t.length;) {
 		let e = t[s];
-		if (A[e] !== void 0) c = e, s++;
+		if (k[e] !== void 0) c = e, s++;
 		else if (c === "M") c = "L";
 		else if (c === null || c === "Z") break;
 		if (c === "Z") {
@@ -267,7 +221,7 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 		let l = c === "A" ? t.slice(s, s + 5) : void 0;
 		l && (s += 5);
 		let u = [];
-		for (let e = 0; e < A[c]; e++) u.push({
+		for (let e = 0; e < k[c]; e++) u.push({
 			x: Number(t[s++]),
 			y: Number(t[s++])
 		});
@@ -287,30 +241,30 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 		straight: r,
 		ends: i
 	};
-}, N = (e) => {
+}, j = (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) => `${pe(e.x)} ${pe(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);
+}, M = 1e-6, N = (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) => ({
+}, P = (e, t, n) => {
+	let r = A(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) < M;
+		t !== Math.abs(e.to.x - e.from.x) < M && 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 = N(r, t, a, t.flipV, t.height) : e.from.x = e.to.x = N(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: j(r.cmds),
 		ends: s
 	};
-}, L = (e, t) => {
+}, F = (e, t) => {
 	if (t.length === 0) return e;
-	let n = M(e), r = [], i = null, a = /* @__PURE__ */ new Set(), o = () => {
+	let n = A(e), r = [], i = null, a = /* @__PURE__ */ new Set(), o = () => {
 		if (!i) return;
 		let e = null, n = 1 / 0;
 		for (let r of t) {
@@ -341,9 +295,9 @@ 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) => {
-	let i = t.stops.map((e, t) => (0, C.jsx)("stop", {
+	return o(), j(n.cmds);
+}, I = /* @__PURE__ */ new WeakMap(), L = { filter: "var(--sxl-image-filter)" }, R = (e, t, n, r) => {
+	let i = t.stops.map((e, t) => (0, S.jsx)("stop", {
 		offset: e.offset,
 		stopColor: e.color
 	}, t));
@@ -355,7 +309,7 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 			o /= e, s /= e;
 		}
 		let c = (Math.abs(n * o) + Math.abs(r * s)) / 2, l = n / 2, u = r / 2;
-		return (0, C.jsx)("linearGradient", {
+		return (0, S.jsx)("linearGradient", {
 			id: e,
 			gradientUnits: "userSpaceOnUse",
 			x1: l - c * o,
@@ -365,7 +319,7 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 			children: i
 		}, e);
 	}
-	return (0, C.jsx)("radialGradient", {
+	return (0, S.jsx)("radialGradient", {
 		id: e,
 		gradientUnits: "userSpaceOnUse",
 		cx: t.cx * n,
@@ -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 }) => {
-	let c = (0, S.useId)().replace(/[^A-Za-z0-9_-]/g, ""), l = ((e) => {
-		let [t, n] = (0, S.useState)(null);
-		return (0, S.useEffect)(() => {
+}, me = (0, x.memo)(({ paths: e, style: t, width: n, height: r, zoom: a, grid: o, hit: s }) => {
+	let c = (0, x.useId)().replace(/[^A-Za-z0-9_-]/g, ""), l = ((e) => {
+		let [t, n] = (0, x.useState)(null);
+		return (0, x.useEffect)(() => {
 			if (!e) return;
 			let t = !0;
 			return ((e) => {
-				let t = R.get(e);
+				let t = I.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)}`;
+				})(), I.set(e, t)), t;
 			})(e).then((r) => {
 				t && n({
 					resource: e,
@@ -400,54 +354,54 @@ 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, x.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 = P(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, F(t.d, a));
 		return r;
-	})(e, _ ? o : null, u), [
+	})(e, v ? o : null, u), [
 		e,
-		_,
+		v,
 		o,
 		u
-	]), y = /* @__PURE__ */ new Set(), b = [];
+	]), ne = /* @__PURE__ */ new Set(), y = [];
 	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;
-				n.fill !== "norm" && y.add(n.fill), b.push((0, C.jsx)("path", {
+			case p.PathLayer.Fill:
+				if (h === null) break;
+				n.fill !== "norm" && ne.add(n.fill), y.push((0, S.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", {
+				s !== "none" && n > u && y.push((0, S.jsx)("path", {
 					className: "shape-hit",
 					d: r,
 					fill: "none",
@@ -456,45 +410,45 @@ var oe = x(t(), 1), se = 96 / 72, D = (e, t) => {
 					strokeLinejoin: "round",
 					strokeLinecap: "round",
 					pointerEvents: "stroke"
-				}, `${e}-hit`)), b.push((0, C.jsx)("path", {
+				}, `${e}-hit`)), y.push((0, S.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 && y.push((0, S.jsx)("path", {
 				d: r,
-				fill: g,
+				fill: _,
 				stroke: "none",
 				pointerEvents: s
 			}, e));
 		}
 	}
-	let x = [];
-	for (let e of y) {
-		let [t, n] = d.FillTransfer[e];
-		x.push((0, C.jsx)("filter", {
+	let b = [];
+	for (let e of ne) {
+		let [t, n] = p.FillTransfer[e];
+		b.push((0, S.jsx)("filter", {
 			id: `${c}-${e}`,
 			colorInterpolationFilters: "sRGB",
-			children: (0, C.jsxs)("feComponentTransfer", { children: [
-				(0, C.jsx)("feFuncR", {
+			children: (0, S.jsxs)("feComponentTransfer", { children: [
+				(0, S.jsx)("feFuncR", {
 					type: "linear",
 					slope: t,
 					intercept: n
 				}),
-				(0, C.jsx)("feFuncG", {
+				(0, S.jsx)("feFuncG", {
 					type: "linear",
 					slope: t,
 					intercept: n
 				}),
-				(0, C.jsx)("feFuncB", {
+				(0, S.jsx)("feFuncB", {
 					type: "linear",
 					slope: t,
 					intercept: n
@@ -502,34 +456,35 @@ 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);
-		x.push((0, C.jsx)("pattern", {
+	if (f && !t.image && b.push(R(`${c}-fill`, f, n, r)), m && v && b.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);
+		b.push((0, S.jsx)("pattern", {
 			id: `${c}-image`,
 			patternUnits: "userSpaceOnUse",
 			x: 0,
 			y: 0,
 			width: Math.max(n, 1),
-			height: Math.max(i, 1),
-			children: (0, C.jsx)("image", {
+			height: Math.max(r, 1),
+			children: (0, S.jsx)("image", {
 				href: l,
-				x: r,
+				x: i,
 				y: a,
 				width: o,
 				height: s,
-				preserveAspectRatio: "none"
+				preserveAspectRatio: "none",
+				style: L
 			})
 		}, "image"));
 	}
-	return (0, C.jsxs)(C.Fragment, { children: [x.length > 0 ? (0, C.jsx)("defs", { children: x }) : null, b] });
+	return (0, S.jsxs)(S.Fragment, { children: [b.length > 0 ? (0, S.jsx)("defs", { children: b }) : null, y] });
 });
-z.displayName = "PathRun";
-var me = (0, S.memo)(({ geometry: e, style: t, zoom: n, grid: r = null, hit: i }) => {
-	let a = (0, S.useMemo)(() => {
+me.displayName = "PathRun";
+var he = (0, x.memo)(({ geometry: e, style: t, zoom: n, grid: r = null, hit: i }) => {
+	let a = (0, x.useMemo)(() => {
 		let t = [];
 		return e.forEachPath((e) => t.push(e)), t;
 	}, [e]);
-	return (0, C.jsx)(z, {
+	return (0, S.jsx)(me, {
 		paths: a,
 		style: t,
 		width: e.getWidth(),
@@ -539,9 +494,9 @@ 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 }) => {
-	let a = (0, S.useRef)(null), o = (0, S.useRef)(null), [s, c] = (0, S.useState)(!1), l = (0, S.useCallback)((e) => {
+he.displayName = "ShapePaths";
+var ge = (0, x.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) => {
+	let a = (0, x.useRef)(null), o = (0, x.useRef)(null), [s, c] = (0, x.useState)(!1), l = (0, x.useCallback)((e) => {
 		let t = a.current, n = t?.getScreenCTM();
 		if (!t || !n) return null;
 		let r = new DOMPoint(e.clientX, e.clientY).matrixTransform(n.inverse());
@@ -549,30 +504,30 @@ var he = (0, S.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) =
 			x: r.x,
 			y: r.y
 		};
-	}, []), u = (0, S.useCallback)((e, t) => {
+	}, []), u = (0, x.useCallback)((e, t) => {
 		e.button === 0 && (e.stopPropagation(), e.preventDefault(), o.current = {
 			index: t,
 			pointerId: e.pointerId
 		}, e.currentTarget.setPointerCapture(e.pointerId), c(!0));
-	}, []), d = (0, S.useCallback)((e) => {
+	}, []), d = (0, x.useCallback)((e) => {
 		let t = o.current;
 		if (!t || t.pointerId !== e.pointerId) return;
 		e.stopPropagation();
 		let n = l(e);
 		n && i(t.index, n.x, n.y, "move");
-	}, [l, i]), f = (0, S.useCallback)((e) => {
+	}, [l, i]), f = (0, x.useCallback)((e) => {
 		let t = o.current;
 		if (!t || t.pointerId !== e.pointerId) return;
 		e.stopPropagation(), o.current = null, c(!1);
 		let n = l(e);
 		n ? i(t.index, n.x, n.y, "end") : i(t.index, 0, 0, "cancel");
-	}, [l, i]), p = (0, S.useCallback)((e) => {
+	}, [l, i]), p = (0, x.useCallback)((e) => {
 		let t = o.current;
 		t && t.pointerId === e.pointerId && (o.current = null, c(!1), i(t.index, 0, 0, "cancel"));
 	}, [i]);
 	if (!(e.length !== 0 && t > 0 && n > 0)) return null;
 	let m = r > 0 ? r : 1, h = 4.5 / m;
-	return (0, C.jsx)("svg", {
+	return (0, S.jsx)("svg", {
 		ref: a,
 		className: s ? "shape-handles movable-gesture" : "shape-handles",
 		viewBox: `0 0 ${t} ${n}`,
@@ -588,10 +543,10 @@ var he = (0, S.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) =
 			pointerEvents: "none",
 			touchAction: "none"
 		},
-		children: e.map((e) => (0, C.jsxs)("g", {
+		children: e.map((e) => (0, S.jsxs)("g", {
 			className: "shape-handle",
 			style: { "--shape-scale": m },
-			children: [(0, C.jsx)("circle", {
+			children: [(0, S.jsx)("circle", {
 				cx: e.x,
 				cy: e.y,
 				r: h,
@@ -599,7 +554,7 @@ var he = (0, S.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) =
 				stroke: "#7f6000",
 				strokeWidth: 1 / m,
 				style: { pointerEvents: "none" }
-			}), (0, C.jsx)("circle", {
+			}), (0, S.jsx)("circle", {
 				className: "shape-handle-hit",
 				cx: e.x,
 				cy: e.y,
@@ -619,26 +574,26 @@ 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) => {
+ge.displayName = "ShapeHandles";
+var z = (e, t) => e > 0 || t > 0, _e = (e, t, n) => !e || e.getWidth() === t && e.getHeight() === n ? e : z(t, n) ? e.resize(t, n) : null, ve = (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
+}, B = (0, x.memo)((0, x.forwardRef)((e, t) => {
+	let { children: n, disabled: r, style: i, shape: s, movable: l, zoom: d = 1, isDragging: p, onHide: m, onShow: ee, onDragZone: ne, adornmentHost: y, flip: b, gesture: C, debugGeometry: ie = !1, ...ae } = e, w = v()?.getStyles() ?? null, [T, E] = (0, x.useReducer)((e) => e + 1, 0);
+	_(s, { onAnyChange: E }), _(l ?? null, {
+		onBoundsChange: E,
+		onSelectionChange: E
 	});
-	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 D = s.toJSON(), { width: O, height: k, rotation: pe, content: A } = ((e) => {
+		let [t] = te("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);
-	(0, S.useEffect)(() => {
+	})(l), j = s.getShapeType(), M = s.getAdjustments(), N = z(O, k), [P, F] = (0, x.useState)(null), I = (0, x.useRef)(0);
+	(0, x.useEffect)(() => {
 		if (!N) return void F(null);
 		let e = ++I.current, t = s.getShapeType();
 		s.getGeometry(O, k).then((n) => {
@@ -653,14 +608,14 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 		s,
 		O,
 		k,
-		ie
+		T
 	]);
-	let L = A?.shapeType !== void 0 && A.shapeType !== j ? A.shapeType : null, [R, pe] = (0, S.useState)(null);
-	(0, S.useEffect)(() => {
+	let L = A?.shapeType !== void 0 && A.shapeType !== j ? A.shapeType : null, [R, me] = (0, x.useState)(null);
+	(0, x.useEffect)(() => {
 		if (!L || !N || R?.shapeType === L) return;
 		let e = !0;
 		return s.getGeometry(O, k, { shapeType: L }).then((t) => {
-			e && t && pe({
+			e && t && me({
 				shapeType: L,
 				geometry: t
 			});
@@ -672,9 +627,9 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 		L,
 		N
 	]);
-	let z = (0, S.useMemo)(() => {
+	let B = (0, x.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);
+		return e ? _e(e.geometry, O, k)?.withAdjustments(M) ?? null : _e(P?.geometry ?? null, O, k);
 	}, [
 		P,
 		R,
@@ -682,116 +637,116 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 		M,
 		O,
 		k
-	]), V = (0, S.useCallback)((e) => s.getResource(e), [s]);
-	(0, S.useEffect)(() => {
+	]), V = (0, x.useCallback)((e) => s.getResource(e), [s]);
+	(0, x.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: E }));
 		return () => {
 			for (let t of e) t();
 		};
-	}, [c]);
-	let H = de(c), U = (0, S.useMemo)(() => ((e, t, n, r) => {
+	}, [l]);
+	let H = fe(l), U = (0, x.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) => le(e, t), p = f.toConcreteFill(s.fill, d), m = f.toConcreteFill(l?.fill, d), h = ue(m), g = m?.type === c.Type.Gradient ? de(m) ?? void 0 : void 0, _ = ue(p), v = p?.type === c.Type.Gradient ? de(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) * ce : 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: le(s.fontColor, t)
 		};
-	})(E, w, V, H), [
-		E,
+	})(D, w, V, H), [
+		D,
 		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;
+	]), [ye, W] = (0, x.useState)(null), G = A?.adjustments === void 0 ? ye ?? void 0 : A.adjustments, K = (0, x.useMemo)(() => {
+		if (L && R?.shapeType !== L) return B;
+		let e = L ? _e(R.geometry, O, k) : B;
 		return e && G !== void 0 ? e.withAdjustments(G) : e;
 	}, [
-		z,
+		B,
 		L,
 		R,
 		O,
 		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;
+	]), q = (0, x.useRef)(null), [be, xe] = (0, x.useState)(!1), Se = (0, x.useCallback)((e, t, n, i) => {
+		if (i === "cancel") return q.current && (q.current = null, xe(!1), C?.cancel()), void W(null);
+		if (!K || !B) return;
 		let o = K.adjustmentsFromHandle(e, t, n);
-		if (a === "move") {
-			if (x && !r) {
+		if (i === "move") {
+			if (C && !r) {
 				if (!q.current) {
 					let e = { adjustments: o };
-					if (!x.start(i("op.setShapeAdjustments"), (t) => {
+					if (!C.start(a("op.setShapeAdjustments"), (t) => {
 						t.getContent().setAdjustments(e.adjustments);
 					})) return;
-					q.current = e, be(!0);
+					q.current = e, xe(!0);
 				}
-				q.current.adjustments = o, x.preview({ content: { adjustments: o } });
+				q.current.adjustments = o, C.preview({ content: { adjustments: o } });
 				return;
 			}
 			W(o);
 			return;
 		}
 		let c = q.current;
-		if (c) return q.current = null, be(!1), c.adjustments = o, void x?.finish();
+		if (c) return q.current = null, xe(!1), c.adjustments = o, void C?.finish();
 		W(null), r || s.setAdjustments(o);
 	}, [
 		K,
-		z,
+		B,
 		s,
 		r,
-		x
-	]), Se = (0, S.useMemo)(() => {
+		C
+	]), Ce = (0, x.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,
+	}, [K]), we = h(t, () => ({ isShapeEditor: () => !0 }), []), Te = b ?? l?.getFlip(), J = Te?.horizontal ?? !1, Y = Te?.vertical ?? !1, Ee = pe % 360 != 0, De = (0, x.useMemo)(() => !Ee && z(O, k) ? {
+		dpr: g.getDevicePixelRatio(),
+		zoom: d,
 		width: O,
 		height: k,
 		flipH: J,
 		flipV: Y
 	} : null, [
-		Te,
-		l,
+		Ee,
+		d,
 		O,
 		k,
 		J,
 		Y
 	]);
-	if (s.isDeleted() || !E) return null;
-	let X = o?.pointerEvents === "none", De = X ? "none" : "visiblePainted", Oe = !X && !r && (!d || ye) && !!c?.isSelected(), ke = {
+	if (s.isDeleted() || !D) return null;
+	let X = i?.pointerEvents === "none", Oe = X ? "none" : "visiblePainted", ke = !X && !r && (!p || be) && !!l?.isSelected(), Ae = {
 		transform: J || Y ? `scale(${J ? -1 : 1}, ${Y ? -1 : 1})` : void 0,
 		transformOrigin: "center"
 	}, Z = null;
-	Oe && Se.length > 0 && (Z = (0, C.jsx)(he, {
-		handles: Se,
+	ke && Ce.length > 0 && (Z = (0, S.jsx)(ge, {
+		handles: Ce,
 		width: O,
 		height: k,
-		zoom: l,
-		onDrag: xe
-	}), v && (Z = (0, oe.createPortal)((0, C.jsx)("div", {
+		zoom: d,
+		onDrag: Se
+	}), y && (Z = (0, se.createPortal)((0, S.jsx)("div", {
 		className: "shape-adornment",
 		style: {
 			position: "absolute",
@@ -799,30 +754,30 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 			top: 0,
 			width: "100%",
 			height: "100%",
-			...ke,
+			...Ae,
 			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 !== ""));
-	return (0, C.jsxs)("div", {
+	}), y)));
+	let je = J === Y ? void 0 : "scaleX(-1)", Q = K?.getTextRect(), $ = D.text, Me = !!$ && $.paragraphs.some((e) => e.runs.some((e) => e.text !== ""));
+	return (0, S.jsxs)("div", {
 		className: "shape-editor",
-		...re,
-		ref: Ce,
+		...ae,
+		ref: we,
 		style: {
 			width: "100%",
 			height: "100%",
 			position: "relative",
 			overflow: "visible",
 			filter: r ? "blur(1px)" : void 0,
-			...ke,
-			...o,
+			...Ae,
+			...i,
 			pointerEvents: "none"
 		},
 		children: [
-			B(O, k) ? (0, C.jsxs)("svg", {
+			z(O, k) ? (0, S.jsxs)("svg", {
 				className: "shape-geometry",
-				viewBox: `0 0 ${O > 0 ? O : 1 / l} ${k > 0 ? k : 1 / l}`,
+				viewBox: `0 0 ${O > 0 ? O : 1 / d} ${k > 0 ? k : 1 / d}`,
 				width: O > 0 ? "100%" : "1px",
 				height: k > 0 ? "100%" : "1px",
 				preserveAspectRatio: "none",
@@ -833,35 +788,35 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 					top: 0,
 					display: "block",
 					pointerEvents: "none",
-					filter: Oe ? "drop-shadow(1px 1px 2px rgba(0,0,0,.15))" : void 0
+					filter: ke ? "drop-shadow(1px 1px 2px rgba(0,0,0,.15))" : void 0
 				},
-				children: [K ? (0, C.jsx)(me, {
+				children: [K ? (0, S.jsx)(he, {
 					geometry: K,
 					style: U,
-					zoom: l,
-					grid: Ee,
-					hit: De
-				}) : null, ne && K && Q ? (0, C.jsxs)("g", {
+					zoom: d,
+					grid: De,
+					hit: Oe
+				}) : null, ie && K && Q ? (0, S.jsxs)("g", {
 					pointerEvents: "none",
-					children: [(0, C.jsx)("rect", {
+					children: [(0, S.jsx)("rect", {
 						x: Q.l,
 						y: Q.t,
 						width: Math.max(0, Q.r - Q.l),
 						height: Math.max(0, Q.b - Q.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}`
+					}), ve(K).map((e) => (0, S.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 && Q ? (0, S.jsx)("div", {
 				className: "shape-text-frame",
 				style: {
 					position: "absolute",
@@ -869,14 +824,14 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 					top: Q.t,
 					width: Math.max(0, Q.r - Q.l),
 					height: Math.max(0, Q.b - Q.t),
-					zoom: l,
-					transform: Ae,
+					zoom: d,
+					transform: je,
 					transformOrigin: "center",
 					pointerEvents: X ? "none" : "auto",
 					color: U.textColor ?? void 0
 				},
-				children: (0, C.jsx)(b, {
-					movable: c,
+				children: (0, S.jsx)(re, {
+					movable: l,
 					disabled: !0,
 					style: {
 						fontFamily: "Calibri, Carlito, sans-serif",
@@ -888,7 +843,7 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 						padding: 0,
 						overflow: "hidden"
 					},
-					children: (0, C.jsx)(ae, {
+					children: (0, S.jsx)(oe, {
 						text: $,
 						styles: w,
 						color: U.textColor
@@ -899,24 +854,24 @@ var B = (e, t) => e > 0 || t > 0, ge = (e, t, n) => !e || e.getWidth() === t &&
 		]
 	});
 }));
-V.displayName = "ShapeEditor";
-var H = (e, t) => {
+B.displayName = "ShapeEditor";
+var V = (e, t) => {
 	let n = [t.horizontal ? 1 : -1, t.vertical ? 1 : -1];
 	return e === "start" ? n : [-n[0], -n[1]];
-}, U = (e) => {
+}, H = (e) => {
 	let t = e.getBounds();
 	return t ? {
 		bounds: t,
 		rotation: e.getRotation() || 0,
 		flip: e.getFlip()
 	} : null;
-}, ve = (e, t, n) => {
+}, U = (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();
-	m(l, { onAnyChange: c });
-	let u = l.getConnectorFormat(), d = (0, S.useRef)(null), f = (0, S.useCallback)((e) => {
+}, ye = (0, x.memo)((e) => {
+	let { movable: t, flip: n, isDragging: r = !1, gesture: i } = e, o = ee(), s = ne(b, null), [, c] = (0, x.useReducer)((e) => e + 1, 0), l = t.getContent();
+	_(l, { onAnyChange: c });
+	let u = l.getConnectorFormat(), d = (0, x.useRef)(null), f = (0, x.useCallback)((e) => {
 		let t = o?.getPanePointFromPointer(e.clientX, e.clientY);
 		if (!o || !t) return null;
 		let n = o.toAbsoluteBounds({
@@ -929,10 +884,10 @@ var H = (e, t) => {
 			x: n.x,
 			y: n.y
 		};
-	}, [o]), p = (0, S.useCallback)((e) => {
+	}, [o]), p = (0, x.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 = H(t);
 		if (!r || !o) return;
 		let c = {
 			pointerId: e.pointerId,
@@ -941,18 +896,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 = H(e);
 				t && r.push({
 					movable: e,
 					placement: t
@@ -967,20 +922,20 @@ var H = (e, t) => {
 	}, [
 		t,
 		o,
-		a,
+		i,
 		s
-	]), h = (0, S.useCallback)((e) => {
+	]), m = (0, x.useCallback)((e) => {
 		let n = d.current;
 		if (!n || n.pointerId !== e.pointerId) return;
 		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 = U(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 +948,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,38 +967,38 @@ 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: V(n.end, p.flip)
 			}
 		});
 	}, [
 		f,
 		o,
 		t,
-		a,
+		i,
 		s
-	]), g = (0, S.useCallback)((e) => {
+	]), h = (0, x.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]), g = (0, x.useCallback)((e) => {
 		let t = d.current;
-		t && t.pointerId === e.pointerId && (d.current = null, s(null), a.cancel());
-	}, [a, s]);
-	return (0, C.jsx)("div", {
+		t && t.pointerId === e.pointerId && (d.current = null, s(null), i.cancel());
+	}, [i, s]);
+	return (0, S.jsx)("div", {
 		className: [
 			"movable-control",
 			"connector",
 			r ? "dragging" : null
 		].filter(Boolean).join(" "),
 		children: ["start", "end"].map((e) => {
-			let t = H(e, n), r = e === "start" ? !!u?.isStartConnected() : !!u?.isEndConnected();
-			return (0, C.jsx)("div", {
+			let t = V(e, n), r = e === "start" ? !!u?.isStartConnected() : !!u?.isEndConnected();
+			return (0, S.jsx)("div", {
 				className: r ? "movable-control-handle connector-end glued" : "movable-control-handle connector-end",
 				"data-end": e,
 				style: {
@@ -1051,29 +1006,29 @@ var H = (e, t) => {
 					top: 50 * (t[1] + 1) + "%"
 				},
 				onPointerDown: p,
-				onPointerMove: h,
-				onPointerUp: g,
-				onPointerCancel: _
+				onPointerMove: m,
+				onPointerUp: h,
+				onPointerCancel: g
 			}, 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";
-var K = {
-	renderer: (e) => (0, C.jsx)(V, {
+ye.displayName = "ConnectorControl";
+var W = (0, x.memo)((e) => e.movable.getContent().isConnector() ? (0, S.jsx)(ye, { ...e }) : (0, S.jsx)(y, { ...e }));
+W.displayName = "ShapeControl";
+var G = {
+	renderer: (e) => (0, S.jsx)(B, {
 		...e,
 		shape: e.movable.getContent()
 	}),
-	control: G,
+	control: W,
 	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(m({
 			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");
@@ -1081,4 +1036,4 @@ var K = {
 		});
 	}
 };
-export { K as ShapeKind };
+export { G as ShapeKind };