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

package/{browser/esm/lqknEt3DTma5Juxs.mjs → cdn/assets/PFd1HLX9x3NbZS0Q.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/B3Ii8x6RquHW1jMc.mjs → cdn/assets/PlCjmMBePH7hotkL.js}

@@ -1,17 +1,18 @@
 /**
-* @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 { J as i, l as a, tt as o } from "./BThOwSja2ra4xejQ.mjs";
-import { n as s } from "./BCWTI3jdTPG37r8W.mjs";
-import { t as c } from "./DNCqTF9EbT-U1TdV.mjs";
-import { i as l, n as u, r as d } from "./BPrHgyAsm2Htx15h.mjs";
-var f = e(t(), 1), p = e(n(), 1), m = () => (0, p.jsxs)("svg", {
+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 { n as i } from "./CqmrD2Xs8MKJTO4v.js";
+import { D as a, mt as o, nt as s } from "./BJ5RRYxWA_yTbVpr.js";
+import { t as c } from "./CeySvrdNiT00QQJC.js";
+import { i as l, n as u, r as d } from "./c6MwBF7fqj-4Wqct.js";
+var f = e(t(), 1), p = n(), m = () => (0, p.jsxs)("svg", {
 	viewBox: "0 0 16 16",
 	width: 14,
 	height: 14,
@@ -49,8 +50,8 @@ var f = e(t(), 1), p = e(n(), 1), m = () => (0, p.jsxs)("svg", {
 		fontSize: "11pt"
 	};
 }, _ = (0, f.memo)((0, f.forwardRef)((e, t) => {
-	let { children: n, disabled: r, style: _, slicer: v, movable: y, zoom: b = 1, isDragging: x, onHide: S, onShow: C, onDragZone: w, adornmentHost: ee, flip: te, gesture: ne, ...T } = e, E = o(), D = i(), O = (c() ?? v.getTable()?.getSheet() ?? null)?.getStyles() ?? null, [k, A] = (0, f.useReducer)((e) => e + 1, 0);
-	s(v, {
+	let { children: n, disabled: r, style: _, slicer: v, movable: y, zoom: b = 1, isDragging: x, onHide: S, onShow: C, onDragZone: w, adornmentHost: ee, flip: te, gesture: ne, ...T } = e, E = o(), D = s(), O = (c() ?? v.getTable()?.getWorksheet() ?? null)?.getStyles() ?? null, [k, A] = (0, f.useReducer)((e) => e + 1, 0);
+	i(v, {
 		onAnyChange: A,
 		onReferencesChange: A
 	}), (0, f.useEffect)(() => O?.addListeners({ onAnyChange: A }), [O]);

package/cdn/assets/{Bgbi7BFR3rN5qj51.js → RZYxEHY1tap8fDMU.js}

@@ -1,16 +1,16 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { z as n } from "./Cw7AJWd0S2sjRmr6.js";
-import { n as r, t as i } from "./mK8HcIZyXkOTvL6E.js";
-import { t as a } from "./Cfg4Dtndwurxv9LM.js";
-import { r as o } from "./DCnWyVXikb_8Dat3.js";
-var s = o(e(), 1), c = t();
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./8CW-puLLSNyeaGce.js";
+import { vt as r } from "./BJ5RRYxWA_yTbVpr.js";
+import { n as i, t as a } from "./DxI14nqCsNi-yexx.js";
+import { t as o } from "./D7g9SLSLSONiRP8_.js";
+var s = e(t(), 1), c = n();
 function l(e) {
 	return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
 		return typeof e;
@@ -842,7 +842,7 @@ var W = class extends (s.PureComponent || s.Component) {
 			right: "0px",
 			bottom: "0px",
 			left: "0px"
-		}, r = `linear-gradient(to right, rgba(${e.r},${e.g},${e.b}, 0) 0%,\n           rgba(${e.r},${e.g},${e.b}, 1) 100%)`, i = `linear-gradient(to bottom, rgba(${e.r},${e.g},${e.b}, 0) 0%,\n           rgba(${e.r},${e.g},${e.b}, 1) 100%)`, o = {
+		}, r = `linear-gradient(to right, rgba(${e.r},${e.g},${e.b}, 0) 0%,\n           rgba(${e.r},${e.g},${e.b}, 1) 100%)`, i = `linear-gradient(to bottom, rgba(${e.r},${e.g},${e.b}, 0) 0%,\n           rgba(${e.r},${e.g},${e.b}, 1) 100%)`, a = {
 			alpha: {
 				...n,
 				borderRadius: this.props.radius
@@ -879,18 +879,18 @@ var W = class extends (s.PureComponent || s.Component) {
 			}
 		};
 		return (0, c.jsxs)("div", {
-			style: o.alpha,
+			style: a.alpha,
 			children: [
 				(0, c.jsx)("div", {
-					style: o.checkboard,
-					children: (0, c.jsx)(a, {
+					style: a.checkboard,
+					children: (0, c.jsx)(o, {
 						grey: "rgba(0,0,0,.08)",
 						renderers: this.props.renderers
 					})
 				}),
-				(0, c.jsx)("div", { style: o.gradient }),
+				(0, c.jsx)("div", { style: a.gradient }),
 				(0, c.jsx)("div", {
-					style: o.container,
+					style: a.container,
 					ref: (e) => {
 						this.container = e;
 					},
@@ -898,8 +898,8 @@ var W = class extends (s.PureComponent || s.Component) {
 					onTouchMove: this.handleChange,
 					onTouchStart: this.handleChange,
 					children: (0, c.jsx)("div", {
-						style: o.pointer,
-						children: this.props.pointer ? (0, c.jsx)(this.props.pointer, { ...this.props }) : (0, c.jsx)("div", { style: o.slider })
+						style: a.pointer,
+						children: this.props.pointer ? (0, c.jsx)(this.props.pointer, { ...this.props }) : (0, c.jsx)("div", { style: a.slider })
 					})
 				})
 			]
@@ -1236,14 +1236,14 @@ var W = class extends (s.PureComponent || s.Component) {
 		source: e.source
 	};
 }, Q = (0, s.memo)((e) => {
-	let { selectedColor: t, onColorChange: o, renderers: l, disableAlpha: u = !1, style: d = n.EmptyCssProperties, ...f } = e, p = r(), [m, h] = (0, s.useState)(() => Z(t)), [g, _] = (0, s.useState)(m.hsl.h ?? 0), v = (0, s.useCallback)((e) => {
+	let { selectedColor: t, onColorChange: n, renderers: l, disableAlpha: u = !1, style: d = r.EmptyCssProperties, ...f } = e, p = i(), [m, h] = (0, s.useState)(() => Z(t)), [g, _] = (0, s.useState)(m.hsl.h ?? 0), v = (0, s.useCallback)((e) => {
 		let t = Z(e, g);
 		return _(t.hsl.h ?? 0), h(t), t;
 	}, [g]), y = (0, s.useCallback)((e) => {
-		let t = v(e), n = `rgba(${t.rgb.r},${t.rgb.g},${t.rgb.b},${u ? 1 : t.rgb.a})`;
-		o?.(n);
+		let t = v(e), r = `rgba(${t.rgb.r},${t.rgb.g},${t.rgb.b},${u ? 1 : t.rgb.a})`;
+		n?.(r);
 	}, [
-		o,
+		n,
 		v,
 		u
 	]);
@@ -1333,7 +1333,7 @@ var W = class extends (s.PureComponent || s.Component) {
 						borderRadius: "1px",
 						overflow: "hidden"
 					},
-					children: [(0, c.jsx)(a, { grey: p.palette.text.icon ?? p.palette.action.active }), (0, c.jsx)("div", { style: {
+					children: [(0, c.jsx)(o, { grey: p.palette.text.icon ?? p.palette.action.active }), (0, c.jsx)("div", { style: {
 						position: "absolute",
 						height: "100%",
 						width: "100%",
@@ -1342,7 +1342,7 @@ var W = class extends (s.PureComponent || s.Component) {
 					} })]
 				})]
 			}),
-			(0, c.jsx)(i, {
+			(0, c.jsx)(a, {
 				sx: {
 					marginBottom: "4px",
 					"& label": {

package/cdn/assets/{w5IQWbJETgHhqMsY.js → V3xJfVu5YgTJE15l.js}

@@ -1,33 +1,33 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { l as n } from "./BAH_cWcQEIBKWnl6.js";
-import { m as r, mt as i, tt as a } from "./Cw7AJWd0S2sjRmr6.js";
-import { t as o } from "./mK8HcIZyXkOTvL6E.js";
-import { h as s, j as c } from "./CbTN0q6XnYGJqyEp.js";
-import { m as l, t as u, y as d } from "./VCiu_neIjCTg2NUa.js";
-import { t as f } from "./CTvPIYWTcjwlJeEA.js";
-import { t as p } from "./BzbP4jaN13wC9aSi.js";
-import { r as m } from "./DCnWyVXikb_8Dat3.js";
-var h = m(e(), 1), g = t(), _ = [
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./8CW-puLLSNyeaGce.js";
+import { l as r } from "./Cl1bVTUk0rQUQT9p.js";
+import { Et as i, mt as a, z as o } from "./BJ5RRYxWA_yTbVpr.js";
+import { t as s } from "./DxI14nqCsNi-yexx.js";
+import { h as c, j as l } from "./CGklNVK7pkjOQ6XF.js";
+import { m as u, t as d, y as f } from "./Y0Uf_lVRToNYi395.js";
+import { t as p } from "./9zx-c-XsXQJu3H6F.js";
+import { t as m } from "./CzG0p4x8L99XEdym.js";
+var h = e(t(), 1), g = n(), _ = [
 	"Autofit",
 	"Ok",
 	"Cancel"
 ], v = (0, h.memo)((e) => {
-	let { initialValue: t, context: m, onOption: v, onValidateOption: y, onInput: b, onDone: x, options: S = _, defaultOption: C = S?.[1], cancelOption: w = "Cancel", sx: T, ...E } = e, D = a(), O = (0, h.useMemo)(() => m?.().getAxis() === n.Axis.Column, [m]), [k, A] = (0, h.useState)(t ?? { size: 0 }), [j, M] = (0, h.useState)(!1), N = (0, h.useCallback)(async (e, t) => !0, []), P = (0, h.useMemo)(() => {
-		let e = m?.();
+	let { initialValue: t, context: n, onOption: v, onValidateOption: y, onInput: b, onDone: x, options: S = _, defaultOption: C = S?.[1], cancelOption: w = "Cancel", sx: T, ...E } = e, D = a(), O = (0, h.useMemo)(() => n?.().getAxis() === r.Axis.Column, [n]), [k, A] = (0, h.useState)(t ?? { size: 0 }), [j, M] = (0, h.useState)(!1), N = (0, h.useCallback)(async (e, t) => !0, []), P = (0, h.useMemo)(() => {
+		let e = n?.();
 		if (!e?.toUnits) return null;
-		let t = k?.size ?? 0, n = "Px";
-		return k.unit === "Px" ? (t = e.toUnits?.(t) ?? t, n = e.getUnitText()) : (t = e.toPixels?.(t) ?? t, n = "Px"), {
+		let t = k?.size ?? 0, r = "Px";
+		return k.unit === "Px" ? (t = e.toUnits?.(t) ?? t, r = e.getUnitText()) : (t = e.toPixels?.(t) ?? t, r = "Px"), {
 			size: t,
-			unit: n
+			unit: r
 		};
-	}, [k?.unit, k?.size]), F = r(async (e) => {
+	}, [k?.unit, k?.size]), F = o(async (e) => {
 		let t = e === w;
 		t || b?.(k, e), v?.(e, t, e === C), x?.();
 	}, [
@@ -37,37 +37,37 @@ var h = m(e(), 1), g = t(), _ = [
 		v,
 		w,
 		C
-	]), I = r(async (e) => {
+	]), I = o(async (e) => {
 		e.keyCode === i.Enter && !1 !== await N?.(k) && F(C);
-	}, [k, F]), L = r(async (e) => {
+	}, [k, F]), L = o(async (e) => {
 		let t = await Promise.resolve(y?.(e));
 		try {
 			!1 !== t && (t = await Promise.resolve(N?.(k, e)) ?? !0);
 		} catch {}
 		return t ?? !0;
-	}, [y]), R = r((e) => {
+	}, [y]), R = o((e) => {
 		let t = {
 			...k,
 			size: Number(e.target.value)
 		};
 		A(t), N?.(t);
-	}, [k, y]), z = r((e) => {
+	}, [k, y]), z = o((e) => {
 		let t = e.target.value, n = {
 			...k,
 			unit: t
 		};
 		A(n);
 	}, [k]), B = (0, h.useMemo)(() => {
-		let e = m?.().getUnitText() ?? "", t = (e) => (0, g.jsx)(p, {
+		let e = n?.().getUnitText() ?? "", t = (e) => (0, g.jsx)(m, {
 			value: e,
 			children: e
-		}, e), n = [];
-		return n.push(t("Px")), n.push(t(e)), n;
+		}, e), r = [];
+		return r.push(t("Px")), r.push(t(e)), r;
 	}, []), V = (0, h.useMemo)(() => S.map((e) => e === "Autofit" ? {
 		id: "Autofit",
 		label: () => D("resizeHeader.autofit")
 	} : e), [S, D]);
-	return (0, g.jsx)(s, {
+	return (0, g.jsx)(c, {
 		title: D(O ? "resizeHeader.titleColumns" : "resizeHeader.titleRows"),
 		options: V,
 		onDone: x,
@@ -81,14 +81,14 @@ var h = m(e(), 1), g = t(), _ = [
 			...T
 		},
 		...E,
-		children: (0, g.jsxs)(o, {
+		children: (0, g.jsxs)(s, {
 			sx: {
 				paddingTop: (e) => e.spacing(0),
 				paddingBottom: (e) => e.spacing(1),
 				display: "flex",
 				flexDirection: "column"
 			},
-			children: [(0, g.jsxs)(o, {
+			children: [(0, g.jsxs)(s, {
 				sx: {
 					rowGap: (e) => e.spacing(1),
 					display: "flex",
@@ -97,14 +97,14 @@ var h = m(e(), 1), g = t(), _ = [
 					alignItems: "end",
 					justifyContent: "center"
 				},
-				children: [(0, g.jsx)(d, {
+				children: [(0, g.jsx)(f, {
 					sx: {
 						paddingTop: (e) => e.spacing(1.5),
 						minWidth: 135,
 						width: "100%"
 					},
 					size: "small",
-					children: (0, g.jsx)(f, {
+					children: (0, g.jsx)(p, {
 						label: D("resizeHeader.size"),
 						onFocus: (e) => {
 							j || e.target?.select(), M(!0);
@@ -133,17 +133,17 @@ var h = m(e(), 1), g = t(), _ = [
 							e.stopPropagation();
 						}
 					})
-				}), (0, g.jsxs)(d, {
+				}), (0, g.jsxs)(f, {
 					sx: { minWidth: 85 },
 					size: "small",
-					children: [(0, g.jsx)(l, { children: D("resizeHeader.unit") }), (0, g.jsx)(u, {
+					children: [(0, g.jsx)(u, { children: D("resizeHeader.unit") }), (0, g.jsx)(d, {
 						value: k.unit,
 						label: D("resizeHeader.unit"),
 						onChange: z,
 						children: B
 					})]
 				})]
-			}), P && (0, g.jsx)(o, { children: (0, g.jsxs)(c, {
+			}), P && (0, g.jsx)(s, { children: (0, g.jsxs)(l, {
 				variant: "body2",
 				component: "div",
 				sx: { paddingLeft: (e) => e.spacing(2) },

package/cdn/assets/{dn69mDhY7Xcc91kF.js → VtDou2czLTs_x_lJ.js}

@@ -1,25 +1,25 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { m as n, mt as r } from "./Cw7AJWd0S2sjRmr6.js";
-import { t as i } from "./mK8HcIZyXkOTvL6E.js";
-import { h as a, m as o } from "./CbTN0q6XnYGJqyEp.js";
-import { y as s } from "./VCiu_neIjCTg2NUa.js";
-import { t as c } from "./CTvPIYWTcjwlJeEA.js";
-import { r as l } from "./DCnWyVXikb_8Dat3.js";
-var u = t(), d = l(e(), 1), f = ["Input"], p = (0, d.memo)((0, d.forwardRef)((e, t) => {
-	let { initialValue: l = "", onOption: p, onValidateOption: m, onInput: h, onValidateInput: g, onDone: _, propsInput: v, inputLabel: y, inputType: b, inputPlaceHolder: x, options: S = f, autoFocusSel: C = ".autoFocus", cancelOption: w, defaultOption: T = S?.[0], ...E } = e, [D, O] = (0, d.useState)(!1), [k, A] = (0, d.useState)(l), [j, M] = (0, d.useState)(""), [N, P] = (0, d.useState)(!0), F = n(async (e, t) => {
+import { n as e } from "./C7fZFw4yQ9VNHtnV.js";
+import { t } from "./Cf0bbHHOW6iwvyXg.js";
+import { t as n } from "./8CW-puLLSNyeaGce.js";
+import { Et as r, z as i } from "./BJ5RRYxWA_yTbVpr.js";
+import { t as a } from "./DxI14nqCsNi-yexx.js";
+import { h as o, m as s } from "./CGklNVK7pkjOQ6XF.js";
+import { y as c } from "./Y0Uf_lVRToNYi395.js";
+import { t as l } from "./9zx-c-XsXQJu3H6F.js";
+var u = n(), d = e(t(), 1), f = ["Input"], p = (0, d.memo)((0, d.forwardRef)((e, t) => {
+	let { initialValue: n = "", onOption: p, onValidateOption: m, onInput: h, onValidateInput: g, onDone: _, propsInput: v, inputLabel: y, inputType: b, inputPlaceHolder: x, options: S = f, autoFocusSel: C = ".autoFocus", cancelOption: w, defaultOption: T = S?.[0], ...E } = e, [D, O] = (0, d.useState)(!1), [k, A] = (0, d.useState)(n), [j, M] = (0, d.useState)(""), [N, P] = (0, d.useState)(!0), F = i(async (e, t) => {
 		if (!g) return !0;
 		let n = await g?.(e, t);
 		M(n?.message ?? "");
 		let r = n?.valid ?? !0;
 		return P(r), r;
-	}, [g]), I = n(async (e) => {
+	}, [g]), I = i(async (e) => {
 		h?.(k, e);
 	}, [
 		k,
@@ -28,12 +28,12 @@ var u = t(), d = l(e(), 1), f = ["Input"], p = (0, d.memo)((0, d.forwardRef)((e,
 		p,
 		w,
 		T
-	]), L = n(async (e) => {
+	]), L = i(async (e) => {
 		e.keyCode === r.Enter && await F?.(k, void 0);
-	}, [k, I]), R = n((e) => {
+	}, [k, I]), R = i((e) => {
 		A(e.target.value), F?.(e.target.value, void 0);
-	}, [m]), z = n(async (e) => await F(k, e) ?? !0, [k, m]);
-	return (0, u.jsx)(a, {
+	}, [m]), z = i(async (e) => await F(k, e) ?? !0, [k, m]);
+	return (0, u.jsx)(o, {
 		options: S,
 		onDone: _,
 		onOption: (e, t) => {
@@ -45,19 +45,19 @@ var u = t(), d = l(e(), 1), f = ["Input"], p = (0, d.memo)((0, d.forwardRef)((e,
 		autoFocusSel: C,
 		ref: t,
 		...E,
-		children: (0, u.jsx)(i, {
+		children: (0, u.jsx)(a, {
 			sx: {
 				paddingTop: (e) => e.spacing(1),
 				paddingBottom: (e) => e.spacing(0)
 			},
-			children: (0, u.jsx)(s, {
+			children: (0, u.jsx)(c, {
 				sx: {
 					paddingTop: (e) => e.spacing(1.5),
 					minWidth: 135,
 					width: "100%"
 				},
 				size: "small",
-				children: (0, u.jsx)(c, {
+				children: (0, u.jsx)(l, {
 					onFocus: (e) => {
 						D || e.target?.select(), O(!0);
 					},
@@ -78,7 +78,7 @@ var u = t(), d = l(e(), 1), f = ["Input"], p = (0, d.memo)((0, d.forwardRef)((e,
 							spellCheck: !1,
 							autoComplete: "off",
 							...v,
-							className: o("autoFocus", v?.className),
+							className: s("autoFocus", v?.className),
 							sx: {
 								paddingTop: (e) => e.spacing(1.25),
 								paddingBottom: (e) => e.spacing(.75)