@sheetxl/studio-vanilla 0.7.28-beta.1 → 0.7.28-beta.3

package/browser/esm/{A1VpPEggRj4IfGDD.mjs → rnntZ_PYlojxr5c4.mjs}

@@ -1,34 +1,34 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.1
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.3
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { n as e, r as t } from "./BFWULyy65RLrorZ7.mjs";
-import { i as n, r } from "./BPefT37WNgwR2ugY.mjs";
-import { A as i, _ as a, d as o, f as s, u as c, v as l } from "./FxykwtLK380Ynhjh.mjs";
-import { r as u, t as d } from "./BEvXGI5EzVSXLxga.mjs";
-import { $t as f, B as p, Ct as m, Et as h, Ot as g, Rt as _, U as v, Ut as y, Xt as b, Yt as x, Zt as S, _ as C, _t as w, at as T, c as E, ct as D, dt as O, et as k, f as A, h as j, in as M, jt as N, lt as P, m as F, n as ee, nt as te, ot as ne, p as re, qt as I, rt as L, t as R, tn as z, tt as B, vt as V, wt as H } from "./Db1UHrYoIsMVbE28.mjs";
-import { $ as ie, B as ae, D as oe, E as se, F as U, H as W, I as ce, L as le, M as ue, N as G, Q as de, St as fe, U as pe, V as me, W as he, Y as ge, _ as K, _t as _e, c as ve, ct as ye, f as be, ft as xe, gt as Se, ht as Ce, it as we, l as Te, lt as Ee, mt as De, nt as Oe, ot as ke, p as Ae, pt as je, q as Me, s as Ne, st as Pe, ut as Fe, v as Ie, wt as Le, xt as Re } from "./Cvv50xExjeFnfiNy.mjs";
-import { b as ze, c as Be, h as Ve, l as He, m as Ue, s as We, t as Ge, u as Ke, v as qe, x as Je, y as Ye } from "./DOQiJP4o3Yv2roFN.mjs";
-import { n as Xe, t as Ze } from "./CLFhHEElqfJHtm21.mjs";
-import { t as Qe } from "./CNqsb1dCdP38edL_.mjs";
-import { t as $e } from "./B86Q74Vxyg1crDy4.mjs";
-import { t as et } from "./COyyediFP8-Jte0d.mjs";
-import { $ as tt, At as nt, B as rt, C as it, Ct as at, Dt as ot, Et as st, Ft as ct, H as lt, It as ut, K as dt, Lt as ft, M as pt, Mt as mt, O as ht, Ot as gt, Pt as _t, Rt as vt, St as q, T as yt, Tt as bt, U as xt, Vt as St, W as Ct, Z as wt, _ as Tt, at as Et, b as Dt, bt as Ot, ct as kt, d as At, et as jt, g as Mt, gt as Nt, ht as Pt, jt as Ft, l as It, lt as Lt, mt as Rt, n as zt, ot as Bt, r as Vt, s as Ht, st as Ut, t as Wt, tt as Gt, ut as Kt, v as qt, vt as J, w as Jt, wt as Yt, xt as Xt, yt as Zt, z as Qt } from "./sckQOed44XHUgmEM.mjs";
-import { t as $t } from "./k0J0jqbt6JQcSNRf.mjs";
-import { n as en, t as tn } from "./oQtJFGKyYOTaSkZn.mjs";
-import { n as nn, r as rn } from "./B181HHVOosiCdcW9.mjs";
-import { t as an } from "./CssrS9cKuhz46r6y.mjs";
-import { t as on } from "./Yp8HnZ2LZWDER3Db.mjs";
-import { c as sn } from "./CSfpN1f335foeZWr.mjs";
-import { G as Y, Kt as cn, Y as ln, Z as X, b as un, et as dn, g as fn, h as Z, j as pn, lt as mn, un as hn, v as gn } from "./lgDQkp3FOzQOe0LY.mjs";
-import { a as _n, c as vn, d as yn, h as bn, r as xn } from "./DXWY-hAdW5OyWrwd.mjs";
-import { i as Sn, n as Cn, r as wn, t as Tn } from "./CVuIEusZ_eVLJx48.mjs";
-import { n as En, r as Dn, t as On } from "./eJXoOdaV3zHUV2do.mjs";
-import { n as kn, r as An, t as jn } from "./qatUNqy1unWjxJRn.mjs";
-import { n as Mn } from "./CVoRtI07Syww8cUA.mjs";
-import { a as Nn, i as Pn, n as Fn, o as In, r as Ln, t as Rn } from "./gByeADNOXJBuXzPx.mjs";
+import { n as e, r as t } from "./BbRZ0cO4t2haGX-o.mjs";
+import { i as n, r } from "./swjGzqq7IK8YnHrV.mjs";
+import { A as i, _ as a, d as o, f as s, u as c, v as l } from "./Cjq-G2Seyww6IMSH.mjs";
+import { r as u, t as d } from "./DqfIf41HljTIhC84.mjs";
+import { $t as f, B as p, Ct as m, Et as h, Ot as g, Rt as _, U as v, Ut as y, Xt as b, Yt as x, Zt as S, _ as C, _t as w, at as T, c as E, ct as D, dt as O, et as k, f as A, h as j, in as M, jt as N, lt as P, m as F, n as ee, nt as te, ot as ne, p as re, qt as I, rt as L, t as R, tn as z, tt as B, vt as V, wt as H } from "./BDHrIbkTx7Ii0RYb.mjs";
+import { $ as ie, B as ae, D as oe, E as se, F as U, H as W, I as ce, L as le, M as ue, N as G, Q as de, St as fe, U as pe, V as me, W as he, Y as ge, _ as _e, _t as ve, c as ye, ct as be, f as xe, ft as Se, gt as Ce, ht as we, it as Te, l as Ee, lt as De, mt as Oe, nt as ke, ot as Ae, p as je, pt as Me, q as Ne, s as Pe, st as Fe, ut as Ie, v as Le, wt as Re, xt as ze } from "./CC52ynv81P-LwXRT.mjs";
+import { b as Be, c as Ve, h as He, l as Ue, m as We, s as Ge, t as Ke, u as qe, v as Je, x as Ye, y as Xe } from "./Byl6FdOyv58rFwxZ.mjs";
+import { n as Ze, t as Qe } from "./DD-_f0jEXDy0dn6z.mjs";
+import { t as $e } from "./Bxt5fHMZXudQ1QHA.mjs";
+import { t as et } from "./DjwllBVpUWlaltMT.mjs";
+import { t as tt } from "./DwEiTFl_RN5oQzfh.mjs";
+import { At as nt, C as rt, Ct as it, D as at, Dt as ot, Et as st, Ft as ct, G as lt, H as ut, It as dt, J as ft, Lt as pt, Mt as mt, N as ht, Ot as gt, Pt as _t, Q as vt, Rt as yt, St as K, T as bt, Tt as xt, U as St, Vt as Ct, W as wt, X as Tt, Y as Et, a as Dt, at as Ot, bt as kt, ct as At, gt as jt, h as Mt, ht as Nt, i as Pt, jt as Ft, k as It, l as Lt, lt as Rt, mt as zt, nt as Bt, ot as Vt, p as Ht, q as Ut, st as Wt, t as Gt, tt as Kt, ut as qt, v as Jt, vt as q, w as Yt, wt as Xt, x as Zt, xt as Qt, yt as $t } from "./CecKVsBMvvKuk2Og.mjs";
+import { t as en } from "./CtZ4wSjG6QUWs7Nn.mjs";
+import { n as tn, t as nn } from "./B1AbnDun66mq_S2f.mjs";
+import { n as rn, r as an } from "./BamGz0uoayfOfFJD.mjs";
+import { t as on } from "./MJIl3u3WexRfuRxx.mjs";
+import { t as J } from "./CNZeWICVX0x6E3-Z.mjs";
+import { c as sn } from "./DhnxpW56CJ43gVOI.mjs";
+import { I as cn, J as ln, Jt as un, Kt as dn, T as fn, _ as Y, at as pn, nt as X, ot as mn, pn as hn, tt as Z, w as gn } from "./Bs6uuY3i689nSdNa.mjs";
+import { a as _n, c as vn, d as yn, h as bn, r as xn } from "./CEWWFcwu4AyqL0cQ.mjs";
+import { i as Sn, n as Cn, r as wn, t as Tn } from "./CEgIZKMC4XoMmPp5.mjs";
+import { n as En, r as Dn, t as On } from "./DUpHK7eGlzF6E3h5.mjs";
+import { n as kn, r as An, t as jn } from "./4-QoxOhoR614u5tO.mjs";
+import { n as Mn } from "./CWQXDC8Qk5PH757v.mjs";
+import { a as Nn, i as Pn, n as Fn, o as In, r as Ln, t as Rn } from "./CsK0x9jgM8z_DOl1.mjs";
 var Q = t(n(), 1);
 function zn(e, t, n, r, i) {
 	let [a, o] = Q.useState(() => i && n ? n(e).matches : r ? r(e).matches : t);
@@ -75,7 +75,7 @@ function Hn(e = {}) {
 	return function(e, n = {}) {
 		let r = C();
 		r && t && (r = r[t] || r);
-		let i = typeof window < "u" && window.matchMedia !== void 0 ? window.matchMedia : null, { defaultMatches: a = !1, matchMedia: o, ssrMatchMedia: s = null, noSsr: c = !1 } = Le({
+		let i = typeof window < "u" && window.matchMedia !== void 0 ? window.matchMedia : null, { defaultMatches: a = !1, matchMedia: o, ssrMatchMedia: s = null, noSsr: c = !1 } = Re({
 			name: "MuiUseMediaQuery",
 			props: n,
 			theme: r
@@ -155,7 +155,7 @@ function er(e, t, n) {
 	return r[n] = t, r.sort(Yn);
 }
 function tr(e, t, n, r) {
-	let i = we(je(e.current));
+	let i = Te(Me(e.current));
 	if (!se(e.current, i) || Number(i?.getAttribute("data-index")) !== t) {
 		let n = e.current?.querySelector(`[type="range"][data-index="${t}"]`);
 		n != null && (r == null ? n.focus({ preventScroll: !0 }) : n.focus({
@@ -185,13 +185,13 @@ var rr = {
 	}
 }, ir = (e) => e;
 function ar(e) {
-	let { "aria-labelledby": t, defaultValue: n, disabled: r = !1, disableSwap: i = !1, isRtl: a = !1, marks: o = !1, max: s = 100, min: c = 0, name: l, onChange: u, onChangeCommitted: d, orientation: f = "horizontal", rootRef: p, scale: m = ir, step: h = 1, shiftStep: g = 10, tabIndex: _, value: v } = e, y = Q.useRef(void 0), b = Q.useRef(null), [x, S] = Q.useState(-1), [C, w] = Q.useState(-1), [T, E] = Q.useState(!1), D = Q.useRef(0), O = Q.useRef(-1), k = Q.useRef(!1), j = Q.useRef(-1), M = De(() => {
+	let { "aria-labelledby": t, defaultValue: n, disabled: r = !1, disableSwap: i = !1, isRtl: a = !1, marks: o = !1, max: s = 100, min: c = 0, name: l, onChange: u, onChangeCommitted: d, orientation: f = "horizontal", rootRef: p, scale: m = ir, step: h = 1, shiftStep: g = 10, tabIndex: _, value: v } = e, y = Q.useRef(void 0), b = Q.useRef(null), [x, S] = Q.useState(-1), [C, w] = Q.useState(-1), [T, E] = Q.useState(!1), D = Q.useRef(0), O = Q.useRef(-1), k = Q.useRef(!1), j = Q.useRef(-1), M = Oe(() => {
 		b.current != null && (cancelAnimationFrame(b.current), b.current = null);
 	}), N = Q.useRef(null), [P, F] = ge({
 		controlled: v,
 		default: n ?? c,
 		name: "Slider"
-	}), ee = De((e, t, n) => {
+	}), ee = Oe((e, t, n) => {
 		let r = "nativeEvent" in e ? e.nativeEvent : e, i = new r.constructor(r.type, r);
 		Object.defineProperty(i, "target", {
 			writable: !0,
@@ -229,7 +229,7 @@ function ar(e) {
 		let e = Array(re.length);
 		for (let t = 0; t < re.length; t += 1) e[t] = re[t].value;
 		return e;
-	}, [re]), [L, R] = Q.useState(-1), z = Q.useRef(null), B = Ce(p, z), V = (e) => (t) => {
+	}, [re]), [L, R] = Q.useState(-1), z = Q.useRef(null), B = we(p, z), V = (e) => (t) => {
 		let n = Number(t.currentTarget.getAttribute("data-index"));
 		ae(t.target) && R(n), w(n), e?.onFocus?.(t);
 	}, H = (e) => (t) => {
@@ -306,7 +306,7 @@ function ar(e) {
 		e?.onKeyDown?.(t);
 	};
 	fe(() => {
-		let e = we(je(z.current));
+		let e = Te(Me(z.current));
 		r && se(z.current, e) && e != null && "blur" in e && e.blur();
 	}, [r]), r && x !== -1 && S(-1), r && L !== -1 && R(-1);
 	let U = Q.useRef(void 0), W = f;
@@ -334,20 +334,20 @@ function ar(e) {
 			newValue: u,
 			activeIndex: d
 		};
-	}, le = De((e) => {
+	}, le = Oe((e) => {
 		if ("pointerId" in e && e.pointerId !== j.current) return;
 		let t = Zn(e, y);
 		if (!t) return;
 		if (D.current += 1, e.type === "pointermove" && e.buttons === 0) return void ue(e);
 		let n = ce(t);
 		n && (tr(z, n.activeIndex, S, !1), O.current = n.activeIndex, F(n.newValue), !T && D.current > 2 && E(!0), u && !nr(n.newValue, P) && ee(e, n.newValue, n.activeIndex));
-	}), ue = De((e) => {
+	}), ue = Oe((e) => {
 		if ("pointerId" in e && e.pointerId !== j.current) return;
 		let t = Zn(e, y);
 		if (E(!1), !t) return;
 		let n = ce(t);
 		S(-1), e.type === "touchend" && w(-1), n && d && d(e, N.current ?? n.newValue), "pointerType" in e && z.current?.hasPointerCapture(e.pointerId) && z.current.releasePointerCapture(e.pointerId), y.current = void 0, j.current = -1, de();
-	}), G = De((e) => {
+	}), G = Oe((e) => {
 		if (r) return;
 		if (k.current) {
 			k.current = !1;
@@ -364,10 +364,10 @@ function ar(e) {
 			t && (tr(z, t.activeIndex, S, !1), O.current = t.activeIndex, F(t.newValue), u && !nr(t.newValue, P) && ee(e, t.newValue, t.activeIndex));
 		}
 		D.current = 0;
-		let i = je(z.current);
+		let i = Me(z.current);
 		i.addEventListener("touchmove", le, { passive: !0 }), i.addEventListener("touchend", ue, { passive: !0 });
 	}), de = Q.useCallback(() => {
-		let e = je(z.current);
+		let e = Me(z.current);
 		e.removeEventListener("pointermove", le), e.removeEventListener("pointerup", ue), e.removeEventListener("touchmove", le), e.removeEventListener("touchend", ue);
 	}, [ue, le]);
 	Q.useEffect(() => {
@@ -386,10 +386,10 @@ function ar(e) {
 		de,
 		M
 	]);
-	let me = Qn(te ? ne[0] : c, c, s), he = Qn(ne[ne.length - 1], c, s) - me, K = (e) => (t) => {
+	let me = Qn(te ? ne[0] : c, c, s), he = Qn(ne[ne.length - 1], c, s) - me, _e = (e) => (t) => {
 		e.onMouseLeave?.(t), w(-1);
-	}, _e;
-	return f === "vertical" && (_e = a ? "vertical-rl" : "vertical-lr"), {
+	}, ve;
+	return f === "vertical" && (ve = a ? "vertical-rl" : "vertical-lr"), {
 		active: x,
 		axis: W,
 		axisProps: rr,
@@ -428,7 +428,7 @@ function ar(e) {
 					direction: a ? "rtl" : "ltr",
 					width: "100%",
 					height: "100%",
-					writingMode: _e
+					writingMode: ve
 				}
 			};
 		},
@@ -440,14 +440,14 @@ function ar(e) {
 					U.current = -1;
 					let n = ce(t);
 					if (n) {
-						let t = z.current?.querySelector(`input[type="range"][data-index="${n.activeIndex}"]`), r = je(z.current), i = t != null && t === we(r);
+						let t = z.current?.querySelector(`input[type="range"][data-index="${n.activeIndex}"]`), r = Me(z.current), i = t != null && t === Te(r);
 						S(n.activeIndex), O.current = n.activeIndex, i ? e.preventDefault() : (M(), b.current = requestAnimationFrame(() => {
 							b.current = null, tr(z, n.activeIndex, void 0, !1);
 						})), F(n.newValue), u && !nr(n.newValue, P) && ee(e, n.newValue, n.activeIndex);
 					}
 				}
 				D.current = 0, j.current = e.pointerId;
-				let n = je(z.current);
+				let n = Me(z.current);
 				try {
 					e.currentTarget.setPointerCapture(e.pointerId);
 				} catch {}
@@ -471,7 +471,7 @@ function ar(e) {
 					let t = Number(e.currentTarget.getAttribute("data-index"));
 					w(t);
 				}),
-				onMouseLeave: K(t)
+				onMouseLeave: _e(t)
 			};
 			var r;
 			return {
@@ -500,22 +500,22 @@ var $ = t(r(), 1);
 function or(e) {
 	return e;
 }
-var sr = Fe("span", {
+var sr = Ie("span", {
 	name: "MuiSlider",
 	slot: "Root",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.root,
-			t[`color${Pe(n.color)}`],
-			n.size !== "medium" && t[`size${Pe(n.size)}`],
+			t[`color${Fe(n.color)}`],
+			n.size !== "medium" && t[`size${Fe(n.size)}`],
 			n.marked && t.marked,
 			n.orientation === "vertical" && t.vertical,
 			n.track === "inverted" && t.trackInverted,
 			!1 === n.track && t.trackFalse
 		];
 	}
-})(Ee(({ theme: e }) => ({
+})(De(({ theme: e }) => ({
 	borderRadius: 12,
 	boxSizing: "content-box",
 	display: "inline-block",
@@ -582,7 +582,7 @@ var sr = Fe("span", {
 			style: { marginRight: 44 }
 		}
 	]
-}))), cr = Fe("span", {
+}))), cr = Ie("span", {
 	name: "MuiSlider",
 	slot: "Rail"
 })({
@@ -619,16 +619,16 @@ var sr = Fe("span", {
 			style: { opacity: 1 }
 		}
 	]
-}), lr = Fe("span", {
+}), lr = Ie("span", {
 	name: "MuiSlider",
 	slot: "Track"
-})(Ee(({ theme: e }) => ({
+})(De(({ theme: e }) => ({
 	display: "block",
 	position: "absolute",
 	borderRadius: "inherit",
 	border: "1px solid currentColor",
 	backgroundColor: "currentColor",
-	...Oe(e, [
+	...ke(e, [
 		"left",
 		"width",
 		"bottom",
@@ -675,10 +675,10 @@ var sr = Fe("span", {
 			} }
 		}))
 	]
-}))), ur = Fe("span", {
+}))), ur = Ie("span", {
 	name: "MuiSlider",
 	slot: "Thumb"
-})(Ee(({ theme: e }) => ({
+})(De(({ theme: e }) => ({
 	position: "absolute",
 	width: 20,
 	height: 20,
@@ -689,7 +689,7 @@ var sr = Fe("span", {
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center",
-	...Oe(e, [
+	...ke(e, [
 		"box-shadow",
 		"left",
 		"bottom"
@@ -748,7 +748,7 @@ var sr = Fe("span", {
 			}
 		}))
 	]
-}))), dr = Fe(function(e) {
+}))), dr = Ie(function(e) {
 	let { children: t, className: n, value: r } = e, i = ((e) => {
 		let { open: t } = e;
 		return {
@@ -771,12 +771,12 @@ var sr = Fe("span", {
 }, {
 	name: "MuiSlider",
 	slot: "ValueLabel"
-})(Ee(({ theme: e }) => ({
+})(De(({ theme: e }) => ({
 	zIndex: 1,
 	whiteSpace: "nowrap",
 	...e.typography.body2,
 	fontWeight: 500,
-	...Oe(e, ["transform"], { duration: e.transitions.duration.shortest }),
+	...ke(e, ["transform"], { duration: e.transitions.duration.shortest }),
 	position: "absolute",
 	backgroundColor: (e.vars || e).palette.grey[600],
 	borderRadius: 2,
@@ -840,15 +840,15 @@ var sr = Fe("span", {
 			style: { right: "20px" }
 		}
 	]
-}))), fr = Fe("span", {
+}))), fr = Ie("span", {
 	name: "MuiSlider",
 	slot: "Mark",
-	shouldForwardProp: (e) => xe(e) && e !== "markActive",
+	shouldForwardProp: (e) => Se(e) && e !== "markActive",
 	overridesResolver: (e, t) => {
 		let { markActive: n } = e;
 		return [t.mark, n && t.markActive];
 	}
-})(Ee(({ theme: e }) => ({
+})(De(({ theme: e }) => ({
 	position: "absolute",
 	width: 2,
 	height: 2,
@@ -877,11 +877,11 @@ var sr = Fe("span", {
 			}
 		}
 	]
-}))), pr = Fe("span", {
+}))), pr = Ie("span", {
 	name: "MuiSlider",
 	slot: "MarkLabel",
-	shouldForwardProp: (e) => xe(e) && e !== "markLabelActive"
-})(Ee(({ theme: e }) => ({
+	shouldForwardProp: (e) => Se(e) && e !== "markLabelActive"
+})(De(({ theme: e }) => ({
 	...e.typography.body2,
 	color: (e.vars || e).palette.text.secondary,
 	position: "absolute",
@@ -909,10 +909,10 @@ var sr = Fe("span", {
 		}
 	]
 }))), mr = ({ children: e }) => e, hr = Q.forwardRef(function(e, t) {
-	let n = ye({
+	let n = be({
 		props: e,
 		name: "MuiSlider"
-	}), r = Re(), { "aria-label": i, "aria-valuetext": a, "aria-labelledby": o, color: s = "primary", classes: c, className: l, disableSwap: u = !1, disabled: d = !1, getAriaLabel: f, getAriaValueText: p, marks: m = !1, max: h = 100, min: g = 0, name: _, onChange: v, onChangeCommitted: y, orientation: b = "horizontal", shiftStep: x = 10, size: S = "medium", step: C = 1, scale: w = or, slotProps: T = {}, slots: E = {}, tabIndex: D, track: O = "normal", value: k, valueLabelDisplay: A = "off", valueLabelFormat: M = or, ...N } = n, P = {
+	}), r = ze(), { "aria-label": i, "aria-valuetext": a, "aria-labelledby": o, color: s = "primary", classes: c, className: l, disableSwap: u = !1, disabled: d = !1, getAriaLabel: f, getAriaValueText: p, marks: m = !1, max: h = 100, min: g = 0, name: _, onChange: v, onChangeCommitted: y, orientation: b = "horizontal", shiftStep: x = 10, size: S = "medium", step: C = 1, scale: w = or, slotProps: T = {}, slots: E = {}, tabIndex: D, track: O = "normal", value: k, valueLabelDisplay: A = "off", valueLabelFormat: M = or, ...N } = n, P = {
 		...n,
 		isRtl: r,
 		max: h,
@@ -937,7 +937,7 @@ var sr = Fe("span", {
 	P.marked = V.length > 0 && V.some((e) => e.label), P.dragging = B, P.focusedThumbIndex = R;
 	let se = ((e) => {
 		let { disabled: t, dragging: n, marked: r, orientation: i, track: a, classes: o, color: s, size: c } = e;
-		return _e({
+		return ve({
 			root: [
 				"root",
 				t && "disabled",
@@ -946,8 +946,8 @@ var sr = Fe("span", {
 				i === "vertical" && "vertical",
 				a === "inverted" && "trackInverted",
 				!1 === a && "trackFalse",
-				s && `color${Pe(s)}`,
-				c && `size${Pe(c)}`
+				s && `color${Fe(s)}`,
+				c && `size${Fe(c)}`
 			],
 			rail: ["rail"],
 			track: ["track"],
@@ -998,17 +998,17 @@ var sr = Fe("span", {
 		externalForwardedProps: U,
 		ownerState: P,
 		className: se.valueLabel
-	}), [K, ve] = W("mark", {
+	}), [_e, ye] = W("mark", {
 		elementType: fr,
 		externalForwardedProps: U,
 		ownerState: P,
 		className: se.mark
-	}), [be, xe] = W("markLabel", {
+	}), [xe, Se] = W("markLabel", {
 		elementType: pr,
 		externalForwardedProps: U,
 		ownerState: P,
 		className: se.markLabel
-	}), [Ce, we] = W("input", {
+	}), [we, Te] = W("input", {
 		elementType: "input",
 		getSlotProps: te,
 		externalForwardedProps: U,
@@ -1021,32 +1021,32 @@ var sr = Fe("span", {
 			(0, $.jsx)(de, { ...fe }),
 			V.filter((e) => e.value >= g && e.value <= h).map((e, t) => {
 				let n = Qn(e.value, g, h), r = F[L].offset(n), i;
-				return i = !1 === O ? H.includes(e.value) : O === "normal" && (z ? e.value >= H[0] && e.value <= H[H.length - 1] : e.value <= H[0]) || O === "inverted" && (z ? e.value <= H[0] || e.value >= H[H.length - 1] : e.value >= H[0]), (0, $.jsxs)(Q.Fragment, { children: [(0, $.jsx)(K, {
+				return i = !1 === O ? H.includes(e.value) : O === "normal" && (z ? e.value >= H[0] && e.value <= H[H.length - 1] : e.value <= H[0]) || O === "inverted" && (z ? e.value <= H[0] || e.value >= H[H.length - 1] : e.value >= H[0]), (0, $.jsxs)(Q.Fragment, { children: [(0, $.jsx)(_e, {
 					"data-index": t,
-					...ve,
-					...!Se(K) && { markActive: i },
+					...ye,
+					...!Ce(_e) && { markActive: i },
 					style: {
 						...r,
-						...ve.style
+						...ye.style
 					},
-					className: j(ve.className, i && se.markActive)
-				}), e.label == null ? null : (0, $.jsx)(be, {
+					className: j(ye.className, i && se.markActive)
+				}), e.label == null ? null : (0, $.jsx)(xe, {
 					"aria-hidden": !0,
 					"data-index": t,
-					...xe,
-					...!Se(be) && { markLabelActive: i },
+					...Se,
+					...!Ce(xe) && { markLabelActive: i },
 					style: {
 						...r,
-						...xe.style
+						...Se.style
 					},
-					className: j(se.markLabel, xe.className, i && se.markLabelActive),
+					className: j(se.markLabel, Se.className, i && se.markLabelActive),
 					children: e.label
 				})] }, t);
 			}),
 			H.map((e, t) => {
 				let n = Qn(e, g, h), r = F[L].offset(n), s = A === "off" ? mr : he;
 				return (0, $.jsx)(s, {
-					...!Se(s) && {
+					...!Ce(s) && {
 						valueLabelFormat: M,
 						valueLabelDisplay: A,
 						value: typeof M == "function" ? M(w(e), t) : M,
@@ -1064,14 +1064,14 @@ var sr = Fe("span", {
 							...oe(t),
 							...me.style
 						},
-						children: (0, $.jsx)(Ce, {
+						children: (0, $.jsx)(we, {
 							"data-index": t,
 							"aria-label": f ? f(t) : i,
 							"aria-valuenow": w(e),
 							"aria-labelledby": o,
 							"aria-valuetext": p ? p(w(e), t) : a,
 							value: H[t],
-							...we
+							...Te
 						})
 					})
 				}, t);
@@ -1093,7 +1093,7 @@ var _r = re("MuiTab", [
 	"fullWidth",
 	"wrapped",
 	"icon"
-]), vr = Fe(le, {
+]), vr = Ie(le, {
 	name: "MuiTab",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -1101,13 +1101,13 @@ var _r = re("MuiTab", [
 		return [
 			t.root,
 			n.label && n.icon && t.labelIcon,
-			t[`textColor${Pe(n.textColor)}`],
+			t[`textColor${Fe(n.textColor)}`],
 			n.fullWidth && t.fullWidth,
 			n.wrapped && t.wrapped,
 			{ [`& .${_r.icon}`]: t.icon }
 		];
 	}
-})(Ee(({ theme: e }) => ({
+})(De(({ theme: e }) => ({
 	...e.typography.button,
 	maxWidth: 360,
 	minWidth: 90,
@@ -1192,10 +1192,10 @@ var _r = re("MuiTab", [
 		}
 	]
 }))), yr = Q.forwardRef(function(e, t) {
-	let n = ye({
+	let n = be({
 		props: e,
 		name: "MuiTab"
-	}), { className: r, disabled: i = !1, disableFocusRipple: a = !1, fullWidth: o, icon: s, iconPosition: c = "top", indicator: l, label: u, onChange: d, onClick: f, onFocus: p, selected: m, selectionFollowsFocus: h, textColor: g = "inherit", value: _, wrapped: v = !1, ...y } = n, b = Ke(), x = We({
+	}), { className: r, disabled: i = !1, disableFocusRipple: a = !1, fullWidth: o, icon: s, iconPosition: c = "top", indicator: l, label: u, onChange: d, onClick: f, onFocus: p, selected: m, selectionFollowsFocus: h, textColor: g = "inherit", value: _, wrapped: v = !1, ...y } = n, b = qe(), x = Ge({
 		id: _,
 		ref: t,
 		disabled: i,
@@ -1213,11 +1213,11 @@ var _r = re("MuiTab", [
 		wrapped: v
 	}, w = ((e) => {
 		let { classes: t, textColor: n, fullWidth: r, wrapped: i, icon: a, label: o, selected: s, disabled: c } = e;
-		return _e({
+		return ve({
 			root: [
 				"root",
 				a && o && "labelIcon",
-				`textColor${Pe(n)}`,
+				`textColor${Fe(n)}`,
 				r && "fullWidth",
 				i && "wrapped",
 				s && "selected",
@@ -1265,7 +1265,7 @@ var Tr = re("MuiTabScrollButton", [
 	"vertical",
 	"horizontal",
 	"disabled"
-]), Er = Fe(le, {
+]), Er = Ie(le, {
 	name: "MuiTabScrollButton",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -1286,15 +1286,15 @@ var Tr = re("MuiTabScrollButton", [
 		}
 	}]
 }), Dr = Q.forwardRef(function(e, t) {
-	let n = ye({
+	let n = be({
 		props: e,
 		name: "MuiTabScrollButton"
-	}), { className: r, slots: i = {}, slotProps: a = {}, direction: o, orientation: s, disabled: c, ...l } = n, { nativeButton: u, ...d } = l, f = Re(), p = {
+	}), { className: r, slots: i = {}, slotProps: a = {}, direction: o, orientation: s, disabled: c, ...l } = n, { nativeButton: u, ...d } = l, f = ze(), p = {
 		isRtl: f,
 		...n
 	}, m = ((e) => {
 		let { classes: t, orientation: n, disabled: r } = e;
-		return _e({ root: [
+		return ve({ root: [
 			"root",
 			n,
 			r && "disabled"
@@ -1341,7 +1341,7 @@ var kr = re("MuiTabs", [
 	"scrollButtons",
 	"scrollButtonsHideMobile",
 	"indicator"
-]), Ar = Fe("div", {
+]), Ar = Ie("div", {
 	name: "MuiTabs",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -1353,7 +1353,7 @@ var kr = re("MuiTabs", [
 			n.vertical && t.vertical
 		];
 	}
-})(Ee(({ theme: e }) => ({
+})(De(({ theme: e }) => ({
 	overflow: "hidden",
 	minHeight: 48,
 	WebkitOverflowScrolling: "touch",
@@ -1365,7 +1365,7 @@ var kr = re("MuiTabs", [
 		props: ({ ownerState: e }) => e.scrollButtonsHideMobile,
 		style: { [`& .${kr.scrollButtons}`]: { [e.breakpoints.down("sm")]: { display: "none" } } }
 	}]
-}))), jr = Fe("div", {
+}))), jr = Ie("div", {
 	name: "MuiTabs",
 	slot: "Scroller",
 	overridesResolver: (e, t) => {
@@ -1413,7 +1413,7 @@ var kr = re("MuiTabs", [
 			}
 		}
 	]
-}), Mr = Fe("div", {
+}), Mr = Ie("div", {
 	name: "MuiTabs",
 	slot: "List",
 	overridesResolver: (e, t) => {
@@ -1429,15 +1429,15 @@ var kr = re("MuiTabs", [
 		props: ({ ownerState: e }) => e.centered,
 		style: { justifyContent: "center" }
 	}]
-}), Nr = Fe("span", {
+}), Nr = Ie("span", {
 	name: "MuiTabs",
 	slot: "Indicator"
-})(Ee(({ theme: e }) => ({
+})(De(({ theme: e }) => ({
 	position: "absolute",
 	height: 2,
 	bottom: 0,
 	width: "100%",
-	...Oe(e),
+	...ke(e),
 	variants: [
 		{
 			props: { indicatorColor: "primary" },
@@ -1456,15 +1456,15 @@ var kr = re("MuiTabs", [
 			}
 		}
 	]
-}))), Pr = Fe(function(e) {
+}))), Pr = Ie(function(e) {
 	let { onChange: t, ...n } = e, r = Q.useRef(), i = Q.useRef(null), a = () => {
 		r.current = i.current.offsetHeight - i.current.clientHeight;
 	};
-	return Je(() => {
-		let e = Ye(() => {
+	return Ye(() => {
+		let e = Xe(() => {
 			let e = r.current;
 			a(), e !== r.current && t(r.current);
-		}), n = qe(i.current);
+		}), n = Je(i.current);
 		return n.addEventListener("resize", e), () => {
 			e.clear(), n.removeEventListener("resize", e);
 		};
@@ -1481,10 +1481,10 @@ var kr = re("MuiTabs", [
 	scrollbarWidth: "none",
 	"&::-webkit-scrollbar": { display: "none" }
 }), Fr = {}, Ir = Q.forwardRef(function(e, t) {
-	let n = ye({
+	let n = be({
 		props: e,
 		name: "MuiTabs"
-	}), r = ee(), i = Re(), a = he(r.motion.reducedMotion, !1), { "aria-label": o, "aria-labelledby": s, action: c, centered: l = !1, children: u, className: d, component: f = "div", allowScrollButtonsMobile: p = !1, indicatorColor: m = "primary", onChange: h, orientation: g = "horizontal", scrollButtons: _ = "auto", selectionFollowsFocus: v, slots: y = {}, slotProps: b = {}, textColor: x = "primary", value: S, variant: C = "standard", visibleScrollbar: w = !1, ...T } = n, E = C === "scrollable", D = g === "vertical", O = D ? "scrollTop" : "scrollLeft", k = D ? "top" : "left", A = D ? "bottom" : "right", M = D ? "clientHeight" : "clientWidth", N = D ? "height" : "width", P = {
+	}), r = ee(), i = ze(), a = he(r.motion.reducedMotion, !1), { "aria-label": o, "aria-labelledby": s, action: c, centered: l = !1, children: u, className: d, component: f = "div", allowScrollButtonsMobile: p = !1, indicatorColor: m = "primary", onChange: h, orientation: g = "horizontal", scrollButtons: _ = "auto", selectionFollowsFocus: v, slots: y = {}, slotProps: b = {}, textColor: x = "primary", value: S, variant: C = "standard", visibleScrollbar: w = !1, ...T } = n, E = C === "scrollable", D = g === "vertical", O = D ? "scrollTop" : "scrollLeft", k = D ? "top" : "left", A = D ? "bottom" : "right", M = D ? "clientHeight" : "clientWidth", N = D ? "height" : "width", P = {
 		...n,
 		component: f,
 		allowScrollButtonsMobile: p,
@@ -1503,7 +1503,7 @@ var kr = re("MuiTabs", [
 		scrollButtonsHideMobile: !p
 	}, F = ((e) => {
 		let { vertical: t, fixed: n, hideScrollbar: r, scrollableX: i, scrollableY: a, centered: o, scrollButtonsHideMobile: s, classes: c } = e;
-		return _e({
+		return ve({
 			root: ["root", t && "vertical"],
 			scroller: [
 				"scroller",
@@ -1562,7 +1562,7 @@ var kr = re("MuiTabs", [
 			tabsMeta: t,
 			tabMeta: n
 		};
-	}, K = Me(() => {
+	}, _e = Ne(() => {
 		let { tabsMeta: e, tabMeta: t } = ge(), n, r = 0;
 		D ? (n = "top", t && e && (r = t.top - e.top + e.scrollTop)) : (n = i ? "right" : "left", t && e && (r = (i ? -1 : 1) * (t[n] - e[n] + e.scrollLeft)));
 		let a = {
@@ -1574,7 +1574,7 @@ var kr = re("MuiTabs", [
 			let e = Math.abs(L[n] - a[n]), t = Math.abs(L[N] - a[N]);
 			(e >= 1 || t >= 1) && R(a);
 		}
-	}), ve = (e, { animation: t = !0 } = {}) => {
+	}), ye = (e, { animation: t = !0 } = {}) => {
 		t && !a.shouldReduceMotion ? function(e, t, n, r = {}, i = () => {}) {
 			let { ease: a = Sr, duration: o = 300 } = r, s = null, c = t[e], l = (r) => {
 				s === null && (s = r);
@@ -1585,10 +1585,10 @@ var kr = re("MuiTabs", [
 			};
 			c === n ? i(/* @__PURE__ */ Error("Element already at target position")) : requestAnimationFrame(l);
 		}(O, fe.current, e, { duration: r.transitions.duration.standard }) : fe.current[O] = e;
-	}, be = (e) => {
+	}, xe = (e) => {
 		let t = fe.current[O];
-		t += D ? e : e * (i ? -1 : 1), ve(t);
-	}, xe = () => {
+		t += D ? e : e * (i ? -1 : 1), ye(t);
+	}, Se = () => {
 		let e = fe.current[M], t = 0, n = Array.from(pe.current.children);
 		for (let r = 0; r < n.length; r += 1) {
 			let i = n[r];
@@ -1599,22 +1599,22 @@ var kr = re("MuiTabs", [
 			t += i[M];
 		}
 		return t;
-	}, Se = () => {
-		be(-1 * xe());
 	}, Ce = () => {
-		be(xe());
-	}, [Te, { onChange: Ee, ...De }] = W("scrollbar", {
+		xe(-1 * Se());
+	}, we = () => {
+		xe(Se());
+	}, [Ee, { onChange: De, ...Oe }] = W("scrollbar", {
 		className: j(F.scrollableX, F.hideScrollbar),
 		elementType: Pr,
 		shouldForwardComponentProp: !0,
 		externalForwardedProps: me,
 		ownerState: P
-	}), Oe = Q.useCallback((e) => {
-		Ee?.(e), G({
+	}), ke = Q.useCallback((e) => {
+		De?.(e), G({
 			overflow: null,
 			scrollbarWidth: e
 		});
-	}, [Ee]), [Ae, je] = W("scrollButtons", {
+	}, [De]), [je, Me] = W("scrollButtons", {
 		className: F.scrollButtons,
 		elementType: Dr,
 		externalForwardedProps: me,
@@ -1630,23 +1630,23 @@ var kr = re("MuiTabs", [
 				endScrollButtonIcon: ne
 			}
 		}
-	}), Ne = Me((e) => {
+	}), Pe = Ne((e) => {
 		let { tabsMeta: t, tabMeta: n } = ge();
 		if (n && t) {
 			if (n[k] < t[k]) {
 				let r = t[O] + (n[k] - t[k]);
-				ve(r, { animation: e });
+				ye(r, { animation: e });
 			} else if (n[A] > t[A]) {
 				let r = t[O] + (n[A] - t[A]);
-				ve(r, { animation: e });
+				ye(r, { animation: e });
 			}
 		}
-	}), Pe = Me(() => {
+	}), Fe = Ne(() => {
 		E && !1 !== _ && ae(!ie);
 	});
 	Q.useEffect(() => {
-		let e = Ye(() => {
-			fe.current && K();
+		let e = Xe(() => {
+			fe.current && _e();
 		}), t, n = (n) => {
 			n.forEach((e) => {
 				e.removedNodes.forEach((e) => {
@@ -1654,14 +1654,14 @@ var kr = re("MuiTabs", [
 				}), e.addedNodes.forEach((e) => {
 					t?.observe(e);
 				});
-			}), e(), Pe();
-		}, r = qe(fe.current), i;
+			}), e(), Fe();
+		}, r = Je(fe.current), i;
 		return r.addEventListener("resize", e), typeof ResizeObserver < "u" && (t = new ResizeObserver(e), Array.from(pe.current.children).forEach((e) => {
 			t.observe(e);
 		})), typeof MutationObserver < "u" && (i = new MutationObserver(n), i.observe(pe.current, { childList: !0 })), () => {
 			e.clear(), r.removeEventListener("resize", e), i?.disconnect(), t?.disconnect();
 		};
-	}, [K, Pe]), Q.useEffect(() => {
+	}, [_e, Fe]), Q.useEffect(() => {
 		let e = Array.from(pe.current.children), t = e.length;
 		if (typeof IntersectionObserver < "u" && t > 0 && E && !1 !== _) {
 			let n = e[0], r = e[t - 1], i = {
@@ -1686,24 +1686,24 @@ var kr = re("MuiTabs", [
 	]), Q.useEffect(() => {
 		I(!0);
 	}, []), Q.useEffect(() => {
-		K();
+		_e();
 	}), Q.useEffect(() => {
-		Ne(Fr !== L);
-	}, [Ne, L]), Q.useImperativeHandle(c, () => ({
-		updateIndicator: K,
-		updateScrollButtons: Pe
-	}), [K, Pe]);
-	let [Fe, Ie] = W("indicator", {
+		Pe(Fr !== L);
+	}, [Pe, L]), Q.useImperativeHandle(c, () => ({
+		updateIndicator: _e,
+		updateScrollButtons: Fe
+	}), [_e, Fe]);
+	let [Ie, Le] = W("indicator", {
 		className: F.indicator,
 		elementType: Nr,
 		externalForwardedProps: me,
 		ownerState: P,
 		additionalProps: { style: L }
-	}), Le = (0, $.jsx)(Fe, { ...Ie }), Ve = Be({
+	}), Re = (0, $.jsx)(Ie, { ...Le }), He = Ve({
 		activeItemId: U ? void 0 : oe,
 		orientation: g,
 		isRtl: i
-	}), Ue = Ve.getContainerProps(), We = Q.Children.toArray(u).filter(Q.isValidElement).map((e, t) => {
+	}), We = He.getContainerProps(), Ge = Q.Children.toArray(u).filter(Q.isValidElement).map((e, t) => {
 		let n = e.props.value === void 0 ? t : e.props.value;
 		return de.set(n, t), {
 			child: e,
@@ -1714,32 +1714,32 @@ var kr = re("MuiTabs", [
 		let n = t === S;
 		return Q.cloneElement(e, {
 			fullWidth: C === "fullWidth",
-			indicator: n && !re && Le,
+			indicator: n && !re && Re,
 			selected: n,
 			selectionFollowsFocus: v,
 			onChange: h,
 			textColor: x,
 			value: t
 		});
-	}), Ge = (() => {
+	}), Ke = (() => {
 		let e = {};
-		e.scrollbarSizeListener = E ? (0, $.jsx)(Te, {
-			...De,
-			onChange: Oe
+		e.scrollbarSizeListener = E ? (0, $.jsx)(Ee, {
+			...Oe,
+			onChange: ke
 		}) : null;
 		let t = E && (_ === "auto" && (z || V) || !0 === _);
-		return e.scrollButtonStart = t ? (0, $.jsx)(Ae, {
+		return e.scrollButtonStart = t ? (0, $.jsx)(je, {
 			direction: i ? "right" : "left",
-			onClick: Se,
+			onClick: Ce,
 			disabled: !z,
-			...je
-		}) : null, e.scrollButtonEnd = t ? (0, $.jsx)(Ae, {
+			...Me
+		}) : null, e.scrollButtonEnd = t ? (0, $.jsx)(je, {
 			direction: i ? "left" : "right",
-			onClick: Ce,
+			onClick: we,
 			disabled: !V,
-			...je
+			...Me
 		}) : null, e;
-	})(), [Ke, Je] = W("root", {
+	})(), [qe, Ye] = W("root", {
 		ref: t,
 		className: j(F.root, d),
 		elementType: Ar,
@@ -1749,7 +1749,7 @@ var kr = re("MuiTabs", [
 			component: f
 		},
 		ownerState: P
-	}), [Xe, Ze] = W("scroller", {
+	}), [Ze, Qe] = W("scroller", {
 		ref: fe,
 		className: F.scroller,
 		elementType: jr,
@@ -1759,8 +1759,8 @@ var kr = re("MuiTabs", [
 			overflow: le.overflow,
 			[D ? "margin" + (i ? "Left" : "Right") : "marginBottom"]: w ? void 0 : -le.scrollbarWidth
 		} }
-	}), [Qe, $e] = W("list", {
-		ref: ke(Ue.ref, pe),
+	}), [$e, et] = W("list", {
+		ref: Ae(We.ref, pe),
 		className: F.list,
 		elementType: Mr,
 		externalForwardedProps: me,
@@ -1773,34 +1773,34 @@ var kr = re("MuiTabs", [
 			onKeyDown: (t) => {
 				((e) => {
 					let t = pe.current;
-					we(ze(t))?.getAttribute("role") === "tab" && Ue.onKeyDown(e);
+					Te(Be(t))?.getAttribute("role") === "tab" && We.onKeyDown(e);
 				})(t), e.onKeyDown?.(t);
 			},
 			onFocus: (t) => {
-				ce(!0), Ue.onFocus(t), e.onFocus?.(t);
+				ce(!0), We.onFocus(t), e.onFocus?.(t);
 			}
 		})
 	});
-	return (0, $.jsxs)(Ke, {
-		...Je,
+	return (0, $.jsxs)(qe, {
+		...Ye,
 		children: [
-			Ge.scrollButtonStart,
-			Ge.scrollbarSizeListener,
-			(0, $.jsxs)(Xe, {
-				...Ze,
-				children: [(0, $.jsx)(Qe, {
+			Ke.scrollButtonStart,
+			Ke.scrollbarSizeListener,
+			(0, $.jsxs)(Ze, {
+				...Qe,
+				children: [(0, $.jsx)($e, {
 					"aria-label": o,
 					"aria-labelledby": s,
 					"aria-orientation": g === "vertical" ? "vertical" : null,
 					role: "tablist",
-					...$e,
-					children: (0, $.jsx)(He.Provider, {
-						value: Ve,
-						children: We
+					...et,
+					children: (0, $.jsx)(Ue.Provider, {
+						value: He,
+						children: Ge
 					})
-				}), re && Le]
+				}), re && Re]
 			}),
-			Ge.scrollButtonEnd
+			Ke.scrollButtonEnd
 		]
 	});
 }), Lr = Hn({ themeId: p }), Rr = {
@@ -2290,7 +2290,6 @@ var kr = re("MuiTabs", [
 	"theme.heading": "Themes",
 	"theme.none": "No themes",
 	"toast.showMore": "Show more",
-	"workbook.defaultName": "Workbook",
 	"workbook.encrypted": "Encrypted with a password",
 	"workbook.importWarnings": "Some elements were not able to be imported. See console for details.",
 	"workbook.opening": "Opening ''{name}''…",
@@ -2659,7 +2658,7 @@ function Hr() {
 }
 var Ur = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let [n] = P(["formatTextRotateCustom"]), r = !!n?.getState();
-	return (0, $.jsx)(Yt, {
+	return (0, $.jsx)(Xt, {
 		ref: t,
 		...e,
 		selected: r,
@@ -2686,28 +2685,28 @@ var Wr = [
 			groupKey: n,
 			disabled: r
 		}, i = (0, $.jsxs)($.Fragment, { children: [
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "sheetZoom200"
 			}),
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "sheetZoom100"
 			}),
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "sheetZoom75"
 			}),
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "sheetZoom50"
 			}),
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "sheetZoom25"
 			}),
-			(0, $.jsx)(J, { orientation: "horizontal" }),
-			(0, $.jsx)(Nt, {
+			(0, $.jsx)(q, { orientation: "horizontal" }),
+			(0, $.jsx)(jt, {
 				...t,
 				commandKey: "sheetZoomCustom",
 				groupKey: "sheetZoomOptions",
@@ -2722,7 +2721,7 @@ var Wr = [
 				}
 			})
 		] });
-		return bt({
+		return xt({
 			...e,
 			children: i
 		});
@@ -2792,7 +2791,7 @@ var qr = {
 		n,
 		a,
 		t
-	]), C = (0, Q.useMemo)(() => t.toRGBA().alpha === 1 ? null : (0, $.jsx)(an, {
+	]), C = (0, Q.useMemo)(() => t.toRGBA().alpha === 1 ? null : (0, $.jsx)(on, {
 		size: g,
 		white: d,
 		grey: f,
@@ -2839,7 +2838,7 @@ var qr = {
 		})]
 	});
 }), Xr = (0, Q.memo)((e) => {
-	let { schemeColorLookup: t, selectedColor: n, previewColor: r, colorDef: i, onSelectColorDef: a, onPreviewColorDef: o, propsSwatch: s, defaultButtonSize: c = 24, isLarge: l = !1, compareRGB: u = !1, darkMode: d = !1, ...f } = e, p = new un({
+	let { schemeColorLookup: t, selectedColor: n, previewColor: r, colorDef: i, onSelectColorDef: a, onPreviewColorDef: o, propsSwatch: s, defaultButtonSize: c = 24, isLarge: l = !1, compareRGB: u = !1, darkMode: d = !1, ...f } = e, p = new fn({
 		val: i.definition.val,
 		adjs: i.definition.adjs
 	}, (e) => t(e)), m = u ? p.toRGBA().toString() : p.toString(), h = n && (u ? n.toRGBA().toString() : n.toString()) === m, g = r && (u ? r.toRGBA().toString() : r.toString()) === m, _ = [];
@@ -2849,7 +2848,7 @@ var qr = {
 	}, [a, i]), b = (0, Q.useCallback)((e) => {
 		o?.(i);
 	}, [o, i]);
-	return (0, $.jsx)(Ne, {
+	return (0, $.jsx)(Pe, {
 		disableInteractive: !0,
 		slotProps: { popper: {
 			style: { pointerEvents: "none" },
@@ -2998,15 +2997,15 @@ var qr = {
 }), $r = (e, t, n, r, i, a) => {
 	let o = Qr(e, t);
 	r?.push(o);
-	let s = new un({
+	let s = new fn({
 		val: o.definition.val,
 		adjs: o.definition.adjs
 	}, n), c = s.toString();
 	i?.set(c, s);
 	let l = s.toRGBA().toString();
 	a?.set(l, s);
-}, ei = (0, Q.lazy)(() => import("./Chxj04DLMGbqyjr22.mjs")), ti = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { selectedColor: n = null, previewColor: r = e.selectedColor ?? null, recentColors: i, schemeLookup: a, disableAlpha: o = !1, previewDebounceTime: s = 100, initialPanelType: d, defaultButtonSize: f = 24, width: p, onElementLoad: m, onDone: h, onEyeDropStart: g, onEyeDropStop: _, onPreviewColor: v, onPreviewColorImmediate: y, onSelectColor: x, autoColor: S, autoColorLabel: C, autoColorLabelKey: w, autoColorPosition: T = Jr.Start, compareRGB: E = !1, darkMode: D = !1, style: O, ...k } = e, A = b(), j = C ?? A(w ?? l("color.automatic")), M = r || n, N = B(v ?? ((e) => {}), [v]), P = B(y ?? ((e) => {}), [y]), F = B(x ?? ((e, t) => {}), [x]), te = B(g ?? (() => {}), [g]), ne = B(_ ?? (() => {}), [_]), [re, I] = (0, Q.useState)(!1), L = ee(), z = (0, Q.useMemo)(() => a || un.getDefaultSchemeLookup(), [a]), V = (0, Q.useMemo)(() => {
+}, ei = (0, Q.lazy)(() => import("./CqSxZiLos0nQa69t2.mjs")), ti = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { selectedColor: n = null, previewColor: r = e.selectedColor ?? null, recentColors: i, schemeLookup: a, disableAlpha: o = !1, previewDebounceTime: s = 100, initialPanelType: d, defaultButtonSize: f = 24, width: p, onElementLoad: m, onDone: h, onEyeDropStart: g, onEyeDropStop: _, onPreviewColor: v, onPreviewColorImmediate: y, onSelectColor: x, autoColor: S, autoColorLabel: C, autoColorLabelKey: w, autoColorPosition: T = Jr.Start, compareRGB: E = !1, darkMode: D = !1, style: O, ...k } = e, A = b(), j = C ?? A(w ?? l("color.automatic")), M = r || n, N = B(v ?? ((e) => {}), [v]), P = B(y ?? ((e) => {}), [y]), F = B(x ?? ((e, t) => {}), [x]), te = B(g ?? (() => {}), [g]), ne = B(_ ?? (() => {}), [_]), [re, I] = (0, Q.useState)(!1), L = ee(), z = (0, Q.useMemo)(() => a || fn.getDefaultSchemeLookup(), [a]), V = (0, Q.useMemo)(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [];
 		$r(A("color.scheme.bg1"), "bg1", z, n, e, t), $r(A("color.scheme.tx1"), "tx1", z, n, e, t), $r(A("color.scheme.bg2"), "bg2", z, n, e, t), $r(A("color.scheme.tx2"), "tx2", z, n, e, t), $r(A("color.scheme.accent", { n: 1 }), "accent1", z, n, e, t), $r(A("color.scheme.accent", { n: 2 }), "accent2", z, n, e, t), $r(A("color.scheme.accent", { n: 3 }), "accent3", z, n, e, t), $r(A("color.scheme.accent", { n: 4 }), "accent4", z, n, e, t), $r(A("color.scheme.accent", { n: 5 }), "accent5", z, n, e, t), $r(A("color.scheme.accent", { n: 6 }), "accent6", z, n, e, t);
 		let r = yn.buildPalette(n, z, e, t), a = [];
@@ -3061,7 +3060,7 @@ var qr = {
 	let le = B((e) => {
 		P && (P(e), se(e));
 	}, [P]), ue = B((e) => {
-		le(e ? new un({
+		le(e ? new fn({
 			val: e.definition.val,
 			adjs: e.definition.adjs
 		}, z) : null);
@@ -3075,7 +3074,7 @@ var qr = {
 		}
 		F?.(e, t);
 	}, [F, V]), pe = B((e) => {
-		let t = e ? new un({
+		let t = e ? new fn({
 			val: e.definition.val,
 			adjs: e.definition.adjs
 		}, z) : null;
@@ -3083,7 +3082,7 @@ var qr = {
 			fe(t);
 		});
 	}, [z, h]), me = B((e) => {
-		le(e ? new un(e, z) : null);
+		le(e ? new fn(e, z) : null);
 	}, [z]), he = (0, Q.useMemo)(() => window.EyeDropper === void 0 ? (0, $.jsx)($.Fragment, {}) : (0, $.jsx)(U, {
 		"aria-label": A("color.eyeDropper"),
 		size: "small",
@@ -3091,7 +3090,7 @@ var qr = {
 		onClick: async () => {
 			I(!0), te?.(), await new EyeDropper().open().then((e) => {
 				I(!1), ne?.();
-				let t = new un(e.sRGBHex), n = t.toString(), r = V.mapAllPresets.get(n);
+				let t = new fn(e.sRGBHex), n = t.toString(), r = V.mapAllPresets.get(n);
 				if (r ||= (n = t.toRGBA().toString(), V.mapAllPresetsRGB.get(n)), !r) {
 					let e = t.toRGBA();
 					V.mapAllPresetsRGB.forEach((t, n) => {
@@ -3119,7 +3118,7 @@ var qr = {
 		return (0, $.jsx)(Q.Suspense, {
 			fallback: (0, $.jsx)("div", {
 				style: e,
-				children: (0, $.jsx)(Xt, {})
+				children: (0, $.jsx)(Qt, {})
 			}),
 			children: (0, $.jsx)(ei, {
 				style: e,
@@ -3128,10 +3127,10 @@ var qr = {
 				disableAlpha: o
 			})
 		});
-	}, [H, M]), K = (0, Q.useMemo)(() => ({
+	}, [H, M]), _e = (0, Q.useMemo)(() => ({
 		onClick: de,
 		alphaGrey: L.palette.text.icon ?? L.palette.action.active
-	}), [de, L]), _e = (0, Q.useMemo)(() => {
+	}), [de, L]), ve = (0, Q.useMemo)(() => {
 		if (!S) return null;
 		let e = {
 			description: j,
@@ -3140,7 +3139,7 @@ var qr = {
 				adjs: S.getAdjustments()
 			}
 		};
-		return (0, $.jsx)($.Fragment, { children: (0, $.jsxs)($e, {
+		return (0, $.jsx)($.Fragment, { children: (0, $.jsxs)(et, {
 			sx: {
 				display: "flex",
 				color: (e) => e.palette.text.secondary
@@ -3167,7 +3166,7 @@ var qr = {
 					isLarge: !0,
 					darkMode: D,
 					compareRGB: E,
-					propsSwatch: K
+					propsSwatch: _e
 				})
 			}), (0, $.jsx)(G, {
 				noWrap: !0,
@@ -3190,7 +3189,7 @@ var qr = {
 		D,
 		E,
 		f,
-		K
+		_e
 	]);
 	return (0, $.jsxs)(R, {
 		ref: t,
@@ -3212,7 +3211,7 @@ var qr = {
 				children: [(0, $.jsxs)("div", {
 					style: { opacity: H ? "0" : 1 },
 					children: [
-						_e && T === Jr.Start ? (0, $.jsxs)($.Fragment, { children: [_e, (0, $.jsx)(St, { style: {
+						ve && T === Jr.Start ? (0, $.jsxs)($.Fragment, { children: [ve, (0, $.jsx)(Ct, { style: {
 							marginTop: "2px",
 							marginBottom: "10px"
 						} })] }) : null,
@@ -3222,7 +3221,7 @@ var qr = {
 							colorDefs: V.primaryColors,
 							selectedColor: n,
 							previewColor: r === void 0 ? n : r,
-							propsSwatch: K,
+							propsSwatch: _e,
 							onPreviewColorDef: ue,
 							onSelectColorDef: pe,
 							compareRGB: E,
@@ -3233,20 +3232,20 @@ var qr = {
 							colorDefs: V.modifiedPresets,
 							selectedColor: n,
 							previewColor: r === void 0 ? n : r,
-							propsSwatch: K,
+							propsSwatch: _e,
 							onPreviewColorDef: ue,
 							onSelectColorDef: pe,
 							compareRGB: E,
 							darkMode: D
 						}),
-						(0, $.jsx)(St, { style: { marginBottom: "10px" } }),
+						(0, $.jsx)(Ct, { style: { marginBottom: "10px" } }),
 						(0, $.jsx)(Zr, {
 							title: A("color.standardColors"),
 							schemeColorLookup: z,
 							colorDefs: V.standardColors,
 							selectedColor: n,
 							previewColor: r === void 0 ? n : r,
-							propsSwatch: K,
+							propsSwatch: _e,
 							onPreviewColorDef: ue,
 							onSelectColorDef: pe,
 							compareRGB: E,
@@ -3257,31 +3256,31 @@ var qr = {
 								opacity: V.recentColorsLimited.length === 0 ? "0" : void 0,
 								display: V.recentColorsLimited.length === 0 ? "none" : void 0
 							},
-							children: [(0, $.jsx)(St, { style: { marginBottom: "10px" } }), (0, $.jsx)(Zr, {
+							children: [(0, $.jsx)(Ct, { style: { marginBottom: "10px" } }), (0, $.jsx)(Zr, {
 								title: A("color.recentColors"),
 								schemeColorLookup: z,
 								colorDefs: V.recentColorsLimited,
 								selectedColor: n,
 								previewColor: r === void 0 ? n : r,
-								propsSwatch: K,
+								propsSwatch: _e,
 								onPreviewColorDef: ue,
 								onSelectColorDef: pe,
 								compareRGB: E,
 								darkMode: D
 							})]
 						}),
-						_e && T === Jr.End ? (0, $.jsxs)($.Fragment, { children: [
-							(0, $.jsx)(St, { sx: {
+						ve && T === Jr.End ? (0, $.jsxs)($.Fragment, { children: [
+							(0, $.jsx)(Ct, { sx: {
 								marginTop: "2px",
 								marginBottom: "2px"
 							} }),
-							_e,
+							ve,
 							(0, $.jsx)("div", { style: { marginBottom: "2px" } })
 						] }) : null
 					]
 				}), ge]
 			}),
-			(0, $.jsx)(St, { style: { marginBottom: "10px" } }),
+			(0, $.jsx)(Ct, { style: { marginBottom: "10px" } }),
 			(0, $.jsxs)("div", {
 				style: {
 					display: "flex",
@@ -3344,7 +3343,7 @@ var qr = {
 		]
 	});
 })), ni = (0, $.jsx)(u, { iconKey: "circle.colored" }), ri = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { selectedColor: n, quickColor: r, icon: i = ni, tooltip: a, label: o, onPreviewColor: s, onPreviewColorImmediate: c, onSelectColor: l, variant: d = at.Toolbar, propsPanel: f, shouldCloseFloatAll: p = !0, compareRGB: m = !1, darkMode: g = !1, ..._ } = e, v = B(s ?? ((e) => {}), [s]), y = B(c ?? ((e) => {}), [c]), b = B(l ?? ((e, t) => {}), [l]), [x, S] = (0, Q.useState)(() => {}), [C, w] = (0, Q.useState)(!1), T = r || (C ? x : void 0) || n || f?.autoColor, E = (0, Q.useRef)(!1), D = (0, Q.useCallback)(() => {
+	let { selectedColor: n, quickColor: r, icon: i = ni, tooltip: a, label: o, onPreviewColor: s, onPreviewColorImmediate: c, onSelectColor: l, variant: d = it.Toolbar, propsPanel: f, shouldCloseFloatAll: p = !0, compareRGB: m = !1, darkMode: g = !1, ..._ } = e, v = B(s ?? ((e) => {}), [s]), y = B(c ?? ((e) => {}), [c]), b = B(l ?? ((e, t) => {}), [l]), [x, S] = (0, Q.useState)(() => {}), [C, w] = (0, Q.useState)(!1), T = r || (C ? x : void 0) || n || f?.autoColor, E = (0, Q.useRef)(!1), D = (0, Q.useCallback)(() => {
 		w(!1);
 	}, []), O = B(() => {
 		S(n), w(!0);
@@ -3411,7 +3410,7 @@ var qr = {
 		icon: M,
 		..._
 	};
-	return d === at.Toolbar ? (0, $.jsx)(gt, {
+	return d === it.Toolbar ? (0, $.jsx)(gt, {
 		ref: t,
 		...te
 	}) : (0, $.jsx)(nt, {
@@ -3455,7 +3454,7 @@ var oi = (e) => {
 		width: n,
 		viewBox: `0 0 ${n} ${r}`,
 		...l,
-		children: (0, $.jsx)(lt, {
+		children: (0, $.jsx)(ft, {
 			length: n,
 			width: r,
 			dashArray: i,
@@ -3491,14 +3490,14 @@ var oi = (e) => {
 					flex: "1 1 100%"
 				},
 				children: [(0, $.jsx)("div", { style: { flex: "1 1 100%" } }), a]
-			})] }) : t.description === "None" ? ai(m, t) : a, c.push((0, $.jsx)(ft, {
+			})] }) : t.description === "None" ? ai(m, t) : a, c.push((0, $.jsx)(pt, {
 				className: "border-stroke",
 				tabIndex: 0,
 				sx: {
 					height: "28px",
-					"& svg path.activeColor": { filter: Te(4) },
+					"& svg path.activeColor": { filter: Ee(4) },
 					paddingLeft: "16px",
-					backgroundImage: K
+					backgroundImage: _e
 				},
 				propsTooltip: { description: r ? "" : ai(m, t) },
 				icon: null,
@@ -3554,7 +3553,7 @@ var oi = (e) => {
 					height: "24px",
 					display: "flex",
 					alignItems: "center",
-					"& svg path.activeColor": { filter: Te() }
+					"& svg path.activeColor": { filter: Ee() }
 				},
 				children: e
 			})) : null;
@@ -3565,18 +3564,18 @@ var oi = (e) => {
 		]),
 		tooltip: m("border.styleTooltip", { style: ai(m, (0, Q.useMemo)(() => Z.BuiltInDefinitions.get(s), [s])) }),
 		sx: {
-			backgroundImage: K,
+			backgroundImage: _e,
 			...d
 		},
 		createPopupPanel: g,
 		...f
 	};
-	return n === at.Toolbar ? (0, $.jsx)(gt, { ..._ }) : (0, $.jsx)(nt, { ..._ });
+	return n === it.Toolbar ? (0, $.jsx)(gt, { ..._ }) : (0, $.jsx)(nt, { ..._ });
 })), ci = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { autoColor: n, schemeLookup: r, autoStrokeStyle: i = Z.StrokeStyle.Thin, disabled: a, darkMode: o = !1, showStylingBefore: s = !0, onSelectBorder: c, onPreviewBorder: l, selectedBorder: d, createBorder: f, ...p } = e, m = B(c ?? ((e) => {}), [c]), h = B(l ?? ((e) => {}), [l]), g = b(), _ = H("borderOptions"), [v, y] = (0, Q.useState)(), [x, S] = (0, Q.useState)(), C = d || { bottom: {
 		style: i,
 		color: n?.toString() ?? gn.Named.Gray
-	} }, w = v ?? C?.bottom?.style ?? i, T = x ?? (C?.bottom?.color ? new un(C?.bottom?.color, r) : void 0) ?? n ?? null, E = B((e) => {
+	} }, w = v ?? C?.bottom?.style ?? i, T = x ?? (C?.bottom?.color ? new fn(C?.bottom?.color, r) : void 0) ?? n ?? null, E = B((e) => {
 		let t = {}, n = e ? Object.keys(e) : [], r = !1, i = n.length;
 		for (let a = 0; a < i; a++) {
 			let i = n[a], o = e?.[i];
@@ -3624,7 +3623,7 @@ var oi = (e) => {
 					width: "var(--icon-size, var(--icon-size-md))",
 					height: "var(--icon-size, var(--icon-size-md))",
 					padding: "1px 1px",
-					"& svg path": { filter: ve }
+					"& svg path": { filter: ye }
 				},
 				children: (0, $.jsx)(Dt, {
 					getBorderAt: (e, r) => {
@@ -3671,7 +3670,7 @@ var oi = (e) => {
 				let a = D(e, T ?? null, i ? Z.StrokeStyle.None : w ?? null), o = i ? D([], T ?? null, w ?? null) : a;
 				return (0, $.jsx)(ct, {
 					icon: E(o),
-					sx: { backgroundImage: K },
+					sx: { backgroundImage: _e },
 					propsTooltip: {
 						label: n,
 						simple: !0,
@@ -3740,9 +3739,9 @@ var oi = (e) => {
 					gap: "6px"
 				},
 				children: [(0, $.jsx)(ri, {
-					variant: at.Toolbar,
+					variant: it.Toolbar,
 					icon: (0, $.jsx)(u, { iconKey: "stroke.colored" }),
-					selectedColor: w === Z.StrokeStyle.None ? new un("transparent") : T ?? new un("transparent"),
+					selectedColor: w === Z.StrokeStyle.None ? new fn("transparent") : T ?? new fn("transparent"),
 					onPreviewColor: (e) => {
 						S(e);
 					},
@@ -3764,7 +3763,7 @@ var oi = (e) => {
 					onSelectStyle: y,
 					styleColor: T,
 					darkMode: o,
-					variant: at.Toolbar
+					variant: it.Toolbar
 				})]
 			}) });
 			return (0, $.jsxs)(R, {
@@ -3778,7 +3777,7 @@ var oi = (e) => {
 				onClick: (e) => e.stopPropagation(),
 				children: [
 					s ? l : c,
-					(0, $.jsx)(J, { orientation: "horizontal" }),
+					(0, $.jsx)(q, { orientation: "horizontal" }),
 					s ? c : l
 				]
 			});
@@ -3792,7 +3791,7 @@ var oi = (e) => {
 			g
 		]),
 		propsPopup: { propsPopper: { resizeOnOverflow: !1 } },
-		createTooltip: ({ children: e }, t) => (0, $.jsx)(Ie, {
+		createTooltip: ({ children: e }, t) => (0, $.jsx)(Le, {
 			label: _?.getLabel?.(),
 			description: _?.getDescription?.(),
 			disabled: t,
@@ -3806,7 +3805,7 @@ var oi = (e) => {
 		...p
 	});
 })), li = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { commandKey: n, variant: r = x.Toolbar, disabled: i, autoColor: a, autoStrokeStyle: o, schemeLookup: s, createBorder: c, selectedBorder: l, onSelectBorder: u, darkMode: d, icon: f, label: p, ...m } = e, h = P([n ?? "formatBorder"])[0], g = h?.getContext() ?? null, _ = g?.autoColor ?? a, v = g?.autoStyle ?? o, y = l ?? g?.quickBorder, b = It();
+	let { commandKey: n, variant: r = x.Toolbar, disabled: i, autoColor: a, autoStrokeStyle: o, schemeLookup: s, createBorder: c, selectedBorder: l, onSelectBorder: u, darkMode: d, icon: f, label: p, ...m } = e, h = P([n ?? "formatBorder"])[0], g = h?.getContext() ?? null, _ = g?.autoColor ?? a, v = g?.autoStyle ?? o, y = l ?? g?.quickBorder, b = Yt();
 	return (0, $.jsx)(ci, {
 		ref: t,
 		autoColor: _,
@@ -3820,7 +3819,7 @@ var oi = (e) => {
 		}, [h, u]),
 		createTooltip: (0, Q.useCallback)((e, t) => {
 			let { children: a, title: o, ...s } = e, c = e.children;
-			return (h?.disabled() || i) && (c = (0, $.jsx)("div", { children: c })), (0, $.jsx)(Kt, {
+			return (h?.disabled() || i) && (c = (0, $.jsx)("div", { children: c })), (0, $.jsx)(qt, {
 				commandKey: n,
 				placement: r === x.Toolbar ? "bottom-start" : "right-start",
 				disabled: t,
@@ -3844,21 +3843,21 @@ var oi = (e) => {
 		p(d());
 	}, [u?.getState()]);
 	let g = ["formatFontSizeIncrease", "formatFontSizeDecrease"], _ = (0, Q.useMemo)(() => g ? (0, $.jsxs)(R, {
-		className: on("quick-buttons", {}),
+		className: J("quick-buttons", {}),
 		sx: {
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center"
 		},
 		onClick: (e) => e.stopPropagation(),
-		children: [(0, $.jsx)(q, { commandKey: g[0] }), (0, $.jsx)(q, { commandKey: g[1] })]
+		children: [(0, $.jsx)(K, { commandKey: g[0] }), (0, $.jsx)(K, { commandKey: g[1] })]
 	}) : null, [g]), v = ee(), y = (0, Q.useMemo)(() => `${ln.getSharedMeasurer()("12.3", Math.round(v.typography.fontSize), v.typography.fontFamily ?? "").width}px`, [v]), b = a ?? (!u || u.disabled()), x = (0, Q.useCallback)((e) => {
 		let { onMouseDown: t, onMouseUp: n, ...r } = e;
 		return (0, $.jsx)(U, {
 			component: "div",
 			...r,
 			disableRipple: !0,
-			children: (0, $.jsx)(Ue, {
+			children: (0, $.jsx)(We, {
 				inputMode: "numeric",
 				disabled: a || !u || u.disabled(),
 				inputProps: {
@@ -3928,9 +3927,9 @@ var oi = (e) => {
 		}, n = u?.getState(), r = [];
 		for (let e = 0; e < i.length; e++) {
 			let o = i[e] === n;
-			r.push((0, $.jsx)(ft, {
+			r.push((0, $.jsx)(pt, {
 				selected: o,
-				icon: o ? (0, $.jsx)(vt, {}) : void 0,
+				icon: o ? (0, $.jsx)(yt, {}) : void 0,
 				disabled: a || !u || u.disabled(),
 				onMouseDown: (e) => {
 					e.button === 0 && e.preventDefault();
@@ -3965,7 +3964,7 @@ var oi = (e) => {
 			...l,
 			children: [
 				_,
-				(0, $.jsx)(J, { orientation: "horizontal" }),
+				(0, $.jsx)(q, { orientation: "horizontal" }),
 				(0, $.jsx)(R, {
 					sx: {
 						overflow: "auto",
@@ -3975,7 +3974,7 @@ var oi = (e) => {
 				})
 			]
 		});
-		return bt({
+		return xt({
 			...e,
 			children: o
 		});
@@ -3987,7 +3986,7 @@ var oi = (e) => {
 		outlined: !0,
 		disabled: b,
 		createPopupPanel: S,
-		createTooltip: ({ children: e }, t) => (0, $.jsx)(Ie, {
+		createTooltip: ({ children: e }, t) => (0, $.jsx)(Le, {
 			label: u?.getLabel(),
 			description: u?.getDescription(),
 			disabled: t || u?.disabled(),
@@ -4045,7 +4044,7 @@ var oi = (e) => {
 					return e;
 				}
 			}(e);
-			return (0, $.jsx)(ft, {
+			return (0, $.jsx)(pt, {
 				...n(() => t(function(e) {
 					let t = di.parse(di.defaultCodeForCategory("Accounting"));
 					return di.build({
@@ -4056,7 +4055,7 @@ var oi = (e) => {
 				children: r(`${i}  ${mi(e, s)} (${e})`)
 			}, e);
 		});
-		return bt({
+		return xt({
 			...e,
 			children: (0, $.jsxs)(R, {
 				sx: {
@@ -4067,10 +4066,10 @@ var oi = (e) => {
 				},
 				children: [(0, $.jsxs)(R, {
 					sx: { flex: "none" },
-					children: [(0, $.jsx)(ft, {
+					children: [(0, $.jsx)(pt, {
 						...n(() => t()),
 						children: r(o("numberFormat.accountingDefault"))
-					}, "default-currency"), (0, $.jsx)(J, { orientation: "horizontal" })]
+					}, "default-currency"), (0, $.jsx)(q, { orientation: "horizontal" })]
 				}), (0, $.jsx)(R, {
 					sx: {
 						overflow: "auto",
@@ -4093,7 +4092,7 @@ var oi = (e) => {
 		disabled: l,
 		quickCommand: "formatNumberFormatAccountingStyle",
 		createPopupPanel: f,
-		createTooltip: ({ children: e }, t) => (0, $.jsx)(Ie, {
+		createTooltip: ({ children: e }, t) => (0, $.jsx)(Le, {
 			label: c?.getLabel?.(i),
 			description: c?.getDescription?.(i),
 			disabled: t,
@@ -4134,7 +4133,7 @@ var hi = (e, t) => {
 	}
 }, gi = (0, Q.memo)((e) => {
 	let { selected: t, disabled: n, formattedValue: r, handleSetFormat: i, format: a, sx: o, ...s } = e, c = b();
-	return (0, $.jsx)(ft, {
+	return (0, $.jsx)(pt, {
 		sx: {
 			maxWidth: "360px",
 			display: "flex",
@@ -4143,7 +4142,7 @@ var hi = (e, t) => {
 		},
 		disabled: n,
 		selected: t,
-		icon: t ? (0, $.jsx)(vt, {}) : void 0,
+		icon: t ? (0, $.jsx)(yt, {}) : void 0,
 		onMouseDown: (e) => {
 			e.button === 0 && e.preventDefault();
 		},
@@ -4227,19 +4226,19 @@ var hi = (e, t) => {
 			onClick: (e) => e.stopPropagation(),
 			children: [
 				(0, $.jsx)(pi, { groupKey: n }),
-				(0, $.jsx)(q, {
+				(0, $.jsx)(K, {
 					commandKey: "formatNumberFormatPercentStyle",
 					groupKey: n
 				}),
-				(0, $.jsx)(q, {
+				(0, $.jsx)(K, {
 					commandKey: "formatNumberFormatCommaStyle",
 					groupKey: n
 				}),
-				(0, $.jsx)(q, {
+				(0, $.jsx)(K, {
 					commandKey: "formatNumberFormatIncreaseDecimal",
 					groupKey: n
 				}),
-				(0, $.jsx)(q, {
+				(0, $.jsx)(K, {
 					commandKey: "formatNumberFormatDecreaseDecimal",
 					groupKey: n
 				})
@@ -4254,7 +4253,7 @@ var hi = (e, t) => {
 			...a,
 			children: [
 				h,
-				(0, $.jsx)(J, { orientation: "horizontal" }),
+				(0, $.jsx)(q, { orientation: "horizontal" }),
 				(0, $.jsx)(R, {
 					sx: {
 						overflow: "auto",
@@ -4262,11 +4261,11 @@ var hi = (e, t) => {
 					},
 					children: l
 				}),
-				(0, $.jsx)(J, { orientation: "horizontal" }),
+				(0, $.jsx)(q, { orientation: "horizontal" }),
 				m
 			]
 		});
-		return bt({
+		return xt({
 			...e,
 			children: g
 		});
@@ -4283,7 +4282,7 @@ var hi = (e, t) => {
 		outlined: !0,
 		disabled: i ?? (!s || s.disabled()),
 		createPopupPanel: m,
-		createTooltip: ({ children: e }, t) => (0, $.jsx)(Ie, {
+		createTooltip: ({ children: e }, t) => (0, $.jsx)(Le, {
 			label: s?.getLabel(),
 			description: s?.getDescription(),
 			disabled: t,
@@ -4321,7 +4320,7 @@ var hi = (e, t) => {
 		v || (n = !0), n ||= a ? !v.hasRedo() && !v.hasUndo() : !v.hasRedo();
 		let r = (e) => {
 			g?.execute(e);
-		}, o = (0, $.jsx)(ft, {
+		}, o = (0, $.jsx)(pt, {
 			sx: {
 				display: "flex",
 				flex: "none",
@@ -4357,7 +4356,7 @@ var hi = (e, t) => {
 		let s = i ? v?.getRedoDescriptions() : v?.getUndoDescriptions(), c = [];
 		for (let e = 0; e < s.length; e++) {
 			let t = m(s[e]);
-			c.push((0, $.jsx)(ft, {
+			c.push((0, $.jsx)(pt, {
 				sx: {
 					maxWidth: "360px",
 					display: "flex"
@@ -4402,7 +4401,7 @@ var hi = (e, t) => {
 				...e,
 				quickCommand: "redo",
 				isRedo: !0
-			}, "nested:redo")), v.hasRedo() && v.hasUndo() && l.push((0, $.jsx)(J, { orientation: "horizontal" }, "action:redo-div"));
+			}, "nested:redo")), v.hasRedo() && v.hasUndo() && l.push((0, $.jsx)(q, { orientation: "horizontal" }, "action:redo-div"));
 		}
 		let d = (0, $.jsxs)(R, {
 			sx: {
@@ -4426,11 +4425,11 @@ var hi = (e, t) => {
 					},
 					children: c
 				}),
-				(0, $.jsx)(J, { orientation: "horizontal" }),
+				(0, $.jsx)(q, { orientation: "horizontal" }),
 				o
 			]
 		});
-		return bt({
+		return xt({
 			...e,
 			children: d
 		});
@@ -4459,8 +4458,8 @@ var hi = (e, t) => {
 	let { commandKey: n, onSelectColor: r, disabled: i, variant: a = x.Toolbar, quickColor: o, propsPanel: s, isSplit: c = !1, darkMode: l, icon: u, ...d } = e, { autoColor: f, schemeLookup: p, recentColors: m, ...h } = s ?? {};
 	if (d.selectedColor) throw Error("Command selectedColor will be used. Do not try to provide one as a direct argument");
 	let [g] = P([n ?? ""]), _ = g?.getContext(), v = o ?? _?.quickColor;
-	c && !v && (v = new un("transparent"));
-	let y = f ?? _?.autoColor, b = p ?? _?.schemeLookup, S = m ?? _?.recentColors, C = It(), w = l ?? C === "dark", T = (0, Q.useMemo)(() => ({
+	c && !v && (v = new fn("transparent"));
+	let y = f ?? _?.autoColor, b = p ?? _?.schemeLookup, S = m ?? _?.recentColors, C = Yt(), w = l ?? C === "dark", T = (0, Q.useMemo)(() => ({
 		autoColor: y,
 		schemeLookup: b,
 		recentColors: S,
@@ -4480,7 +4479,7 @@ var hi = (e, t) => {
 		_
 	]), D = (0, Q.useCallback)((e, t) => {
 		let { children: r, title: o, ...s } = e, c = e.children;
-		return (g?.disabled() || i) && (c = (0, $.jsx)("div", { children: c })), (0, $.jsx)(Kt, {
+		return (g?.disabled() || i) && (c = (0, $.jsx)("div", { children: c })), (0, $.jsx)(qt, {
 			commandKey: n,
 			placement: a === x.Toolbar ? "bottom-start" : "right-start",
 			disabled: t,
@@ -4495,7 +4494,7 @@ var hi = (e, t) => {
 		quickColor: v,
 		selectedColor: g?.getState(),
 		onSelectColor: E,
-		variant: a === x.Menuitem ? at.Menuitem : at.Toolbar,
+		variant: a === x.Menuitem ? it.Menuitem : it.Toolbar,
 		createTooltip: D,
 		label: g?.getLabel(),
 		disabled: i ?? (!g || g.disabled()),
@@ -4533,7 +4532,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			let a = n[e];
 			if (!a) continue;
 			let o = a.key, s = a.key === l;
-			r.push((0, $.jsx)(ft, {
+			r.push((0, $.jsx)(pt, {
 				sx: {
 					display: "flex",
 					paddingTop: "4px",
@@ -4541,7 +4540,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				},
 				selected: s,
 				disabled: i || !c || c.disabled(),
-				icon: s ? (0, $.jsx)(vt, {}) : void 0,
+				icon: s ? (0, $.jsx)(yt, {}) : void 0,
 				onMouseUp: (e) => {
 					e.button === 0 && t(o);
 				},
@@ -4586,7 +4585,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: r
 			})
 		});
-		return bt({
+		return xt({
 			...e,
 			children: o
 		});
@@ -4597,7 +4596,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		outlined: !0,
 		disabled: f,
 		createPopupPanel: p,
-		createTooltip: ({ children: e }, t) => (0, $.jsx)(Ie, {
+		createTooltip: ({ children: e }, t) => (0, $.jsx)(Le, {
 			label: c?.getLabel(),
 			description: c?.getDescription(),
 			disabled: t,
@@ -4642,20 +4641,20 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			groupKey: "textEffectsOptions",
 			disabled: r
 		}, n = (0, $.jsxs)($.Fragment, { children: [
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "formatStrikeThroughToggle"
 			}),
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "formatSuperscriptToggle"
 			}),
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "formatSubscriptToggle"
 			})
 		] });
-		return bt({
+		return xt({
 			...e,
 			children: n
 		});
@@ -4671,7 +4670,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	});
 })), wi = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { commandKey: n, includePasteAllInPopup: r = !0, ...i } = e;
-	return (0, $.jsx)(Yt, r ? {
+	return (0, $.jsx)(Xt, r ? {
 		ref: t,
 		groupKey: "pasteOptions",
 		...i
@@ -4695,7 +4694,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let n = new Intl.Collator(o.getActive(), { numeric: !0 });
 	return [...e].sort((e, r) => n.compare(Ti(e, t), Ti(r, t)));
 }, Di = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { value: n, cellStyle: r, styles: i, createCell: a, sx: o, propsBorder: s, disabled: c, ...l } = e, u = It(), d = u === "dark", f = (0, Q.useMemo)(() => a({
+	let { value: n, cellStyle: r, styles: i, createCell: a, sx: o, propsBorder: s, disabled: c, ...l } = e, u = Yt(), d = u === "dark", f = (0, Q.useMemo)(() => a({
 		value: n,
 		style: r
 	}), [
@@ -4792,20 +4791,20 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					flex: "1 1 100%"
 				},
 				children: (0, $.jsxs)($.Fragment, { children: [
-					(0, $.jsx)(q, {
+					(0, $.jsx)(K, {
 						...t,
 						style: { fontWeight: 550 },
 						commandKey: "formatCellStyle",
 						commandState: n,
 						disabled: s
 					}),
-					(0, $.jsx)(J, { orientation: "horizontal" }),
-					(0, $.jsx)(q, {
+					(0, $.jsx)(q, { orientation: "horizontal" }),
+					(0, $.jsx)(K, {
 						...t,
 						commandKey: "modifyCellStyle",
 						commandState: { named: n }
 					}),
-					(0, $.jsx)(q, {
+					(0, $.jsx)(K, {
 						...t,
 						commandKey: "deleteCellStyle",
 						commandState: n,
@@ -4814,7 +4813,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				] })
 			})
 		});
-		return bt({
+		return xt({
 			...e,
 			children: r
 		});
@@ -4849,7 +4848,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		children: f
 	})), f;
 }), ki = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { commandKey: n, selectedNamed: r, onSelectNamed: i, disabled: a, usePreviewIcon: o = !0, groupKey: s, ...c } = e, l = b(), [d] = P([n]), f = d?.getContext(), p = f?.styles, m = r ?? f?.named(), h = It(), g = B((e) => {
+	let { commandKey: n, selectedNamed: r, onSelectNamed: i, disabled: a, usePreviewIcon: o = !0, groupKey: s, ...c } = e, l = b(), [d] = P([n]), f = d?.getContext(), p = f?.styles, m = r ?? f?.named(), h = Yt(), g = B((e) => {
 		i?.(e), d?.execute(e);
 	}, [d, i]), _ = (0, Q.useCallback)((e) => {
 		let t = p?.(), n = {
@@ -4872,7 +4871,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				n && r.push(n);
 			}
 			return r.length === 0 ? null : (0, $.jsxs)(R, { children: [
-				n ? (0, $.jsx)(J, { orientation: "horizontal" }) : null,
+				n ? (0, $.jsx)(q, { orientation: "horizontal" }) : null,
 				(0, $.jsx)(ot, { children: e }, e + "-header"),
 				(0, $.jsx)(R, {
 					sx: {
@@ -4960,7 +4959,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			X.BuiltInName.Accent6_60,
 			X.BuiltInName.Accent6
 		])), _.push((y = l("cellStyle.category.themed"), b = v, (0, $.jsxs)(R, { children: [
-			(0, $.jsx)(J, { orientation: "horizontal" }),
+			(0, $.jsx)(q, { orientation: "horizontal" }),
 			(0, $.jsx)(ot, { children: y }, y + "-header"),
 			(0, $.jsx)(R, {
 				sx: {
@@ -5001,8 +5000,8 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					},
 					children: _
 				}),
-				(0, $.jsx)(J, { orientation: "horizontal" }),
-				(0, $.jsx)(q, {
+				(0, $.jsx)(q, { orientation: "horizontal" }),
+				(0, $.jsx)(K, {
 					variant: x.Menuitem,
 					commandState: m,
 					commandKey: "newCellStyle",
@@ -5050,7 +5049,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		ref: t,
 		createPopupPanel: _,
 		outlined: o,
-		createTooltip: ({ children: e }, t) => (0, $.jsx)(Ie, {
+		createTooltip: ({ children: e }, t) => (0, $.jsx)(Le, {
 			label: d?.getLabel(),
 			description: d?.getDescription(),
 			disabled: t,
@@ -5064,7 +5063,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		...c
 	});
 })), Ai = 10, ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { styles: n, table: r, tableStyle: i = r?.getStyle() ?? n.getDefaultTableStyle(), sx: a, disabled: o, className: s, forceThinBorder: c, cellHeight: l = Ai, isLive: u = !1, ...d } = e, f = It(), p = f === "dark", m = Math.ceil(1.3 * l), [h, g] = (0, Q.useReducer)((e) => e + 1, 0);
+	let { styles: n, table: r, tableStyle: i = r?.getStyle() ?? n.getDefaultTableStyle(), sx: a, disabled: o, className: s, forceThinBorder: c, cellHeight: l = Ai, isLive: u = !1, ...d } = e, f = Yt(), p = f === "dark", m = Math.ceil(1.3 * l), [h, g] = (0, Q.useReducer)((e) => e + 1, 0);
 	(0, Q.useEffect)(() => {
 		if (u && r) return r.addListeners({ onAnyChange: () => {
 			g();
@@ -5169,7 +5168,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			height: 5 * (l - 1) + 1,
 			style: { pointerEvents: "none" },
 			children: (0, $.jsx)("table", {
-				className: on(s, "sheetxl-table-preview", "_sheetxl-reset_11z3j_1"),
+				className: J(s, "sheetxl-table-preview", "_sheetxl-reset_11z3j_1"),
 				style: {
 					borderCollapse: "collapse",
 					width: 5 * (m - 1) + 1,
@@ -5182,7 +5181,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 })), Mi = (e, t, n, r, i) => {
 	e.beginPath(), e.moveTo(t + .5, n + .5), e.lineTo(r + .5, i + .5), e.stroke();
 }, Ni = /* @__PURE__ */ new WeakMap(), Pi = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { table: n, tableStyle: r, styles: i, disabled: a, style: o, className: s, canvas: c, ...l } = e, u = It(), d = u === "dark", [f, p] = (0, Q.useState)(null), [m, h] = (0, Q.useState)(void 0), g = (0, Q.useCallback)((e) => {
+	let { table: n, tableStyle: r, styles: i, disabled: a, style: o, className: s, canvas: c, ...l } = e, u = Yt(), d = u === "dark", [f, p] = (0, Q.useState)(null), [m, h] = (0, Q.useState)(void 0), g = (0, Q.useCallback)((e) => {
 		p(e), typeof t == "function" ? t(e) : t && (t.current = e);
 	}, [t]);
 	(0, Q.useLayoutEffect)(() => {
@@ -5216,7 +5215,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		if (!h) return null;
 		for (let e = 0; e < 5; e++) for (let n = 0; n < 5; n++) {
 			let r = f[5 * e + n].getFill(), i = t;
-			r.getType() === dn.Type.Solid ? i = r.getColor().toRGBA(d).toString() : r.getType() === dn.Type.Gradient ? i = r.getStops()[0]?.getColor().toRGBA(d).toString() : r.getType() === dn.Type.Pattern && (i = r.getForeground().toRGBA(d).toString()), h.fillStyle = i ?? t;
+			r.getType() === mn.Type.Solid ? i = r.getColor().toRGBA(d).toString() : r.getType() === mn.Type.Gradient ? i = r.getStops()[0]?.getColor().toRGBA(d).toString() : r.getType() === mn.Type.Pattern && (i = r.getForeground().toRGBA(d).toString()), h.fillStyle = i ?? t;
 			let a = 12 * n, o = 9 * e;
 			h.fillRect(a, o, 13, 10);
 		}
@@ -5251,7 +5250,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		ref: g,
 		"data-sxl-theme-surface": "grid",
 		"data-sxl-theme-mode": u,
-		className: on("table-style-preview", s),
+		className: J("table-style-preview", s),
 		style: {
 			backgroundImage: _ ?? void 0,
 			width: 61,
@@ -5277,10 +5276,10 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			},
 			...p,
 			ref: t,
-			className: on(d, "_table-style-options_1kfn2_1"),
+			className: J(d, "_table-style-options_1kfn2_1"),
 			children: [
-				a && (0, $.jsx)(Ze, {
-					control: (0, $.jsx)(Xe, {
+				a && (0, $.jsx)(Qe, {
+					control: (0, $.jsx)(Ze, {
 						checked: i ?? !1,
 						indeterminate: i == null,
 						onChange: () => a(!i),
@@ -5289,8 +5288,8 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					label: m("tableStyle.headerRow"),
 					labelPlacement: "end"
 				}),
-				s && (0, $.jsx)(Ze, {
-					control: (0, $.jsx)(Xe, {
+				s && (0, $.jsx)(Qe, {
+					control: (0, $.jsx)(Ze, {
 						checked: o ?? !1,
 						indeterminate: o == null,
 						onChange: () => s(!o),
@@ -5299,8 +5298,8 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					label: m("tableStyle.totalRow"),
 					labelPlacement: "end"
 				}),
-				(0, $.jsx)(Ze, {
-					control: (0, $.jsx)(Xe, {
+				(0, $.jsx)(Qe, {
+					control: (0, $.jsx)(Ze, {
 						checked: n?.showRowStripes ?? !1,
 						indeterminate: !n,
 						disabled: f || !n,
@@ -5314,8 +5313,8 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					label: m("tableStyle.bandedRows"),
 					labelPlacement: "end"
 				}),
-				(0, $.jsx)(Ze, {
-					control: (0, $.jsx)(Xe, {
+				(0, $.jsx)(Qe, {
+					control: (0, $.jsx)(Ze, {
 						checked: n?.showFirstColumn ?? !1,
 						indeterminate: !n,
 						disabled: f || !n,
@@ -5329,8 +5328,8 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					label: m("tableStyle.firstColumn"),
 					labelPlacement: "end"
 				}),
-				(0, $.jsx)(Ze, {
-					control: (0, $.jsx)(Xe, {
+				(0, $.jsx)(Qe, {
+					control: (0, $.jsx)(Ze, {
 						checked: n?.showLastColumn ?? !1,
 						indeterminate: !n,
 						disabled: f || !n,
@@ -5344,8 +5343,8 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					label: m("tableStyle.lastColumn"),
 					labelPlacement: "end"
 				}),
-				(0, $.jsx)(Ze, {
-					control: (0, $.jsx)(Xe, {
+				(0, $.jsx)(Qe, {
+					control: (0, $.jsx)(Ze, {
 						checked: n?.showColumnStripes ?? !1,
 						indeterminate: !n,
 						disabled: f || !n,
@@ -5359,8 +5358,8 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					label: m("tableStyle.bandedColumns"),
 					labelPlacement: "end"
 				}),
-				l && (0, $.jsx)(Ze, {
-					control: (0, $.jsx)(Xe, {
+				l && (0, $.jsx)(Qe, {
+					control: (0, $.jsx)(Ze, {
 						checked: c ?? !1,
 						indeterminate: c == null,
 						disabled: f || !n || c == null,
@@ -5426,7 +5425,7 @@ var Li = function(e) {
 			scope: e.getSheet().getName()
 		};
 	}, [r, y]);
-	Tt(r, {
+	Jt(r, {
 		onAnchorCoordsChange(e) {
 			S(e.getRange().getFixed(!0).toString());
 		},
@@ -5463,7 +5462,7 @@ var Li = function(e) {
 		onBlur: (e) => {
 			m?.current?.contains(e.relatedTarget) || d(!1);
 		},
-		ref: en([
+		ref: tn([
 			m,
 			_,
 			t
@@ -5481,7 +5480,7 @@ var Li = function(e) {
 			paddingBottom: (e) => e.spacing(1.5),
 			boxSizing: "border-box"
 		},
-		className: on("sxl-table-details-panel", o, { "sxl-has-focus": u }),
+		className: J("sxl-table-details-panel", o, { "sxl-has-focus": u }),
 		...s,
 		children: D || (0, $.jsxs)(R, {
 			sx: {
@@ -5544,7 +5543,7 @@ var Li = function(e) {
 					marginTop: (e) => e.spacing(1)
 				},
 				children: [
-					(0, $.jsx)(J, {
+					(0, $.jsx)(q, {
 						orientation: "horizontal",
 						sx: {
 							marginTop: (e) => e.spacing(1.5),
@@ -5578,7 +5577,7 @@ var Li = function(e) {
 							})]
 						})
 					}),
-					(0, $.jsx)(J, {
+					(0, $.jsx)(q, {
 						orientation: "horizontal",
 						sx: {
 							marginTop: (e) => e.spacing(1.5),
@@ -5616,14 +5615,14 @@ var Li = function(e) {
 							}
 						}
 					}),
-					(0, $.jsx)(J, { orientation: "horizontal" }),
+					(0, $.jsx)(q, { orientation: "horizontal" }),
 					(0, $.jsxs)(R, {
 						className: "_action-row_akhf4_15",
-						children: [(0, $.jsx)(q, {
+						children: [(0, $.jsx)(K, {
 							variant: x.Menuitem,
 							commandKey: "convertTableToRange",
 							commandState: r
-						}), (0, $.jsx)(q, {
+						}), (0, $.jsx)(K, {
 							variant: x.Menuitem,
 							commandState: r,
 							commandKey: "deleteTable"
@@ -5634,7 +5633,7 @@ var Li = function(e) {
 		})
 	});
 })), Bi = (e) => {
-	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = dt(), [s, c] = (0, Q.useReducer)((e) => e + 1, 0), l = o?.getSelection()?.getCoords()?.cell, u = (0, Q.useMemo)(() => {
+	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = lt(), [s, c] = (0, Q.useReducer)((e) => e + 1, 0), l = o?.getSelection()?.getCoords()?.cell, u = (0, Q.useMemo)(() => {
 		if (!o) return null;
 		let e = o.getTables().getItems({ address: l });
 		return e.length > 0 ? e[0] : null;
@@ -5649,7 +5648,7 @@ var Li = function(e) {
 		return () => {
 			e?.();
 		};
-	}, [u]), Tt(o, {
+	}, [u]), Jt(o, {
 		onSelectionChange: () => c(),
 		onStyleChange: () => c(),
 		onTablesChange: () => c(),
@@ -5693,28 +5692,28 @@ var Li = function(e) {
 					flex: "1 1 100%"
 				},
 				children: (0, $.jsxs)($.Fragment, { children: [
-					(0, $.jsx)(q, {
+					(0, $.jsx)(K, {
 						...t,
 						commandKey: "formatTableStyleClearCellStyles",
 						commandState: n,
 						disabled: s
 					}),
-					(0, $.jsx)(q, {
+					(0, $.jsx)(K, {
 						...t,
 						style: { fontWeight: 550 },
 						commandKey: "formatTableStyle",
 						commandState: { name: n.getName() },
 						disabled: s
 					}),
-					(0, $.jsx)(J, { orientation: "horizontal" }),
-					(0, $.jsx)(q, {
+					(0, $.jsx)(q, { orientation: "horizontal" }),
+					(0, $.jsx)(K, {
 						...t,
 						commandKey: "setDefaultTableStyle",
 						commandState: n.getName(),
 						disabled: s
 					}),
-					(0, $.jsx)(J, { orientation: "horizontal" }),
-					(0, $.jsx)(q, {
+					(0, $.jsx)(q, { orientation: "horizontal" }),
+					(0, $.jsx)(K, {
 						...t,
 						commandKey: "deleteTableStyle",
 						commandState: n?.getName(),
@@ -5723,7 +5722,7 @@ var Li = function(e) {
 				] })
 			})
 		});
-		return bt({
+		return xt({
 			...e,
 			children: r
 		});
@@ -5811,7 +5810,7 @@ var Li = function(e) {
 				r && i.push(r);
 			}
 			return i.length === 0 ? null : (0, $.jsxs)(R, { children: [
-				r ? (0, $.jsx)(J, { orientation: "horizontal" }) : null,
+				r ? (0, $.jsx)(q, { orientation: "horizontal" }) : null,
 				(0, $.jsx)(ot, { children: e }, e + "-header"),
 				(0, $.jsx)(R, {
 					sx: {
@@ -5844,7 +5843,7 @@ var Li = function(e) {
 		for (let e = 0; e < 11; e++) f.push("TableStyleDark" + (e + 1));
 		i.push(r(u("tableStyle.category.dark"), f));
 		let p = null;
-		return h && (p = (0, $.jsxs)($.Fragment, { children: [(0, $.jsx)(J, { orientation: "horizontal" }), (0, $.jsx)(q, {
+		return h && (p = (0, $.jsxs)($.Fragment, { children: [(0, $.jsx)(q, { orientation: "horizontal" }), (0, $.jsx)(K, {
 			variant: x.Menuitem,
 			commandKey: "formatTableStyleClearTableStyle",
 			disabled: a
@@ -5886,7 +5885,7 @@ var Li = function(e) {
 		groupKey: c,
 		commandState: h,
 		selected: d && h !== null,
-		createTooltip: ({ children: e }, t) => (0, $.jsx)(Ie, {
+		createTooltip: ({ children: e }, t) => (0, $.jsx)(Le, {
 			label: d?.getLabel(),
 			description: d?.getDescription(),
 			disabled: t,
@@ -6016,7 +6015,7 @@ var Li = function(e) {
 						whiteSpace: "pre",
 						fontFamily: () => t.getFontScheme().getMajorFont()
 					},
-					children: (0, $.jsx)(Ne, {
+					children: (0, $.jsx)(Pe, {
 						disableInteractive: !0,
 						slotProps: { popper: {
 							style: { pointerEvents: "none" },
@@ -6060,7 +6059,7 @@ var Li = function(e) {
 		let a = e.length;
 		for (let n = 0; n < a; n++) {
 			let a = e[n], c = r && a?.getName() === r.getName(), l = e[n + 1];
-			l && l.isCustom() !== a.isCustom() && t.push((0, $.jsx)(J, {
+			l && l.isCustom() !== a.isCustom() && t.push((0, $.jsx)(q, {
 				orientation: "horizontal",
 				sx: { marginBottom: "4px" }
 			}, `divider-${n}`)), t.push((0, $.jsx)(qi, {
@@ -6110,7 +6109,7 @@ var Li = function(e) {
 					},
 					children: l("theme.heading")
 				}),
-				(0, $.jsx)(J, { orientation: "horizontal" }),
+				(0, $.jsx)(q, { orientation: "horizontal" }),
 				(0, $.jsx)(R, {
 					sx: {
 						flex: "1 1 100%",
@@ -6123,7 +6122,7 @@ var Li = function(e) {
 		})
 	});
 })), Yi = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { themes: n, selectedTheme: r, onSelectTheme: i, icon: a, tooltip: o, label: s, variant: c = at.Toolbar, darkMode: l, propsPanel: d, ...f } = e, p = a || (0, $.jsx)(u, { iconKey: "Theme2" }), m = {
+	let { themes: n, selectedTheme: r, onSelectTheme: i, icon: a, tooltip: o, label: s, variant: c = it.Toolbar, darkMode: l, propsPanel: d, ...f } = e, p = a || (0, $.jsx)(u, { iconKey: "Theme2" }), m = {
 		createPopupPanel: (0, Q.useCallback)((e) => {
 			let { closeFloatAll: t } = e;
 			return (0, $.jsx)(Ji, {
@@ -6148,7 +6147,7 @@ var Li = function(e) {
 		icon: p,
 		...f
 	};
-	return c === at.Toolbar ? (0, $.jsx)(gt, {
+	return c === it.Toolbar ? (0, $.jsx)(gt, {
 		ref: t,
 		...m
 	}) : (0, $.jsx)(nt, {
@@ -6216,7 +6215,7 @@ var Li = function(e) {
 	return {
 		"color-base-100": r,
 		"color-base-content": n.text.primary,
-		"color-base-300": be(r, .12, n.mode),
+		"color-base-300": xe(r, .12, n.mode),
 		"color-primary": n.primary.main,
 		...Xi(t, e, "grid")
 	};
@@ -6224,15 +6223,15 @@ var Li = function(e) {
 	let n = e.palette, r = n.background.default, i = ((e, t) => Xi(t, e, "header")["color-base-100"] ?? Qi(e).header)(e, t);
 	return {
 		"color-base-100": i,
-		"color-base-hover": be(i, .065, n.mode),
-		"color-base-300": be(r, .12, n.mode),
+		"color-base-hover": xe(i, .065, n.mode),
+		"color-base-300": xe(r, .12, n.mode),
 		"color-base-content": n.text.primary,
 		"color-primary": n.primary.main,
 		"color-primary-content": n.primary.contrastText,
 		"color-base-emphasis-content": n.primary.contrastText,
 		...Xi(t, e, "header")
 	};
-}, ra = (e, t, n, r) => Bt({
+}, ra = (e, t, n, r) => Wt({
 	app: {
 		light: {
 			...v.light,
@@ -6256,11 +6255,11 @@ var Li = function(e) {
 	layer: "sxl-app",
 	scope: n
 }), ia = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { commandKey: n, selectedTheme: r, onSelectTheme: i, disabled: a, darkMode: o, label: s, icon: c, variant: l, ...u } = e, d = P([n])[0], f = d?.getContext()?.themes, p = r || d?.getContext()?.theme, m = It(), h = o ?? m === "dark", g = a ?? d?.disabled(), _ = B((e) => {
+	let { commandKey: n, selectedTheme: r, onSelectTheme: i, disabled: a, darkMode: o, label: s, icon: c, variant: l, ...u } = e, d = P([n])[0], f = d?.getContext()?.themes, p = r || d?.getContext()?.theme, m = Yt(), h = o ?? m === "dark", g = a ?? d?.disabled(), _ = B((e) => {
 		i?.(e), d?.execute(e);
 	}, [i]), v = (0, Q.useCallback)((e, t) => {
 		let { children: r, title: i, ...a } = e, o = e.children;
-		return (g || t) && (o = (0, $.jsx)("div", { children: o })), (0, $.jsx)(Kt, {
+		return (g || t) && (o = (0, $.jsx)("div", { children: o })), (0, $.jsx)(qt, {
 			commandKey: n,
 			placement: l === x.Toolbar ? "bottom-start" : "right-start",
 			disabled: g || t,
@@ -6273,23 +6272,23 @@ var Li = function(e) {
 		themes: f,
 		selectedTheme: p,
 		onSelectTheme: _,
-		variant: l === x.Menuitem ? at.Menuitem : at.Toolbar,
+		variant: l === x.Menuitem ? it.Menuitem : it.Toolbar,
 		createTooltip: v,
 		disabled: g,
 		darkMode: h,
 		...u
 	});
 })), aa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, Q.useState)([]), s = pt.canWrite(), c = pt.canRead();
+	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, Q.useState)([]), s = Ut.canWrite(), c = Ut.canRead();
 	(0, Q.useEffect)(() => {
 		let e = !0;
-		return pt.getWriteFormats().then((t) => {
+		return Ut.getWriteFormats().then((t) => {
 			e && o(t);
 		}), () => {
 			e = !1;
 		};
 	}, []);
-	let l = zt(Qt()), u = (0, Q.useMemo)(() => {
+	let l = bt(ut()), u = (0, Q.useMemo)(() => {
 		if (a.length === 0) return null;
 		let e = l?.toLowerCase();
 		return (e ? a.find((t) => t.key.toLowerCase() === e) ?? a.find((t) => t.exts?.some((t) => t.toLowerCase() === e)) : void 0) ?? a.find((e) => e.exts?.some((e) => e.toLowerCase() === "sxl")) ?? a.find((e) => !e.advanced) ?? a[0];
@@ -6299,11 +6298,11 @@ var Li = function(e) {
 			groupKey: n,
 			disabled: r
 		}, i = (0, $.jsxs)($.Fragment, { children: [
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "newWorkbook"
 			}),
-			(0, $.jsx)(J, { orientation: "horizontal" }),
+			(0, $.jsx)(q, { orientation: "horizontal" }),
 			c ? (0, $.jsx)(_t, {
 				...t,
 				quickCommand: "openWorkbook",
@@ -6311,16 +6310,16 @@ var Li = function(e) {
 					let n = {
 						...t,
 						groupKey: "openWorkbookOptions"
-					}, r = [(0, Q.createElement)(q, {
+					}, r = [(0, Q.createElement)(K, {
 						...n,
 						key: "device",
 						commandKey: "openWorkbook"
-					}), (0, Q.createElement)(q, {
+					}), (0, Q.createElement)(K, {
 						...n,
 						key: "web",
 						commandKey: "openWorkbookFromUrl"
 					})];
-					return bt({
+					return xt({
 						...e,
 						children: r,
 						onClick: () => {
@@ -6336,21 +6335,21 @@ var Li = function(e) {
 					let n = {
 						...t,
 						groupKey: "saveWorkbookOptions"
-					}, r = [(0, Q.createElement)(q, {
+					}, r = [(0, Q.createElement)(K, {
 						...n,
 						key: "saveWorkbookAs",
 						commandKey: "saveWorkbookAs",
 						label: d?.getLabel("saveWorkbookOptions"),
 						icon: d?.getIcon("saveWorkbookOptions")
 					})], i = a.filter((e) => !e.advanced && e.key !== u?.key);
-					return i.length > 0 && r.push((0, $.jsx)(J, { orientation: "horizontal" }, "divider")), i.forEach((e) => {
+					return i.length > 0 && r.push((0, $.jsx)(q, { orientation: "horizontal" }, "divider")), i.forEach((e) => {
 						let t = e.key, i = `saveWorkbookAs${t}`;
-						r.push((0, Q.createElement)(q, {
+						r.push((0, Q.createElement)(K, {
 							...n,
 							key: t,
 							commandKey: i
 						}));
-					}), bt({
+					}), xt({
 						...e,
 						children: r,
 						onClick: () => {
@@ -6359,12 +6358,12 @@ var Li = function(e) {
 					});
 				}
 			}) : null,
-			s ? (0, $.jsxs)($.Fragment, { children: [(0, $.jsx)(J, { orientation: "horizontal" }), (0, $.jsx)(q, {
+			s ? (0, $.jsxs)($.Fragment, { children: [(0, $.jsx)(q, { orientation: "horizontal" }), (0, $.jsx)(K, {
 				...t,
 				commandKey: "protectWorkbook"
 			})] }) : null
 		] });
-		return bt({
+		return xt({
 			...e,
 			children: i,
 			onClick: (t) => {
@@ -6408,25 +6407,25 @@ var oa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			groupKey: "appearanceOptions",
 			disabled: r
 		}, n = (0, $.jsxs)($.Fragment, { children: [
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "themeMode"
 			}),
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "defaultThemeMode"
 			}),
-			(0, $.jsx)(J, { orientation: "horizontal" }),
-			(0, $.jsx)(q, {
+			(0, $.jsx)(q, { orientation: "horizontal" }),
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "enableDarkGrid"
 			}),
-			(0, $.jsx)(q, {
+			(0, $.jsx)(K, {
 				...t,
 				commandKey: "enableDarkImages"
 			})
 		] });
-		return bt({
+		return xt({
 			...e,
 			children: n
 		});
@@ -6452,7 +6451,7 @@ var oa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	return (0, Q.useEffect)(() => {
 		let e = i.getMode();
 		o(e?.key === "copy" || e?.key === "cut"), c(e?.key === "cut" ? "warning" : "primary");
-	}, [i]), (0, $.jsx)(q, {
+	}, [i]), (0, $.jsx)(K, {
 		ref: t,
 		commandKey: n,
 		icon: (0, $.jsx)(u, {
@@ -6475,7 +6474,7 @@ var oa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	(0, Q.useEffect)(() => {
 		if (m) return m(t, w);
 	}, [t, m]), (0, Q.useEffect)(() => {}, [x]);
-	let T = (0, Q.useMemo)(() => on("sxl-item-card", "sxl-anchor-item-card", _, { "sxl-read-only": o }, ca.card), [_, o]);
+	let T = (0, Q.useMemo)(() => J("sxl-item-card", "sxl-anchor-item-card", _, { "sxl-read-only": o }, ca.card), [_, o]);
 	return (0, $.jsxs)(me, {
 		tabIndex: 0,
 		...v,
@@ -6558,7 +6557,7 @@ var oa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					},
 					children: [
 						d && n.moveUp && n.moveDown && (0, $.jsxs)($.Fragment, { children: [
-							(0, $.jsx)(Ne, {
+							(0, $.jsx)(Pe, {
 								disableInteractive: !0,
 								title: y(n.moveUp),
 								children: (0, $.jsx)("div", { children: (0, $.jsx)(U, {
@@ -6574,7 +6573,7 @@ var oa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 									})
 								}) })
 							}, "move-up"),
-							(0, $.jsx)(Ne, {
+							(0, $.jsx)(Pe, {
 								disableInteractive: !0,
 								title: y(n.moveDown),
 								children: (0, $.jsx)("div", { children: (0, $.jsx)(U, {
@@ -6592,7 +6591,7 @@ var oa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 							}, "move-down"),
 							(0, $.jsx)("div", { style: { width: "12px" } }, "div-after-move-down")
 						] }),
-						(0, $.jsx)(Ne, {
+						(0, $.jsx)(Pe, {
 							disableInteractive: !0,
 							title: y(n.edit),
 							children: (0, $.jsx)(U, {
@@ -6607,7 +6606,7 @@ var oa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 								})
 							})
 						}, "edit"),
-						f && n.duplicate && (0, $.jsx)(Ne, {
+						f && n.duplicate && (0, $.jsx)(Pe, {
 							disableInteractive: !0,
 							title: y(n.duplicate),
 							children: (0, $.jsx)(U, {
@@ -6622,7 +6621,7 @@ var oa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 								})
 							})
 						}, "duplicate"),
-						(0, $.jsx)(Ne, {
+						(0, $.jsx)(Pe, {
 							disableInteractive: !0,
 							title: y(n.delete),
 							children: (0, $.jsx)(U, {
@@ -6660,7 +6659,7 @@ var oa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 });
 la.displayName = "ItemCard";
 var ua = (0, Q.memo)((e) => {
-	let { children: t, messageKeys: n, onSave: r, onCancel: i, className: a, ...o } = e, s = b(), c = (0, Q.useMemo)(() => on("sxl-items-editor", "sxl-anchor-items-editor", a, {}, ca.editor), [a]);
+	let { children: t, messageKeys: n, onSave: r, onCancel: i, className: a, ...o } = e, s = b(), c = (0, Q.useMemo)(() => J("sxl-items-editor", "sxl-anchor-items-editor", a, {}, ca.editor), [a]);
 	return (0, $.jsxs)(R, {
 		sx: {
 			display: "flex",
@@ -6811,7 +6810,7 @@ var da = 0, fa = /* @__PURE__ */ new WeakMap(), pa = (0, Q.memo)((0, Q.forwardRe
 					})
 				}),
 				o,
-				!T && (0, $.jsx)(Ne, {
+				!T && (0, $.jsx)(Pe, {
 					disableInteractive: !0,
 					title: d(p.insert),
 					children: (0, $.jsx)(U, {
@@ -6901,7 +6900,7 @@ var da = 0, fa = /* @__PURE__ */ new WeakMap(), pa = (0, Q.memo)((0, Q.forwardRe
 		f,
 		E,
 		k
-	]), M = (0, Q.useMemo)(() => on("sxl-items-details", "sxl-anchor-items-details", `sxl-${i.key}-details`, c, {
+	]), M = (0, Q.useMemo)(() => J("sxl-items-details", "sxl-anchor-items-details", `sxl-${i.key}-details`, c, {
 		editing: g !== null,
 		"sxl-has-focus": m,
 		"sxl-read-only": T
@@ -6919,7 +6918,7 @@ var da = 0, fa = /* @__PURE__ */ new WeakMap(), pa = (0, Q.memo)((0, Q.forwardRe
 			onBlur: (e) => {
 				v?.current?.contains(e.relatedTarget) || h(!1);
 			},
-			ref: en([v, t]),
+			ref: tn([v, t]),
 			sx: {
 				paddingLeft: (e) => e.spacing(1.5),
 				paddingRight: (e) => e.spacing(1.5),
@@ -6944,7 +6943,7 @@ var da = 0, fa = /* @__PURE__ */ new WeakMap(), pa = (0, Q.memo)((0, Q.forwardRe
 		onBlur: (e) => {
 			v?.current?.contains(e.relatedTarget) || h(!1);
 		},
-		ref: en([v, t]),
+		ref: tn([v, t]),
 		sx: {
 			gap: (e) => e.spacing(1),
 			paddingLeft: (e) => e.spacing(1.5),
@@ -6962,13 +6961,13 @@ var ma = (e, t) => {
 	if (!e) return null;
 	let n = t?.getStyles();
 	try {
-		return new un(e, n?.schemeLookup(), n?.indexedLookup());
+		return new fn(e, n?.schemeLookup(), n?.indexedLookup());
 	} catch {
 		return null;
 	}
 }, ha = () => {
-	let e = Qt(), t = It(), n = t === "dark", [r, i] = (0, Q.useReducer)((e) => e + 1, 0);
-	Tt(e, { onThemeChange: () => i() }, { ignoreModelChange: !0 });
+	let e = ut(), t = Yt(), n = t === "dark", [r, i] = (0, Q.useReducer)((e) => e + 1, 0);
+	Jt(e, { onThemeChange: () => i() }, { ignoreModelChange: !0 });
 	let a = (0, Q.useCallback)((t) => ma(t, e), [e, r]), o = e?.getStyles().schemeLookup();
 	return {
 		workbook: e,
@@ -6983,7 +6982,7 @@ var ma = (e, t) => {
 			...V("grid", t)
 		}
 	};
-}, ga = "var(--sxl-color-base-100, rgb(255, 255, 255))", _a = "var(--sxl-color-base-300, rgb(224, 224, 224))", va = "var(--sxl-color-primary, rgb(33, 115, 70))", ya = "var(--sxl-color-base-content, rgba(0, 0, 0, 0.87))", ba = "var(--sxl-color-error, rgb(211, 47, 47))", xa = (e) => Math.round(e).toString(16).padStart(2, "0"), Sa = (e, t, n) => new un(`#${xa(e)}${xa(t)}${xa(n)}`).toCSS("adaptive"), Ca = (e, t, n, r) => {
+}, ga = "var(--sxl-color-base-100, rgb(255, 255, 255))", _a = "var(--sxl-color-base-300, rgb(224, 224, 224))", va = "var(--sxl-color-primary, rgb(33, 115, 70))", ya = "var(--sxl-color-base-content, rgba(0, 0, 0, 0.87))", ba = "var(--sxl-color-error, rgb(211, 47, 47))", xa = (e) => Math.round(e).toString(16).padStart(2, "0"), Sa = (e, t, n) => new fn(`#${xa(e)}${xa(t)}${xa(n)}`).toCSS("adaptive"), Ca = (e, t, n, r) => {
 	if (e.length === 0) return n;
 	let i = (t) => ma(e[t].color, r)?.toRGBA() ?? null;
 	if (e.length === 1) {
@@ -7024,7 +7023,7 @@ var ma = (e, t) => {
 		} })
 	}));
 }, Da = (0, Q.memo)((e) => {
-	let { rows: t, ...n } = e, r = It(), i = (e, n) => ({
+	let { rows: t, ...n } = e, r = Yt(), i = (e, n) => ({
 		borderRight: +(n < 2),
 		borderBottom: +(e < t.length - 1),
 		borderColor: _a,
@@ -7058,7 +7057,7 @@ var ma = (e, t) => {
 });
 Da.displayName = "ScaleMiniGrid";
 var Oa = (0, Q.memo)((e) => {
-	let { title: t, sheet: n, disabled: r, sx: i, className: a, children: o, ...s } = e, c = It(), l = !!s.onClick, u = (0, $.jsx)(R, {
+	let { title: t, sheet: n, disabled: r, sx: i, className: a, children: o, ...s } = e, c = Yt(), l = !!s.onClick, u = (0, $.jsx)(R, {
 		component: l ? "button" : "div",
 		...l ? { disabled: r } : null,
 		className: a ? `sxl-cf-preset-chip ${a}` : "sxl-cf-preset-chip",
@@ -7091,7 +7090,7 @@ var Oa = (0, Q.memo)((e) => {
 		...s,
 		children: o
 	});
-	return t ? (0, $.jsx)(Ne, {
+	return t ? (0, $.jsx)(Pe, {
 		disableInteractive: !0,
 		title: t,
 		children: (0, $.jsx)(R, {
@@ -7107,18 +7106,18 @@ var Oa = (0, Q.memo)((e) => {
 Oa.displayName = "PresetChip";
 var ka = Object.freeze([{
 	labelKey: l("conditionalFormat.gradientFill"),
-	presets: Ct.filter((e) => e.gradient)
+	presets: Tt.filter((e) => e.gradient)
 }, {
 	labelKey: l("conditionalFormat.solidFill"),
-	presets: Ct.filter((e) => !e.gradient)
+	presets: Tt.filter((e) => !e.gradient)
 }]), Aa = Object.freeze([{
 	labelKey: l("conditionalFormat.threeColor"),
-	presets: xt.filter((e) => e.stops.length === 3)
+	presets: Et.filter((e) => e.stops.length === 3)
 }, {
 	labelKey: l("conditionalFormat.twoColor"),
-	presets: xt.filter((e) => e.stops.length === 2)
-}]), ja = (e, t) => e.type === mn.ScaleType.DataBar ? Ea(e, ma(e.color, t)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") : e.type === mn.ScaleType.ColorScale ? wa(e.stops ?? [], ga, t) : [], Ma = (0, Q.memo)((e) => {
-	let { commandKey: t, groups: n, disabled: r } = e, i = b(), a = Qt(), o = P([t])[0];
+	presets: Et.filter((e) => e.stops.length === 2)
+}]), ja = (e, t) => e.type === un.ScaleType.DataBar ? Ea(e, ma(e.color, t)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") : e.type === un.ScaleType.ColorScale ? wa(e.stops ?? [], ga, t) : [], Ma = (0, Q.memo)((e) => {
+	let { commandKey: t, groups: n, disabled: r } = e, i = b(), a = ut(), o = P([t])[0];
 	return (0, $.jsx)(R, {
 		sx: {
 			display: "flex",
@@ -7152,7 +7151,7 @@ var Na = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { commandKey: n, scaleType: r, groupKey: i, disabled: a, ...o } = e, s = P([n])[0], c = r === "dataBar" ? ka : Aa, l = a ?? (!s || s.disabled());
 	return (0, $.jsx)(_t, {
 		ref: t,
-		createPopupPanel: (0, Q.useCallback)((e) => bt({
+		createPopupPanel: (0, Q.useCallback)((e) => xt({
 			...e,
 			children: (0, $.jsx)(Ma, {
 				commandKey: n,
@@ -7190,7 +7189,7 @@ var Pa = () => {
 		]
 	}, !0), N.register({
 		key: "underlineOptions",
-		render: (e, t) => (0, $.jsx)(kt, {
+		render: (e, t) => (0, $.jsx)(At, {
 			...e,
 			groupKey: t,
 			projectAs: "quick"
@@ -7203,7 +7202,7 @@ var Pa = () => {
 		]
 	}, !0), N.register({
 		key: "textOverflowOptions",
-		render: (e, t) => (0, $.jsx)(kt, {
+		render: (e, t) => (0, $.jsx)(At, {
 			...e,
 			groupKey: t,
 			projectAs: "icon",
@@ -7267,7 +7266,7 @@ var Pa = () => {
 				key: "dataTextToColumns",
 				getLabel: () => "Custom",
 				getIcon: () => null,
-				render: (e) => (0, $.jsx)(Nt, {
+				render: (e) => (0, $.jsx)(jt, {
 					...e,
 					inputProps: { maxLength: 1 }
 				})
@@ -7425,7 +7424,7 @@ var Pa = () => {
 		render: (e) => (0, $.jsx)(Ci, { ...e })
 	}, !0), N.register({
 		key: "horizontalAlignOptions",
-		render: (e, t) => (0, $.jsx)(kt, {
+		render: (e, t) => (0, $.jsx)(At, {
 			...e,
 			groupKey: t,
 			projectAs: "quick"
@@ -7438,11 +7437,11 @@ var Pa = () => {
 					justifyContent: "center"
 				},
 				onClick: (e) => e.stopPropagation(),
-				children: [(0, $.jsx)(q, {
+				children: [(0, $.jsx)(K, {
 					commandKey: "formatIndentDecrease",
 					groupKey: "horizontalAlignOptions",
 					disabled: e
-				}), (0, $.jsx)(q, {
+				}), (0, $.jsx)(K, {
 					commandKey: "formatIndentIncrease",
 					groupKey: "horizontalAlignOptions",
 					disabled: e
@@ -7460,7 +7459,7 @@ var Pa = () => {
 		]
 	}, !0), N.register({
 		key: "verticalAlignOptions",
-		render: (e, t) => (0, $.jsx)(kt, {
+		render: (e, t) => (0, $.jsx)(At, {
 			...e,
 			groupKey: t,
 			projectAs: "icon",
@@ -7492,7 +7491,7 @@ var Pa = () => {
 		]
 	}, !0), N.register({
 		key: "formatTextRotateCustom",
-		render: (e) => (0, $.jsx)(Nt, {
+		render: (e) => (0, $.jsx)(jt, {
 			...e,
 			commandKey: "formatTextRotateCustom",
 			groupKey: "textRotateOptions",
@@ -7617,7 +7616,7 @@ var Pa = () => {
 			e(t.getSummary());
 		});
 	});
-	return (0, $.jsx)(ft, {
+	return (0, $.jsx)(pt, {
 		sx: {
 			maxWidth: "360px",
 			display: "flex",
@@ -7664,7 +7663,7 @@ var Pa = () => {
 				category: t.label,
 				...r
 			});
-			return bt({
+			return xt({
 				...e,
 				children: i
 			});
@@ -7705,7 +7704,7 @@ var Ra = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			handleInsert: d
 		}, `formula-${t.getName()}-${e}`);
 	}
-	return bt({
+	return xt({
 		...r,
 		children: (0, $.jsx)(R, {
 			ref: t,
@@ -7731,7 +7730,7 @@ var Ra = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		}, n = (e, n) => ({
 			selected: n,
 			disabled: l,
-			icon: n ? (0, $.jsx)(vt, {}) : void 0,
+			icon: n ? (0, $.jsx)(yt, {}) : void 0,
 			sx: {
 				display: "flex",
 				paddingTop: "4px",
@@ -7765,11 +7764,11 @@ var Ra = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			})
 		}), i = [...za];
 		c && !i.includes(c) && i.push(c), i.sort((e, t) => Ua(e).localeCompare(Ua(t)));
-		let u = i.map((e) => (0, $.jsx)(ft, {
+		let u = i.map((e) => (0, $.jsx)(pt, {
 			...n(e, e === c),
 			children: r(Ua(e))
 		}, e));
-		return bt({
+		return xt({
 			...e,
 			children: (0, $.jsxs)(R, {
 				sx: {
@@ -7780,10 +7779,10 @@ var Ra = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				},
 				children: [(0, $.jsxs)(R, {
 					sx: { flex: "none" },
-					children: [(0, $.jsx)(ft, {
+					children: [(0, $.jsx)(pt, {
 						...n(null, c === null),
 						children: r(a("locale.systemDefault", { locale: Ua(Ha(o)) }))
-					}, "system-default"), (0, $.jsx)(J, { orientation: "horizontal" })]
+					}, "system-default"), (0, $.jsx)(q, { orientation: "horizontal" })]
 				}), (0, $.jsx)(R, {
 					sx: {
 						overflow: "auto",
@@ -7806,7 +7805,7 @@ var Ra = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		sx: { ...n },
 		disabled: l,
 		createPopupPanel: f,
-		createTooltip: ({ children: e }, t) => (0, $.jsx)(Ie, {
+		createTooltip: ({ children: e }, t) => (0, $.jsx)(Le, {
 			label: s?.getLabel?.(),
 			description: s?.getDescription?.(),
 			disabled: t,
@@ -8120,10 +8119,10 @@ var Wa = () => {
 			l?.closeAll(), a?.execute(e);
 		}, n = o.getAvailable().sort().map((e) => {
 			let n = e === s;
-			return (0, $.jsx)(ft, {
+			return (0, $.jsx)(pt, {
 				selected: n,
 				disabled: c,
-				icon: n ? (0, $.jsx)(vt, {}) : void 0,
+				icon: n ? (0, $.jsx)(yt, {}) : void 0,
 				sx: {
 					display: "flex",
 					paddingTop: "4px",
@@ -8157,7 +8156,7 @@ var Wa = () => {
 				})
 			}, e);
 		});
-		return bt({
+		return xt({
 			...e,
 			children: (0, $.jsx)(R, {
 				sx: {
@@ -8185,7 +8184,7 @@ var Wa = () => {
 		sx: { ...n },
 		disabled: c,
 		createPopupPanel: d,
-		createTooltip: ({ children: e }, t) => (0, $.jsx)(Ie, {
+		createTooltip: ({ children: e }, t) => (0, $.jsx)(Le, {
 			label: a?.getLabel?.(),
 			description: a?.getDescription?.(),
 			disabled: t,
@@ -8254,7 +8253,7 @@ var qa = () => {
 	}, !0);
 }, Ja = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { ...n } = e;
-	return (0, $.jsx)(Yt, {
+	return (0, $.jsx)(Xt, {
 		ref: t,
 		groupKey: "insertFunctionSumOptions",
 		...n
@@ -8352,7 +8351,7 @@ var Ya = [
 		let e = [], r = t.length;
 		for (let i = 0; i < r; i++) {
 			let r = t[i].label;
-			e.push((0, $.jsx)(et, {
+			e.push((0, $.jsx)(tt, {
 				value: i,
 				sx: { color: (e) => {
 					if (n === i) return e.palette.primary.main;
@@ -8362,7 +8361,7 @@ var Ya = [
 		}
 		return e;
 	}, [t, n]);
-	return (0, $.jsx)(Ve, {
+	return (0, $.jsx)(He, {
 		sx: {
 			minWidth: "125px",
 			maxWidth: "125px",
@@ -8382,7 +8381,7 @@ var Ya = [
 			}
 		},
 		size: "small",
-		children: (0, $.jsx)(Ge, {
+		children: (0, $.jsx)(Ke, {
 			value: n,
 			onChange: a,
 			variant: "outlined",
@@ -8399,7 +8398,7 @@ var Ya = [
 		return {
 			key: e,
 			label: (0, $.jsx)(z, { entryKey: e }),
-			component: (0, Q.createElement)(Ot, {
+			component: (0, Q.createElement)(kt, {
 				...n,
 				key: e,
 				groupKey: e
@@ -8433,7 +8432,7 @@ var Ya = [
 			flexGrow: 1,
 			borderRadius: "8px",
 			backgroundColor: "var(--sxl-color-elevated, var(--sxl-color-base-100))",
-			backgroundImage: K,
+			backgroundImage: _e,
 			border: "1px solid var(--sxl-color-elevated-border, transparent)",
 			marginLeft: (e) => e.spacing(1),
 			marginRight: (e) => e.spacing(1),
@@ -8460,8 +8459,8 @@ var Ya = [
 }));
 eo.displayName = "WorkbookToolbars";
 var to = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { className: n, debounceDelay: r = 220, sx: i, ...a } = e, o = b(), s = dt()?.getView(), [l, d] = (0, Q.useState)(() => s?.getZoomScale() ?? 100), [f, p] = (0, Q.useState)(!1), m = (0, Q.useRef)(0);
-	Tt(s, { onZoomScaleChange: () => {
+	let { className: n, debounceDelay: r = 220, sx: i, ...a } = e, o = b(), s = lt()?.getView(), [l, d] = (0, Q.useState)(() => s?.getZoomScale() ?? 100), [f, p] = (0, Q.useState)(!1), m = (0, Q.useRef)(0);
+	Jt(s, { onZoomScaleChange: () => {
 		p(!0), m.current === 0 && s && d(s.getZoomScale());
 	} }), (0, Q.useEffect)(() => {
 		m.current = 0, p(!1), d(s?.getZoomScale() ?? 100);
@@ -8488,7 +8487,7 @@ var to = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	});
 	return (0, $.jsxs)(R, {
 		ref: t,
-		className: on(n),
+		className: J(n),
 		sx: {
 			padding: "0px 0px",
 			display: "flex",
@@ -8510,7 +8509,7 @@ var to = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		},
 		...a,
 		children: [
-			(0, $.jsx)(Ne, {
+			(0, $.jsx)(Pe, {
 				disableInteractive: !0,
 				title: o("zoom.out"),
 				children: (0, $.jsx)(U, {
@@ -8540,8 +8539,8 @@ var to = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 						height: 14,
 						width: 4,
 						borderRadius: 2,
-						"&.Mui-focusVisible": { boxShadow: (e) => `0px 0px 0px 3px ${Ae(e.palette.primary.main, .16)}` },
-						"&:focus, &:hover, &.Mui-active": { boxShadow: (e) => `0px 0px 0px 2px ${Ae(e.palette.primary.main, .16)}` }
+						"&.Mui-focusVisible": { boxShadow: (e) => `0px 0px 0px 3px ${je(e.palette.primary.main, .16)}` },
+						"&:focus, &:hover, &.Mui-active": { boxShadow: (e) => `0px 0px 0px 2px ${je(e.palette.primary.main, .16)}` }
 					},
 					"& .MuiSlider-mark": {
 						width: "1px",
@@ -8570,7 +8569,7 @@ var to = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				},
 				valueLabelFormat: (e, t) => o("zoom.sliderValue", { value: Math.round(l) })
 			}),
-			(0, $.jsx)(Ne, {
+			(0, $.jsx)(Pe, {
 				disableInteractive: !0,
 				title: o("zoom.in"),
 				children: (0, $.jsx)(U, {
@@ -8602,7 +8601,7 @@ var to = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 }));
 to.displayName = "SheetZoomScale";
 var no = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { className: n, stats: r = io, debounceDelay: i = 40, style: a, ...o } = e, s = dt(), l = b(), [u, d] = (0, Q.useState)(null), [f, p] = (0, Q.useReducer)((e) => e + 1, 0), m = (0, Q.useCallback)(c.debounce(p, i), [i]);
+	let { className: n, stats: r = io, debounceDelay: i = 40, style: a, ...o } = e, s = lt(), l = b(), [u, d] = (0, Q.useState)(null), [f, p] = (0, Q.useReducer)((e) => e + 1, 0), m = (0, Q.useCallback)(c.debounce(p, i), [i]);
 	(0, Q.useEffect)(() => {
 		if (!s) return;
 		let e = s.getSelectedRanges();
@@ -8627,7 +8626,7 @@ var no = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				firstError: t
 			});
 		})();
-	}, [f, s]), Tt(s, {
+	}, [f, s]), Jt(s, {
 		onSelectionChange: () => {
 			m();
 		},
@@ -8676,7 +8675,7 @@ var no = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	]);
 	return (0, $.jsx)("div", {
 		ref: t,
-		className: on(n, "_stats-items_151a8_1"),
+		className: J(n, "_stats-items_151a8_1"),
 		style: a,
 		...o,
 		children: h
@@ -8708,10 +8707,10 @@ var io = Object.freeze([
 	let { cell: n, label: r, description: i, className: a, style: o, ...c } = e, l = b();
 	return (0, $.jsx)("div", {
 		ref: t,
-		className: on(a, "_stats-item_151a8_1"),
+		className: J(a, "_stats-item_151a8_1"),
 		style: o,
 		...c,
-		children: (0, $.jsx)(Ne, {
+		children: (0, $.jsx)(Pe, {
 			disableInteractive: !0,
 			placement: "top",
 			title: i ?? (r ? l("numberStats.copyTooltip", { label: r }) : l("numberStats.copyTooltipNoLabel")),
@@ -8720,7 +8719,7 @@ var io = Object.freeze([
 					let e = n?.getValue();
 					e != null && s.Global.writeText(String(e));
 				},
-				className: on("_stats-item-label_151a8_15"),
+				className: J("_stats-item-label_151a8_15"),
 				children: [r && (0, $.jsx)(G, {
 					noWrap: !0,
 					component: "div",
@@ -8743,7 +8742,7 @@ var io = Object.freeze([
 			l.current?.removeEventListener("wheel", e);
 		};
 	}, []);
-	let u = I(), d = Vt().getMode()?.mode === "point", f = b(), p = (0, Q.useMemo)(() => {
+	let u = I(), d = Pt().getMode()?.mode === "point", f = b(), p = (0, Q.useMemo)(() => {
 		if (d) return f("statusBar.point");
 		let e = u.getMode();
 		return f(e?.description ? e.description : "statusBar.ready");
@@ -8802,8 +8801,8 @@ var io = Object.freeze([
 	}), []);
 	return (0, $.jsxs)("div", {
 		...c,
-		className: on("statusBar", r),
-		ref: en([l, t]),
+		className: J("statusBar", r),
+		ref: tn([l, t]),
 		style: {
 			display: "flex",
 			alignItems: "stretch",
@@ -8900,7 +8899,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		}
 		e ||= o.getSelectedSheet().getSelectedRange().toString(), v({ text: e });
 	}, [o, y]), [F, ee] = (0, Q.useState)(() => a?.getItems() ?? null);
-	Tt(a, {
+	Jt(a, {
 		onCollectionChange(e) {
 			ee(a.getItems()), P();
 		},
@@ -8911,7 +8910,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		j(k());
 	}, [_]), (0, Q.useEffect)(() => {
 		te();
-	}, [y]), Tt(o, {
+	}, [y]), Jt(o, {
 		onProtectionChange: (e) => {
 			D(l || !e.getProtection().isStructureAllowed());
 		},
@@ -8926,7 +8925,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		}
 	});
 	let te = B(c.debounce(P, y ? 0 : 120), [y]);
-	Tt(o.getSelectedSheet().getSelection(), {
+	Jt(o.getSelectedSheet().getSelection(), {
 		onChange: (e) => {
 			te();
 		},
@@ -8944,7 +8943,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				flex: "1 1 100%"
 			},
 			disableRipple: !0,
-			children: (0, $.jsx)(Ue, {
+			children: (0, $.jsx)(We, {
 				inputMode: "text",
 				inputProps: {
 					tabIndex: 0,
@@ -9037,11 +9036,11 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			let a = n[e], o = a.getRanges?.();
 			if (!o || a.isHidden()) continue;
 			let c = a.getType() === "table";
-			c !== l && (l !== null && s.push((0, $.jsx)(J, { orientation: "horizontal" }, `type-divider-${s.length}`)), s.push((0, $.jsx)(ot, {
+			c !== l && (l !== null && s.push((0, $.jsx)(q, { orientation: "horizontal" }, `type-divider-${s.length}`)), s.push((0, $.jsx)(ot, {
 				variant: "subtitle2",
 				sx: { paddingLeft: "16px" },
 				children: g(c ? "named.groupTables" : "named.groupRanges")
-			}, `type-header-${s.length}`)), l = c), c ? s.push(i ? (0, Q.createElement)(Yt, {
+			}, `type-header-${s.length}`)), l = c), c ? s.push(i ? (0, Q.createElement)(Xt, {
 				...t,
 				key: "namedItem-" + s.length,
 				groupKey: "namedItem",
@@ -9051,7 +9050,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				quickCommand: "selectNamed",
 				disabled: u ?? !o,
 				icon: "TableInsert"
-			}) : (0, Q.createElement)(q, {
+			}) : (0, Q.createElement)(K, {
 				...t,
 				key: "namedItem-" + s.length,
 				commandKey: "selectNamed",
@@ -9060,7 +9059,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				label: a.getName(),
 				disabled: u ?? !o,
 				icon: "TableInsert"
-			})) : s.push(r ? (0, Q.createElement)(Yt, {
+			})) : s.push(r ? (0, Q.createElement)(Xt, {
 				...t,
 				key: "named-" + s.length,
 				groupKey: "namedItem",
@@ -9070,7 +9069,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				quickCommand: "selectNamed",
 				disabled: u ?? !a.getRanges?.(),
 				icon: "NamedRange"
-			}) : (0, Q.createElement)(q, {
+			}) : (0, Q.createElement)(K, {
 				...t,
 				key: "named-" + s.length,
 				commandKey: "selectNamed",
@@ -9089,11 +9088,11 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				overflow: "hidden"
 			},
 			...p,
-			children: [E ? null : (0, $.jsx)(q, {
+			children: [E ? null : (0, $.jsx)(K, {
 				...t,
 				groupKey: "namedItem",
 				commandKey: "addNamedReference"
-			}), s && s.length > 0 ? (0, $.jsxs)($.Fragment, { children: [E ? null : (0, $.jsx)(J, { orientation: "horizontal" }), (0, $.jsx)(R, {
+			}), s && s.length > 0 ? (0, $.jsxs)($.Fragment, { children: [E ? null : (0, $.jsx)(q, { orientation: "horizontal" }), (0, $.jsx)(R, {
 				sx: {
 					overflow: "auto",
 					flex: "1 1 100%"
@@ -9101,7 +9100,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: s
 			})] }) : null]
 		});
-		return bt({
+		return xt({
 			...e,
 			children: f
 		});
@@ -9117,7 +9116,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	} }), []);
 	return (0, $.jsx)(R, {
 		...p,
-		className: on("outer", n),
+		className: J("outer", n),
 		style: {
 			minWidth: 120,
 			flex: "1 1 100%",
@@ -9126,7 +9125,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			justifyContent: "start",
 			...r
 		},
-		ref: en([V, t]),
+		ref: tn([V, t]),
 		children: (0, $.jsx)(gt, {
 			className: "outer-button",
 			sx: {
@@ -9140,14 +9139,14 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			},
 			propsButton: { sx: {
 				backgroundColor: "var(--sxl-color-input, var(--sxl-color-base-100))",
-				backgroundImage: K
+				backgroundImage: _e
 			} },
 			tabIndex: -1,
 			outlined: { color: (e) => i ? e.palette.action.disabled : "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))" },
 			createPopupPanel: z,
 			onPopupOpen: () => w(!0),
 			onPopupClose: () => w(!1),
-			createTooltip: ({ children: e }, t) => (0, $.jsx)(Ie, {
+			createTooltip: ({ children: e }, t) => (0, $.jsx)(Le, {
 				title: t || C ? "" : g("nameBox.title"),
 				disabled: t,
 				leaveDelay: 0,
@@ -9245,7 +9244,7 @@ var uo = "formula", fo = (e) => e.getType() === uo, po = (e) => {
 				margin: (e) => e.spacing(1.25)
 			},
 			children: [
-				(0, $.jsx)(Qe, {
+				(0, $.jsx)($e, {
 					label: r("named.name"),
 					size: "small",
 					fullWidth: !0,
@@ -9257,7 +9256,7 @@ var uo = "formula", fo = (e) => e.getType() === uo, po = (e) => {
 						a(e.target.value), t.name = e.target.value;
 					}
 				}),
-				(0, $.jsxs)(Qe, {
+				(0, $.jsxs)($e, {
 					label: r("named.scope"),
 					size: "small",
 					fullWidth: !0,
@@ -9269,10 +9268,10 @@ var uo = "formula", fo = (e) => e.getType() === uo, po = (e) => {
 						let n = e.target.value === _o ? null : e.target.value;
 						c(n), t.scope = n;
 					},
-					children: [(0, $.jsx)(et, {
+					children: [(0, $.jsx)(tt, {
 						value: _o,
 						children: r("named.scopeWorkbook")
-					}), m.map((e) => (0, $.jsx)(et, {
+					}), m.map((e) => (0, $.jsx)(tt, {
 						value: e,
 						children: e
 					}, e))]
@@ -9289,7 +9288,7 @@ var uo = "formula", fo = (e) => e.getType() === uo, po = (e) => {
 						t.expression = e;
 					}
 				}),
-				(0, $.jsx)(Qe, {
+				(0, $.jsx)($e, {
 					label: r("named.comment"),
 					size: "small",
 					fullWidth: !0,
@@ -9302,8 +9301,8 @@ var uo = "formula", fo = (e) => e.getType() === uo, po = (e) => {
 						u(e.target.value), t.comment = e.target.value;
 					}
 				}),
-				(0, $.jsx)(Ze, {
-					control: (0, $.jsx)(Xe, {
+				(0, $.jsx)(Qe, {
+					control: (0, $.jsx)(Ze, {
 						size: "small",
 						disabled: p,
 						checked: d,
@@ -9399,13 +9398,13 @@ var yo = ({ item: e }) => {
 				workbook: t
 			})
 		}))(a), [a]),
-		headerActions: (0, Q.useMemo)(() => (0, $.jsx)(Ze, {
+		headerActions: (0, Q.useMemo)(() => (0, $.jsx)(Qe, {
 			sx: {
 				flex: "0 0 auto",
 				marginRight: 0,
 				whiteSpace: "nowrap"
 			},
-			control: (0, $.jsx)(Xe, {
+			control: (0, $.jsx)(Ze, {
 				size: "small",
 				checked: a,
 				onChange: (e) => o(e.target.checked)
@@ -9438,7 +9437,7 @@ var xo = (e) => {
 	...e
 }), wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", To = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { className: n, style: r, workbook: i, editable: a, showNamedCollectionEditor: o = !0, propsNamedCollectionEditor: s, renderNamedCollectionEditor: c = Co, disabled: l, ...d } = e, p = i, [m, h] = (0, Q.useState)(p.getSelectedSheet()), [g, _] = (0, Q.useState)(m?.getSelectedCell().getCoords()), [v, x] = (0, Q.useState)(() => !!m && !m.getSelectedCell().isEditAllowed()), S = p.getProtection().isReadOnly(), C = l || v || S, w = P(["insertFunctionDialog"])[0];
-	Tt(p, {
+	Jt(p, {
 		onSheetsChange: (e) => {
 			let t = e.getSelectedSheet();
 			t && (_(t.getSelectedCell().getCoords()), h(t));
@@ -9453,10 +9452,10 @@ var xo = (e) => {
 		}
 	});
 	let E = (0, Q.useMemo)(() => ({ fontSize: 11 }), []);
-	Tt(m.getSelection(), { onChange: () => {
+	Jt(m.getSelection(), { onChange: () => {
 		let e = m.getSelectedCell();
 		x(!e.isEditAllowed()), _(e.getCoords());
-	} }), Tt(m, { onProtectionChange() {
+	} }), Jt(m, { onProtectionChange() {
 		x(!m.getSelectedCell().isEditAllowed());
 	} });
 	let D = b(), [O, A] = (0, Q.useState)(20), [j, M] = (0, Q.useState)(5), [N, F] = (0, Q.useState)(1), ne = B((e, { size: t }) => {
@@ -9470,7 +9469,7 @@ var xo = (e) => {
 		a?.cancel();
 	}, [a]), V = B(() => {
 		a?.commit();
-	}, [a]), H = (0, Q.useMemo)(() => rt({
+	}, [a]), H = (0, Q.useMemo)(() => St({
 		selection: m.getSelection(),
 		fillNone: !0
 	}), [m]), ie = (0, Q.useMemo)(() => a ? {
@@ -9486,7 +9485,7 @@ var xo = (e) => {
 			key: "formula:editor",
 			name: "editor"
 		},
-		contributor: { dynamic: tt },
+		contributor: { dynamic: Kt },
 		data: ie
 	} : null, [ie]), oe = (0, Q.useMemo)(() => L ? null : ht(m.getRange(g).getCell()), [
 		m,
@@ -9499,7 +9498,7 @@ var xo = (e) => {
 			flexDirection: "row",
 			gap: 4
 		},
-		children: (0, $.jsx)(Et, {
+		children: (0, $.jsx)(Ot, {
 			editable: a,
 			readOnly: C,
 			editorId: "formula-bar",
@@ -9516,7 +9515,7 @@ var xo = (e) => {
 					vertical: hn.VerticalAlignment.Top,
 					overflow: hn.Overflow.Visible
 				},
-				fill: { type: dn.Type.None }
+				fill: { type: mn.Type.None }
 			} }) : null,
 			renderEditor: (e) => (0, $.jsx)(H, {
 				...e,
@@ -9557,7 +9556,7 @@ var xo = (e) => {
 			userSelect: "none",
 			flexGrow: 0,
 			backgroundColor: "var(--sxl-color-input, var(--sxl-color-base-100))",
-			backgroundImage: K,
+			backgroundImage: _e,
 			border: (e) => `solid ${C ? e.palette.action.disabled : wo} 1px`
 		},
 		children: [
@@ -9655,7 +9654,7 @@ var xo = (e) => {
 				boxShadow: "none",
 				borderRadius: (e) => `${e.shape.borderRadius}px`,
 				backgroundColor: "var(--sxl-color-input, var(--sxl-color-base-100))",
-				backgroundImage: K,
+				backgroundImage: _e,
 				border: (e) => `solid ${C ? e.palette.action.disabled : wo} 1px`,
 				"& textarea": { color: (e) => C ? `${e.palette.text.disabled} !important` : e.palette.text.primary },
 				"& .react-resizable-handle": {
@@ -9782,7 +9781,7 @@ var xo = (e) => {
 		children: (0, $.jsx)("div", {
 			...d,
 			ref: he,
-			className: on(n),
+			className: J(n),
 			style: {
 				display: "flex",
 				flexDirection: "row",
@@ -9818,7 +9817,7 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 		}), s;
 	})(n, l), [n, l]), [d, p] = (0, Q.useState)(() => ((e, t) => {
 		let n = () => new Set(t.map((e, t) => t)), r = e.getFilter()?.getCondition();
-		if (!r || r.getOperator()?.getName() !== pn.BuiltInOperatorNames.InSet) return n();
+		if (!r || r.getOperator()?.getName() !== cn.BuiltInOperatorNames.InSet) return n();
 		let i = r.getParam();
 		if (!Array.isArray(i.items)) return n();
 		let a = new Set(i.items), o = /* @__PURE__ */ new Set();
@@ -9837,7 +9836,7 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 			for (let n of e) t ? r.add(g[n]) : r.delete(g[n]);
 			return r;
 		});
-	}, [g]), v = (0, Q.useCallback)((e, t) => (0, $.jsx)(Xe, {
+	}, [g]), v = (0, Q.useCallback)((e, t) => (0, $.jsx)(Ze, {
 		checked: e,
 		indeterminate: t,
 		size: "small",
@@ -9850,7 +9849,7 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 		});
 		let i = n.getFilter();
 		i && (i.setCondition({
-			operator: pn.BuiltInOperatorNames.InSet,
+			operator: cn.BuiltInOperatorNames.InSet,
 			param: {
 				items: e,
 				blank: t
@@ -9864,7 +9863,7 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 	]), x = g.reduce((e, t) => e + +!!d.has(t), 0);
 	return (0, $.jsxs)(R, {
 		ref: c,
-		className: on("filter-list", i),
+		className: J("filter-list", i),
 		sx: {
 			display: "flex",
 			flexDirection: "column",
@@ -9876,7 +9875,7 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 		style: a,
 		...s,
 		children: [
-			(0, $.jsx)(Qe, {
+			(0, $.jsx)($e, {
 				size: "small",
 				placeholder: l("filter.search"),
 				value: m,
@@ -9884,14 +9883,14 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 				slotProps: { input: {} },
 				autoFocus: !0
 			}),
-			(0, $.jsx)(Ut, {
+			(0, $.jsx)(Vt, {
 				itemCount: g.length,
 				itemHeight: 24,
 				isChecked: (e) => d.has(g[e]),
 				onCheckedChange: _,
 				renderValue: (e) => u[g[e]].label,
 				renderCheckbox: v,
-				renderDivider: () => (0, $.jsx)(J, {
+				renderDivider: () => (0, $.jsx)(q, {
 					orientation: "horizontal",
 					sx: { marginTop: "0px !important" }
 				}),
@@ -9945,29 +9944,29 @@ var Do = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		...c,
 		variant: x.Menuitem
 	}), [s, c]), u = !(!n || (n.getSort()?.getCriteria() ?? null) === null && (n.getFilter()?.getCondition() ?? null) === null), d = (0, $.jsxs)($.Fragment, { children: [
-		(0, $.jsx)(q, {
+		(0, $.jsx)(K, {
 			...l,
 			commandState: n?.getSort(),
 			commandKey: "sortAscending"
 		}),
-		(0, $.jsx)(q, {
+		(0, $.jsx)(K, {
 			...l,
 			commandState: n?.getSort(),
 			commandKey: "sortDescending"
 		}),
-		(0, $.jsx)(q, {
+		(0, $.jsx)(K, {
 			...l,
 			commandState: n?.getSort(),
 			commandKey: "sortCustom"
 		}),
-		(0, $.jsx)(J, { orientation: "horizontal" }),
-		(0, $.jsx)(q, {
+		(0, $.jsx)(q, { orientation: "horizontal" }),
+		(0, $.jsx)(K, {
 			...l,
 			commandState: n,
 			disabled: !u,
 			commandKey: "tableFilterClear"
 		}),
-		n ? (0, $.jsxs)($.Fragment, { children: [(0, $.jsx)(J, { orientation: "horizontal" }), (0, $.jsx)(Eo, {
+		n ? (0, $.jsxs)($.Fragment, { children: [(0, $.jsx)(q, { orientation: "horizontal" }), (0, $.jsx)(Eo, {
 			column: n,
 			floatReference: a
 		})] }) : null,
@@ -9989,9 +9988,9 @@ var Do = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 Do.displayName = "ColumnMenu";
 var Oo = (e) => {
 	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, [, o] = (0, Q.useReducer)((e) => e + 1, 0);
-	Wt(t, "onSelectedSheetChange");
+	Gt(t, "onSelectedSheetChange");
 	let s = t.getSelectedSheet();
-	Tt(s, { onSelectionChange: () => o() });
+	Jt(s, { onSelectionChange: () => o() });
 	let c = s.getSelectedCell().getStyle().getNumberFormat(), u = typeof c == "number" ? Y.resolve(c) : c ?? "General";
 	return (0, $.jsx)(me, {
 		square: !0,
@@ -10006,7 +10005,7 @@ var Oo = (e) => {
 			padding: (e) => e.spacing(1.5)
 		},
 		...a,
-		children: (0, $.jsx)(tn, {
+		children: (0, $.jsx)(nn, {
 			value: u,
 			onChange: (e) => {
 				s.doBatch(() => s.getSelectedRanges().getStyle().update({ numberFormat: e }, {
@@ -10026,11 +10025,11 @@ var Oo = (e) => {
 	}, !0);
 }, Ao = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { workbook: n, index: r, groupKey: i = "sheet", disabled: a, floatReference: o, className: s, tabStripRef: c, ...l } = e, [u, d] = (0, Q.useState)(n?.getProtection());
-	Tt(n, { onProtectionChange: (e) => {
+	Jt(n, { onProtectionChange: (e) => {
 		d(e?.getProtection());
 	} });
 	let f = S(), p = { disabled: a || r === void 0 }, m = [], h = f.resolveMembers("sheetTabMenu") ?? [];
-	for (let e = 0; e < h.length; e++) m.push(h[e]), h[e] === "deleteSheet" && m.push({ render: () => (0, $.jsxs)(ft, {
+	for (let e = 0; e < h.length; e++) m.push(h[e]), h[e] === "deleteSheet" && m.push({ render: () => (0, $.jsxs)(pt, {
 		onMouseDown: (e) => {
 			e.button === 0 && e.preventDefault();
 		},
@@ -10042,7 +10041,7 @@ var Oo = (e) => {
 		disabled: a || !u.isStructureAllowed(),
 		children: ["Rename", i === "sheet" ? "" : " Sheet"]
 	}) });
-	let g = Rt(m, {
+	let g = zt(m, {
 		variant: x.Menuitem,
 		dividerOrientation: "horizontal",
 		groupKey: i,
@@ -10053,7 +10052,7 @@ var Oo = (e) => {
 	});
 	return (0, $.jsx)(R, {
 		ref: t,
-		className: on("menu", s),
+		className: J("menu", s),
 		...l,
 		children: g
 	});
@@ -10061,7 +10060,7 @@ var Oo = (e) => {
 Ao.displayName = "SheetTabMenu";
 var jo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { workbook: n, floatReference: r, closeFloatAll: i, className: a, ...o } = e, [s, c] = (0, Q.useState)(n?.getSheets().getItems()), [l, d] = (0, Q.useState)(n?.getProtection());
-	Tt(n, {
+	Jt(n, {
 		onSheetsChange: (e) => {
 			c(e.getSheets().getItems());
 		},
@@ -10070,10 +10069,10 @@ var jo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		}
 	});
 	let f = (0, Q.useMemo)(() => {
-		let e = [], t = n.getSheets().getItems({ visibility: fn.Visibility.Hidden }), i = n.getSelectedSheet();
+		let e = [], t = n.getSheets().getItems({ visibility: dn.Visibility.Hidden }), i = n.getSelectedSheet();
 		for (let n = 0; n < t.length; n++) {
 			let a = t[n], o = a.getVisibility();
-			if (o === fn.Visibility.VeryHidden) continue;
+			if (o === dn.Visibility.VeryHidden) continue;
 			let s = i === a, c = a.getProtection().isLocked(), d = a.getTabColor(), f = "var(--sxl-color-base-100)", p = null, m = null, h = f;
 			d && (h = d.toCSS(), s || (m = d.toBlackOrWhite().toCSS()), p = (0, $.jsx)(R, {
 				sx: {
@@ -10091,14 +10090,14 @@ var jo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: (0, $.jsx)(R, { sx: {
 					flex: "1 1 100%",
 					boxSizing: "content-box",
-					opacity: s || o === fn.Visibility.Hidden ? "50%" : "100%",
+					opacity: s || o === dn.Visibility.Hidden ? "50%" : "100%",
 					border: (e) => s ? `${f} solid 1.5px` : `${e.palette.divider} solid 1px`,
 					background: s && d ? `linear-gradient(0deg, ${h} 0%, ${f})` : h,
 					borderRadius: "4px"
 				} })
 			}));
 			let g = null;
-			c && (g = (0, $.jsx)(u, { iconKey: "Lock" })), o !== fn.Visibility.Visible && (g = (0, $.jsx)(u, {
+			c && (g = (0, $.jsx)(u, { iconKey: "Lock" })), o !== dn.Visibility.Visible && (g = (0, $.jsx)(u, {
 				iconKey: "VisibilityOff",
 				style: { opacity: l.isStructureAllowed() ? 1 : .7 },
 				color: "secondary"
@@ -10114,12 +10113,12 @@ var jo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					}
 				},
 				children: g
-			}), e.push((0, $.jsx)(ft, {
-				disabled: !l.isStructureAllowed() && o === fn.Visibility.Hidden,
+			}), e.push((0, $.jsx)(pt, {
+				disabled: !l.isStructureAllowed() && o === dn.Visibility.Hidden,
 				sx: {
 					color: (e) => {
 						let t = s ? e.palette.primary.main : e.palette.text.secondary;
-						return m && (t = m), o === fn.Visibility.Hidden && (t = E(t, e.palette.action.disabledOpacity)), t;
+						return m && (t = m), o === dn.Visibility.Hidden && (t = E(t, e.palette.action.disabledOpacity)), t;
 					},
 					borderLeft: (e) => `${s ? e.palette.primary.main : "transparent"} solid 2px`,
 					paddingLeft: "4px",
@@ -10128,7 +10127,7 @@ var jo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					fontWeight: s ? "700" : "400",
 					"&:hover": { fontWeight: "700" }
 				},
-				icon: s ? (0, $.jsx)(vt, {}) : void 0,
+				icon: s ? (0, $.jsx)(yt, {}) : void 0,
 				onMouseDown: (e) => e.preventDefault(),
 				onMouseUp: () => {
 					Promise.resolve(r.closeAll()).then(() => {
@@ -10180,7 +10179,7 @@ var jo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	]);
 	return (0, $.jsx)(R, {
 		ref: t,
-		className: on("menu", a),
+		className: J("menu", a),
 		...o,
 		children: f
 	});
@@ -10188,8 +10187,8 @@ var jo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 jo.displayName = "SheetsAllMenu";
 var Mo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { movable: n, disabled: r, floatReference: i, ...a } = e;
-	Tt(n, { onAnyChange(e) {} });
-	let o = S(), s = { disabled: r }, c = Rt(o.resolveMembers("movableContextMenu") ?? [], {
+	Jt(n, { onAnyChange(e) {} });
+	let o = S(), s = { disabled: r }, c = zt(o.resolveMembers("movableContextMenu") ?? [], {
 		variant: x.Menuitem,
 		dividerOrientation: "horizontal",
 		groupKey: "movableContextMenu",
@@ -10265,7 +10264,7 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	}, []), O = (0, Q.useCallback)((e) => (l ?? Ko)({
 		...e,
 		...c
-	}), [l, c]), k = (0, $.jsx)(Ne, {
+	}), [l, c]), k = (0, $.jsx)(Pe, {
 		disableInteractive: !0,
 		title: _ ? "" : f("workbookStrip.listAllSheets"),
 		children: (0, $.jsx)(ct, {
@@ -10293,15 +10292,15 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			icon: (0, $.jsx)(u, { iconKey: "Menu" })
 		})
 	});
-	return (0, $.jsxs)(jt, {
+	return (0, $.jsxs)(rt, {
 		ref: m,
 		workbook: n,
 		disabled: r,
 		renderSheetTab: O,
 		onTabContextMenu: D,
-		renderScrollButtonStart: Lt,
+		renderScrollButtonStart: Rt,
 		renderScrollButtonEnd: mt,
-		renderScrollButtonEdge: Zt,
+		renderScrollButtonEdge: $t,
 		...d,
 		children: [
 			k,
@@ -10313,9 +10312,9 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 No.displayName = "WorkbookStrip";
 var Po = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { workbook: n, disabled: r, floatReference: i, className: a, ...o } = e, [s, c] = (0, Q.useState)(n.getSelectedSheet()), [l, u] = (0, Q.useState)(s.getSelectedRanges()), [d, f] = (0, Q.useState)(s.getSelectedCell());
-	Tt(n, { onSheetsChange() {
+	Jt(n, { onSheetsChange() {
 		c(n.getSelectedSheet());
-	} }), Tt(s.getSelection(), { onChange() {
+	} }), Jt(s.getSelection(), { onChange() {
 		u(s.getSelectedRanges()), f(s.getSelectedCell());
 	} });
 	let p = S(), m = {
@@ -10323,18 +10322,18 @@ var Po = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		groupKey: "contextMenu"
 	}, h = l.isEntireRows(), g = l.isEntireColumns(), _ = [];
 	if (!h && !g) {
-		_.push("-"), _.push(d?.getHyperlink() ? { render: (e) => (0, $.jsx)(Yt, {
+		_.push("-"), _.push(d?.getHyperlink() ? { render: (e) => (0, $.jsx)(Xt, {
 			...e,
 			groupKey: "hyperlinkOptions",
 			members: ["updateHyperlink", "deleteHyperlink"],
 			quickCommand: "openHyperlink"
-		}) } : "updateHyperlink"), _.push(d?.getComments() ? { render: (e) => (0, $.jsx)(Yt, {
+		}) } : "updateHyperlink"), _.push(d?.getComments() ? { render: (e) => (0, $.jsx)(Xt, {
 			...e,
 			members: ["deleteComments"],
 			quickCommand: "updateComments"
 		}) } : "updateComments");
 		let e = d?.getTable();
-		_.push(e ? { render: (t) => (0, $.jsx)(Yt, {
+		_.push(e ? { render: (t) => (0, $.jsx)(Xt, {
 			...t,
 			groupKey: "tableOptions",
 			members: ["convertTableToRange", "deleteTable"],
@@ -10344,7 +10343,7 @@ var Po = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	}
 	let v = [];
 	h && v.push("-", "hideColumns", "unhideColumns"), g && v.push("-", "hideRows", "unhideRows"), (h || g) && v.push("-"), h && v.push("autoFitColumns", "resizeColumns"), g && v.push("autoFitRows", "resizeRows");
-	let y = Rt([
+	let y = zt([
 		...p.resolveMembers("contextMenu") ?? [],
 		..._,
 		...v,
@@ -10362,17 +10361,17 @@ var Po = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	});
 	return (0, $.jsx)(R, {
 		ref: t,
-		className: on("menu", a),
+		className: J("menu", a),
 		...o,
 		children: y
 	});
 }));
 Po.displayName = "WorkbookContextMenu";
-var Fo = (e) => (0, $.jsx)(Mo, { ...e }), Io = (e) => (0, $.jsx)(Po, { ...e }), Lo = (e) => (0, $.jsx)(Do, { ...e }), Ro = (e) => (0, $.jsx)(To, { ...e }), zo = (e) => (0, $.jsx)(Xt, {
+var Fo = (e) => (0, $.jsx)(Mo, { ...e }), Io = (e) => (0, $.jsx)(Po, { ...e }), Lo = (e) => (0, $.jsx)(Do, { ...e }), Ro = (e) => (0, $.jsx)(To, { ...e }), zo = (e) => (0, $.jsx)(Qt, {
 	transitionDelay: "160ms",
 	transparentBackground: !0,
 	...e
-}), Bo = (e) => (0, $.jsx)(Pt, {
+}), Bo = (e) => (0, $.jsx)(Nt, {
 	hideStackTrace: !0,
 	...e
 }), Vo = (e) => {
@@ -10393,10 +10392,10 @@ var Fo = (e) => (0, $.jsx)(Mo, { ...e }), Io = (e) => (0, $.jsx)(Po, { ...e }),
 		...a,
 		children: r
 	});
-}, Ko = (e) => (0, $.jsx)(yt, {
+}, Ko = (e) => (0, $.jsx)(wt, {
 	slotSurface: Go,
 	...e
-}), qo = (0, Q.memo)((0, Q.forwardRef)((e, t) => (0, $.jsx)(ut, { children: (0, $.jsx)(At, {
+}), qo = (0, Q.memo)((0, Q.forwardRef)((e, t) => (0, $.jsx)(dt, { children: (0, $.jsx)(Mt, {
 	ref: t,
 	renderTabs: Ho,
 	renderContextMenu: Io,
@@ -10451,13 +10450,13 @@ var Jo = (e = !1, t = !1) => t ? null : {
 			transition: j ? void 0 : "opacity .25s ease-in",
 			"& .tooltip-wrapper": { maxWidth: "100%" }
 		},
-		ref: en([
+		ref: tn([
 			F,
 			k,
 			t
 		]),
 		...m,
-		children: [d ? (0, $.jsx)(Ie, {
+		children: [d ? (0, $.jsx)(Le, {
 			label: g("workbook.encrypted"),
 			children: (0, $.jsx)(R, {
 				component: "span",
@@ -10474,10 +10473,10 @@ var Jo = (e = !1, t = !1) => t ? null : {
 				},
 				children: (0, $.jsx)(u, { iconKey: "Lock" })
 			})
-		}) : null, (0, $.jsx)(Ie, {
+		}) : null, (0, $.jsx)(Le, {
 			label: P.current?.requestReason ?? g("documentTitle.label"),
 			children: (0, $.jsxs)(R, {
-				className: on({ "Mui-focusVisible": v }),
+				className: J({ "Mui-focusVisible": v }),
 				sx: {
 					visibility: O === 0 ? "hidden" : "visible",
 					display: "block",
@@ -10516,7 +10515,7 @@ var Jo = (e = !1, t = !1) => t ? null : {
 						},
 						children: "●"
 					}) : null]
-				}) : (0, $.jsx)(Ue, {
+				}) : (0, $.jsx)(We, {
 					sx: {
 						width: `${Math.min(O + 3, Math.max(A, F.current?.getBoundingClientRect()?.width))}px`,
 						overflow: "hidden",
@@ -10582,8 +10581,8 @@ var Jo = (e = !1, t = !1) => t ? null : {
 Yo.displayName = "DocumentTitle";
 var Xo = () => (0, $.jsx)($.Fragment, {}), Zo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { sx: n, style: r, className: i, licenseKey: a, renderDocumentLoading: o = zo, propsDocumentLoading: s, onWorkbookLoad: c, onDocumentError: l, ...u } = e;
-	a && cn.setLicenseKey(a);
-	let [d] = D(Jt.Mode, void 0), { themeMode: f } = L({ mode: d ?? void 0 }), p = f === "dark", [m, h] = (0, Q.useState)(!1), g = (0, Q.useMemo)(() => !o || m ? null : (0, $.jsx)(me, {
+	a && pn.setLicenseKey(a);
+	let [d] = D(Lt.Mode, void 0), { themeMode: f } = L({ mode: d ?? void 0 }), p = f === "dark", [m, h] = (0, Q.useState)(!1), g = (0, Q.useMemo)(() => !o || m ? null : (0, $.jsx)(me, {
 		sx: n,
 		style: {
 			backgroundColor: `var(--sxl-color-base-100, ${p ? "#121212" : "#fff"})`,
@@ -10608,7 +10607,7 @@ var Xo = () => (0, $.jsx)($.Fragment, {}), Zo = (0, Q.memo)((0, Q.forwardRef)((e
 	]);
 	return (0, $.jsxs)($.Fragment, { children: [(0, $.jsx)(Q.Suspense, {
 		fallback: null,
-		children: (0, $.jsx)((0, Q.useMemo)(() => (0, Q.lazy)(async () => await import("./DehYydhsh3tj9AnM2.mjs")), []), {
+		children: (0, $.jsx)((0, Q.useMemo)(() => (0, Q.lazy)(async () => await import("./CI92jUOrJIKUlfGx2.mjs")), []), {
 			...u,
 			className: i,
 			onWorkbookLoad: (e) => (requestAnimationFrame(() => requestAnimationFrame(() => h(!0))), c?.(e)),
@@ -10623,7 +10622,7 @@ var Xo = () => (0, $.jsx)($.Fragment, {}), Zo = (0, Q.memo)((0, Q.forwardRef)((e
 Zo.displayName = "Studio";
 var Qo = (e = {}) => {
 	let { source: t, documentTitle: n, confirmOnClose: r, keyboardGuard: i } = e, a = Ri(), [o, s] = (0, Q.useState)(null), [c, l] = (0, Q.useState)(!1);
-	it(qt(o), c, {
+	at(Bt(o), c, {
 		documentTitle: n,
 		confirmOnClose: r,
 		keyboardGuard: i
@@ -10684,7 +10683,7 @@ var Qo = (e = {}) => {
 	InsertFunctionOption: () => Fn,
 	InsertFunctionSumCommandPopupButton: () => Ja,
 	InsertFunctionWizard: () => Pn,
-	LicenseManager: () => cn,
+	LicenseManager: () => pn,
 	NAMED_TYPE_FORMULA: () => uo,
 	NamedCollectionEditor: () => lo,
 	NamedDetailsPanel: () => bo,
@@ -10692,7 +10691,7 @@ var Qo = (e = {}) => {
 	NamedEditorPanel: () => vo,
 	NamedPlugin: () => So,
 	NumberFormatCommandButton: () => _i,
-	NumberFormatPanel: () => tn,
+	NumberFormatPanel: () => nn,
 	NumberFormatTaskPane: () => Oo,
 	NumberStats: () => no,
 	PasteCommandButton: () => wi,
@@ -10720,9 +10719,9 @@ var Qo = (e = {}) => {
 	WalkingCopyCommandButton: () => sa,
 	WorkbookContextMenu: () => Po,
 	WorkbookElement: () => qo,
-	WorkbookIO: () => pt,
-	WorkbookProtectionDialog: () => rn,
-	WorkbookProtectionPanel: () => nn,
+	WorkbookIO: () => Ut,
+	WorkbookProtectionDialog: () => an,
+	WorkbookProtectionPanel: () => rn,
 	WorkbookStrip: () => No,
 	WorkbookToolbars: () => eo,
 	createNamedDraft: () => ho,
@@ -10739,10 +10738,10 @@ var Qo = (e = {}) => {
 	renderWorkbookSheetTab: () => Ko,
 	renderWorkbookToolbars: () => Xa,
 	saveNamedDraft: () => go,
-	setPrintExamplesOnLoad: () => Gt,
+	setPrintExamplesOnLoad: () => It,
 	tokensToMuiOptions: () => ea,
-	useModelListener: () => Tt,
-	useRangeListener: () => wt,
+	useModelListener: () => Jt,
+	useRangeListener: () => vt,
 	useStudioApp: () => Qo
 });
 (function() {
@@ -10758,7 +10757,7 @@ var Qo = (e = {}) => {
 var es = (e) => {
 	e.button === 0 && e.preventDefault();
 }, ts = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { disabled: n, className: r, sx: i, defaultInput: a, value: o, formName: s, formOptions: c, onChangeInput: l, onChangeText: d, onDone: f, changeOn: p, onValidate: m, apiRef: h, label: g, hideAdornment: _, onKeyDown: v, onFocus: y, ...x } = e, S = b(), C = g ?? S("namedInput.label"), w = jn(), T = s && w ? w.register(s, c) : null, E = Mt({
+	let { disabled: n, className: r, sx: i, defaultInput: a, value: o, formName: s, formOptions: c, onChangeInput: l, onChangeText: d, onDone: f, changeOn: p, onValidate: m, apiRef: h, label: g, hideAdornment: _, onKeyDown: v, onFocus: y, ...x } = e, S = b(), C = g ?? S("namedInput.label"), w = jn(), T = s && w ? w.register(s, c) : null, E = Zt({
 		value: o ?? "",
 		onChange: l,
 		onChangeText: d,
@@ -10778,7 +10777,7 @@ var es = (e) => {
 		e && (E.error ? e.setError(s, { message: S(E.error) }) : e.clearErrors(s));
 	}, [E.error, s]);
 	let k = !!f, A = (0, Q.useMemo)(() => {
-		if (!_ && k) return (0, $.jsxs)($t, {
+		if (!_ && k) return (0, $.jsxs)(en, {
 			tabIndex: -1,
 			onMouseDown: es,
 			"aria-hidden": !E.engaged,
@@ -10833,7 +10832,7 @@ var es = (e) => {
 		E.cancel,
 		!!E.error
 	]);
-	return (0, $.jsx)(Ve, {
+	return (0, $.jsx)(He, {
 		sx: {
 			minWidth: 135,
 			width: "100%",
@@ -10841,9 +10840,9 @@ var es = (e) => {
 		},
 		size: "small",
 		ref: t,
-		className: on("sxl-input-field", r),
+		className: J("sxl-input-field", r),
 		...x,
-		children: (0, $.jsx)(Qe, {
+		children: (0, $.jsx)($e, {
 			label: C,
 			placeholder: a,
 			disabled: n,