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

package/cdn/assets/DYeaE2TSAJ9-suNW.js

@@ -0,0 +1,282 @@
+/**
+* @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 { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { _ as r, g as i, v as a } from "./DWcAYH0eBaOj-dU4.js";
+import { H as o, I as s, J as c, M as l, _t as u, ct as d, dt as f, lt as p, st as m, ut as h } from "./DX-iRDnwn8uZZIqp.js";
+import { i as g, r as _ } from "./BsqHMd3dlKhcIxe_.js";
+var v = e(t(), 1), y = n();
+function b(e) {
+	return r("MuiFormControlLabel", e);
+}
+var x = i("MuiFormControlLabel", [
+	"root",
+	"labelPlacementStart",
+	"labelPlacementEnd",
+	"labelPlacementTop",
+	"labelPlacementBottom",
+	"disabled",
+	"label",
+	"error",
+	"required",
+	"asterisk"
+]);
+function S(e) {
+	return r("PrivateSwitchBase", e);
+}
+i("PrivateSwitchBase", [
+	"root",
+	"checked",
+	"disabled",
+	"input",
+	"edgeStart",
+	"edgeEnd"
+]);
+var C = h(s, { name: "MuiSwitchBase" })({
+	padding: 9,
+	borderRadius: "50%",
+	variants: [
+		{
+			props: {
+				edge: "start",
+				size: "small"
+			},
+			style: { marginLeft: -3 }
+		},
+		{
+			props: ({ edge: e, ownerState: t }) => e === "start" && t.size !== "small",
+			style: { marginLeft: -12 }
+		},
+		{
+			props: {
+				edge: "end",
+				size: "small"
+			},
+			style: { marginRight: -3 }
+		},
+		{
+			props: ({ edge: e, ownerState: t }) => e === "end" && t.size !== "small",
+			style: { marginRight: -12 }
+		}
+	]
+}), w = h("input", {
+	name: "MuiSwitchBase",
+	shouldForwardProp: f
+})({
+	cursor: "inherit",
+	position: "absolute",
+	opacity: 0,
+	width: "100%",
+	height: "100%",
+	top: 0,
+	left: 0,
+	margin: 0,
+	padding: 0,
+	zIndex: 1
+}), T = v.forwardRef(function(e, t) {
+	let { autoFocus: n, checked: r, checkedIcon: i, defaultChecked: a, disabled: s, disableFocusRipple: l = !1, edge: d = !1, icon: f, id: p, name: h, onBlur: g, onChange: v, onFocus: b, readOnly: x, required: T = !1, tabIndex: E, type: D, value: O, slots: k = {}, slotProps: A = {}, ...j } = e, { nativeButton: M, ...N } = j, [P, F] = c({
+		controlled: r,
+		default: !!a,
+		name: "SwitchBase",
+		state: "checked"
+	}), I = _(), L = s;
+	I && L === void 0 && (L = I.disabled);
+	let R = D === "checkbox" || D === "radio", z = {
+		...e,
+		checked: P,
+		disabled: L,
+		disableFocusRipple: l,
+		edge: d
+	}, B = ((e) => {
+		let { classes: t, checked: n, disabled: r, edge: i } = e, a = {
+			root: [
+				"root",
+				n && "checked",
+				r && "disabled",
+				i && `edge${m(i)}`
+			],
+			input: ["input"]
+		};
+		return u(a, S, t);
+	})(z), V = {
+		slots: k,
+		slotProps: A
+	}, [H, U] = o("root", {
+		ref: t,
+		elementType: C,
+		className: B.root,
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: {
+			...V,
+			component: "span",
+			...N
+		},
+		getSlotProps: (e) => ({
+			...e,
+			onFocus: (t) => {
+				e.onFocus?.(t), ((e) => {
+					b && b(e), I && I.onFocus && I.onFocus(e);
+				})(t);
+			},
+			onBlur: (t) => {
+				e.onBlur?.(t), ((e) => {
+					g && g(e), I && I.onBlur && I.onBlur(e);
+				})(t);
+			}
+		}),
+		ownerState: z,
+		additionalProps: {
+			centerRipple: !0,
+			focusRipple: !l,
+			role: void 0,
+			tabIndex: null,
+			internalDisabledThemeFocusVisible: !0
+		}
+	}), [W, G] = o("input", {
+		elementType: w,
+		className: B.input,
+		externalForwardedProps: V,
+		getSlotProps: (e) => ({
+			...e,
+			onChange: (t) => {
+				e.onChange?.(t), ((e) => {
+					if (e.nativeEvent.defaultPrevented || x) return;
+					let t = e.target.checked;
+					F(t), v && v(e, t);
+				})(t);
+			}
+		}),
+		ownerState: z,
+		additionalProps: {
+			autoFocus: n,
+			checked: r,
+			defaultChecked: a,
+			disabled: L,
+			id: R ? p : void 0,
+			name: h,
+			readOnly: x,
+			required: T,
+			tabIndex: E,
+			type: D,
+			...D === "checkbox" && O === void 0 ? {} : { value: O }
+		}
+	});
+	return (0, y.jsxs)(H, {
+		...U,
+		children: [(0, y.jsx)(W, { ...G }), P ? i : f]
+	});
+}), E = h("label", {
+	name: "MuiFormControlLabel",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			{ [`& .${x.label}`]: t.label },
+			t.root,
+			t[`labelPlacement${m(n.labelPlacement)}`]
+		];
+	}
+})(p(({ theme: e }) => ({
+	display: "inline-flex",
+	alignItems: "center",
+	cursor: "pointer",
+	verticalAlign: "middle",
+	WebkitTapHighlightColor: "transparent",
+	marginLeft: -11,
+	marginRight: 16,
+	[`&.${x.disabled}`]: { cursor: "default" },
+	[`& .${x.label}`]: { [`&.${x.disabled}`]: { color: (e.vars || e).palette.text.disabled } },
+	variants: [
+		{
+			props: { labelPlacement: "start" },
+			style: {
+				flexDirection: "row-reverse",
+				marginRight: -11
+			}
+		},
+		{
+			props: { labelPlacement: "top" },
+			style: { flexDirection: "column-reverse" }
+		},
+		{
+			props: { labelPlacement: "bottom" },
+			style: { flexDirection: "column" }
+		},
+		{
+			props: ({ labelPlacement: e }) => e === "start" || e === "top" || e === "bottom",
+			style: { marginLeft: 16 }
+		}
+	]
+}))), D = h("span", {
+	name: "MuiFormControlLabel",
+	slot: "Asterisk"
+})(p(({ theme: e }) => ({ [`&.${x.error}`]: { color: (e.vars || e).palette.error.main } }))), O = v.forwardRef(function(e, t) {
+	let n = d({
+		props: e,
+		name: "MuiFormControlLabel"
+	}), { checked: r, className: i, control: s, disabled: c, disableTypography: f, label: p, labelPlacement: h = "end", name: _, onChange: x, required: S, slots: C = {}, slotProps: w = {}, value: T, ...O } = n, [k, A] = g({
+		props: n,
+		states: ["error"]
+	}), j = c ?? s.props.disabled ?? A?.disabled, M = S ?? s.props.required, N = {
+		disabled: j,
+		required: M
+	};
+	[
+		"checked",
+		"name",
+		"onChange",
+		"value"
+	].forEach((e) => {
+		s.props[e] === void 0 && n[e] !== void 0 && (N[e] = n[e]);
+	});
+	let P = {
+		...n,
+		disabled: j,
+		labelPlacement: h,
+		required: M,
+		error: k.error
+	}, F = ((e) => {
+		let { classes: t, disabled: n, labelPlacement: r, error: i, required: a } = e, o = {
+			root: [
+				"root",
+				n && "disabled",
+				`labelPlacement${m(r)}`,
+				i && "error",
+				a && "required"
+			],
+			label: ["label", n && "disabled"],
+			asterisk: ["asterisk", i && "error"]
+		};
+		return u(o, b, t);
+	})(P), [I, L] = o("typography", {
+		elementType: l,
+		externalForwardedProps: {
+			slots: C,
+			slotProps: w
+		},
+		ownerState: P
+	}), R = p;
+	return R == null || R.type === l || f || (R = (0, y.jsx)(I, {
+		component: "span",
+		...L,
+		className: a(F.label, L?.className),
+		children: R
+	})), (0, y.jsxs)(E, {
+		className: a(F.root, i),
+		ownerState: P,
+		ref: t,
+		...O,
+		children: [v.cloneElement(s, N), M ? (0, y.jsxs)("div", { children: [R, (0, y.jsxs)(D, {
+			ownerState: P,
+			"aria-hidden": !0,
+			className: F.asterisk,
+			children: [" ", "*"]
+		})] }) : R]
+	});
+});
+export { T as n, O as t };

package/cdn/assets/{Bgbi7BFR3rN5qj51.js → DZiWWhATAOxJQZ_N.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.12
 *
 * (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 "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { mt as r } from "./OABpLvY7siKUyNIa.js";
+import { n as i, t as a } from "./DWcAYH0eBaOj-dU4.js";
+import { t as o } from "./wK0g9YTrJa8xbPXn.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/{CZOJogyZqMfUxcXj.js → DccxaAgL5rauj9rq.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.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/{browser/esm/C3r_9RqlWrEmlXZ1.mjs → cdn/assets/DchNCIMGQQc9yEcv.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.12
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.

package/cdn/assets/{hg8WYI0Yy4WPPPoP.js → DdWtfDWDB6Yst5LZ.js}

@@ -1,14 +1,14 @@
 /**
-* @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 { t as e } from "./CIyaijfp6itgRpFM.js";
-import { t } from "./BeQ95CzwR65il0CK.js";
-import { P as n } from "./CMxbiQ5J79M3n1tk.js";
-import { r } from "./DCnWyVXikb_8Dat3.js";
-var i = r(e(), 1), a = t();
+import { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { G as r } from "./Cif0315haNLmyMj-.js";
+var i = e(t(), 1), a = n();
 function o(e) {
 	if (typeof e == "function") return e;
 	if (typeof e == "string") {
@@ -278,7 +278,7 @@ var d = function() {
 		}
 	};
 }();
-d.register("base", () => import("./CL6Tgu_rUO6G-fyq.js")), d.register("cf", () => import("./i0P63Wd0RRlgJotb.js"));
+d.register("base", () => import("./BT_kLzJXjQJNGh3-.js")), d.register("cf", () => import("./_7u2a1HvX3quwuxr.js"));
 var f = (e) => (0, a.jsx)("svg", {
 	...e,
 	children: (0, a.jsx)("path", {})
@@ -286,9 +286,9 @@ var f = (e) => (0, a.jsx)("svg", {
 	Icon: "_Icon_16f7r_10",
 	"sxl-walk": "_sxl-walk_16f7r_1"
 }, m = (0, i.memo)((e) => {
-	let { iconKey: t, packKey: r, className: o, style: s, role: c, title: l, size: u, ariaHidden: m, propsSource: h, children: g, ..._ } = e, [v, y] = (0, i.useState)(null);
+	let { iconKey: t, packKey: n, className: o, style: s, role: c, title: l, size: u, ariaHidden: m, propsSource: h, children: g, ..._ } = e, [v, y] = (0, i.useState)(null);
 	(0, i.useEffect)(() => {
-		let e = !0, i = r, a = t;
+		let e = !0, i = n, a = t;
 		if (a) {
 			if (a.includes(":")) {
 				let [e, t] = a.split(":");
@@ -303,12 +303,12 @@ var f = (e) => (0, a.jsx)("svg", {
 		{
 			let e = d.getPack(i);
 			y({
-				glyph: e ? { svg: n.EmptyArray } : void 0,
+				glyph: e ? { svg: r.EmptyArray } : void 0,
 				pack: e ?? void 0,
 				packKey: i ?? d.getActive()
 			});
 		}
-	}, [t, r]);
+	}, [t, n]);
 	let b = v?.pack, x = v?.glyph, S = v?.packKey, C = x ? x.svg : void 0, w = x && !C ? x.url : void 0, T = !x || C || w ? void 0 : x.emoji, E = u == null ? void 0 : typeof u == "number" ? `${u}px` : u, D = (0, i.useMemo)(() => [
 		p.Icon,
 		"icon",

package/cdn/assets/Dg-qsGzlATZbZ35c.js

@@ -0,0 +1,164 @@
+/**
+* @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 { n as e } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { t as r } from "./TVEs01pqc117KeGZ.js";
+import { w as i } from "./OABpLvY7siKUyNIa.js";
+import { r as a } from "./D4DsR2aIqjajGOKK.js";
+import { n as o } from "./BDihhtyza6JVj9NA.js";
+import { tt as s } from "./Cc-jOsunTu0-Mla_.js";
+import { t as c } from "./DWcAYH0eBaOj-dU4.js";
+import { f as l } from "./DX-iRDnwn8uZZIqp.js";
+var u = e(t(), 1), d = n(), f = (e, t) => {
+	if (!e) return null;
+	let n = t?.getStyles();
+	try {
+		return new r(e, n?.schemeLookup(), n?.indexedLookup());
+	} catch {
+		return null;
+	}
+}, p = () => {
+	let e = s(), t = a(), n = t === "dark", [r, c] = (0, u.useReducer)((e) => e + 1, 0);
+	o(e, { onThemeChange: () => c() }, { ignoreModelChange: !0 });
+	let l = (0, u.useCallback)((t) => f(t, e), [e, r]), d = e?.getStyles().schemeLookup();
+	return {
+		workbook: e,
+		schemeLookup: d,
+		themeKey: r,
+		gridColorScheme: t,
+		darkMode: n,
+		toColor: l,
+		propsColorPanel: {
+			schemeLookup: d,
+			darkMode: n,
+			...i("grid", t)
+		}
+	};
+}, m = "var(--sxl-color-base-100, rgb(255, 255, 255))", h = "var(--sxl-color-base-300, rgb(224, 224, 224))", g = "var(--sxl-color-primary, rgb(33, 115, 70))", _ = "var(--sxl-color-base-content, rgba(0, 0, 0, 0.87))", v = "var(--sxl-color-error, rgb(211, 47, 47))", y = (e) => Math.round(e).toString(16).padStart(2, "0"), b = (e, t, n) => new r(`#${y(e)}${y(t)}${y(n)}`).toCSS("adaptive"), x = (e, t, n, r) => {
+	if (e.length === 0) return n;
+	let i = (t) => f(e[t].color, r)?.toRGBA() ?? null;
+	if (e.length === 1) {
+		let e = i(0);
+		return e ? b(e.red, e.green, e.blue) : n;
+	}
+	let a = t * (e.length - 1), o = Math.min(Math.floor(a), e.length - 2), s = a - o, c = i(o), l = i(o + 1);
+	if (!c || !l) return n;
+	let u = (e, t) => Math.round(e + (t - e) * s);
+	return b(u(c.red, l.red), u(c.green, l.green), u(c.blue, l.blue));
+}, S = (e, t, n = null) => Array.from({ length: 5 }, (r, i) => (0, d.jsx)(c, { sx: {
+	width: "100%",
+	height: "100%",
+	backgroundColor: x(e, i / 4, t, n)
+} })), C = [
+	70,
+	100,
+	20,
+	50,
+	90
+], w = (e, t, n) => {
+	let r = e.direction === "rightToLeft";
+	return C.map((i) => (0, d.jsx)(c, {
+		sx: {
+			width: "100%",
+			height: "100%",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: r ? "flex-end" : "flex-start"
+		},
+		children: (0, d.jsx)(c, { sx: {
+			width: `${i}%`,
+			height: "100%",
+			boxSizing: "border-box",
+			background: e.gradient ? `linear-gradient(to ${r ? "left" : "right"}, ${t}, transparent)` : t,
+			border: `1px solid ${n ?? t}`,
+			borderRadius: "1px"
+		} })
+	}));
+}, T = (0, u.memo)((e) => {
+	let { rows: t, ...n } = e, r = a(), i = (e, n) => ({
+		borderRight: +(n < 2),
+		borderBottom: +(e < t.length - 1),
+		borderColor: h,
+		minWidth: 0,
+		overflow: "hidden",
+		display: "flex",
+		alignItems: "center"
+	});
+	return (0, d.jsx)(c, {
+		className: "sxl-cf-scale-mini-grid",
+		"data-sxl-theme-surface": "grid",
+		"data-sxl-theme-mode": r,
+		sx: {
+			display: "grid",
+			backgroundColor: m,
+			gridTemplateColumns: "10% 80% 10%",
+			gridTemplateRows: `repeat(${t.length}, minmax(0, 1fr))`,
+			width: "100%",
+			height: "100%"
+		},
+		...n,
+		children: t.map((e, t) => (0, d.jsxs)(u.Fragment, { children: [
+			(0, d.jsx)(c, { sx: i(t, 0) }),
+			(0, d.jsx)(c, {
+				sx: i(t, 1),
+				children: e
+			}),
+			(0, d.jsx)(c, { sx: i(t, 2) })
+		] }, t))
+	});
+});
+T.displayName = "ScaleMiniGrid";
+var E = (0, u.memo)((e) => {
+	let { title: t, sheet: n, disabled: r, sx: i, className: o, children: s, ...u } = e, f = a(), p = !!u.onClick, g = (0, d.jsx)(c, {
+		component: p ? "button" : "div",
+		...p ? { disabled: r } : null,
+		className: o ? `sxl-cf-preset-chip ${o}` : "sxl-cf-preset-chip",
+		...n ? {
+			"data-sxl-theme-surface": "grid",
+			"data-sxl-theme-mode": f
+		} : null,
+		sx: {
+			width: "34px",
+			height: "26px",
+			padding: 0,
+			flex: "0 0 auto",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			overflow: "hidden",
+			background: n ? m : "none",
+			color: n ? _ : void 0,
+			border: (e) => `1px solid ${n ? h : e.palette.divider}`,
+			borderRadius: 1,
+			fontSize: "12px",
+			lineHeight: 1,
+			...p ? {
+				cursor: "pointer",
+				"&:hover": { borderColor: "primary.main" },
+				"&:disabled": { cursor: "default" }
+			} : null,
+			...i
+		},
+		...u,
+		children: s
+	});
+	return t ? (0, d.jsx)(l, {
+		disableInteractive: !0,
+		title: t,
+		children: (0, d.jsx)(c, {
+			component: "span",
+			sx: {
+				display: "inline-flex",
+				flex: "0 0 auto"
+			},
+			children: g
+		})
+	}) : g;
+});
+E.displayName = "PresetChip";
+export { g as a, f as c, w as i, _ as l, E as n, m as o, T as r, p as s, S as t, v as u };

package/cdn/assets/{BelX6bvQPsGuo-x3.js → DhUBLuQYjgwdF5EH.js}

@@ -1,7 +1,7 @@
 /**
-* @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.
 */
-export { i as addSubpathsBounds, n as decorateSubpaths, r as emptyBox, t as subpathsToSVG } from "./BvlfKrfrDhE9Jw4d.js";
+export { i as addSubpathsBounds, n as decorateSubpaths, r as emptyBox, t as subpathsToSVG } from "./CIvOEYio4yfOR385.js";