@sheetxl/studio-vanilla 0.7.28-beta.4 → 0.8.0-beta.10

package/browser/esm/{6A8iYjFWJzx5PaTP2.mjs → f1OJemsiZnbwnds-.mjs}

@@ -1,18 +1,19 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
 *
 * (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 "./B_U_UpQXdbjNRthb.mjs";
-import { i as t, r as n } from "./DGfzktq0BrIwcb8j.mjs";
-import { Xt as r, t as i, tt as a } from "./CJ-lOo2cXlcYrg2P.mjs";
-import { i as o } from "./XBb7Mxqf0beXaSJt.mjs";
-import { t as s } from "./DhgwMDb052opCiAA.mjs";
-import { T as c } from "./Duo6t8_BzIiBDrFm.mjs";
-import { r as l } from "./BUKNpzG26V0YaAzW.mjs";
+import { r as e } from "./DLqc11Pf8vaE4Q5B.mjs";
+import { i as t, r as n } from "./C4VT6lNbpaDXCpBb.mjs";
+import { m as r, tt as i } from "./BThOwSja2ra4xejQ.mjs";
+import { gt as a } from "./sxxbiJiCMOW2Eivd.mjs";
+import { t as o } from "./rkTVQiYG3wd8oPom.mjs";
+import { h as s } from "./CtZPEkaldpJpoGtW.mjs";
+import { t as c } from "./Chr_TXM-48IsK8Va.mjs";
+import { n as l } from "./D7CGuQcwpkiuesEI.mjs";
 var u = e(t(), 1), d = e(n(), 1), f = ["Ok", "Cancel"], p = (0, u.memo)((e) => {
-	let { initialValue: t = null, context: n, onOption: p, onValidateOption: m, onDone: h, onInput: g, options: _ = f, defaultOption: v = _?.[0], cancelOption: y = "Cancel", sx: b, ...x } = e, S = r(), C = (0, u.useMemo)(() => n?.().getNames().findValidName("Range1"), []), w = (0, u.useMemo)(() => {
+	let { initialValue: t = null, context: n, onOption: p, onValidateOption: m, onDone: h, onInput: g, options: _ = f, defaultOption: v = _?.[0], cancelOption: y = "Cancel", sx: b, ...x } = e, S = i(), C = (0, u.useMemo)(() => n?.().getNames().findValidName("Range1"), []), w = (0, u.useMemo)(() => {
 		if (!t) return !0;
 	}, []), [T, E] = (0, u.useState)({
 		displayText: t?.getName() ?? C,
@@ -20,7 +21,7 @@ var u = e(t(), 1), d = e(n(), 1), f = ["Ok", "Cancel"], p = (0, u.memo)((e) => {
 	}), [D, O] = (0, u.useState)(() => ({
 		displayValue: t?.getRanges?.() ?? n?.()?.selection() ?? null,
 		errorText: null
-	})), [k, A] = (0, u.useState)(!1), j = c().getMode()?.mode === "point", M = (0, u.useCallback)(async (e) => !T.errorText && !D.errorText, []), N = a((e, r, i) => {
+	})), [k, A] = (0, u.useState)(!1), j = a().getMode()?.mode === "point", M = (0, u.useCallback)(async (e) => !T.errorText && !D.errorText, []), N = r((e, r, i) => {
 		if (!r) {
 			let e = T?.displayText ?? "", r = (a = D?.displayValue ?? null) == null ? null : typeof a == "string" ? a : a.isICellRanges ? a.toString() : a.getExpression(), i = null;
 			if (w || !t) r && (i = n?.()?.getNames().addFormula(e, r, !1) ?? null);
@@ -43,7 +44,7 @@ var u = e(t(), 1), d = e(n(), 1), f = ["Ok", "Cancel"], p = (0, u.memo)((e) => {
 		v,
 		y,
 		g
-	]), P = a((e) => {
+	]), P = r((e) => {
 		let t = null;
 		try {
 			n?.().getNames().validateName(e);
@@ -55,7 +56,7 @@ var u = e(t(), 1), d = e(n(), 1), f = ["Ok", "Cancel"], p = (0, u.memo)((e) => {
 			displayText: e,
 			errorText: t
 		});
-	}, []), F = a((e) => {
+	}, []), F = r((e) => {
 		t && t.getName().toLowerCase() === e.toLowerCase() || n?.().getNames().validateName(e);
 	}, [n, t]), I = (0, u.useCallback)((e) => {
 		O({
@@ -63,7 +64,7 @@ var u = e(t(), 1), d = e(n(), 1), f = ["Ok", "Cancel"], p = (0, u.memo)((e) => {
 			errorText: null
 		});
 	}, []);
-	return (0, d.jsx)(o, {
+	return (0, d.jsx)(s, {
 		title: S(w ? "namedRange.titleDefine" : "namedRange.titleEdit"),
 		options: _,
 		onOption: N,
@@ -77,7 +78,7 @@ var u = e(t(), 1), d = e(n(), 1), f = ["Ok", "Cancel"], p = (0, u.memo)((e) => {
 			...b
 		},
 		...x,
-		children: (0, d.jsxs)(i, {
+		children: (0, d.jsxs)(o, {
 			sx: {
 				paddingTop: (e) => e.spacing(1),
 				paddingBottom: (e) => e.spacing(0),
@@ -85,7 +86,7 @@ var u = e(t(), 1), d = e(n(), 1), f = ["Ok", "Cancel"], p = (0, u.memo)((e) => {
 				range: "flex",
 				flexDirection: "column"
 			},
-			children: [(0, d.jsx)(s, {
+			children: [(0, d.jsx)(c, {
 				sx: { paddingTop: (e) => e.spacing(1.5) },
 				formName: "name",
 				defaultInput: C,

package/{cdn/assets/DOsKUeLPwFIdzQv32.js → browser/esm/i0P63Wd0RRlgJotb.mjs}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/browser/esm/{BZSAb1WGbwagUKGv2.mjs → iC69oOND5T8khIWf.mjs}

@@ -1,13 +1,14 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
 *
 * (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 "./B_U_UpQXdbjNRthb.mjs";
-import { i as t, r as n } from "./DGfzktq0BrIwcb8j.mjs";
-import { Ct as r, n as i, t as a } from "./CJ-lOo2cXlcYrg2P.mjs";
-import { t as o } from "./CHmSnCPoww1StSta.mjs";
+import { r as e } from "./DLqc11Pf8vaE4Q5B.mjs";
+import { i as t, r as n } from "./C4VT6lNbpaDXCpBb.mjs";
+import { z as r } from "./BThOwSja2ra4xejQ.mjs";
+import { t as i } from "./rY-dC3WB558TIbum.mjs";
+import { n as a, t as o } from "./rkTVQiYG3wd8oPom.mjs";
 var s = e(t(), 1), c = e(n(), 1);
 function l(e) {
 	return l = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
@@ -840,7 +841,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%)`, a = {
+		}, r = `linear-gradient(to right, rgba(${e.r},${e.g},${e.b}, 0) 0%,\n           rgba(${e.r},${e.g},${e.b}, 1) 100%)`, a = `linear-gradient(to bottom, rgba(${e.r},${e.g},${e.b}, 0) 0%,\n           rgba(${e.r},${e.g},${e.b}, 1) 100%)`, o = {
 			alpha: {
 				...n,
 				borderRadius: this.props.radius
@@ -852,7 +853,7 @@ var W = class extends (s.PureComponent || s.Component) {
 			},
 			gradient: {
 				...n,
-				background: t ? i : r,
+				background: t ? a : r,
 				boxShadow: this.props.shadow,
 				borderRadius: this.props.radius
 			},
@@ -877,18 +878,18 @@ var W = class extends (s.PureComponent || s.Component) {
 			}
 		};
 		return (0, c.jsxs)("div", {
-			style: a.alpha,
+			style: o.alpha,
 			children: [
 				(0, c.jsx)("div", {
-					style: a.checkboard,
-					children: (0, c.jsx)(o, {
+					style: o.checkboard,
+					children: (0, c.jsx)(i, {
 						grey: "rgba(0,0,0,.08)",
 						renderers: this.props.renderers
 					})
 				}),
-				(0, c.jsx)("div", { style: a.gradient }),
+				(0, c.jsx)("div", { style: o.gradient }),
 				(0, c.jsx)("div", {
-					style: a.container,
+					style: o.container,
 					ref: (e) => {
 						this.container = e;
 					},
@@ -896,8 +897,8 @@ var W = class extends (s.PureComponent || s.Component) {
 					onTouchMove: this.handleChange,
 					onTouchStart: this.handleChange,
 					children: (0, c.jsx)("div", {
-						style: a.pointer,
-						children: this.props.pointer ? (0, c.jsx)(this.props.pointer, { ...this.props }) : (0, c.jsx)("div", { style: a.slider })
+						style: o.pointer,
+						children: this.props.pointer ? (0, c.jsx)(this.props.pointer, { ...this.props }) : (0, c.jsx)("div", { style: o.slider })
 					})
 				})
 			]
@@ -1234,7 +1235,7 @@ var W = class extends (s.PureComponent || s.Component) {
 		source: e.source
 	};
 }, Q = (0, s.memo)((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 { selectedColor: t, onColorChange: n, renderers: l, disableAlpha: u = !1, style: d = r.EmptyCssProperties, ...f } = e, p = a(), [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) => {
@@ -1331,7 +1332,7 @@ var W = class extends (s.PureComponent || s.Component) {
 						borderRadius: "1px",
 						overflow: "hidden"
 					},
-					children: [(0, c.jsx)(o, { grey: p.palette.text.icon ?? p.palette.action.active }), (0, c.jsx)("div", { style: {
+					children: [(0, c.jsx)(i, { grey: p.palette.text.icon ?? p.palette.action.active }), (0, c.jsx)("div", { style: {
 						position: "absolute",
 						height: "100%",
 						width: "100%",
@@ -1340,7 +1341,7 @@ var W = class extends (s.PureComponent || s.Component) {
 					} })]
 				})]
 			}),
-			(0, c.jsx)(a, {
+			(0, c.jsx)(o, {
 				sx: {
 					marginBottom: "4px",
 					"& label": {