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

package/cdn/assets/DG8R6bLrQPHjouy2.js

@@ -0,0 +1,86 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { A as e } from "./PD_ckP5IyZurtALu.js";
+import { n as t } from "./DvBV9E2CaadV0-OK.js";
+import { r as n } from "./CBRVZmrwcMfEHc5P.js";
+var r = n({
+	MAX_WORKBOOK_NAME_SIZE: () => 96,
+	isReservedFileNameChar: () => o,
+	isValidFileName: () => s
+}), i = /^(con|prn|aux|nul|com\d|lpt\d)$/i, a = /[<>:"/\\|?*\u0000-\u001F]/, o = (e) => a.test(e), s = (e) => !(!e || e.length > 255 || a.test(e) || i.test(e) || e === "." || e === ".."), c = e("io:sxlReader", () => import("./DsXc1EO6csuKfV4l.js")), l = e("io:sxlWriter", () => import("./CSpWGMyjLegYuwTq.js")), u = async (e, t) => (await c.load()).readSXL(e, t), d = (e) => async (t, n) => (await l.load()).writeSXL(t, {
+	...n,
+	compress: n?.compress ?? e.compress,
+	whiteSpace: n?.whiteSpace ?? e.whiteSpace
+}), f = {
+	key: "SheetXL",
+	description: "SheetXL Workbook",
+	mimeType: "application/vnd.sheetxl.sheet",
+	exts: ["sxl"],
+	handler: u
+}, p = {
+	key: "JSON",
+	description: "SheetXL Workbook (JSON)",
+	mimeType: "application/json",
+	exts: ["json"],
+	handler: u
+}, m = {
+	key: "SheetXL",
+	mimeType: "application/vnd.sheetxl.sheet",
+	description: "SheetXL Workbook",
+	exts: ["sxl"],
+	handler: d({
+		compress: !0,
+		whiteSpace: 0
+	})
+}, h = {
+	key: "JSON",
+	mimeType: "application/json",
+	description: "SheetXL Workbook (JSON)",
+	exts: ["json"],
+	advanced: !0,
+	handler: d({
+		compress: !1,
+		whiteSpace: 2
+	})
+}, g = {
+	name: "SXLPlugin",
+	version: "0.8.0-beta.11",
+	description: "Import and export SXL format",
+	author: "SheetXL",
+	async register(e) {
+		await e.registerReadFormat(f), await e.registerReadFormat(p), await e.registerWriteFormat(m), await e.registerWriteFormat(h);
+	}
+}, _ = e("io:csvReader", () => import("./hlphmhe3M3MZPvOh.js")), v = e("io:csvWriter", () => import("./7twUDisI3AH_vo2v.js")), y = {
+	key: "CSV",
+	description: "Comma Separated Values",
+	mimeType: "text/csv",
+	exts: ["csv"],
+	handler: async (e, t) => (await _.load()).readCSV(e, t)
+}, b = {
+	key: "CSV",
+	mimeType: "text/csv",
+	description: "Comma Separated Values",
+	exts: ["csv"],
+	handler: async (e, t) => (await v.load()).writeCSV(e, t)
+}, x = {
+	name: "CSVPlugin",
+	version: "0.8.0-beta.11",
+	description: "Import and export CSV format",
+	author: "SheetXL",
+	async register(e) {
+		await e.registerReadFormat(y), await e.registerWriteFormat(b);
+	}
+}, S = {
+	name: "@sheetxl/io",
+	version: "0.8.0-beta.11",
+	description: "Built-in I/O formats for SheetXL",
+	author: "SheetXL",
+	async register(e) {
+		await g.register(e), await x.register(e), await t.register(e);
+	}
+};
+export { x as i, g as n, r, S as t };

package/cdn/assets/{VwGokBaawZfZiV2X.js → DJhxuNvyE7FzNXTv.js}

@@ -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.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/{browser/esm/H-JnJQMcZQbpvjdb.mjs → cdn/assets/DK3BYp4NTX8n36q5.js}

@@ -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.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{CZOJogyZqMfUxcXj.js → DKxCeh3yib-owCxs.js}

@@ -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.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{ycmpAs4kQfeh78Pa.js → DL57MpyMuNosTcrB.js}

@@ -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.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/{browser/esm/Dme0qpRinBnhzp53.mjs → cdn/assets/DLEPPn_cPPydMrpU.js}

