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

package/browser/esm/{BaEZmurTZnX_yfKD.mjs → CADJznHV1GZ-1Cy0.mjs}

@@ -1,44 +1,46 @@
 /**
-* @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 { r as e } from "./DLqc11Pf8vaE4Q5B.mjs";
-import { i as t, n, r } from "./C4VT6lNbpaDXCpBb.mjs";
-import { V as i, b as a } from "./CMxbiQ5J79M3n1tk.mjs";
-import { l as o, z as s } from "./BThOwSja2ra4xejQ.mjs";
-import { n as c } from "./BCWTI3jdTPG37r8W.mjs";
-import { t as l } from "./DNCqTF9EbT-U1TdV.mjs";
-import { L as u, R as d, a as f, tt as p } from "./DAprxR00V9qvNLL2.mjs";
-import { n as m, t as h } from "./Cw-4uoMuq_m7ziA3.mjs";
-import { n as g } from "./_MPToH4oMe4rhTdZ.mjs";
-import { E as _, H as v, N as y, bt as b, ct as x } from "./CWoPWWRwMgkGPFFP.mjs";
-import { a as S, t as C } from "./Clx8vvGDOTWK_M2l.mjs";
-var w = e(t(), 1), T = e(r(), 1), ee = (e, t) => {
+import { r as e } from "./Cf_c9xyOrFxlsKq6.mjs";
+import { i as t, n, r } from "./D29bSsh1Lz8891Rs.mjs";
+import { U as i, m as a } from "./Cif0315haNLmyMj-.mjs";
+import { A as o, mt as s } from "./B1mhVM8eRIyuL-VB.mjs";
+import { A as c, Pt as l, U as u, d, q as f, t as p } from "./Dac2pa3EUXg26xcV.mjs";
+import { r as m } from "./DcEZ6cwiDjpacXxO.mjs";
+import { t as h } from "./DwhJsbgOZVQE9ZPT.mjs";
+import { n as g } from "./CuuWjNFFRxXfbQnD.mjs";
+import { t as _ } from "./A3koQh6ZccdaHPzY.mjs";
+import { B as v, N as ee, _ as te, n as ne } from "./C1utJcalKxjNT3Gr.mjs";
+import { t as y } from "./BikqeuAc1ownJULP.mjs";
+import { n as b } from "./B4UdS-Kh0oOnw3V5.mjs";
+import { n as re } from "./HI2Ksbl0-etNK-w-.mjs";
+var x = e(t(), 1), S = e(r(), 1), C = (e, t) => {
 	let n = t;
 	if (t && typeof t == "object") {
 		let e = t;
-		if (e.type === _.Type.None) return "transparent";
-		if (e.type === _.Type.Solid) n = e.color;
-		else if (e.type === _.Type.Pattern) n = e.foreground;
-		else if (e.type === _.Type.Gradient) {
+		if (e.type === u.Type.None) return "transparent";
+		if (e.type === u.Type.Solid) n = e.color;
+		else if (e.type === u.Type.Pattern) n = e.foreground;
+		else if (e.type === u.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 y(n))?.toCSS("adaptive") ?? void 0;
+		return (e ? e.parseColor(n) : new p(n))?.toCSS("adaptive") ?? void 0;
 	} catch {
 		return;
 	}
-}, te = {
+}, ie = {
 	top: "flex-start",
 	center: "center",
 	bottom: "flex-end",
 	justify: "space-between",
 	distributed: "space-around"
-}, E = {
+}, ae = {
 	left: "left",
 	center: "center",
 	right: "right",
@@ -46,46 +48,46 @@ var w = e(t(), 1), T = e(r(), 1), ee = (e, t) => {
 	justifyLow: "justify",
 	distributed: "justify",
 	thaiDistributed: "justify"
-}, ne = {
+}, w = {
 	left: 9.6,
 	top: 4.8,
 	right: 9.6,
 	bottom: 4.8
-}, D = (e, t) => e ? "percent" in e ? e.percent / 100 * 1.2 : `${e.points}pt` : t, O = (e, t, n) => {
+}, T = (e, t) => e ? "percent" in e ? e.percent / 100 * 1.2 : `${e.points}pt` : t, E = (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 === b.Style.Italic ? "italic" : void 0,
+		fontStyle: t.style === d.Style.Italic ? "italic" : void 0,
 		textDecoration: r.length ? r.join(" ") : void 0,
 		fontFamily: i,
-		color: ee(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 ? ee(e, t.highlight) : void 0
+		backgroundColor: t.highlight ? C(e, t.highlight) : void 0
 	};
-}, re = (0, w.memo)(({ text: e, styles: t, color: n }) => {
+}, oe = (0, x.memo)(({ text: e, styles: t, color: n }) => {
 	let r = e.body, i = {
-		...ne,
+		...w,
 		...r?.insets
-	}, a = e.listStyle?.levels?.[0] ?? e.listStyle?.default, o = (0, w.useMemo)(() => ({
+	}, a = e.listStyle?.levels?.[0] ?? e.listStyle?.default, o = (0, x.useMemo)(() => ({
 		display: "flex",
 		flexDirection: "column",
-		justifyContent: te[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 ?? S.TEXT_DEFAULTS.horizontalOverflow) === x.Overflow.Visible ? "visible" : "hidden",
-		overflowY: (r?.verticalOverflow ?? S.TEXT_DEFAULTS.verticalOverflow) === x.Overflow.Visible ? "visible" : "hidden",
-		fontSize: `${S.TEXT_DEFAULTS.size}pt`,
-		writingMode: r?.vertical === x.WritingMode.Vertical || r?.vertical === x.WritingMode.EastAsianVertical ? "vertical-rl" : r?.vertical === x.WritingMode.Vertical270 ? "vertical-lr" : void 0,
+		overflowX: (r?.horizontalOverflow ?? c.TEXT_DEFAULTS.horizontalOverflow) === l.Overflow.Visible ? "visible" : "hidden",
+		overflowY: (r?.verticalOverflow ?? c.TEXT_DEFAULTS.verticalOverflow) === l.Overflow.Visible ? "visible" : "hidden",
+		fontSize: `${c.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,
 		color: n ?? void 0
 	}), [
 		r,
@@ -95,7 +97,7 @@ var w = e(t(), 1), T = e(r(), 1), ee = (e, t) => {
 		i.left,
 		n
 	]);
-	return (0, T.jsx)("div", {
+	return (0, S.jsx)("div", {
 		className: "shape-text",
 		style: o,
 		children: e.paragraphs.map((r, i) => {
@@ -103,31 +105,31 @@ var w = e(t(), 1), T = e(r(), 1), ee = (e, t) => {
 				...o?.defaultRun,
 				...r.defaultRun
 			}, c = r.bullet ?? o?.bullet, l = {
-				textAlign: E[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,
-				marginTop: D(r.spaceBefore, void 0),
-				marginBottom: D(r.spaceAfter, void 0),
-				lineHeight: D(r.lineSpacing, 1.2),
+				marginTop: T(r.spaceBefore, void 0),
+				marginBottom: T(r.spaceAfter, void 0),
+				lineHeight: T(r.lineSpacing, 1.2),
 				minHeight: "1.2em",
 				direction: r.rightToLeft ? "rtl" : void 0,
-				...O(t, s, void 0)
+				...E(t, s, void 0)
 			}, u = r.runs.length ? r.runs : r.endRun ? [{
 				text: "",
 				...r.endRun
 			}] : [];
-			return (0, T.jsxs)("div", {
+			return (0, S.jsxs)("div", {
 				className: "shape-paragraph",
 				style: l,
-				children: [c?.type === "char" && c.char ? (0, T.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, T.jsx)("br", {}, r);
+					if (e.text === "\n") return (0, S.jsx)("br", {}, r);
 					let { text: i, field: a, ...o } = e;
-					return (0, T.jsx)("span", {
-						style: O(t, {
+					return (0, S.jsx)("span", {
+						style: E(t, {
 							...s,
 							...o
 						}, n),
@@ -138,118 +140,70 @@ var w = e(t(), 1), T = e(r(), 1), ee = (e, t) => {
 		})
 	});
 });
-re.displayName = "ShapeText";
-var ie = e(n(), 1), ae = 96 / 72, k = (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 y(e))?.toCSS("adaptive") ?? null;
+		return (t ? t.parseColor(e) : new p(e))?.toCSS("adaptive") ?? null;
 	} catch {
 		return null;
 	}
-}, oe = (e, t) => {
+}, ue = (e) => {
 	if (!e) return null;
 	switch (e.type) {
-		case _.Type.None: return null;
-		case _.Type.Solid: return k(e.color, t);
-		case _.Type.Gradient: {
-			let n = e.stops?.[0];
-			return k(typeof n == "string" ? n : n?.color, t);
+		case u.Type.Solid: return e.color ?? null;
+		case u.Type.Gradient: {
+			let t = e.stops?.[0];
+			return (typeof t == "string" ? t : t?.color) ?? null;
 		}
-		case _.Type.Pattern: return k(e.foreground ?? e.background, t);
-		case _.Type.Image:
+		case u.Type.Pattern: return e.foreground ?? e.background ?? null;
+		case u.Type.Image:
 		default: return null;
 	}
-}, A = {
-	[v.DashStyle.Solid]: null,
-	[v.DashStyle.Dot]: [1, 3],
-	[v.DashStyle.Dash]: [4, 3],
-	[v.DashStyle.DashDot]: [
-		4,
-		3,
-		1,
-		3
-	],
-	[v.DashStyle.LongDash]: [8, 3],
-	[v.DashStyle.LongDashDot]: [
-		8,
-		3,
-		1,
-		3
-	],
-	[v.DashStyle.LongDashDotDot]: [
-		8,
-		3,
-		1,
-		3,
-		1,
-		3
-	],
-	[v.DashStyle.SysDot]: [1, 1],
-	[v.DashStyle.SysDash]: [3, 1],
-	[v.DashStyle.SysDashDot]: [
-		3,
-		1,
-		1,
-		1
-	],
-	[v.DashStyle.SysDashDotDot]: [
-		3,
-		1,
-		1,
-		1,
-		1,
-		1
-	]
-}, se = (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 && A[e]) ?? null;
-}, j = (e) => Math.max(0, Math.min(1, e ?? 0)), ce = (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 = k(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: j(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 ?? _.GradientType.Linear) === _.GradientType.Linear) return {
+	if (r.sort((e, t) => e.offset - t.offset), (e.gradientType ?? u.GradientType.Linear) === u.GradientType.Linear) return {
 		kind: "linear",
 		angle: (((e.angle ?? 0) - 90) % 360 + 360) % 360,
 		scaled: e.scaled ?? !0,
-		stops: i
+		stops: r
 	};
-	let a = e.focus, o = j(a?.left), s = j(a?.top), c = j(a?.right), l = j(a?.bottom);
-	if (o > c || s > l) return null;
-	let u = (o + c) / 2, d = (s + l) / 2, f = Math.max(u, 1 - u), p = Math.max(d, 1 - d);
+	let i = e.focus, a = D(i?.left), o = D(i?.top), s = D(i?.right), c = D(i?.bottom);
+	if (a > s || o > c) return null;
+	let l = (a + s) / 2, d = (o + c) / 2, f = Math.max(l, 1 - l), p = Math.max(d, 1 - d);
 	return {
 		kind: "radial",
-		cx: u,
+		cx: l,
 		cy: d,
 		r: Math.hypot(f, p),
-		stops: i
+		stops: r
 	};
-}, le = S.inheritedGroupFill, ue = /[MLQCAZ]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/g, M = {
+}, fe = c.inheritedGroupFill, O = /[MLQCAZ]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/g, k = {
 	M: 1,
 	L: 1,
 	Q: 2,
 	C: 3,
 	A: 1,
 	Z: 0
-}, N = (e) => String(Math.round(1e5 * e) / 1e5), P = (e) => {
-	let t = e.match(ue) ?? [], 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 (M[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") {
@@ -265,7 +219,7 @@ var ie = e(n(), 1), ae = 96 / 72, k = (e, t) => {
 		let l = c === "A" ? t.slice(s, s + 5) : void 0;
 		l && (s += 5);
 		let u = [];
-		for (let e = 0; e < M[c]; e++) u.push({
+		for (let e = 0; e < k[c]; e++) u.push({
 			x: Number(t[s++]),
 			y: Number(t[s++])
 		});
@@ -285,30 +239,30 @@ var ie = e(n(), 1), ae = 96 / 72, k = (e, t) => {
 		straight: r,
 		ends: i
 	};
-}, F = (e) => {
+}, j = (e) => {
 	let t = [];
 	for (let n of e) {
-		let e = n.pts.map((e) => `${N(e.x)} ${N(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(" ");
-}, I = 1e-6, L = (e, t, n, r, i) => {
+}, M = 1e-6, N = (e, t, n, r, i) => {
 	let a = r ? (i - e) * t.zoom : e * t.zoom, o = s.snapLineCenter(a, n, t.dpr);
 	return r ? i - o / t.zoom : o / t.zoom;
-}, R = (e, t, n) => {
-	let r = P(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) < I;
-		t !== Math.abs(e.to.x - e.from.x) < I && 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 = L(r, t, a, t.flipV, t.height) : e.from.x = e.to.x = L(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 = {
@@ -320,12 +274,12 @@ var ie = e(n(), 1), ae = 96 / 72, k = (e, t) => {
 			by: n
 		});
 	}), {
-		d: F(r.cmds),
+		d: j(r.cmds),
 		ends: s
 	};
-}, z = (e, t) => {
+}, F = (e, t) => {
 	if (t.length === 0) return e;
-	let n = P(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) {
@@ -339,9 +293,9 @@ var ie = e(n(), 1), ae = 96 / 72, k = (e, t) => {
 		e.c === "M" && (o(), i = e.pts[0]);
 		for (let t of e.pts) r.push(t);
 	}
-	return o(), F(n.cmds);
-}, B = /* @__PURE__ */ new WeakMap(), de = (e, t, n, r) => {
-	let i = t.stops.map((e, t) => (0, T.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));
@@ -353,7 +307,7 @@ var ie = e(n(), 1), ae = 96 / 72, k = (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, T.jsx)("linearGradient", {
+		return (0, S.jsx)("linearGradient", {
 			id: e,
 			gradientUnits: "userSpaceOnUse",
 			x1: l - c * o,
@@ -363,7 +317,7 @@ var ie = e(n(), 1), ae = 96 / 72, k = (e, t) => {
 			children: i
 		}, e);
 	}
-	return (0, T.jsx)("radialGradient", {
+	return (0, S.jsx)("radialGradient", {
 		id: e,
 		gradientUnits: "userSpaceOnUse",
 		cx: t.cx * n,
@@ -372,20 +326,20 @@ var ie = e(n(), 1), ae = 96 / 72, k = (e, t) => {
 		gradientTransform: `scale(1 ${r / n})`,
 		children: i
 	}, e);
-}, V = (0, w.memo)(({ paths: e, style: t, width: n, height: r, zoom: a, grid: o, hit: c }) => {
-	let l = (0, w.useId)().replace(/[^A-Za-z0-9_-]/g, ""), u = ((e) => {
-		let [t, n] = (0, w.useState)(null);
-		return (0, w.useEffect)(() => {
+}, me = (0, x.memo)(({ paths: e, style: t, width: n, height: r, zoom: a, grid: o, hit: c }) => {
+	let l = (0, x.useId)().replace(/[^A-Za-z0-9_-]/g, ""), u = ((e) => {
+		let [t, n] = (0, x.useState)(null);
+		return (0, x.useEffect)(() => {
 			if (!e) return;
 			let t = !0;
 			return ((e) => {
-				let t = B.get(e);
+				let t = I.get(e);
 				return t || (t = (async () => {
 					let t = await e.getExternalURI();
 					if (t) return t;
 					let [n, r] = await Promise.all([e.toBuffer(), e.getType()]);
 					return `data:${r?.mime ?? "image/png"};base64,${i.arrayBufferToBase64(n)}`;
-				})(), B.set(e, t)), t;
+				})(), I.set(e, t)), t;
 			})(e).then((r) => {
 				t && n({
 					resource: e,
@@ -398,54 +352,54 @@ var ie = e(n(), 1), ae = 96 / 72, k = (e, t) => {
 	})(t.image?.resource ?? null), d = ((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 ?? s.getDevicePixelRatio()), f = n > 0 && r > 0, p = f ? t.gradient ?? null : null, m = f ? t.strokeGradient ?? null : null, h = t.image ? u ? `url(#${l}-image)` : null : p ? `url(#${l}-fill)` : t.fill, g = m ? `url(#${l}-stroke)` : t.stroke, _ = t.stroke !== null && d > 0, v = _ ? ((e, t, n) => {
+	})(t.strokeWidth, a, o?.dpr ?? s.getDevicePixelRatio()), f = n > 0 && r > 0, p = f ? t.gradient ?? null : null, m = f ? t.strokeGradient ?? null : null, g = t.image ? u ? `url(#${l}-image)` : null : p ? `url(#${l}-fill)` : t.fill, _ = m ? `url(#${l}-stroke)` : t.stroke, v = t.stroke !== null && d > 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, d, t.lineCap) : void 0, y = (0, w.useMemo)(() => ((e, t, n) => {
+	})(t.dash, d, 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 !== C.PathLayer.Stroke) continue;
+			if (o.layer !== h.PathLayer.Stroke) continue;
 			let e = i.get(o.d);
 			if (e === void 0) {
-				let r = R(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 === C.PathLayer.Fill) {
+		for (let t of e) if (t.layer === h.PathLayer.Fill) {
 			let e = i.get(t.d);
 			e !== void 0 && r.set(t.index, e);
-		} else t.layer === C.PathLayer.Marker && r.set(t.index, z(t.d, a));
+		} else t.layer === h.PathLayer.Marker && r.set(t.index, F(t.d, a));
 		return r;
-	})(e, _ ? o : null, d), [
+	})(e, v ? o : null, d), [
 		e,
-		_,
+		v,
 		o,
 		d
-	]), b = /* @__PURE__ */ new Set(), x = [];
+	]), ne = /* @__PURE__ */ new Set(), y = [];
 	for (let n of e) {
-		let e = `p${n.index}`, r = y.get(n.index) ?? n.d;
+		let e = `p${n.index}`, r = te.get(n.index) ?? n.d;
 		switch (n.layer) {
-			case C.PathLayer.Fill:
-				if (h === null) break;
-				n.fill !== "norm" && b.add(n.fill), x.push((0, T.jsx)("path", {
+			case h.PathLayer.Fill:
+				if (g === null) break;
+				n.fill !== "norm" && ne.add(n.fill), y.push((0, S.jsx)("path", {
 					d: r,
-					fill: h,
+					fill: g,
 					filter: n.fill === "norm" ? void 0 : `url(#${l}-${n.fill})`,
 					stroke: "none",
 					pointerEvents: c
 				}, e));
 				break;
-			case C.PathLayer.Stroke: {
-				if (!_) break;
+			case h.PathLayer.Stroke: {
+				if (!v) break;
 				let n = 8 / (a > 0 ? a : 1);
-				c !== "none" && n > d && x.push((0, T.jsx)("path", {
+				c !== "none" && n > d && y.push((0, S.jsx)("path", {
 					className: "shape-hit",
 					d: r,
 					fill: "none",
@@ -454,45 +408,45 @@ var ie = e(n(), 1), ae = 96 / 72, k = (e, t) => {
 					strokeLinejoin: "round",
 					strokeLinecap: "round",
 					pointerEvents: "stroke"
-				}, `${e}-hit`)), x.push((0, T.jsx)("path", {
+				}, `${e}-hit`)), y.push((0, S.jsx)("path", {
 					d: r,
 					fill: "none",
-					stroke: g,
+					stroke: _,
 					strokeWidth: d,
 					strokeLinejoin: t.lineJoin,
 					strokeLinecap: t.lineCap,
 					strokeMiterlimit: t.lineJoin === "miter" ? t.miterLimit : void 0,
-					strokeDasharray: v,
+					strokeDasharray: ee,
 					pointerEvents: c === "none" ? "none" : "visibleStroke"
 				}, e));
 				break;
 			}
-			case C.PathLayer.Marker: _ && x.push((0, T.jsx)("path", {
+			case h.PathLayer.Marker: v && y.push((0, S.jsx)("path", {
 				d: r,
-				fill: g,
+				fill: _,
 				stroke: "none",
 				pointerEvents: c
 			}, e));
 		}
 	}
-	let S = [];
-	for (let e of b) {
-		let [t, n] = C.FillTransfer[e];
-		S.push((0, T.jsx)("filter", {
+	let b = [];
+	for (let e of ne) {
+		let [t, n] = h.FillTransfer[e];
+		b.push((0, S.jsx)("filter", {
 			id: `${l}-${e}`,
 			colorInterpolationFilters: "sRGB",
-			children: (0, T.jsxs)("feComponentTransfer", { children: [
-				(0, T.jsx)("feFuncR", {
+			children: (0, S.jsxs)("feComponentTransfer", { children: [
+				(0, S.jsx)("feFuncR", {
 					type: "linear",
 					slope: t,
 					intercept: n
 				}),
-				(0, T.jsx)("feFuncG", {
+				(0, S.jsx)("feFuncG", {
 					type: "linear",
 					slope: t,
 					intercept: n
 				}),
-				(0, T.jsx)("feFuncB", {
+				(0, S.jsx)("feFuncB", {
 					type: "linear",
 					slope: t,
 					intercept: n
@@ -500,34 +454,35 @@ var ie = e(n(), 1), ae = 96 / 72, k = (e, t) => {
 			] })
 		}, e));
 	}
-	if (p && !t.image && S.push(de(`${l}-fill`, p, n, r)), m && _ && S.push(de(`${l}-stroke`, m, n, r)), t.image && u) {
+	if (p && !t.image && b.push(R(`${l}-fill`, p, n, r)), m && v && b.push(R(`${l}-stroke`, m, n, r)), t.image && u) {
 		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);
-		S.push((0, T.jsx)("pattern", {
+		b.push((0, S.jsx)("pattern", {
 			id: `${l}-image`,
 			patternUnits: "userSpaceOnUse",
 			x: 0,
 			y: 0,
 			width: Math.max(n, 1),
 			height: Math.max(r, 1),
-			children: (0, T.jsx)("image", {
+			children: (0, S.jsx)("image", {
 				href: u,
 				x: i,
 				y: a,
 				width: o,
 				height: s,
-				preserveAspectRatio: "none"
+				preserveAspectRatio: "none",
+				style: L
 			})
 		}, "image"));
 	}
-	return (0, T.jsxs)(T.Fragment, { children: [S.length > 0 ? (0, T.jsx)("defs", { children: S }) : null, x] });
+	return (0, S.jsxs)(S.Fragment, { children: [b.length > 0 ? (0, S.jsx)("defs", { children: b }) : null, y] });
 });
-V.displayName = "PathRun";
-var fe = (0, w.memo)(({ geometry: e, style: t, zoom: n, grid: r = null, hit: i }) => {
-	let a = (0, w.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, T.jsx)(V, {
+	return (0, S.jsx)(me, {
 		paths: a,
 		style: t,
 		width: e.getWidth(),
@@ -537,9 +492,9 @@ var fe = (0, w.memo)(({ geometry: e, style: t, zoom: n, grid: r = null, hit: i }
 		hit: i
 	});
 });
-fe.displayName = "ShapePaths";
-var pe = (0, w.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) => {
-	let a = (0, w.useRef)(null), o = (0, w.useRef)(null), [s, c] = (0, w.useState)(!1), l = (0, w.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());
@@ -547,30 +502,30 @@ var pe = (0, w.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) =
 			x: r.x,
 			y: r.y
 		};
-	}, []), u = (0, w.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, w.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, w.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, w.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, T.jsx)("svg", {
+	return (0, S.jsx)("svg", {
 		ref: a,
 		className: s ? "shape-handles movable-gesture" : "shape-handles",
 		viewBox: `0 0 ${t} ${n}`,
@@ -586,10 +541,10 @@ var pe = (0, w.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) =
 			pointerEvents: "none",
 			touchAction: "none"
 		},
-		children: e.map((e) => (0, T.jsxs)("g", {
+		children: e.map((e) => (0, S.jsxs)("g", {
 			className: "shape-handle",
 			style: { "--shape-scale": m },
-			children: [(0, T.jsx)("circle", {
+			children: [(0, S.jsx)("circle", {
 				cx: e.x,
 				cy: e.y,
 				r: h,
@@ -597,7 +552,7 @@ var pe = (0, w.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) =
 				stroke: "#7f6000",
 				strokeWidth: 1 / m,
 				style: { pointerEvents: "none" }
-			}), (0, T.jsx)("circle", {
+			}), (0, S.jsx)("circle", {
 				className: "shape-handle-hit",
 				cx: e.x,
 				cy: e.y,
@@ -617,179 +572,179 @@ var pe = (0, w.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) =
 		}, e.index))
 	});
 });
-pe.displayName = "ShapeHandles";
-var H = (e, t) => e > 0 || t > 0, me = (e, t, n) => !e || e.getWidth() === t && e.getHeight() === n ? e : H(t, n) ? e.resize(t, n) : null, he = (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;
-}, U = (0, w.memo)((0, w.forwardRef)((e, t) => {
-	let { children: n, disabled: r, style: i, shape: u, movable: f, zoom: p = 1, isDragging: m, onHide: h, onShow: v, onDragZone: y, adornmentHost: b, flip: x, gesture: C, debugGeometry: ee = !1, ...te } = e, E = l()?.getStyles() ?? null, [ne, D] = (0, w.useReducer)((e) => e + 1, 0);
-	c(u, { onAnyChange: D }), c(f ?? null, {
-		onBoundsChange: D,
-		onSelectionChange: D
+}, B = (0, x.memo)((0, x.forwardRef)((e, t) => {
+	let { children: n, disabled: r, style: i, shape: l, movable: d, zoom: p = 1, isDragging: h, onHide: v, onShow: te, onDragZone: ne, adornmentHost: y, flip: re, gesture: C, debugGeometry: ie = !1, ...ae } = e, w = _()?.getStyles() ?? null, [T, E] = (0, x.useReducer)((e) => e + 1, 0);
+	g(l, { onAnyChange: E }), g(d ?? null, {
+		onBoundsChange: E,
+		onSelectionChange: E
 	});
-	let O = u.toJSON(), { width: A, height: j, rotation: ue, content: M } = ((e) => {
-		let [t] = d("movable-drag", null), n = e ? t?.[e.getId()] : void 0, r = n?.bounds ?? e?.getBounds();
+	let D = l.toJSON(), { width: O, height: k, rotation: pe, content: A } = ((e) => {
+		let [t] = ee("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
 		};
-	})(f), N = u.getShapeType(), P = u.getAdjustments(), F = H(A, j), [I, L] = (0, w.useState)(null), R = (0, w.useRef)(0);
-	(0, w.useEffect)(() => {
-		if (!F) return void L(null);
-		let e = ++R.current, t = u.getShapeType();
-		u.getGeometry(A, j).then((n) => {
-			R.current === e && L(n ? {
+	})(d), j = l.getShapeType(), M = l.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 = l.getShapeType();
+		l.getGeometry(O, k).then((n) => {
+			I.current === e && F(n ? {
 				shapeType: t,
 				geometry: n
 			} : null);
 		}, () => {
-			R.current === e && L(null);
+			I.current === e && F(null);
 		});
 	}, [
-		u,
-		A,
-		j,
-		ne
+		l,
+		O,
+		k,
+		T
 	]);
-	let z = M?.shapeType !== void 0 && M.shapeType !== N ? M.shapeType : null, [B, de] = (0, w.useState)(null);
-	(0, w.useEffect)(() => {
-		if (!z || !F || B?.shapeType === z) return;
+	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 u.getGeometry(A, j, { shapeType: z }).then((t) => {
-			e && t && de({
-				shapeType: z,
+		return l.getGeometry(O, k, { shapeType: L }).then((t) => {
+			e && t && me({
+				shapeType: L,
 				geometry: t
 			});
 		}, () => {}), () => {
 			e = !1;
 		};
 	}, [
-		u,
-		z,
-		F
+		l,
+		L,
+		N
 	]);
-	let V = (0, w.useMemo)(() => {
-		let e = I?.shapeType === N ? I : B?.shapeType === N ? B : null;
-		return e ? me(e.geometry, A, j)?.withAdjustments(P) ?? null : me(I?.geometry ?? null, A, j);
+	let B = (0, x.useMemo)(() => {
+		let e = P?.shapeType === j ? P : R?.shapeType === j ? R : null;
+		return e ? _e(e.geometry, O, k)?.withAdjustments(M) ?? null : _e(P?.geometry ?? null, O, k);
 	}, [
-		I,
-		B,
-		N,
 		P,
-		A,
-		j
-	]), U = (0, w.useCallback)((e) => u.getResource(e), [u]);
-	(0, w.useEffect)(() => {
+		R,
+		j,
+		M,
+		O,
+		k
+	]), V = (0, x.useCallback)((e) => l.getResource(e), [l]);
+	(0, x.useEffect)(() => {
 		let e = [];
-		for (let t = f?.getParent() ?? null; t; t = t.getParent()) e.push(t.getContent().addListeners({ onAnyChange: D }));
+		for (let t = d?.getParent() ?? null; t; t = t.getParent()) e.push(t.getContent().addListeners({ onAnyChange: E }));
 		return () => {
 			for (let t of e) t();
 		};
-	}, [f]);
-	let W = le(f), G = (0, w.useMemo)(() => ((e, t, n, r) => {
+	}, [d]);
+	let H = fe(d), U = (0, x.useMemo)(() => ((e, t, n, r) => {
 		let i = null;
 		try {
 			i = t?.getTheme()?.toJSON() ?? null;
 		} catch {
 			i = null;
 		}
-		let a, o = S.resolve(e, i, r), { fill: s, stroke: c } = o, l = oe(c?.fill, t), u = c?.fill?.type === _.Type.Gradient ? ce(c.fill, t) ?? void 0 : void 0, d = oe(s, t), f = s?.type === _.Type.Gradient ? ce(s, t) ?? void 0 : void 0;
-		if (s?.type === _.Type.Image) {
-			let e = s.resId === void 0 ? null : n?.(s.resId) ?? null;
+		let a, o = c.resolve(e, i, r), { stroke: s } = o, l = (e) => le(e, t), d = m.toConcreteFill(o.fill, l), p = m.toConcreteFill(s?.fill, l), h = ue(p), g = p?.type === u.Type.Gradient ? de(p) ?? void 0 : void 0, _ = ue(d), v = d?.type === u.Type.Gradient ? de(d) ?? void 0 : void 0;
+		if (d?.type === u.Type.Image) {
+			let e = d.resId === void 0 ? null : n?.(d.resId) ?? null;
 			e && (a = {
 				resource: e,
-				fill: s
+				fill: d
 			});
 		}
 		return {
-			fill: d,
-			gradient: f,
+			fill: _,
+			gradient: v,
 			image: a,
-			stroke: l,
-			strokeGradient: u,
-			strokeWidth: l ? Math.max(0, o.strokeWidth) * ae : 0,
-			lineJoin: c?.lineJoin ?? "miter",
-			lineCap: c?.lineCap ?? "butt",
-			miterLimit: typeof c?.miterLimit == "number" ? c.miterLimit : 18.5,
-			dash: se(c?.dash),
-			textColor: k(o.fontColor, t)
+			stroke: h,
+			strokeGradient: g,
+			strokeWidth: h ? Math.max(0, o.strokeWidth) * ce : 0,
+			lineJoin: s?.lineJoin ?? "miter",
+			lineCap: s?.lineCap ?? "butt",
+			miterLimit: typeof s?.miterLimit == "number" ? s.miterLimit : 18.5,
+			dash: f.toDashLengths(s?.dash),
+			textColor: le(o.fontColor, t)
 		};
-	})(O, E, U, W), [
-		O,
-		E,
-		U,
-		W
-	]), [ge, K] = (0, w.useState)(null), q = M?.adjustments === void 0 ? ge ?? void 0 : M.adjustments, J = (0, w.useMemo)(() => {
-		if (z && B?.shapeType !== z) return V;
-		let e = z ? me(B.geometry, A, j) : V;
-		return e && q !== void 0 ? e.withAdjustments(q) : e;
-	}, [
+	})(D, w, V, H), [
+		D,
+		w,
 		V,
-		z,
+		H
+	]), [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;
+	}, [
 		B,
-		A,
-		j,
-		q
-	]), Y = (0, w.useRef)(null), [_e, ve] = (0, w.useState)(!1), ye = (0, w.useCallback)((e, t, n, i) => {
-		if (i === "cancel") return Y.current && (Y.current = null, ve(!1), C?.cancel()), void K(null);
-		if (!J || !V) return;
-		let o = J.adjustmentsFromHandle(e, t, n);
+		L,
+		R,
+		O,
+		k,
+		G
+	]), 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 (i === "move") {
 			if (C && !r) {
-				if (!Y.current) {
+				if (!q.current) {
 					let e = { adjustments: o };
 					if (!C.start(a("op.setShapeAdjustments"), (t) => {
 						t.getContent().setAdjustments(e.adjustments);
 					})) return;
-					Y.current = e, ve(!0);
+					q.current = e, xe(!0);
 				}
-				Y.current.adjustments = o, C.preview({ content: { adjustments: o } });
+				q.current.adjustments = o, C.preview({ content: { adjustments: o } });
 				return;
 			}
-			K(o);
+			W(o);
 			return;
 		}
-		let s = Y.current;
-		if (s) return Y.current = null, ve(!1), s.adjustments = o, void C?.finish();
-		K(null), r || u.setAdjustments(o);
+		let s = q.current;
+		if (s) return q.current = null, xe(!1), s.adjustments = o, void C?.finish();
+		W(null), r || l.setAdjustments(o);
 	}, [
-		J,
-		V,
-		u,
+		K,
+		B,
+		l,
 		r,
 		C
-	]), be = (0, w.useMemo)(() => {
+	]), Ce = (0, x.useMemo)(() => {
 		let e = [];
-		return J?.forEachHandle((t) => e.push(t)), e;
-	}, [J]), xe = o(t, () => ({ isShapeEditor: () => !0 }), []), Se = x ?? f?.getFlip(), X = Se?.horizontal ?? !1, Z = Se?.vertical ?? !1, Ce = ue % 360 != 0, we = (0, w.useMemo)(() => !Ce && H(A, j) ? {
+		return K?.forEachHandle((t) => e.push(t)), e;
+	}, [K]), we = o(t, () => ({ isShapeEditor: () => !0 }), []), Te = re ?? d?.getFlip(), J = Te?.horizontal ?? !1, Y = Te?.vertical ?? !1, Ee = pe % 360 != 0, De = (0, x.useMemo)(() => !Ee && z(O, k) ? {
 		dpr: s.getDevicePixelRatio(),
 		zoom: p,
-		width: A,
-		height: j,
-		flipH: X,
-		flipV: Z
+		width: O,
+		height: k,
+		flipH: J,
+		flipV: Y
 	} : null, [
-		Ce,
+		Ee,
 		p,
-		A,
-		j,
-		X,
-		Z
+		O,
+		k,
+		J,
+		Y
 	]);
-	if (u.isDeleted() || !O) return null;
-	let Te = i?.pointerEvents === "none", Ee = Te ? "none" : "visiblePainted", De = !Te && !r && (!m || _e) && !!f?.isSelected(), Oe = {
-		transform: X || Z ? `scale(${X ? -1 : 1}, ${Z ? -1 : 1})` : void 0,
+	if (l.isDeleted() || !D) return null;
+	let X = i?.pointerEvents === "none", Oe = X ? "none" : "visiblePainted", ke = !X && !r && (!h || be) && !!d?.isSelected(), Ae = {
+		transform: J || Y ? `scale(${J ? -1 : 1}, ${Y ? -1 : 1})` : void 0,
 		transformOrigin: "center"
-	}, Q = null;
-	De && be.length > 0 && (Q = (0, T.jsx)(pe, {
-		handles: be,
-		width: A,
-		height: j,
+	}, Z = null;
+	ke && Ce.length > 0 && (Z = (0, S.jsx)(ge, {
+		handles: Ce,
+		width: O,
+		height: k,
 		zoom: p,
-		onDrag: ye
-	}), b && (Q = (0, ie.createPortal)((0, T.jsx)("div", {
+		onDrag: Se
+	}), y && (Z = (0, se.createPortal)((0, S.jsx)("div", {
 		className: "shape-adornment",
 		style: {
 			position: "absolute",
@@ -797,32 +752,32 @@ var H = (e, t) => e > 0 || t > 0, me = (e, t, n) => !e || e.getWidth() === t &&
 			top: 0,
 			width: "100%",
 			height: "100%",
-			...Oe,
+			...Ae,
 			pointerEvents: "none"
 		},
-		children: Q
-	}), b)));
-	let ke = X === Z ? void 0 : "scaleX(-1)", $ = J?.getTextRect(), Ae = O.text, je = !!Ae && Ae.paragraphs.some((e) => e.runs.some((e) => e.text !== ""));
-	return (0, T.jsxs)("div", {
+		children: Z
+	}), 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",
-		...te,
-		ref: xe,
+		...ae,
+		ref: we,
 		style: {
 			width: "100%",
 			height: "100%",
 			position: "relative",
 			overflow: "visible",
 			filter: r ? "blur(1px)" : void 0,
-			...Oe,
+			...Ae,
 			...i,
 			pointerEvents: "none"
 		},
 		children: [
-			H(A, j) ? (0, T.jsxs)("svg", {
+			z(O, k) ? (0, S.jsxs)("svg", {
 				className: "shape-geometry",
-				viewBox: `0 0 ${A > 0 ? A : 1 / p} ${j > 0 ? j : 1 / p}`,
-				width: A > 0 ? "100%" : "1px",
-				height: j > 0 ? "100%" : "1px",
+				viewBox: `0 0 ${O > 0 ? O : 1 / p} ${k > 0 ? k : 1 / p}`,
+				width: O > 0 ? "100%" : "1px",
+				height: k > 0 ? "100%" : "1px",
 				preserveAspectRatio: "none",
 				overflow: "visible",
 				style: {
@@ -831,26 +786,26 @@ var H = (e, t) => e > 0 || t > 0, me = (e, t, n) => !e || e.getWidth() === t &&
 					top: 0,
 					display: "block",
 					pointerEvents: "none",
-					filter: De ? "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: [J ? (0, T.jsx)(fe, {
-					geometry: J,
-					style: G,
+				children: [K ? (0, S.jsx)(he, {
+					geometry: K,
+					style: U,
 					zoom: p,
-					grid: we,
-					hit: Ee
-				}) : null, ee && J && $ ? (0, T.jsxs)("g", {
+					grid: De,
+					hit: Oe
+				}) : null, ie && K && Q ? (0, S.jsxs)("g", {
 					pointerEvents: "none",
-					children: [(0, T.jsx)("rect", {
-						x: $.l,
-						y: $.t,
-						width: Math.max(0, $.r - $.l),
-						height: Math.max(0, $.b - $.t),
+					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 / p,
 						strokeDasharray: `${4 / p} ${2 / p}`
-					}), he(J).map((e) => (0, T.jsx)("rect", {
+					}), ve(K).map((e) => (0, S.jsx)("rect", {
 						x: e.x - 3 / p,
 						y: e.y - 3 / p,
 						width: 6 / p,
@@ -859,22 +814,22 @@ var H = (e, t) => e > 0 || t > 0, me = (e, t, n) => !e || e.getWidth() === t &&
 					}, e.index))]
 				}) : null]
 			}) : null,
-			je && $ ? (0, T.jsx)("div", {
+			Me && Q ? (0, S.jsx)("div", {
 				className: "shape-text-frame",
 				style: {
 					position: "absolute",
-					left: $.l,
-					top: $.t,
-					width: Math.max(0, $.r - $.l),
-					height: Math.max(0, $.b - $.t),
+					left: Q.l,
+					top: Q.t,
+					width: Math.max(0, Q.r - Q.l),
+					height: Math.max(0, Q.b - Q.t),
 					zoom: p,
-					transform: ke,
+					transform: je,
 					transformOrigin: "center",
-					pointerEvents: Te ? "none" : "auto",
-					color: G.textColor ?? void 0
+					pointerEvents: X ? "none" : "auto",
+					color: U.textColor ?? void 0
 				},
-				children: (0, T.jsx)(g, {
-					movable: f,
+				children: (0, S.jsx)(b, {
+					movable: d,
 					disabled: !0,
 					style: {
 						fontFamily: "Calibri, Carlito, sans-serif",
@@ -886,35 +841,35 @@ var H = (e, t) => e > 0 || t > 0, me = (e, t, n) => !e || e.getWidth() === t &&
 						padding: 0,
 						overflow: "hidden"
 					},
-					children: (0, T.jsx)(re, {
-						text: Ae,
-						styles: E,
-						color: G.textColor
+					children: (0, S.jsx)(oe, {
+						text: $,
+						styles: w,
+						color: U.textColor
 					})
 				})
 			}) : null,
-			Q
+			Z
 		]
 	});
 }));
-U.displayName = "ShapeEditor";
-var W = (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]];
-}, G = (e) => {
+}, H = (e) => {
 	let t = e.getBounds();
 	return t ? {
 		bounds: t,
 		rotation: e.getRotation() || 0,
 		flip: e.getFlip()
 	} : null;
-}, ge = (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;
-}, K = (0, w.memo)((e) => {
-	let { movable: t, flip: n, isDragging: r = !1, gesture: i } = e, o = p(), s = u(h, null), [, l] = (0, w.useReducer)((e) => e + 1, 0), d = t.getContent();
-	c(d, { onAnyChange: l });
-	let f = d.getConnectorFormat(), m = (0, w.useRef)(null), g = (0, w.useCallback)((e) => {
+}, ye = (0, x.memo)((e) => {
+	let { movable: t, flip: n, isDragging: r = !1, gesture: i } = e, o = v(), s = te(y, null), [, c] = (0, x.useReducer)((e) => e + 1, 0), l = t.getContent();
+	g(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({
@@ -927,10 +882,10 @@ var W = (e, t) => {
 			x: n.x,
 			y: n.y
 		};
-	}, [o]), _ = (0, w.useCallback)((e) => {
+	}, [o]), p = (0, x.useCallback)((e) => {
 		if (e.button !== 0) return;
 		e.stopPropagation(), e.preventDefault();
-		let n = e.currentTarget.dataset.end, r = G(t);
+		let n = e.currentTarget.dataset.end, r = H(t);
 		if (!r || !o) return;
 		let c = {
 			pointerId: e.pointerId,
@@ -945,19 +900,19 @@ var W = (e, t) => {
 			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 = G(e);
+				let t = H(e);
 				t && r.push({
 					movable: e,
 					placement: t
 				});
 			}
 			return r;
-		})(t), m.current = c, e.currentTarget.setPointerCapture(e.pointerId), s({
+		})(t), d.current = c, e.currentTarget.setPointerCapture(e.pointerId), s({
 			connector: t.getId(),
 			target: null,
 			index: null
@@ -967,18 +922,18 @@ var W = (e, t) => {
 		o,
 		i,
 		s
-	]), v = (0, w.useCallback)((e) => {
-		let n = m.current;
+	]), m = (0, x.useCallback)((e) => {
+		let n = d.current;
 		if (!n || n.pointerId !== e.pointerId) return;
 		e.stopPropagation();
-		let r = g(e);
+		let r = f(e);
 		if (!r) return;
 		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 = ge(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 = {
@@ -1007,67 +962,67 @@ var W = (e, t) => {
 				y: e.y + l * c
 			};
 		})(u, r) : r;
-		let d = c.placeEnds(l.start, l.end);
+		let p = c.placeEnds(l.start, l.end);
 		s({
 			connector: t.getId(),
 			target: a ? a.target.getId() : null,
 			index: a ? a.index : null
 		}), i.preview({
-			bounds: d.bounds,
-			flip: d.flip,
+			bounds: p.bounds,
+			flip: p.flip,
 			grip: {
 				kind: "resize",
-				direction: W(n.end, d.flip)
+				direction: V(n.end, p.flip)
 			}
 		});
 	}, [
-		g,
+		f,
 		o,
 		t,
 		i,
 		s
-	]), y = (0, w.useCallback)((e) => {
-		let t = m.current;
-		t && t.pointerId === e.pointerId && (e.stopPropagation(), m.current = null, s(null), i.finish());
-	}, [i, s]), b = (0, w.useCallback)((e) => {
-		let t = m.current;
-		t && t.pointerId === e.pointerId && (m.current = null, s(null), i.cancel());
+	]), h = (0, x.useCallback)((e) => {
+		let t = d.current;
+		t && t.pointerId === e.pointerId && (e.stopPropagation(), d.current = null, s(null), i.finish());
+	}, [i, s]), _ = (0, x.useCallback)((e) => {
+		let t = d.current;
+		t && t.pointerId === e.pointerId && (d.current = null, s(null), i.cancel());
 	}, [i, s]);
-	return (0, T.jsx)("div", {
+	return (0, S.jsx)("div", {
 		className: [
 			"movable-control",
 			"connector",
 			r ? "dragging" : null
 		].filter(Boolean).join(" "),
 		children: ["start", "end"].map((e) => {
-			let t = W(e, n), r = e === "start" ? !!f?.isStartConnected() : !!f?.isEndConnected();
-			return (0, T.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: {
 					left: 50 * (t[0] + 1) + "%",
 					top: 50 * (t[1] + 1) + "%"
 				},
-				onPointerDown: _,
-				onPointerMove: v,
-				onPointerUp: y,
-				onPointerCancel: b
+				onPointerDown: p,
+				onPointerMove: m,
+				onPointerUp: h,
+				onPointerCancel: _
 			}, e);
 		})
 	});
 });
-K.displayName = "ConnectorControl";
-var q = (0, w.memo)((e) => e.movable.getContent().isConnector() ? (0, T.jsx)(K, { ...e }) : (0, T.jsx)(f, { ...e }));
-q.displayName = "ShapeControl";
-var J = {
-	renderer: (e) => (0, T.jsx)(U, {
+ye.displayName = "ConnectorControl";
+var W = (0, x.memo)((e) => e.movable.getContent().isConnector() ? (0, S.jsx)(ye, { ...e }) : (0, S.jsx)(ne, { ...e }));
+W.displayName = "ShapeControl";
+var G = {
+	renderer: (e) => (0, S.jsx)(B, {
 		...e,
 		shape: e.movable.getContent()
 	}),
-	control: q,
+	control: W,
 	commands: (e, t) => {
 		let { sheet: n, movable: r, notifier: i } = t, o = r.getContent();
-		e.use(m({
+		e.use(re({
 			transaction: n,
 			notifier: i
 		})), e.updateCommand("changeShape", {
@@ -1079,4 +1034,4 @@ var J = {
 		});
 	}
 };
-export { J as ShapeKind };
+export { G as ShapeKind };