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

package/browser/esm/{Dme0qpRinBnhzp53.mjs → DDw_9YBEaF76ezn9.mjs}

@@ -1,39 +1,40 @@
 /**
-* @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, r as n } from "./C4VT6lNbpaDXCpBb.mjs";
-import { b as r } from "./CMxbiQ5J79M3n1tk.mjs";
-import { m as i, mt as a, tt as o } from "./BThOwSja2ra4xejQ.mjs";
-import { t as s } from "./DjdkGy-EI1kSo226.mjs";
-import { E as c, H as l } from "./CWoPWWRwMgkGPFFP.mjs";
-import { t as u } from "./rkTVQiYG3wd8oPom.mjs";
-import { t as d } from "./CtZPEkaldpJpoGtW.mjs";
-import { m as f, t as p, y as m } from "./D2coM-dNrlLpnUu5.mjs";
-import { A as h, I as g, S as _, T as v } from "./DvWCBuY0jAL-RmJV.mjs";
-import { t as y } from "./CVxlfyE-gnJM8hOz.mjs";
-import { E as b, a as x, l as S, p as ee, r as C, y as w } from "./D8exjrado9TJrBp-.mjs";
+import { r as e } from "./Cf_c9xyOrFxlsKq6.mjs";
+import { i as t, r as n } from "./D29bSsh1Lz8891Rs.mjs";
+import { m as r } from "./Cif0315haNLmyMj-.mjs";
+import { Tt as i, dt as a, z as o } from "./B1mhVM8eRIyuL-VB.mjs";
+import { U as s, q as c } from "./Dac2pa3EUXg26xcV.mjs";
+import { t as l } from "./DAOjpr33PSwrKpc0.mjs";
+import { c as u } from "./DJpfJorMrLhI9gOT.mjs";
+import { m as d, t as f, y as p } from "./CW9UkULY0jchroYa.mjs";
+import { O as m, S as h, T as g, y as _ } from "./_9nyq5XWoIo-JhAp.mjs";
+import { t as v } from "./CrIHwDDOUDcx5WSM.mjs";
+import { c as y, d as b } from "./CX1VWdQjKSXDMfs9.mjs";
+import { t as ee } from "./CImdnjQtd2Yn7uXl.mjs";
+import { a as x, i as S, n as C, t as w } from "./CEvmiZ2C2QopD1yx.mjs";
 var T = e(t(), 1), E = e(n(), 1), D = {
-	[l.DashStyle.Solid]: null,
-	[l.DashStyle.Dot]: [1, 3],
-	[l.DashStyle.Dash]: [4, 3],
-	[l.DashStyle.LongDash]: [8, 3],
-	[l.DashStyle.DashDot]: [
+	[c.DashStyle.Solid]: null,
+	[c.DashStyle.Dot]: [1, 3],
+	[c.DashStyle.Dash]: [4, 3],
+	[c.DashStyle.LongDash]: [8, 3],
+	[c.DashStyle.DashDot]: [
 		4,
 		3,
 		1,
 		3
 	],
-	[l.DashStyle.LongDashDot]: [
+	[c.DashStyle.LongDashDot]: [
 		8,
 		3,
 		1,
 		3
 	],
-	[l.DashStyle.LongDashDotDot]: [
+	[c.DashStyle.LongDashDotDot]: [
 		8,
 		3,
 		1,
@@ -41,15 +42,15 @@ var T = e(t(), 1), E = e(n(), 1), D = {
 		1,
 		3
 	],
-	[l.DashStyle.SysDash]: [3, 1],
-	[l.DashStyle.SysDot]: [1, 1],
-	[l.DashStyle.SysDashDot]: [
+	[c.DashStyle.SysDash]: [3, 1],
+	[c.DashStyle.SysDot]: [1, 1],
+	[c.DashStyle.SysDashDot]: [
 		3,
 		1,
 		1,
 		1
 	],
-	[l.DashStyle.SysDashDotDot]: [
+	[c.DashStyle.SysDashDotDot]: [
 		3,
 		1,
 		1,
@@ -59,7 +60,7 @@ var T = e(t(), 1), E = e(n(), 1), D = {
 	]
 }, O = (0, T.memo)((e) => {
 	let { dash: t, color: n, darkMode: r } = e, i = Array.isArray(t) ? t : D[t] ?? null;
-	return (0, E.jsx)(w, {
+	return (0, E.jsx)(y, {
 		styleColor: n,
 		length: 60,
 		width: 2,
@@ -77,26 +78,26 @@ var k = {
 	med: 8,
 	lg: 12
 }, j = (0, T.memo)((e) => {
-	let { end: t, atStart: n = !1, color: r, darkMode: i = !1 } = e, a = k[t.width ?? l.LineEndSize.Medium], o = A[t.length ?? l.LineEndSize.Medium], s = null, c = 19;
+	let { end: t, atStart: n = !1, color: r, darkMode: i = !1 } = e, a = k[t.width ?? c.LineEndSize.Medium], o = A[t.length ?? c.LineEndSize.Medium], s = null, d = 19;
 	switch (t.type) {
-		case l.LineEndType.Triangle:
-			s = (0, E.jsx)("polygon", { points: `19,8 ${19 - o},${8 - a} ${19 - o},${8 + a}` }), c = 19 - o;
+		case c.LineEndType.Triangle:
+			s = (0, E.jsx)("polygon", { points: `19,8 ${19 - o},${8 - a} ${19 - o},${8 + a}` }), d = 19 - o;
 			break;
-		case l.LineEndType.Stealth:
-			s = (0, E.jsx)("polygon", { points: `19,8 ${19 - o},${8 - a} ${19 - .6 * o},8 ${19 - o},${8 + a}` }), c = 19 - .6 * o;
+		case c.LineEndType.Stealth:
+			s = (0, E.jsx)("polygon", { points: `19,8 ${19 - o},${8 - a} ${19 - .6 * o},8 ${19 - o},${8 + a}` }), d = 19 - .6 * o;
 			break;
-		case l.LineEndType.Diamond:
-			s = (0, E.jsx)("polygon", { points: `19,8 ${19 - o / 2},${8 - a} ${19 - o},8 ${19 - o / 2},${8 + a}` }), c = 19 - o;
+		case c.LineEndType.Diamond:
+			s = (0, E.jsx)("polygon", { points: `19,8 ${19 - o / 2},${8 - a} ${19 - o},8 ${19 - o / 2},${8 + a}` }), d = 19 - o;
 			break;
-		case l.LineEndType.Oval:
+		case c.LineEndType.Oval:
 			s = (0, E.jsx)("ellipse", {
 				cx: 19 - o / 2,
 				cy: 8,
 				rx: o / 2,
 				ry: a
-			}), c = 19 - o;
+			}), d = 19 - o;
 			break;
-		case l.LineEndType.Arrow: s = (0, E.jsx)("polyline", {
+		case c.LineEndType.Arrow: s = (0, E.jsx)("polyline", {
 			points: `${19 - o},${8 - a} 19,8 ${19 - o},${8 + a}`,
 			fill: "none",
 			strokeWidth: 2,
@@ -105,7 +106,7 @@ var k = {
 		});
 	}
 	let f = r ? r.toRGBA(i).toString() : "currentColor";
-	return (0, E.jsxs)(u, {
+	return (0, E.jsxs)(l, {
 		component: "svg",
 		width: 20,
 		height: 16,
@@ -115,13 +116,13 @@ var k = {
 			overflow: "visible",
 			fill: f,
 			stroke: f,
-			filter: d(),
+			filter: u(),
 			transform: n ? "scaleX(-1)" : void 0
 		},
 		children: [(0, E.jsx)("line", {
 			x1: 1,
 			y1: 8,
-			x2: c,
+			x2: d,
 			y2: 8,
 			strokeWidth: 2
 		}), s]
@@ -129,7 +130,7 @@ var k = {
 });
 j.displayName = "LineEndIcon";
 var M = (e) => {
-	let { end: t, atStart: n = !1, color: r, darkMode: i, types: a, sizes: o, typeLabels: s, sizeLabels: c, widthLabel: d, lengthLabel: f, tooltip: p, disabled: m, onSelect: y } = e, b = (0, T.useCallback)((e) => {
+	let { end: t, atStart: n = !1, color: r, darkMode: i, types: a, sizes: o, typeLabels: s, sizeLabels: u, widthLabel: d, lengthLabel: f, tooltip: p, disabled: v, onSelect: y } = e, b = (0, T.useCallback)((e) => {
 		let { closeFloatAll: p, floatReference: _ } = e, b = a.map((e) => {
 			let a = (0, E.jsx)(j, {
 				end: {
@@ -140,29 +141,29 @@ var M = (e) => {
 				color: r,
 				darkMode: i
 			}), b = e === t.type;
-			return e === l.LineEndType.None ? (0, E.jsx)(h, {
+			return e === c.LineEndType.None ? (0, E.jsx)(m, {
 				icon: a,
 				selected: b,
-				disabled: m,
+				disabled: v,
 				onMouseDown: (e) => e.preventDefault(),
 				onMouseUp: () => {
 					p?.(), y(null);
 				},
 				children: s[e]
-			}, e) : (0, E.jsx)(g, {
+			}, e) : (0, E.jsx)(h, {
 				icon: a,
 				label: s[e],
 				selected: b,
-				disabled: m,
+				disabled: v,
 				parentFloat: _,
-				createPopupPanel: (a) => (0, E.jsx)(u, {
+				renderPopupPanel: (a) => (0, E.jsx)(l, {
 					sx: {
 						display: "grid",
 						gridTemplateColumns: `repeat(${o.length}, auto)`,
 						gap: "2px",
 						padding: "6px 8px"
 					},
-					children: o.map((s) => o.map((o) => (0, E.jsx)(v, {
+					children: o.map((s) => o.map((o) => (0, E.jsx)(g, {
 						icon: (0, E.jsx)(j, {
 							end: {
 								type: e,
@@ -173,10 +174,10 @@ var M = (e) => {
 							color: r,
 							darkMode: i
 						}),
-						selected: b && (t.width ?? l.LineEndSize.Medium) === o && (t.length ?? l.LineEndSize.Medium) === s,
-						disabled: m,
+						selected: b && (t.width ?? c.LineEndSize.Medium) === o && (t.length ?? c.LineEndSize.Medium) === s,
+						disabled: v,
 						propsTooltip: {
-							label: `${d}: ${c[o]} · ${f}: ${c[s]}`,
+							label: `${d}: ${u[o]} · ${f}: ${u[s]}`,
 							simple: !0
 						},
 						onClick: () => {
@@ -196,7 +197,7 @@ var M = (e) => {
 				}
 			}, e);
 		});
-		return (0, E.jsx)(u, {
+		return (0, E.jsx)(l, {
 			sx: {
 				display: "flex",
 				flexDirection: "column",
@@ -213,15 +214,15 @@ var M = (e) => {
 		a,
 		o,
 		s,
-		c,
+		u,
 		d,
 		f,
-		m,
+		v,
 		y
 	]);
 	return (0, E.jsx)(_, {
-		disabled: m,
-		icon: (0, E.jsx)(u, {
+		disabled: v,
+		icon: (0, E.jsx)(l, {
 			sx: {
 				paddingLeft: "4px",
 				marginRight: "4px",
@@ -237,19 +238,19 @@ var M = (e) => {
 			})
 		}),
 		tooltip: p ? `${p}: ${s[t.type]}` : s[t.type],
-		createPopupPanel: b
+		renderPopupPanel: b
 	});
 }, N = (e) => {
-	let { value: t, options: n, onSelect: r, columns: i, tooltip: o, disabled: s, icon: c } = e, l = n.find((e) => e.value === t) ?? n[0], d = (0, T.useCallback)((e) => {
+	let { value: t, options: n, onSelect: r, columns: a, tooltip: o, disabled: s, icon: c } = e, u = n.find((e) => e.value === t) ?? n[0], d = (0, T.useCallback)((e) => {
 		let { closeFloat: o } = e;
-		return (0, E.jsx)(u, i ? {
+		return (0, E.jsx)(l, a ? {
 			sx: {
 				display: "grid",
-				gridTemplateColumns: `repeat(${i}, auto)`,
+				gridTemplateColumns: `repeat(${a}, auto)`,
 				gap: "2px",
 				padding: "6px 8px"
 			},
-			children: n.map((e) => (0, E.jsx)(v, {
+			children: n.map((e) => (0, E.jsx)(g, {
 				icon: e.icon,
 				selected: e.value === t,
 				disabled: s,
@@ -268,7 +269,7 @@ var M = (e) => {
 				paddingTop: "4px",
 				paddingBottom: "4px"
 			},
-			children: n.map((e) => (0, E.jsx)(h, {
+			children: n.map((e) => (0, E.jsx)(m, {
 				tabIndex: 0,
 				sx: {
 					height: "28px",
@@ -283,7 +284,7 @@ var M = (e) => {
 					o?.(), r(e.value);
 				},
 				onKeyDown: (e) => {
-					e.which === a.Enter && o?.();
+					e.which === i.Enter && o?.();
 				},
 				children: e.icon
 			}, e.value))
@@ -292,12 +293,12 @@ var M = (e) => {
 		n,
 		t,
 		r,
-		i,
+		a,
 		s
 	]);
 	return (0, E.jsx)(_, {
 		disabled: s,
-		icon: (0, E.jsx)(u, {
+		icon: (0, E.jsx)(l, {
 			sx: {
 				paddingLeft: "4px",
 				marginRight: "4px",
@@ -305,97 +306,97 @@ var M = (e) => {
 				display: "flex",
 				alignItems: "center"
 			},
-			children: c ?? l?.icon
+			children: c ?? u?.icon
 		}),
-		tooltip: o ? `${o}: ${l?.label ?? ""}` : l?.label,
-		createPopupPanel: d
+		tooltip: o ? `${o}: ${u?.label ?? ""}` : u?.label,
+		renderPopupPanel: d
 	});
 }, P = "none", F = "solid", I = [
-	l.DashStyle.Solid,
-	l.DashStyle.SysDot,
-	l.DashStyle.SysDash,
-	l.DashStyle.Dash,
-	l.DashStyle.DashDot,
-	l.DashStyle.LongDash,
-	l.DashStyle.LongDashDot,
-	l.DashStyle.LongDashDotDot
+	c.DashStyle.Solid,
+	c.DashStyle.SysDot,
+	c.DashStyle.SysDash,
+	c.DashStyle.Dash,
+	c.DashStyle.DashDot,
+	c.DashStyle.LongDash,
+	c.DashStyle.LongDashDot,
+	c.DashStyle.LongDashDotDot
 ], L = "custom", R = [
-	l.LineCap.Square,
-	l.LineCap.Round,
-	l.LineCap.Butt
+	c.LineCap.Square,
+	c.LineCap.Round,
+	c.LineCap.Butt
 ], z = [
-	l.LineJoin.Round,
-	l.LineJoin.Bevel,
-	l.LineJoin.Miter
+	c.LineJoin.Round,
+	c.LineJoin.Bevel,
+	c.LineJoin.Miter
 ], B = [
-	l.LineEndType.None,
-	l.LineEndType.Triangle,
-	l.LineEndType.Arrow,
-	l.LineEndType.Stealth,
-	l.LineEndType.Diamond,
-	l.LineEndType.Oval
+	c.LineEndType.None,
+	c.LineEndType.Triangle,
+	c.LineEndType.Arrow,
+	c.LineEndType.Stealth,
+	c.LineEndType.Diamond,
+	c.LineEndType.Oval
 ], V = [
-	l.LineEndSize.Small,
-	l.LineEndSize.Medium,
-	l.LineEndSize.Large
+	c.LineEndSize.Small,
+	c.LineEndSize.Medium,
+	c.LineEndSize.Large
 ], H = (0, T.memo)((e) => {
-	let { selection: t, disabled: n, className: a, ...d } = e, h = o(), { stroke: g, stated: _, autoColor: v, applyStroke: w, schemeLookup: D, styles: k, darkMode: A } = t, j = n || t.disabled, H = g.isVisible(), U = H ? F : P, W = _?.fill && _.fill.type !== c.Type.None ? g.getFill().getColor() : null, G = W ?? v, K = g.getDash(), q = typeof K == "string" && I.includes(K) ? K : L, J = g.getHead(), Y = g.getTail(), te = i(() => k.recentColors(), [k]), ne = i((e) => {
-		e !== U && w(e === P ? { fill: { type: c.Type.None } } : {
+	let { selection: t, disabled: n, className: i, ...u } = e, m = a(), { stroke: h, stated: g, autoColor: _, applyStroke: y, schemeLookup: D, styles: k, darkMode: A } = t, j = n || t.disabled, H = h.isVisible(), U = H ? F : P, W = g?.fill && g.fill.type !== s.Type.None ? h.getFill().getColor() : null, G = W ?? _, K = h.getDash(), q = typeof K == "string" && I.includes(K) ? K : L, J = h.getHead(), Y = h.getTail(), te = o(() => k.recentColors(), [k]), ne = o((e) => {
+		e !== U && y(e === P ? { fill: { type: s.Type.None } } : {
 			fill: null,
-			width: g.getWidth() > 0 ? void 0 : null
+			width: h.getWidth() > 0 ? void 0 : null
 		}, r("op.setShapeStroke"));
 	}, [
 		U,
-		g,
-		w
-	]), re = i((e, t) => {
-		e && t && k.addRecentColor(e), w({ fill: e ? e.toString() : null }, r("op.setStrokeColor"));
-	}, [w, k]), ie = i((e) => {
-		w({ width: e }, r("op.setStrokeWidth"));
-	}, [w]), ae = i((e) => {
-		e !== L && w({ dash: e }, r("op.setStrokeDash"));
-	}, [w]), oe = i((e) => {
-		w({ lineCap: e }, r("op.setStroke"));
-	}, [w]), se = i((e) => {
-		w({ lineJoin: e }, r("op.setStroke"));
-	}, [w]), X = i((e, t) => {
-		w({ [e]: t }, r("op.setLineEnds"));
-	}, [w]), Z = (0, T.useMemo)(() => ({
+		h,
+		y
+	]), re = o((e, t) => {
+		e && t && k.addRecentColor(e), y({ fill: e ? e.toString() : null }, r("op.setStrokeColor"));
+	}, [y, k]), ie = o((e) => {
+		y({ width: e }, r("op.setStrokeWidth"));
+	}, [y]), ae = o((e) => {
+		e !== L && y({ dash: e }, r("op.setStrokeDash"));
+	}, [y]), oe = o((e) => {
+		y({ lineCap: e }, r("op.setStroke"));
+	}, [y]), se = o((e) => {
+		y({ lineJoin: e }, r("op.setStroke"));
+	}, [y]), X = o((e, t) => {
+		y({ [e]: t }, r("op.setLineEnds"));
+	}, [y]), Z = (0, T.useMemo)(() => ({
 		dash: {
-			[l.DashStyle.Solid]: h("line.dash.solid"),
-			[l.DashStyle.SysDot]: h("line.dash.sysDot"),
-			[l.DashStyle.SysDash]: h("line.dash.sysDash"),
-			[l.DashStyle.Dash]: h("line.dash.dash"),
-			[l.DashStyle.DashDot]: h("line.dash.dashDot"),
-			[l.DashStyle.LongDash]: h("line.dash.lgDash"),
-			[l.DashStyle.LongDashDot]: h("line.dash.lgDashDot"),
-			[l.DashStyle.LongDashDotDot]: h("line.dash.lgDashDotDot"),
-			[L]: h("line.dashCustom")
+			[c.DashStyle.Solid]: m("line.dash.solid"),
+			[c.DashStyle.SysDot]: m("line.dash.sysDot"),
+			[c.DashStyle.SysDash]: m("line.dash.sysDash"),
+			[c.DashStyle.Dash]: m("line.dash.dash"),
+			[c.DashStyle.DashDot]: m("line.dash.dashDot"),
+			[c.DashStyle.LongDash]: m("line.dash.lgDash"),
+			[c.DashStyle.LongDashDot]: m("line.dash.lgDashDot"),
+			[c.DashStyle.LongDashDotDot]: m("line.dash.lgDashDotDot"),
+			[L]: m("line.dashCustom")
 		},
 		cap: {
-			[l.LineCap.Square]: h("line.capSquare"),
-			[l.LineCap.Round]: h("line.capRound"),
-			[l.LineCap.Butt]: h("line.capFlat")
+			[c.LineCap.Square]: m("line.capSquare"),
+			[c.LineCap.Round]: m("line.capRound"),
+			[c.LineCap.Butt]: m("line.capFlat")
 		},
 		join: {
-			[l.LineJoin.Round]: h("line.joinRound"),
-			[l.LineJoin.Bevel]: h("line.joinBevel"),
-			[l.LineJoin.Miter]: h("line.joinMiter")
+			[c.LineJoin.Round]: m("line.joinRound"),
+			[c.LineJoin.Bevel]: m("line.joinBevel"),
+			[c.LineJoin.Miter]: m("line.joinMiter")
 		},
 		end: {
-			[l.LineEndType.None]: h("line.end.none"),
-			[l.LineEndType.Triangle]: h("line.end.triangle"),
-			[l.LineEndType.Arrow]: h("line.end.arrow"),
-			[l.LineEndType.Stealth]: h("line.end.stealth"),
-			[l.LineEndType.Diamond]: h("line.end.diamond"),
-			[l.LineEndType.Oval]: h("line.end.oval")
+			[c.LineEndType.None]: m("line.end.none"),
+			[c.LineEndType.Triangle]: m("line.end.triangle"),
+			[c.LineEndType.Arrow]: m("line.end.arrow"),
+			[c.LineEndType.Stealth]: m("line.end.stealth"),
+			[c.LineEndType.Diamond]: m("line.end.diamond"),
+			[c.LineEndType.Oval]: m("line.end.oval")
 		},
 		size: {
-			[l.LineEndSize.Small]: h("line.sizeSmall"),
-			[l.LineEndSize.Medium]: h("line.sizeMedium"),
-			[l.LineEndSize.Large]: h("line.sizeLarge")
+			[c.LineEndSize.Small]: m("line.sizeSmall"),
+			[c.LineEndSize.Medium]: m("line.sizeMedium"),
+			[c.LineEndSize.Large]: m("line.sizeLarge")
 		}
-	}), [h]), Q = I.map((e) => ({
+	}), [m]), Q = I.map((e) => ({
 		value: e,
 		label: Z.dash[e],
 		icon: (0, E.jsx)(O, {
@@ -413,36 +414,36 @@ var M = (e) => {
 			darkMode: A
 		})
 	});
-	let $ = (e, t, n, r, i, a) => (0, E.jsxs)(m, {
+	let $ = (e, t, n, r, i, a) => (0, E.jsxs)(p, {
 		size: "small",
 		fullWidth: a === void 0,
 		sx: a === void 0 ? void 0 : { width: a },
-		children: [(0, E.jsx)(f, {
+		children: [(0, E.jsx)(d, {
 			shrink: !0,
 			children: e
-		}), (0, E.jsx)(p, {
+		}), (0, E.jsx)(f, {
 			label: e,
 			notched: !0,
 			disabled: j,
 			value: t,
 			onChange: (e) => i(e.target.value),
-			children: n.map((e) => (0, E.jsx)(y, {
+			children: n.map((e) => (0, E.jsx)(v, {
 				value: e,
 				children: r[e]
 			}, e))
 		})]
 	});
-	return (0, E.jsxs)(u, {
-		className: s("sxl-format-line-panel", a),
-		sx: x,
-		...d,
-		children: [(0, E.jsx)(S, { children: $(h("line.type"), U, [P, F], {
-			[P]: h("line.typeNone"),
-			[F]: h("line.typeSolid")
+	return (0, E.jsxs)(l, {
+		className: ee("sxl-format-line-panel", i),
+		sx: C,
+		...u,
+		children: [(0, E.jsx)(w, { children: $(m("line.type"), U, [P, F], {
+			[P]: m("line.typeNone"),
+			[F]: m("line.typeSolid")
 		}, ne) }), H ? (0, E.jsxs)(E.Fragment, { children: [
-			(0, E.jsx)(S, {
-				label: h("line.color"),
-				children: (0, E.jsxs)(b, { children: [(0, E.jsx)(ee, {
+			(0, E.jsx)(w, {
+				label: m("line.color"),
+				children: (0, E.jsxs)(S, { children: [(0, E.jsx)(b, {
 					icon: "stroke.colored",
 					disabled: j,
 					darkMode: A,
@@ -451,13 +452,13 @@ var M = (e) => {
 					onSelectColor: re,
 					propsPanel: {
 						disableAlpha: !0,
-						autoColor: v,
+						autoColor: _,
 						schemeLookup: D,
 						recentColors: te
 					}
-				}), (0, E.jsx)(C, {
-					label: h("line.width"),
-					value: g.getWidth(),
+				}), (0, E.jsx)(x, {
+					label: m("line.width"),
+					value: h.getWidth(),
 					min: 0,
 					max: 1584,
 					step: .25,
@@ -467,9 +468,9 @@ var M = (e) => {
 					onChange: ie
 				})] })
 			}),
-			(0, E.jsx)(S, {
-				label: h("line.dashArrows"),
-				children: (0, E.jsxs)(b, { children: [
+			(0, E.jsx)(w, {
+				label: m("line.dashArrows"),
+				children: (0, E.jsxs)(S, { children: [
 					(0, E.jsx)(M, {
 						end: J,
 						atStart: !0,
@@ -479,9 +480,9 @@ var M = (e) => {
 						sizes: V,
 						typeLabels: Z.end,
 						sizeLabels: Z.size,
-						widthLabel: h("line.sizeWidth"),
-						lengthLabel: h("line.sizeLength"),
-						tooltip: h("line.head"),
+						widthLabel: m("line.sizeWidth"),
+						lengthLabel: m("line.sizeLength"),
+						tooltip: m("line.head"),
 						disabled: j,
 						onSelect: (e) => X("head", e)
 					}),
@@ -489,7 +490,7 @@ var M = (e) => {
 						value: q,
 						options: Q,
 						onSelect: ae,
-						tooltip: h("line.dash"),
+						tooltip: m("line.dash"),
 						disabled: j
 					}),
 					(0, E.jsx)(M, {
@@ -500,17 +501,17 @@ var M = (e) => {
 						sizes: V,
 						typeLabels: Z.end,
 						sizeLabels: Z.size,
-						widthLabel: h("line.sizeWidth"),
-						lengthLabel: h("line.sizeLength"),
-						tooltip: h("line.tail"),
+						widthLabel: m("line.sizeWidth"),
+						lengthLabel: m("line.sizeLength"),
+						tooltip: m("line.tail"),
 						disabled: j,
 						onSelect: (e) => X("tail", e)
 					})
 				] })
 			}),
-			(0, E.jsx)(S, {
-				label: h("line.capJoin"),
-				children: (0, E.jsxs)(b, { children: [$(h("line.cap"), g.getLineCap(), R, Z.cap, oe, 128), $(h("line.join"), g.getLineJoin(), z, Z.join, se, 128)] })
+			(0, E.jsx)(w, {
+				label: m("line.capJoin"),
+				children: (0, E.jsxs)(S, { children: [$(m("line.cap"), h.getLineCap(), R, Z.cap, oe, 128), $(m("line.join"), h.getLineJoin(), z, Z.join, se, 128)] })
 			})
 		] }) : null]
 	});

package/{cdn/assets/lqknEt3DTma5Juxs.js → browser/esm/DEtgba3E0qoHN6kX.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.

package/{cdn/assets/BhkeuRcx8RlLCQ5E.js → browser/esm/DEvc6BS99hZ9e4Nf.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.

package/browser/esm/{DqBj-9o7UdXu4qhb.mjs → DFbfNcr6j1gD5R0e.mjs}

@@ -1,5 +1,5 @@
 /**
-* @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.