@@ -1,39 +1,41 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { 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";
-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]: [
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./8CW-puLLSNyeaGce.js";
+import { p as r } from "./PD_ckP5IyZurtALu.js";
+import { U as i, q as a } from "./u8iMUyjw60ayROFo.js";
+import { Et as o, mt as s, z as c } from "./BJ5RRYxWA_yTbVpr.js";
+import { t as l } from "./DbewMnLKZoGLGFNh.js";
+import { t as u } from "./DxI14nqCsNi-yexx.js";
+import { t as d } from "./CGklNVK7pkjOQ6XF.js";
+import { m as f, t as p, y as m } from "./Y0Uf_lVRToNYi395.js";
+import { B as h, R as g, k as _, w as v } from "./DG4PyKuuGu6RkAEv.js";
+import { t as y } from "./CzG0p4x8L99XEdym.js";
+import { c as b, d as ee } from "./DtO07D35O2tAh7f4.js";
+import { a as x, i as S, n as C, t as w } from "./CZ0iN5i3edmVHcRK.js";
+var T = e(t(), 1), E = n(), D = {
+	[a.DashStyle.Solid]: null,
+	[a.DashStyle.Dot]: [1, 3],
+	[a.DashStyle.Dash]: [4, 3],
+	[a.DashStyle.LongDash]: [8, 3],
+	[a.DashStyle.DashDot]: [
 		4,
 		3,
 		1,
 		3
 	],
-	[l.DashStyle.LongDashDot]: [
+	[a.DashStyle.LongDashDot]: [
 		8,
 		3,
 		1,
 		3
 	],
-	[l.DashStyle.LongDashDotDot]: [
+	[a.DashStyle.LongDashDotDot]: [
 		8,
 		3,
 		1,
@@ -41,15 +43,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]: [
+	[a.DashStyle.SysDash]: [3, 1],
+	[a.DashStyle.SysDot]: [1, 1],
+	[a.DashStyle.SysDashDot]: [
 		3,
 		1,
 		1,
 		1
 	],
-	[l.DashStyle.SysDashDotDot]: [
+	[a.DashStyle.SysDashDotDot]: [
 		3,
 		1,
 		1,
@@ -59,7 +61,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)(b, {
 		styleColor: n,
 		length: 60,
 		width: 2,
@@ -77,27 +79,27 @@ 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, o = k[t.width ?? a.LineEndSize.Medium], s = A[t.length ?? a.LineEndSize.Medium], c = null, l = 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 a.LineEndType.Triangle:
+			c = (0, E.jsx)("polygon", { points: `19,8 ${19 - s},${8 - o} ${19 - s},${8 + o}` }), l = 19 - s;
 			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 a.LineEndType.Stealth:
+			c = (0, E.jsx)("polygon", { points: `19,8 ${19 - s},${8 - o} ${19 - .6 * s},8 ${19 - s},${8 + o}` }), l = 19 - .6 * s;
 			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 a.LineEndType.Diamond:
+			c = (0, E.jsx)("polygon", { points: `19,8 ${19 - s / 2},${8 - o} ${19 - s},8 ${19 - s / 2},${8 + o}` }), l = 19 - s;
 			break;
-		case l.LineEndType.Oval:
-			s = (0, E.jsx)("ellipse", {
-				cx: 19 - o / 2,
+		case a.LineEndType.Oval:
+			c = (0, E.jsx)("ellipse", {
+				cx: 19 - s / 2,
 				cy: 8,
-				rx: o / 2,
-				ry: a
-			}), c = 19 - o;
+				rx: s / 2,
+				ry: o
+			}), l = 19 - s;
 			break;
-		case l.LineEndType.Arrow: s = (0, E.jsx)("polyline", {
-			points: `${19 - o},${8 - a} 19,8 ${19 - o},${8 + a}`,
+		case a.LineEndType.Arrow: c = (0, E.jsx)("polyline", {
+			points: `${19 - s},${8 - o} 19,8 ${19 - s},${8 + o}`,
 			fill: "none",
 			strokeWidth: 2,
 			strokeLinecap: "round",
@@ -121,17 +123,17 @@ var k = {
 		children: [(0, E.jsx)("line", {
 			x1: 1,
 			y1: 8,
-			x2: c,
+			x2: l,
 			y2: 8,
 			strokeWidth: 2
-		}), s]
+		}), c]
 	});
 });
 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 { closeFloatAll: p, floatReference: _ } = e, b = a.map((e) => {
-			let a = (0, E.jsx)(j, {
+	let { end: t, atStart: n = !1, color: r, darkMode: i, types: o, sizes: s, typeLabels: c, sizeLabels: l, widthLabel: d, lengthLabel: f, tooltip: p, disabled: m, onSelect: y } = e, b = (0, T.useCallback)((e) => {
+		let { closeFloatAll: p, floatReference: v } = e, b = o.map((e) => {
+			let o = (0, E.jsx)(j, {
 				end: {
 					...t,
 					type: e
@@ -140,53 +142,53 @@ var M = (e) => {
 				color: r,
 				darkMode: i
 			}), b = e === t.type;
-			return e === l.LineEndType.None ? (0, E.jsx)(h, {
-				icon: a,
+			return e === a.LineEndType.None ? (0, E.jsx)(_, {
+				icon: o,
 				selected: b,
 				disabled: m,
 				onMouseDown: (e) => e.preventDefault(),
 				onMouseUp: () => {
 					p?.(), y(null);
 				},
-				children: s[e]
-			}, e) : (0, E.jsx)(g, {
-				icon: a,
-				label: s[e],
+				children: c[e]
+			}, e) : (0, E.jsx)(h, {
+				icon: o,
+				label: c[e],
 				selected: b,
 				disabled: m,
-				parentFloat: _,
-				createPopupPanel: (a) => (0, E.jsx)(u, {
+				parentFloat: v,
+				createPopupPanel: (o) => (0, E.jsx)(u, {
 					sx: {
 						display: "grid",
-						gridTemplateColumns: `repeat(${o.length}, auto)`,
+						gridTemplateColumns: `repeat(${s.length}, auto)`,
 						gap: "2px",
 						padding: "6px 8px"
 					},
-					children: o.map((s) => o.map((o) => (0, E.jsx)(v, {
+					children: s.map((c) => s.map((s) => (0, E.jsx)(g, {
 						icon: (0, E.jsx)(j, {
 							end: {
 								type: e,
-								width: o,
-								length: s
+								width: s,
+								length: c
 							},
 							atStart: n,
 							color: r,
 							darkMode: i
 						}),
-						selected: b && (t.width ?? l.LineEndSize.Medium) === o && (t.length ?? l.LineEndSize.Medium) === s,
+						selected: b && (t.width ?? a.LineEndSize.Medium) === s && (t.length ?? a.LineEndSize.Medium) === c,
 						disabled: m,
 						propsTooltip: {
-							label: `${d}: ${c[o]} · ${f}: ${c[s]}`,
+							label: `${d}: ${l[s]} · ${f}: ${l[c]}`,
 							simple: !0
 						},
 						onClick: () => {
-							a.closeFloatAll?.(), y({
+							o.closeFloatAll?.(), y({
 								type: e,
-								width: o,
-								length: s
+								width: s,
+								length: c
 							});
 						}
-					}, `${o}-${s}`)))
+					}, `${s}-${c}`)))
 				}),
 				onQuickClick: () => {
 					p?.(), y({
@@ -210,16 +212,16 @@ var M = (e) => {
 		n,
 		r,
 		i,
-		a,
 		o,
 		s,
 		c,
+		l,
 		d,
 		f,
 		m,
 		y
 	]);
-	return (0, E.jsx)(_, {
+	return (0, E.jsx)(v, {
 		disabled: m,
 		icon: (0, E.jsx)(u, {
 			sx: {
@@ -236,12 +238,12 @@ var M = (e) => {
 				darkMode: i
 			})
 		}),
-		tooltip: p ? `${p}: ${s[t.type]}` : s[t.type],
+		tooltip: p ? `${p}: ${c[t.type]}` : c[t.type],
 		createPopupPanel: 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 { closeFloat: o } = e;
+	let { value: t, options: n, onSelect: r, columns: i, tooltip: a, disabled: s, icon: c } = e, l = n.find((e) => e.value === t) ?? n[0], d = (0, T.useCallback)((e) => {
+		let { closeFloat: a } = e;
 		return (0, E.jsx)(u, i ? {
 			sx: {
 				display: "grid",
@@ -249,7 +251,7 @@ var M = (e) => {
 				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,
@@ -258,7 +260,7 @@ var M = (e) => {
 					simple: !0
 				},
 				onClick: () => {
-					o?.(), r(e.value);
+					a?.(), r(e.value);
 				}
 			}, e.value))
 		} : {
@@ -268,7 +270,7 @@ var M = (e) => {
 				paddingTop: "4px",
 				paddingBottom: "4px"
 			},
-			children: n.map((e) => (0, E.jsx)(h, {
+			children: n.map((e) => (0, E.jsx)(_, {
 				tabIndex: 0,
 				sx: {
 					height: "28px",
@@ -280,10 +282,10 @@ var M = (e) => {
 				selected: e.value === t,
 				onMouseDown: (e) => e.preventDefault(),
 				onMouseUp: () => {
-					o?.(), r(e.value);
+					a?.(), r(e.value);
 				},
 				onKeyDown: (e) => {
-					e.which === a.Enter && o?.();
+					e.which === o.Enter && a?.();
 				},
 				children: e.icon
 			}, e.value))
@@ -295,7 +297,7 @@ var M = (e) => {
 		i,
 		s
 	]);
-	return (0, E.jsx)(_, {
+	return (0, E.jsx)(v, {
 		disabled: s,
 		icon: (0, E.jsx)(u, {
 			sx: {
@@ -307,93 +309,93 @@ var M = (e) => {
 			},
 			children: c ?? l?.icon
 		}),
-		tooltip: o ? `${o}: ${l?.label ?? ""}` : l?.label,
+		tooltip: a ? `${a}: ${l?.label ?? ""}` : l?.label,
 		createPopupPanel: 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
+	a.DashStyle.Solid,
+	a.DashStyle.SysDot,
+	a.DashStyle.SysDash,
+	a.DashStyle.Dash,
+	a.DashStyle.DashDot,
+	a.DashStyle.LongDash,
+	a.DashStyle.LongDashDot,
+	a.DashStyle.LongDashDotDot
 ], L = "custom", R = [
-	l.LineCap.Square,
-	l.LineCap.Round,
-	l.LineCap.Butt
+	a.LineCap.Square,
+	a.LineCap.Round,
+	a.LineCap.Butt
 ], z = [
-	l.LineJoin.Round,
-	l.LineJoin.Bevel,
-	l.LineJoin.Miter
+	a.LineJoin.Round,
+	a.LineJoin.Bevel,
+	a.LineJoin.Miter
 ], B = [
-	l.LineEndType.None,
-	l.LineEndType.Triangle,
-	l.LineEndType.Arrow,
-	l.LineEndType.Stealth,
-	l.LineEndType.Diamond,
-	l.LineEndType.Oval
+	a.LineEndType.None,
+	a.LineEndType.Triangle,
+	a.LineEndType.Arrow,
+	a.LineEndType.Stealth,
+	a.LineEndType.Diamond,
+	a.LineEndType.Oval
 ], V = [
-	l.LineEndSize.Small,
-	l.LineEndSize.Medium,
-	l.LineEndSize.Large
+	a.LineEndSize.Small,
+	a.LineEndSize.Medium,
+	a.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: o, ...d } = e, h = s(), { stroke: g, stated: _, autoColor: v, applyStroke: b, schemeLookup: D, styles: k, darkMode: A } = t, j = n || t.disabled, H = g.isVisible(), U = H ? F : P, W = _?.fill && _.fill.type !== i.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 = c(() => k.recentColors(), [k]), ne = c((e) => {
+		e !== U && b(e === P ? { fill: { type: i.Type.None } } : {
 			fill: null,
 			width: g.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)(() => ({
+		b
+	]), re = c((e, t) => {
+		e && t && k.addRecentColor(e), b({ fill: e ? e.toString() : null }, r("op.setStrokeColor"));
+	}, [b, k]), ie = c((e) => {
+		b({ width: e }, r("op.setStrokeWidth"));
+	}, [b]), ae = c((e) => {
+		e !== L && b({ dash: e }, r("op.setStrokeDash"));
+	}, [b]), oe = c((e) => {
+		b({ lineCap: e }, r("op.setStroke"));
+	}, [b]), se = c((e) => {
+		b({ lineJoin: e }, r("op.setStroke"));
+	}, [b]), X = c((e, t) => {
+		b({ [e]: t }, r("op.setLineEnds"));
+	}, [b]), 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"),
+			[a.DashStyle.Solid]: h("line.dash.solid"),
+			[a.DashStyle.SysDot]: h("line.dash.sysDot"),
+			[a.DashStyle.SysDash]: h("line.dash.sysDash"),
+			[a.DashStyle.Dash]: h("line.dash.dash"),
+			[a.DashStyle.DashDot]: h("line.dash.dashDot"),
+			[a.DashStyle.LongDash]: h("line.dash.lgDash"),
+			[a.DashStyle.LongDashDot]: h("line.dash.lgDashDot"),
+			[a.DashStyle.LongDashDotDot]: h("line.dash.lgDashDotDot"),
 			[L]: h("line.dashCustom")
 		},
 		cap: {
-			[l.LineCap.Square]: h("line.capSquare"),
-			[l.LineCap.Round]: h("line.capRound"),
-			[l.LineCap.Butt]: h("line.capFlat")
+			[a.LineCap.Square]: h("line.capSquare"),
+			[a.LineCap.Round]: h("line.capRound"),
+			[a.LineCap.Butt]: h("line.capFlat")
 		},
 		join: {
-			[l.LineJoin.Round]: h("line.joinRound"),
-			[l.LineJoin.Bevel]: h("line.joinBevel"),
-			[l.LineJoin.Miter]: h("line.joinMiter")
+			[a.LineJoin.Round]: h("line.joinRound"),
+			[a.LineJoin.Bevel]: h("line.joinBevel"),
+			[a.LineJoin.Miter]: h("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")
+			[a.LineEndType.None]: h("line.end.none"),
+			[a.LineEndType.Triangle]: h("line.end.triangle"),
+			[a.LineEndType.Arrow]: h("line.end.arrow"),
+			[a.LineEndType.Stealth]: h("line.end.stealth"),
+			[a.LineEndType.Diamond]: h("line.end.diamond"),
+			[a.LineEndType.Oval]: h("line.end.oval")
 		},
 		size: {
-			[l.LineEndSize.Small]: h("line.sizeSmall"),
-			[l.LineEndSize.Medium]: h("line.sizeMedium"),
-			[l.LineEndSize.Large]: h("line.sizeLarge")
+			[a.LineEndSize.Small]: h("line.sizeSmall"),
+			[a.LineEndSize.Medium]: h("line.sizeMedium"),
+			[a.LineEndSize.Large]: h("line.sizeLarge")
 		}
 	}), [h]), Q = I.map((e) => ({
 		value: e,
@@ -433,16 +435,16 @@ var M = (e) => {
 		})]
 	});
 	return (0, E.jsxs)(u, {
-		className: s("sxl-format-line-panel", a),
-		sx: x,
+		className: l("sxl-format-line-panel", o),
+		sx: C,
 		...d,
-		children: [(0, E.jsx)(S, { children: $(h("line.type"), U, [P, F], {
+		children: [(0, E.jsx)(w, { children: $(h("line.type"), U, [P, F], {
 			[P]: h("line.typeNone"),
 			[F]: h("line.typeSolid")
 		}, ne) }), H ? (0, E.jsxs)(E.Fragment, { children: [
-			(0, E.jsx)(S, {
+			(0, E.jsx)(w, {
 				label: h("line.color"),
-				children: (0, E.jsxs)(b, { children: [(0, E.jsx)(ee, {
+				children: (0, E.jsxs)(S, { children: [(0, E.jsx)(ee, {
 					icon: "stroke.colored",
 					disabled: j,
 					darkMode: A,
@@ -455,7 +457,7 @@ var M = (e) => {
 						schemeLookup: D,
 						recentColors: te
 					}
-				}), (0, E.jsx)(C, {
+				}), (0, E.jsx)(x, {
 					label: h("line.width"),
 					value: g.getWidth(),
 					min: 0,
@@ -467,9 +469,9 @@ var M = (e) => {
 					onChange: ie
 				})] })
 			}),
-			(0, E.jsx)(S, {
+			(0, E.jsx)(w, {
 				label: h("line.dashArrows"),
-				children: (0, E.jsxs)(b, { children: [
+				children: (0, E.jsxs)(S, { children: [
 					(0, E.jsx)(M, {
 						end: J,
 						atStart: !0,
@@ -508,9 +510,9 @@ var M = (e) => {
 					})
 				] })
 			}),
-			(0, E.jsx)(S, {
+			(0, E.jsx)(w, {
 				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)] })
+				children: (0, E.jsxs)(S, { children: [$(h("line.cap"), g.getLineCap(), R, Z.cap, oe, 128), $(h("line.join"), g.getLineJoin(), z, Z.join, se, 128)] })
 			})
 		] }) : null]
 	});