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

package/browser/esm/{A1VpPEggRj4IfGDD.mjs → B3N4rAHBBKghSNf-.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.2
 *
 * (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 "./Ccj-Gq_hyRtb93R-.mjs";
+import { i as n, r } from "./C8KBkOocNYDNWBDu.mjs";
+import { A as i, _ as a, d as o, f as s, u as c, v as l } from "./ioECgEEk-HCEo_qL.mjs";
+import { r as u, t as d } from "./AS-KiFBez1nwB_vC.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 "./DvFh-0k-PvKrKwkt.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 "./C5wklWg-nVHGfhda.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 "./DMXx0lIMiLsQgbVK.mjs";
+import { n as Ze, t as Qe } from "./DBVG6J7cidK5K5QE.mjs";
+import { t as $e } from "./BKY2gKXOB637hih-.mjs";
+import { t as et } from "./CVtQ8m0S6nnXk7XH.mjs";
+import { t as tt } from "./Bp1kaqNxSV0Hskwb.mjs";
+import { $ as nt, At as rt, B as it, C as at, Ct as ot, Dt as st, Et as ct, Ft as lt, H as ut, It as dt, K as ft, Lt as pt, M as mt, Mt as ht, O as gt, Ot as _t, Pt as vt, Rt as yt, St as K, T as bt, Tt as xt, U as St, Vt as Ct, W as wt, Z as Tt, _ as Et, at as Dt, b as Ot, bt as kt, ct as At, d as jt, et as Mt, g as Nt, gt as Pt, ht as Ft, jt as It, l as Lt, lt as Rt, mt as zt, n as Bt, ot as Vt, r as Ht, s 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, xt as Zt, yt as Qt, z as $t } from "./CTpri2fSv5dZbUwJ.mjs";
+import { t as en } from "./CbGZtQlImYkXEGhI.mjs";
+import { n as tn, t as nn } from "./DpjPEgS5W70lK0GU.mjs";
+import { r as rn, t as an } from "./DnS-xX8jkMERhPbF.mjs";
+import { t as on } from "./GzFeH6oCN6eWnXbX.mjs";
+import { t as J } from "./IPVHjbNIjyMsOxUR.mjs";
+import { c as sn } from "./DqJYCOxMI0h7olt5.mjs";
+import { C as cn, F as ln, H as un, J as Y, S as dn, Y as X, Z, ct as fn, ln as pn, tt as mn, x as hn, y as gn } from "./BDJXGdb3hQGrna00.mjs";
+import { a as _n, c as vn, d as yn, h as bn, r as xn } from "./DCILZE5X4dLAM7Qa.mjs";
+import { i as Sn, n as Cn, r as wn, t as Tn } from "./BmNqTvvRVjF_c1qz.mjs";
+import { n as En, r as Dn, t as On } from "./B9yaWiEn9khUlCmT.mjs";
+import { n as kn, r as An, t as jn } from "./9LhOHxxuP2jO-YDv.mjs";
+import { n as Mn } from "./DJl3zpaAG7xtX-vB.mjs";
+import { a as Nn, i as Pn, n as Fn, o as In, r as Ln, t as Rn } from "./0HCb-Mkw8Otpj9B6.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 = {
@@ -2659,7 +2659,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 +2686,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)(Pt, {
 				...t,
 				commandKey: "sheetZoomCustom",
 				groupKey: "sheetZoomOptions",
@@ -2722,12 +2722,12 @@ var Wr = [
 				}
 			})
 		] });
-		return bt({
+		return xt({
 			...e,
 			children: i
 		});
 	}, [r, n]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		ref: t,
 		disabled: r || !c,
 		groupKey: n,
@@ -2792,7 +2792,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 +2839,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 cn({
 		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 +2849,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 +2998,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 cn({
 		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("./BfmngO7uzIcK9Lux2.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 || cn.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 +3061,7 @@ var qr = {
 	let le = B((e) => {
 		P && (P(e), se(e));
 	}, [P]), ue = B((e) => {
-		le(e ? new un({
+		le(e ? new cn({
 			val: e.definition.val,
 			adjs: e.definition.adjs
 		}, z) : null);
@@ -3075,7 +3075,7 @@ var qr = {
 		}
 		F?.(e, t);
 	}, [F, V]), pe = B((e) => {
-		let t = e ? new un({
+		let t = e ? new cn({
 			val: e.definition.val,
 			adjs: e.definition.adjs
 		}, z) : null;
@@ -3083,7 +3083,7 @@ var qr = {
 			fe(t);
 		});
 	}, [z, h]), me = B((e) => {
-		le(e ? new un(e, z) : null);
+		le(e ? new cn(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 +3091,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 cn(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 +3119,7 @@ var qr = {
 		return (0, $.jsx)(Q.Suspense, {
 			fallback: (0, $.jsx)("div", {
 				style: e,
-				children: (0, $.jsx)(Xt, {})
+				children: (0, $.jsx)(Zt, {})
 			}),
 			children: (0, $.jsx)(ei, {
 				style: e,
@@ -3128,10 +3128,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 +3140,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 +3167,7 @@ var qr = {
 					isLarge: !0,
 					darkMode: D,
 					compareRGB: E,
-					propsSwatch: K
+					propsSwatch: _e
 				})
 			}), (0, $.jsx)(G, {
 				noWrap: !0,
@@ -3190,7 +3190,7 @@ var qr = {
 		D,
 		E,
 		f,
-		K
+		_e
 	]);
 	return (0, $.jsxs)(R, {
 		ref: t,
@@ -3212,7 +3212,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 +3222,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 +3233,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 +3257,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 +3344,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 = ot.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,10 +3411,10 @@ var qr = {
 		icon: M,
 		..._
 	};
-	return d === at.Toolbar ? (0, $.jsx)(gt, {
+	return d === ot.Toolbar ? (0, $.jsx)(_t, {
 		ref: t,
 		...te
-	}) : (0, $.jsx)(nt, {
+	}) : (0, $.jsx)(rt, {
 		ref: t,
 		...te
 	});
@@ -3422,20 +3422,20 @@ var qr = {
 function ai(e, t) {
 	if (!t) return "";
 	switch (t.style) {
-		case Z.StrokeStyle.None: return e("border.style.none");
-		case Z.StrokeStyle.Hair: return e("border.style.hair");
-		case Z.StrokeStyle.Dotted: return e("border.style.dotted");
-		case Z.StrokeStyle.Dashed: return e("border.style.dashed");
-		case Z.StrokeStyle.DashDot: return e("border.style.dashDot");
-		case Z.StrokeStyle.DashDotDot: return e("border.style.dashDotDot");
-		case Z.StrokeStyle.Double: return e("border.style.double");
-		case Z.StrokeStyle.Thin: return e("border.style.thin");
-		case Z.StrokeStyle.Medium: return e("border.style.medium");
-		case Z.StrokeStyle.MediumDashed: return e("border.style.mediumDashed");
-		case Z.StrokeStyle.MediumDashDot: return e("border.style.mediumDashDot");
-		case Z.StrokeStyle.MediumDashDotDot: return e("border.style.mediumDashDotDot");
-		case Z.StrokeStyle.SlantDashDot: return e("border.style.slantDashDot");
-		case Z.StrokeStyle.Thick: return e("border.style.thick");
+		case Y.StrokeStyle.None: return e("border.style.none");
+		case Y.StrokeStyle.Hair: return e("border.style.hair");
+		case Y.StrokeStyle.Dotted: return e("border.style.dotted");
+		case Y.StrokeStyle.Dashed: return e("border.style.dashed");
+		case Y.StrokeStyle.DashDot: return e("border.style.dashDot");
+		case Y.StrokeStyle.DashDotDot: return e("border.style.dashDotDot");
+		case Y.StrokeStyle.Double: return e("border.style.double");
+		case Y.StrokeStyle.Thin: return e("border.style.thin");
+		case Y.StrokeStyle.Medium: return e("border.style.medium");
+		case Y.StrokeStyle.MediumDashed: return e("border.style.mediumDashed");
+		case Y.StrokeStyle.MediumDashDot: return e("border.style.mediumDashDot");
+		case Y.StrokeStyle.MediumDashDotDot: return e("border.style.mediumDashDotDot");
+		case Y.StrokeStyle.SlantDashDot: return e("border.style.slantDashDot");
+		case Y.StrokeStyle.Thick: return e("border.style.thick");
 		default: return t.description;
 	}
 }
@@ -3455,7 +3455,7 @@ var oi = (e) => {
 		width: n,
 		viewBox: `0 0 ${n} ${r}`,
 		...l,
-		children: (0, $.jsx)(lt, {
+		children: (0, $.jsx)(ut, {
 			length: n,
 			width: r,
 			dashArray: i,
@@ -3466,7 +3466,7 @@ var oi = (e) => {
 	});
 }, si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { variant: n, showLabels: r = !1, disabled: i, createPopupPanel: a, styleColor: o, selectedStyle: s, onSelectStyle: c, showNone: l = !0, darkMode: u, sx: d, ...f } = e, p = B(c ?? ((e) => {}), []), m = b(), g = (0, Q.useCallback)((e) => {
-		let { popupContainer: t, closeFloat: n, ...a } = e, c = [], d = Z.BuiltInDefinitionsArray;
+		let { popupContainer: t, closeFloat: n, ...a } = e, c = [], d = Y.BuiltInDefinitionsArray;
 		for (let e = 0; e < d.length; e++) {
 			let t = d[e];
 			if (t.description === "None" && !l) continue;
@@ -3491,14 +3491,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,
@@ -3533,7 +3533,7 @@ var oi = (e) => {
 	]), _ = {
 		disabled: i,
 		icon: (0, Q.useMemo)(() => {
-			let e, t = Z.BuiltInDefinitions.get(s);
+			let e, t = Y.BuiltInDefinitions.get(s);
 			return t ? (e = t.description === "None" ? (0, $.jsx)(R, {
 				sx: { minWidth: `${ii}px` },
 				children: ai(m, t)
@@ -3554,7 +3554,7 @@ var oi = (e) => {
 					height: "24px",
 					display: "flex",
 					alignItems: "center",
-					"& svg path.activeColor": { filter: Te() }
+					"& svg path.activeColor": { filter: Ee() }
 				},
 				children: e
 			})) : null;
@@ -3563,20 +3563,20 @@ var oi = (e) => {
 			o,
 			m
 		]),
-		tooltip: m("border.styleTooltip", { style: ai(m, (0, Q.useMemo)(() => Z.BuiltInDefinitions.get(s), [s])) }),
+		tooltip: m("border.styleTooltip", { style: ai(m, (0, Q.useMemo)(() => Y.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 === ot.Toolbar ? (0, $.jsx)(_t, { ..._ }) : (0, $.jsx)(rt, { ..._ });
 })), 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: {
+	let { autoColor: n, schemeLookup: r, autoStrokeStyle: i = Y.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 cn(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];
@@ -3585,7 +3585,7 @@ var oi = (e) => {
 					style: o.style,
 					color: o.color
 				};
-				t[i] = e, r || e.style === Z.StrokeStyle.None || (r = !0);
+				t[i] = e, r || e.style === Y.StrokeStyle.None || (r = !0);
 			}
 		}
 		n.length < 6 && (r = !0);
@@ -3624,9 +3624,9 @@ 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, {
+				children: (0, $.jsx)(Ot, {
 					getBorderAt: (e, r) => {
 						if (!f || n.length === 0) return null;
 						let i = e.rowIndex, a = e.colIndex, o = {};
@@ -3664,14 +3664,14 @@ var oi = (e) => {
 	}, []), k = (0, Q.useCallback)((e) => {
 		h?.(e);
 	}, []);
-	return (0, $.jsx)(gt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		createPopupPanel: (0, Q.useCallback)((e) => {
 			let { closeFloatAll: t } = e, i = (e, n, r = "bottom", i = !1) => {
-				let a = D(e, T ?? null, i ? Z.StrokeStyle.None : w ?? null), o = i ? D([], T ?? null, w ?? null) : a;
-				return (0, $.jsx)(ct, {
+				let a = D(e, T ?? null, i ? Y.StrokeStyle.None : w ?? null), o = i ? D([], T ?? null, w ?? null) : a;
+				return (0, $.jsx)(lt, {
 					icon: E(o),
-					sx: { backgroundImage: K },
+					sx: { backgroundImage: _e },
 					propsTooltip: {
 						label: n,
 						simple: !0,
@@ -3691,21 +3691,21 @@ var oi = (e) => {
 				},
 				children: [
 					i([
-						Z.Edge.Left,
-						Z.Edge.Top,
-						Z.Edge.Right,
-						Z.Edge.Bottom,
-						Z.Edge.Horizontal,
-						Z.Edge.Vertical
+						Y.Edge.Left,
+						Y.Edge.Top,
+						Y.Edge.Right,
+						Y.Edge.Bottom,
+						Y.Edge.Horizontal,
+						Y.Edge.Vertical
 					], g("border.all"), "top"),
-					i([Z.Edge.Horizontal, Z.Edge.Vertical], g("border.inner"), "top"),
-					i([Z.Edge.Horizontal], g("border.insideHorizontal"), "top"),
-					i([Z.Edge.Vertical], g("border.insideVertical"), "top"),
+					i([Y.Edge.Horizontal, Y.Edge.Vertical], g("border.inner"), "top"),
+					i([Y.Edge.Horizontal], g("border.insideHorizontal"), "top"),
+					i([Y.Edge.Vertical], g("border.insideVertical"), "top"),
 					i([
-						Z.Edge.Left,
-						Z.Edge.Top,
-						Z.Edge.Right,
-						Z.Edge.Bottom
+						Y.Edge.Left,
+						Y.Edge.Top,
+						Y.Edge.Right,
+						Y.Edge.Bottom
 					], g("border.outside"), "top")
 				]
 			}), (0, $.jsxs)(R, {
@@ -3717,19 +3717,19 @@ var oi = (e) => {
 					gap: "2px"
 				},
 				children: [
-					i([Z.Edge.Left], g("border.left")),
-					i([Z.Edge.Top], g("border.top")),
-					i([Z.Edge.Right], g("border.right")),
-					i([Z.Edge.Bottom], g("border.bottom")),
+					i([Y.Edge.Left], g("border.left")),
+					i([Y.Edge.Top], g("border.top")),
+					i([Y.Edge.Right], g("border.right")),
+					i([Y.Edge.Bottom], g("border.bottom")),
 					i([
-						Z.Edge.Left,
-						Z.Edge.Top,
-						Z.Edge.Right,
-						Z.Edge.Bottom,
-						Z.Edge.Horizontal,
-						Z.Edge.Vertical,
-						Z.Edge.DiagonalUp,
-						Z.Edge.DiagonalDown
+						Y.Edge.Left,
+						Y.Edge.Top,
+						Y.Edge.Right,
+						Y.Edge.Bottom,
+						Y.Edge.Horizontal,
+						Y.Edge.Vertical,
+						Y.Edge.DiagonalUp,
+						Y.Edge.DiagonalDown
 					], g("border.none"), "bottom", !0)
 				]
 			})] }), l = (0, $.jsx)($.Fragment, { children: (0, $.jsxs)(R, {
@@ -3740,9 +3740,9 @@ var oi = (e) => {
 					gap: "6px"
 				},
 				children: [(0, $.jsx)(ri, {
-					variant: at.Toolbar,
+					variant: ot.Toolbar,
 					icon: (0, $.jsx)(u, { iconKey: "stroke.colored" }),
-					selectedColor: w === Z.StrokeStyle.None ? new un("transparent") : T ?? new un("transparent"),
+					selectedColor: w === Y.StrokeStyle.None ? new cn("transparent") : T ?? new cn("transparent"),
 					onPreviewColor: (e) => {
 						S(e);
 					},
@@ -3757,14 +3757,14 @@ var oi = (e) => {
 						schemeLookup: r,
 						...V("grid", o ? "dark" : "light")
 					},
-					disabled: a || w === Z.StrokeStyle.None,
+					disabled: a || w === Y.StrokeStyle.None,
 					shouldCloseFloatAll: !1
 				}), (0, $.jsx)(si, {
 					selectedStyle: w,
 					onSelectStyle: y,
 					styleColor: T,
 					darkMode: o,
-					variant: at.Toolbar
+					variant: ot.Toolbar
 				})]
 			}) });
 			return (0, $.jsxs)(R, {
@@ -3778,7 +3778,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 +3792,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 +3806,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 = Lt();
 	return (0, $.jsx)(ci, {
 		ref: t,
 		autoColor: _,
@@ -3820,7 +3820,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 +3844,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] })]
-	}) : 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) => {
+		children: [(0, $.jsx)(K, { commandKey: g[0] }), (0, $.jsx)(K, { commandKey: g[1] })]
+	}) : null, [g]), v = ee(), y = (0, Q.useMemo)(() => `${un.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 +3928,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 +3965,7 @@ var oi = (e) => {
 			...l,
 			children: [
 				_,
-				(0, $.jsx)(J, { orientation: "horizontal" }),
+				(0, $.jsx)(q, { orientation: "horizontal" }),
 				(0, $.jsx)(R, {
 					sx: {
 						overflow: "auto",
@@ -3975,19 +3975,19 @@ var oi = (e) => {
 				})
 			]
 		});
-		return bt({
+		return xt({
 			...e,
 			children: o
 		});
 	}, [b, u?.getState()]);
-	return (0, $.jsx)(gt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		sx: { ...c },
 		tabIndex: -1,
 		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(),
@@ -3996,7 +3996,7 @@ var oi = (e) => {
 		renderQuickButton: x,
 		...l
 	});
-})), { Builder: di } = Y, fi = "USD.EUR.JPY.GBP.CNY.AUD.CAD.CHF.HKD.SGD.SEK.NOK.DKK.NZD.KRW.INR.BRL.RUB.ZAR.MXN.TRY.PLN.THB.IDR.ILS.AED.SAR.CZK.HUF.PHP.MYR.TWD".split("."), pi = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+})), { Builder: di } = X, fi = "USD.EUR.JPY.GBP.CNY.AUD.CAD.CHF.HKD.SGD.SEK.NOK.DKK.NZD.KRW.INR.BRL.RUB.ZAR.MXN.TRY.PLN.THB.IDR.ILS.AED.SAR.CZK.HUF.PHP.MYR.TWD".split("."), pi = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { sx: n, disabled: r, groupKey: i, ...a } = e, o = b(), s = _(), [c] = P(["formatNumberFormatAccountingStyle"]), l = r ?? (!c || c.disabled()), { reference: d } = M(), f = (0, Q.useCallback)((e) => {
 		let t = (e) => {
 			d?.closeAll(), c?.execute(e ?? void 0);
@@ -4045,7 +4045,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 +4056,7 @@ var oi = (e) => {
 				children: r(`${i}  ${mi(e, s)} (${e})`)
 			}, e);
 		});
-		return bt({
+		return xt({
 			...e,
 			children: (0, $.jsxs)(R, {
 				sx: {
@@ -4067,10 +4067,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",
@@ -4087,13 +4087,13 @@ var oi = (e) => {
 		o,
 		s
 	]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		ref: t,
 		sx: { ...n },
 		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,
@@ -4113,28 +4113,28 @@ function mi(e, t) {
 }
 var hi = (e, t) => {
 	switch (t) {
-		case Y.Type.General: return e("numberFormat.catGeneral");
-		case Y.Type.Number: return e("numberFormat.catNumber");
-		case Y.Type.Currency: return e("numberFormat.catCurrency");
-		case Y.Type.Accounting: return e("numberFormat.catAccounting");
-		case Y.Type.ShortDate: return e("numberFormat.typeShortDate");
-		case Y.Type.MediumDate: return e("numberFormat.typeMediumDate");
-		case Y.Type.LongDate: return e("numberFormat.typeLongDate");
-		case Y.Type.ShortTime: return e("numberFormat.typeShortTime");
-		case Y.Type.MediumTime: return e("numberFormat.typeMediumTime");
-		case Y.Type.LongTime: return e("numberFormat.typeLongTime");
-		case Y.Type.Comma: return e("numberFormat.typeComma");
-		case Y.Type.Percentage: return e("numberFormat.catPercentage");
-		case Y.Type.Fraction: return e("numberFormat.catFraction");
-		case Y.Type.Scientific: return e("numberFormat.catScientific");
-		case Y.Type.Text: return e("numberFormat.catText");
-		case Y.Type.Special: return e("numberFormat.catSpecial");
-		case Y.Type.Custom: return e("numberFormat.catCustom");
+		case X.Type.General: return e("numberFormat.catGeneral");
+		case X.Type.Number: return e("numberFormat.catNumber");
+		case X.Type.Currency: return e("numberFormat.catCurrency");
+		case X.Type.Accounting: return e("numberFormat.catAccounting");
+		case X.Type.ShortDate: return e("numberFormat.typeShortDate");
+		case X.Type.MediumDate: return e("numberFormat.typeMediumDate");
+		case X.Type.LongDate: return e("numberFormat.typeLongDate");
+		case X.Type.ShortTime: return e("numberFormat.typeShortTime");
+		case X.Type.MediumTime: return e("numberFormat.typeMediumTime");
+		case X.Type.LongTime: return e("numberFormat.typeLongTime");
+		case X.Type.Comma: return e("numberFormat.typeComma");
+		case X.Type.Percentage: return e("numberFormat.catPercentage");
+		case X.Type.Fraction: return e("numberFormat.catFraction");
+		case X.Type.Scientific: return e("numberFormat.catScientific");
+		case X.Type.Text: return e("numberFormat.catText");
+		case X.Type.Special: return e("numberFormat.catSpecial");
+		case X.Type.Custom: return e("numberFormat.catCustom");
 		default: return 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 +4143,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();
 		},
@@ -4163,7 +4163,7 @@ var hi = (e, t) => {
 			},
 			children: [(0, $.jsxs)(G, {
 				component: "div",
-				children: [hi(c, a.formatType), a.formatType === Y.Type.Custom ? "…" : ""]
+				children: [hi(c, a.formatType), a.formatType === X.Type.Custom ? "…" : ""]
 			}), (0, $.jsx)(G, {
 				variant: "caption",
 				component: "div",
@@ -4178,13 +4178,13 @@ var hi = (e, t) => {
 		})
 	});
 }), _i = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { groupKey: n, sx: r, disabled: i, ...a } = e, o = P(["formatNumberFormat", "formatNumberDialog"]), s = o[0], c = o[1], l = s?.getState(), u = l ? Y.Styles.lookupStyle(l).formatType : void 0, d = b(), f = ee(), p = (0, Q.useMemo)(() => {
-		let e = hi(d, Y.Type.General);
-		return 2 * (ln.getSharedMeasurer()(e ?? "", Math.round(f.typography.fontSize), f.typography.fontFamily ?? "").width ?? 0) + "px";
+	let { groupKey: n, sx: r, disabled: i, ...a } = e, o = P(["formatNumberFormat", "formatNumberDialog"]), s = o[0], c = o[1], l = s?.getState(), u = l ? X.Styles.lookupStyle(l).formatType : void 0, d = b(), f = ee(), p = (0, Q.useMemo)(() => {
+		let e = hi(d, X.Type.General);
+		return 2 * (un.getSharedMeasurer()(e ?? "", Math.round(f.typography.fontSize), f.typography.fontFamily ?? "").width ?? 0) + "px";
 	}, [f, d]), m = (0, Q.useCallback)((e) => {
 		let t = (e) => {
 			s?.execute(e);
-		}, r = s?.getContext(), o = Y.Styles.lookupPrimary(), l = [];
+		}, r = s?.getContext(), o = X.Styles.lookupPrimary(), l = [];
 		for (let e = 0; e < o.length; e++) {
 			let n = "";
 			if (r && !r.isEmpty()) try {
@@ -4192,7 +4192,7 @@ var hi = (e, t) => {
 			} catch (e) {
 				console.warn(e);
 			}
-			n === "" && o[e].formatType === Y.Type.General && (n = d("numberFormat.noSpecificFormat"));
+			n === "" && o[e].formatType === X.Type.General && (n = d("numberFormat.noSpecificFormat"));
 			let a = o[e].formatType === u;
 			l.push((0, $.jsx)(gi, {
 				selected: a,
@@ -4204,8 +4204,8 @@ var hi = (e, t) => {
 		}
 		let f = {
 			numberFormat: "",
-			formatType: Y.Type.Custom
-		}, p = u === Y.Type.Custom, m = (0, $.jsx)(gi, {
+			formatType: X.Type.Custom
+		}, p = u === X.Type.Custom, m = (0, $.jsx)(gi, {
 			selected: p,
 			disabled: i || !s || s.disabled(),
 			formattedValue: p && r ? r.getNumberFormat().displayText : "",
@@ -4217,7 +4217,7 @@ var hi = (e, t) => {
 				flex: "0",
 				width: "100%"
 			}
-		}, Y.Type.Custom), h = (0, $.jsxs)(R, {
+		}, X.Type.Custom), h = (0, $.jsxs)(R, {
 			className: "quick-buttons",
 			sx: {
 				display: "flex",
@@ -4227,19 +4227,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 +4254,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 +4262,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
 		});
@@ -4277,13 +4277,13 @@ var hi = (e, t) => {
 		n,
 		d
 	]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		ref: t,
 		sx: r,
 		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 +4321,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 +4357,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 +4402,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 +4426,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
 		});
@@ -4443,7 +4443,7 @@ var hi = (e, t) => {
 		y,
 		m
 	]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		ref: t,
 		quickCommand: n,
 		groupKey: s,
@@ -4459,8 +4459,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 cn("transparent"));
+	let y = f ?? _?.autoColor, b = p ?? _?.schemeLookup, S = m ?? _?.recentColors, C = Lt(), w = l ?? C === "dark", T = (0, Q.useMemo)(() => ({
 		autoColor: y,
 		schemeLookup: b,
 		recentColors: S,
@@ -4480,7 +4480,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 +4495,7 @@ var hi = (e, t) => {
 		quickColor: v,
 		selectedColor: g?.getState(),
 		onSelectColor: E,
-		variant: a === x.Menuitem ? at.Menuitem : at.Toolbar,
+		variant: a === x.Menuitem ? ot.Menuitem : ot.Toolbar,
 		createTooltip: D,
 		label: g?.getLabel(),
 		disabled: i ?? (!g || g.disabled()),
@@ -4511,7 +4511,7 @@ for (let e = 0; e < bi.length; e++) {
 	t && xi.set(t.getFamily(), bi[e]);
 }
 var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { commandKey: n, sx: r, disabled: i, icon: a, label: o, ...s } = e, [c] = P([n]), l = c?.getState(), u = ee(), d = (0, Q.useMemo)(() => `${ln.getSharedMeasurer()("Times New Roman", Math.round(u.typography.fontSize), u.typography.fontFamily ?? "").width}px`, [u]), f = i ?? (!c || c.disabled()), p = (0, Q.useCallback)((e) => {
+	let { commandKey: n, sx: r, disabled: i, icon: a, label: o, ...s } = e, [c] = P([n]), l = c?.getState(), u = ee(), d = (0, Q.useMemo)(() => `${un.getSharedMeasurer()("Times New Roman", Math.round(u.typography.fontSize), u.typography.fontFamily ?? "").width}px`, [u]), f = i ?? (!c || c.disabled()), p = (0, Q.useCallback)((e) => {
 		let t = (e) => {
 			c?.execute(e);
 		}, n = [];
@@ -4533,7 +4533,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 +4541,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,18 +4586,18 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: r
 			})
 		});
-		return bt({
+		return xt({
 			...e,
 			children: o
 		});
 	}, [f, c?.getState()]);
-	return (0, $.jsx)(gt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		sx: { ...r },
 		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,25 +4642,25 @@ 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
 		});
 	}, [r, n]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		ref: t,
 		quickCommand: u,
 		disabled: r ?? !d,
@@ -4671,7 +4671,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 +4695,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 = Lt(), d = u === "dark", f = (0, Q.useMemo)(() => a({
 		value: n,
 		style: r
 	}), [
@@ -4736,7 +4736,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				textOverflow: "ellipsis",
 				verticalAlign: "baseline",
 				textDecoration: g?.textDecoration,
-				textAlign: (f ? hn.toCSSHorizontalTextAlign(f.getRenderHorizontalAlignment()) : void 0) ?? "left",
+				textAlign: (f ? pn.toCSSHorizontalTextAlign(f.getRenderHorizontalAlignment()) : void 0) ?? "left",
 				background: "transparent",
 				maxHeight: "100%",
 				whiteSpace: "pre",
@@ -4745,7 +4745,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			...o
 		},
 		...l,
-		children: (0, $.jsx)(Dt, {
+		children: (0, $.jsx)(Ot, {
 			getBorderAt: _,
 			rowCount: 1,
 			columnCount: 1,
@@ -4792,33 +4792,33 @@ 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,
-						disabled: s || n?.getName() === X.BuiltInName.Normal
+						disabled: s || n?.getName() === Z.BuiltInName.Normal
 					})
 				] })
 			})
 		});
-		return bt({
+		return xt({
 			...e,
 			children: r
 		});
-	}, []), d = n?.getName() === r?.getName(), f = (0, $.jsx)(ct, {
+	}, []), d = n?.getName() === r?.getName(), f = (0, $.jsx)(lt, {
 		sx: {
 			borderRadius: "2px",
 			padding: "2px",
@@ -4843,13 +4843,13 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			createCell: o
 		})
 	}, n.getName());
-	return i && (f = (0, $.jsx)(Ft, {
+	return i && (f = (0, $.jsx)(It, {
 		label: Ti(n.getName(), l),
 		createPopupPanel: u,
 		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 = Lt(), g = B((e) => {
 		i?.(e), d?.execute(e);
 	}, [d, i]), _ = (0, Q.useCallback)((e) => {
 		let t = p?.(), n = {
@@ -4872,8 +4872,8 @@ 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,
-				(0, $.jsx)(ot, { children: e }, e + "-header"),
+				n ? (0, $.jsx)(q, { orientation: "horizontal" }) : null,
+				(0, $.jsx)(st, { children: e }, e + "-header"),
 				(0, $.jsx)(R, {
 					sx: {
 						display: "flex",
@@ -4904,64 +4904,64 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: n
 			}, e + "-presets");
 		}, _ = [];
-		_.push(u(l("cellStyle.category.custom"), o, !1)), _.push(u(l("cellStyle.category.goodBadNeutral"), [X.BuiltInName.Normal, ...Ei([
-			X.BuiltInName.Bad,
-			X.BuiltInName.Good,
-			X.BuiltInName.Neutral
+		_.push(u(l("cellStyle.category.custom"), o, !1)), _.push(u(l("cellStyle.category.goodBadNeutral"), [Z.BuiltInName.Normal, ...Ei([
+			Z.BuiltInName.Bad,
+			Z.BuiltInName.Good,
+			Z.BuiltInName.Neutral
 		], l)], o.length > 0)), _.push(u(l("cellStyle.category.dataModel"), Ei([
-			X.BuiltInName.Calculation,
-			X.BuiltInName.CheckCell,
-			X.BuiltInName.ExplanatoryText,
-			X.BuiltInName.FollowedHyperlink,
-			X.BuiltInName.Hyperlink,
-			X.BuiltInName.Input,
-			X.BuiltInName.LinkedCell,
-			X.BuiltInName.Note,
-			X.BuiltInName.Output,
-			X.BuiltInName.WarningText
+			Z.BuiltInName.Calculation,
+			Z.BuiltInName.CheckCell,
+			Z.BuiltInName.ExplanatoryText,
+			Z.BuiltInName.FollowedHyperlink,
+			Z.BuiltInName.Hyperlink,
+			Z.BuiltInName.Input,
+			Z.BuiltInName.LinkedCell,
+			Z.BuiltInName.Note,
+			Z.BuiltInName.Output,
+			Z.BuiltInName.WarningText
 		], l))), _.push(u(l("cellStyle.category.titlesHeadings"), Ei([
-			X.BuiltInName.Heading1,
-			X.BuiltInName.Heading2,
-			X.BuiltInName.Heading3,
-			X.BuiltInName.Heading4,
-			X.BuiltInName.Title,
-			X.BuiltInName.Total
+			Z.BuiltInName.Heading1,
+			Z.BuiltInName.Heading2,
+			Z.BuiltInName.Heading3,
+			Z.BuiltInName.Heading4,
+			Z.BuiltInName.Title,
+			Z.BuiltInName.Total
 		], l)));
 		let v = [];
 		var y, b;
 		return v.push(d("Accent 1", [
-			X.BuiltInName.Accent1_20,
-			X.BuiltInName.Accent1_40,
-			X.BuiltInName.Accent1_60,
-			X.BuiltInName.Accent1
+			Z.BuiltInName.Accent1_20,
+			Z.BuiltInName.Accent1_40,
+			Z.BuiltInName.Accent1_60,
+			Z.BuiltInName.Accent1
 		])), v.push(d("Accent 2", [
-			X.BuiltInName.Accent2_20,
-			X.BuiltInName.Accent2_40,
-			X.BuiltInName.Accent2_60,
-			X.BuiltInName.Accent2
+			Z.BuiltInName.Accent2_20,
+			Z.BuiltInName.Accent2_40,
+			Z.BuiltInName.Accent2_60,
+			Z.BuiltInName.Accent2
 		])), v.push(d("Accent 3", [
-			X.BuiltInName.Accent3_20,
-			X.BuiltInName.Accent3_40,
-			X.BuiltInName.Accent3_60,
-			X.BuiltInName.Accent3
+			Z.BuiltInName.Accent3_20,
+			Z.BuiltInName.Accent3_40,
+			Z.BuiltInName.Accent3_60,
+			Z.BuiltInName.Accent3
 		])), v.push(d("Accent 4", [
-			X.BuiltInName.Accent4_20,
-			X.BuiltInName.Accent4_40,
-			X.BuiltInName.Accent4_60,
-			X.BuiltInName.Accent4
+			Z.BuiltInName.Accent4_20,
+			Z.BuiltInName.Accent4_40,
+			Z.BuiltInName.Accent4_60,
+			Z.BuiltInName.Accent4
 		])), v.push(d("Accent 5", [
-			X.BuiltInName.Accent5_20,
-			X.BuiltInName.Accent5_40,
-			X.BuiltInName.Accent5_60,
-			X.BuiltInName.Accent5
+			Z.BuiltInName.Accent5_20,
+			Z.BuiltInName.Accent5_40,
+			Z.BuiltInName.Accent5_60,
+			Z.BuiltInName.Accent5
 		])), v.push(d("Accent 6", [
-			X.BuiltInName.Accent6_20,
-			X.BuiltInName.Accent6_40,
-			X.BuiltInName.Accent6_60,
-			X.BuiltInName.Accent6
+			Z.BuiltInName.Accent6_20,
+			Z.BuiltInName.Accent6_40,
+			Z.BuiltInName.Accent6_60,
+			Z.BuiltInName.Accent6
 		])), _.push((y = l("cellStyle.category.themed"), b = v, (0, $.jsxs)(R, { children: [
-			(0, $.jsx)(J, { orientation: "horizontal" }),
-			(0, $.jsx)(ot, { children: y }, y + "-header"),
+			(0, $.jsx)(q, { orientation: "horizontal" }),
+			(0, $.jsx)(st, { children: y }, y + "-header"),
 			(0, $.jsx)(R, {
 				sx: {
 					display: "flex",
@@ -4973,11 +4973,11 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: b
 			}, y + "-presets")
 		] }, y))), _.push(u(l("cellStyle.category.numberFormat"), [
-			X.BuiltInName.Comma,
-			X.BuiltInName.Comma0,
-			X.BuiltInName.Currency,
-			X.BuiltInName.Currency0,
-			X.BuiltInName.Percent
+			Z.BuiltInName.Comma,
+			Z.BuiltInName.Comma0,
+			Z.BuiltInName.Currency,
+			Z.BuiltInName.Currency0,
+			Z.BuiltInName.Percent
 		])), (0, $.jsxs)(R, {
 			"data-sxl-theme-surface": "grid",
 			"data-sxl-theme-mode": h,
@@ -5001,8 +5001,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",
@@ -5018,7 +5018,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		l
 	]), v = B((e) => {
 		if (!f) return null;
-		let t = 18 / ln.getDeviceScale(), n = f.createCell(e);
+		let t = 18 / un.getDeviceScale(), n = f.createCell(e);
 		return n.getStyle().getFont().getSize() <= t ? n : n.createCell({ style: { font: { size: t } } });
 	}, [f?.createCell]), y = a ?? (!d || d.disabled()), S = (0, Q.useMemo)(() => o ? (0, $.jsx)(Di, {
 		value: m ? Ti(m.getName(), l) : "",
@@ -5046,11 +5046,11 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		d,
 		l
 	]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		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 +5064,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 = Lt(), 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();
@@ -5160,7 +5160,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			...a
 		},
 		...d,
-		children: (0, $.jsx)(Dt, {
+		children: (0, $.jsx)(Ot, {
 			getBorderAt: b,
 			rowCount: 5,
 			columnCount: 5,
@@ -5169,7 +5169,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 +5182,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 = Lt(), 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 +5216,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 +5251,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 +5277,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 +5289,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 +5299,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 +5314,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 +5329,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 +5344,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 +5359,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 +5426,7 @@ var Li = function(e) {
 			scope: e.getSheet().getName()
 		};
 	}, [r, y]);
-	Tt(r, {
+	Et(r, {
 		onAnchorCoordsChange(e) {
 			S(e.getRange().getFixed(!0).toString());
 		},
@@ -5463,7 +5463,7 @@ var Li = function(e) {
 		onBlur: (e) => {
 			m?.current?.contains(e.relatedTarget) || d(!1);
 		},
-		ref: en([
+		ref: tn([
 			m,
 			_,
 			t
@@ -5481,7 +5481,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 +5544,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 +5578,7 @@ var Li = function(e) {
 							})]
 						})
 					}),
-					(0, $.jsx)(J, {
+					(0, $.jsx)(q, {
 						orientation: "horizontal",
 						sx: {
 							marginTop: (e) => e.spacing(1.5),
@@ -5616,14 +5616,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 +5634,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 = ft(), [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 +5649,7 @@ var Li = function(e) {
 		return () => {
 			e?.();
 		};
-	}, [u]), Tt(o, {
+	}, [u]), Et(o, {
 		onSelectionChange: () => c(),
 		onStyleChange: () => c(),
 		onTablesChange: () => c(),
@@ -5669,7 +5669,7 @@ var Li = function(e) {
 	transactional: !1,
 	ignoreModelChange: !0
 }, Hi = { transactional: !1 }, Ui = () => {
-	d.register("plugin-table", { icons: {} }), Ht.registerTaskPane({
+	d.register("plugin-table", { icons: {} }), Ut.registerTaskPane({
 		key: "tableDetails",
 		getTitle: () => "Table Details",
 		getIcon: () => "Table",
@@ -5693,28 +5693,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 +5723,7 @@ var Li = function(e) {
 				] })
 			})
 		});
-		return bt({
+		return xt({
 			...e,
 			children: r
 		});
@@ -5741,7 +5741,7 @@ var Li = function(e) {
 		t,
 		n,
 		a
-	]), h = (0, $.jsx)(ct, {
+	]), h = (0, $.jsx)(lt, {
 		sx: {
 			borderRadius: "2px",
 			padding: "2px",
@@ -5761,7 +5761,7 @@ var Li = function(e) {
 		...u,
 		children: m
 	}, n.getName());
-	return o && (h = (0, $.jsx)(Ft, {
+	return o && (h = (0, $.jsx)(It, {
 		label: t.getStyleOptions().name,
 		createPopupPanel: f,
 		children: h
@@ -5811,8 +5811,8 @@ var Li = function(e) {
 				r && i.push(r);
 			}
 			return i.length === 0 ? null : (0, $.jsxs)(R, { children: [
-				r ? (0, $.jsx)(J, { orientation: "horizontal" }) : null,
-				(0, $.jsx)(ot, { children: e }, e + "-header"),
+				r ? (0, $.jsx)(q, { orientation: "horizontal" }) : null,
+				(0, $.jsx)(st, { children: e }, e + "-header"),
 				(0, $.jsx)(R, {
 					sx: {
 						display: "flex",
@@ -5844,7 +5844,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
@@ -5878,7 +5878,7 @@ var Li = function(e) {
 		E,
 		d
 	]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		ref: t,
 		quickCommand: o ? void 0 : g,
 		createPopupPanel: T,
@@ -5886,7 +5886,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,
@@ -5970,7 +5970,7 @@ var Li = function(e) {
 			})
 		});
 	}, [t, c]);
-	return (0, $.jsx)(ct, {
+	return (0, $.jsx)(lt, {
 		sx: {
 			borderRadius: "2px",
 			padding: "2px",
@@ -6016,7 +6016,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" },
@@ -6048,7 +6048,7 @@ var Li = function(e) {
 }, Ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { themes: n, selectedTheme: r, onSelectTheme: i, sx: a, disabled: o = !1, darkMode: s, ...c } = e, l = b(), u = (0, Q.useMemo)(() => {
 		let e = n?.getItems({ selected: r }) ?? [], t = [];
-		if (e.length === 0) return (0, $.jsx)(ot, {
+		if (e.length === 0) return (0, $.jsx)(st, {
 			sx: {
 				paddingLeft: "16px",
 				paddingRight: "16px",
@@ -6060,7 +6060,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, {
@@ -6101,7 +6101,7 @@ var Li = function(e) {
 				overflow: "hidden"
 			},
 			children: [
-				(0, $.jsx)(ot, {
+				(0, $.jsx)(st, {
 					sx: {
 						paddingLeft: "16px",
 						paddingRight: "16px",
@@ -6110,7 +6110,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 +6123,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 = ot.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,10 +6148,10 @@ var Li = function(e) {
 		icon: p,
 		...f
 	};
-	return c === at.Toolbar ? (0, $.jsx)(gt, {
+	return c === ot.Toolbar ? (0, $.jsx)(_t, {
 		ref: t,
 		...m
-	}) : (0, $.jsx)(nt, {
+	}) : (0, $.jsx)(rt, {
 		ref: t,
 		...m
 	});
@@ -6216,7 +6216,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 +6224,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) => Vt({
 	app: {
 		light: {
 			...v.light,
@@ -6256,11 +6256,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 = Lt(), 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 +6273,23 @@ var Li = function(e) {
 		themes: f,
 		selectedTheme: p,
 		onSelectTheme: _,
-		variant: l === x.Menuitem ? at.Menuitem : at.Toolbar,
+		variant: l === x.Menuitem ? ot.Menuitem : ot.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 = mt.canWrite(), c = mt.canRead();
 	(0, Q.useEffect)(() => {
 		let e = !0;
-		return pt.getWriteFormats().then((t) => {
+		return mt.getWriteFormats().then((t) => {
 			e && o(t);
 		}), () => {
 			e = !1;
 		};
 	}, []);
-	let l = zt(Qt()), u = (0, Q.useMemo)(() => {
+	let l = Bt($t()), 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,28 +6299,28 @@ 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" }),
-			c ? (0, $.jsx)(_t, {
+			(0, $.jsx)(q, { orientation: "horizontal" }),
+			c ? (0, $.jsx)(vt, {
 				...t,
 				quickCommand: "openWorkbook",
 				createPopupPanel: (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: () => {
@@ -6329,28 +6329,28 @@ var Li = function(e) {
 					});
 				}
 			}) : null,
-			s && a.length > 0 ? (0, $.jsx)(_t, {
+			s && a.length > 0 ? (0, $.jsx)(vt, {
 				...t,
 				quickCommand: "saveWorkbook",
 				createPopupPanel: (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 +6359,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) => {
@@ -6378,7 +6378,7 @@ var Li = function(e) {
 		u,
 		d
 	]), p = H("fileOptions"), m = p?.getLabel?.() ?? "File";
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		disabled: r,
 		groupKey: n,
 		label: m,
@@ -6393,7 +6393,7 @@ var Li = function(e) {
 		},
 		...i,
 		createPopupPanel: f,
-		icon: (0, $.jsx)(st, {
+		icon: (0, $.jsx)(ct, {
 			className: "label",
 			icon: null,
 			label: m
@@ -6408,25 +6408,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
 		});
@@ -6435,7 +6435,7 @@ var oa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		a,
 		n
 	]), c = a?.getState(), l = Lr("(prefers-color-scheme: dark)"), u = c === "dark" || c === null && l, d = a?.getState() !== null;
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		ref: t,
 		quickCommand: "themeMode",
 		createPopupPanel: s,
@@ -6452,7 +6452,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 +6475,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 +6558,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 +6574,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 +6592,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 +6607,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 +6622,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 +6660,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 +6811,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 +6901,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 +6919,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 +6944,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 +6962,13 @@ var ma = (e, t) => {
 	if (!e) return null;
 	let n = t?.getStyles();
 	try {
-		return new un(e, n?.schemeLookup(), n?.indexedLookup());
+		return new cn(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 = $t(), t = Lt(), n = t === "dark", [r, i] = (0, Q.useReducer)((e) => e + 1, 0);
+	Et(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 +6983,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 cn(`#${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 +7024,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 = Lt(), i = (e, n) => ({
 		borderRight: +(n < 2),
 		borderBottom: +(e < t.length - 1),
 		borderColor: _a,
@@ -7058,7 +7058,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 = Lt(), 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 +7091,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,25 +7107,25 @@ var Oa = (0, Q.memo)((e) => {
 Oa.displayName = "PresetChip";
 var ka = Object.freeze([{
 	labelKey: l("conditionalFormat.gradientFill"),
-	presets: Ct.filter((e) => e.gradient)
+	presets: wt.filter((e) => e.gradient)
 }, {
 	labelKey: l("conditionalFormat.solidFill"),
-	presets: Ct.filter((e) => !e.gradient)
+	presets: wt.filter((e) => !e.gradient)
 }]), Aa = Object.freeze([{
 	labelKey: l("conditionalFormat.threeColor"),
-	presets: xt.filter((e) => e.stops.length === 3)
+	presets: St.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: St.filter((e) => e.stops.length === 2)
+}]), ja = (e, t) => e.type === fn.ScaleType.DataBar ? Ea(e, ma(e.color, t)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") : e.type === fn.ScaleType.ColorScale ? wa(e.stops ?? [], ga, t) : [], Ma = (0, Q.memo)((e) => {
+	let { commandKey: t, groups: n, disabled: r } = e, i = b(), a = $t(), o = P([t])[0];
 	return (0, $.jsx)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			padding: "2px 8px 4px"
 		},
-		children: n.map((e) => (0, $.jsxs)(R, { children: [(0, $.jsx)(ot, { children: i(e.labelKey) }), (0, $.jsx)(R, {
+		children: n.map((e) => (0, $.jsxs)(R, { children: [(0, $.jsx)(st, { children: i(e.labelKey) }), (0, $.jsx)(R, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: "repeat(3, auto)",
@@ -7150,9 +7150,9 @@ var ka = Object.freeze([{
 Ma.displayName = "ScalePresetGallery";
 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, {
+	return (0, $.jsx)(vt, {
 		ref: t,
-		createPopupPanel: (0, Q.useCallback)((e) => bt({
+		createPopupPanel: (0, Q.useCallback)((e) => xt({
 			...e,
 			children: (0, $.jsx)(Ma, {
 				commandKey: n,
@@ -7190,7 +7190,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 +7203,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 +7267,7 @@ var Pa = () => {
 				key: "dataTextToColumns",
 				getLabel: () => "Custom",
 				getIcon: () => null,
-				render: (e) => (0, $.jsx)(Nt, {
+				render: (e) => (0, $.jsx)(Pt, {
 					...e,
 					inputProps: { maxLength: 1 }
 				})
@@ -7425,7 +7425,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 +7438,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 +7460,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 +7492,7 @@ var Pa = () => {
 		]
 	}, !0), N.register({
 		key: "formatTextRotateCustom",
-		render: (e) => (0, $.jsx)(Nt, {
+		render: (e) => (0, $.jsx)(Pt, {
 			...e,
 			commandKey: "formatTextRotateCustom",
 			groupKey: "textRotateOptions",
@@ -7617,7 +7617,7 @@ var Pa = () => {
 			e(t.getSummary());
 		});
 	});
-	return (0, $.jsx)(ft, {
+	return (0, $.jsx)(pt, {
 		sx: {
 			maxWidth: "360px",
 			display: "flex",
@@ -7654,7 +7654,7 @@ var Pa = () => {
 	});
 }), La = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { category: n, disabled: r, groupKey: i, ...a } = e, o = P(["insertFunction"])[0], s = b();
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		ref: t,
 		disabled: r,
 		createPopupPanel: (0, Q.useCallback)((e) => {
@@ -7664,7 +7664,7 @@ var Pa = () => {
 				category: t.label,
 				...r
 			});
-			return bt({
+			return xt({
 				...e,
 				children: i
 			});
@@ -7705,7 +7705,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 +7731,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 +7765,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 +7780,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",
@@ -7801,12 +7801,12 @@ var Ra = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		a,
 		o
 	]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		ref: 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 +8120,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 +8157,7 @@ var Wa = () => {
 				})
 			}, e);
 		});
-		return bt({
+		return xt({
 			...e,
 			children: (0, $.jsx)(R, {
 				sx: {
@@ -8180,12 +8180,12 @@ var Wa = () => {
 		c,
 		l
 	]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(vt, {
 		ref: t,
 		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 +8254,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 +8352,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 +8362,7 @@ var Ya = [
 		}
 		return e;
 	}, [t, n]);
-	return (0, $.jsx)(Ve, {
+	return (0, $.jsx)(He, {
 		sx: {
 			minWidth: "125px",
 			maxWidth: "125px",
@@ -8382,7 +8382,7 @@ var Ya = [
 			}
 		},
 		size: "small",
-		children: (0, $.jsx)(Ge, {
+		children: (0, $.jsx)(Ke, {
 			value: n,
 			onChange: a,
 			variant: "outlined",
@@ -8399,7 +8399,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 +8433,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 +8460,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 = ft()?.getView(), [l, d] = (0, Q.useState)(() => s?.getZoomScale() ?? 100), [f, p] = (0, Q.useState)(!1), m = (0, Q.useRef)(0);
+	Et(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 +8488,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 +8510,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 +8540,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 +8570,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 +8602,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 = ft(), 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 +8627,7 @@ var no = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				firstError: t
 			});
 		})();
-	}, [f, s]), Tt(s, {
+	}, [f, s]), Et(s, {
 		onSelectionChange: () => {
 			m();
 		},
@@ -8676,7 +8676,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
@@ -8703,15 +8703,15 @@ var io = Object.freeze([
 	sn.Aggregate.Sum
 ]), ao = { value: 0 }, oo = {
 	value: 0,
-	style: { numberFormat: Y.Type.General }
+	style: { numberFormat: X.Type.General }
 }, so = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	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 +8720,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 +8743,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 = Ht().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 +8802,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 +8900,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, {
+	Et(a, {
 		onCollectionChange(e) {
 			ee(a.getItems()), P();
 		},
@@ -8911,7 +8911,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		j(k());
 	}, [_]), (0, Q.useEffect)(() => {
 		te();
-	}, [y]), Tt(o, {
+	}, [y]), Et(o, {
 		onProtectionChange: (e) => {
 			D(l || !e.getProtection().isStructureAllowed());
 		},
@@ -8926,7 +8926,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(), {
+	Et(o.getSelectedSheet().getSelection(), {
 		onChange: (e) => {
 			te();
 		},
@@ -8944,7 +8944,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,
@@ -8967,7 +8967,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					paddingTop: "0px",
 					paddingBottom: "0px",
 					height: "1rem",
-					fontSize: 11 * ln.getDeviceScale(),
+					fontSize: 11 * un.getDeviceScale(),
 					fontStyle: _?.fontStyle,
 					paddingLeft: (e) => e.spacing(.75),
 					paddingRight: (e) => e.spacing(.75),
@@ -9037,11 +9037,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)(st, {
 				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 +9051,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 +9060,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 +9070,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 +9089,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 +9101,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: s
 			})] }) : null]
 		});
-		return bt({
+		return xt({
 			...e,
 			children: f
 		});
@@ -9117,7 +9117,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,8 +9126,8 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			justifyContent: "start",
 			...r
 		},
-		ref: en([V, t]),
-		children: (0, $.jsx)(gt, {
+		ref: tn([V, t]),
+		children: (0, $.jsx)(_t, {
 			className: "outer-button",
 			sx: {
 				display: "flex",
@@ -9140,14 +9140,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 +9245,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 +9257,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 +9269,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 +9289,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 +9302,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 +9399,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)
@@ -9427,7 +9427,7 @@ var xo = (e) => {
 		...a
 	});
 }, So = () => {
-	Ht.registerTaskPane({
+	Ut.registerTaskPane({
 		key: "managedNames",
 		getTitle: () => "Names",
 		getIcon: () => "NamedManager",
@@ -9438,7 +9438,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, {
+	Et(p, {
 		onSheetsChange: (e) => {
 			let t = e.getSelectedSheet();
 			t && (_(t.getSelectedCell().getCoords()), h(t));
@@ -9453,10 +9453,10 @@ var xo = (e) => {
 		}
 	});
 	let E = (0, Q.useMemo)(() => ({ fontSize: 11 }), []);
-	Tt(m.getSelection(), { onChange: () => {
+	Et(m.getSelection(), { onChange: () => {
 		let e = m.getSelectedCell();
 		x(!e.isEditAllowed()), _(e.getCoords());
-	} }), Tt(m, { onProtectionChange() {
+	} }), Et(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 +9470,7 @@ var xo = (e) => {
 		a?.cancel();
 	}, [a]), V = B(() => {
 		a?.commit();
-	}, [a]), H = (0, Q.useMemo)(() => rt({
+	}, [a]), H = (0, Q.useMemo)(() => it({
 		selection: m.getSelection(),
 		fillNone: !0
 	}), [m]), ie = (0, Q.useMemo)(() => a ? {
@@ -9486,9 +9486,9 @@ var xo = (e) => {
 			key: "formula:editor",
 			name: "editor"
 		},
-		contributor: { dynamic: tt },
+		contributor: { dynamic: nt },
 		data: ie
-	} : null, [ie]), oe = (0, Q.useMemo)(() => L ? null : ht(m.getRange(g).getCell()), [
+	} : null, [ie]), oe = (0, Q.useMemo)(() => L ? null : gt(m.getRange(g).getCell()), [
 		m,
 		g,
 		L
@@ -9499,7 +9499,7 @@ var xo = (e) => {
 			flexDirection: "row",
 			gap: 4
 		},
-		children: (0, $.jsx)(Et, {
+		children: (0, $.jsx)(Dt, {
 			editable: a,
 			readOnly: C,
 			editorId: "formula-bar",
@@ -9512,11 +9512,11 @@ var xo = (e) => {
 					weight: null
 				},
 				alignment: {
-					horizontal: hn.HorizontalAlignment.Left,
-					vertical: hn.VerticalAlignment.Top,
-					overflow: hn.Overflow.Visible
+					horizontal: pn.HorizontalAlignment.Left,
+					vertical: pn.VerticalAlignment.Top,
+					overflow: pn.Overflow.Visible
 				},
-				fill: { type: dn.Type.None }
+				fill: { type: mn.Type.None }
 			} }) : null,
 			renderEditor: (e) => (0, $.jsx)(H, {
 				...e,
@@ -9557,11 +9557,11 @@ 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: [
-			(0, $.jsx)(ct, {
+			(0, $.jsx)(lt, {
 				sx: {
 					border: "none !important",
 					"&.Mui-focusVisible": { border: "none" },
@@ -9582,7 +9582,7 @@ var xo = (e) => {
 				},
 				onClick: z
 			}),
-			(0, $.jsx)(ct, {
+			(0, $.jsx)(lt, {
 				sx: {
 					border: "none !important",
 					"&.Mui-focusVisible": { border: "none" },
@@ -9603,7 +9603,7 @@ var xo = (e) => {
 				},
 				onClick: V
 			}),
-			(0, $.jsx)(ct, {
+			(0, $.jsx)(lt, {
 				sx: {
 					border: "none !important",
 					"&.Mui-focusVisible": { border: "none" },
@@ -9647,7 +9647,7 @@ var xo = (e) => {
 				flex: "1 1 100%",
 				position: "relative",
 				fontFamily: (e) => e.typography.fontFamily,
-				fontSize: 11 * ln.getDeviceScale(),
+				fontSize: 11 * un.getDeviceScale(),
 				alignItems: "stretch",
 				paddingTop: "2px",
 				paddingBottom: "2px",
@@ -9655,7 +9655,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": {
@@ -9707,7 +9707,7 @@ var xo = (e) => {
 						children: se ?? void 0
 					})
 				}),
-				(0, $.jsx)(ct, {
+				(0, $.jsx)(lt, {
 					sx: {
 						padding: "0px",
 						margin: "0px 0px",
@@ -9782,7 +9782,7 @@ var xo = (e) => {
 		children: (0, $.jsx)("div", {
 			...d,
 			ref: he,
-			className: on(n),
+			className: J(n),
 			style: {
 				display: "flex",
 				flexDirection: "row",
@@ -9818,7 +9818,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() !== ln.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 +9837,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 +9850,7 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 		});
 		let i = n.getFilter();
 		i && (i.setCondition({
-			operator: pn.BuiltInOperatorNames.InSet,
+			operator: ln.BuiltInOperatorNames.InSet,
 			param: {
 				items: e,
 				blank: t
@@ -9864,7 +9864,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 +9876,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 +9884,14 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 				slotProps: { input: {} },
 				autoFocus: !0
 			}),
-			(0, $.jsx)(Ut, {
+			(0, $.jsx)(Wt, {
 				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 +9945,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,10 +9989,10 @@ 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() });
-	let c = s.getSelectedCell().getStyle().getNumberFormat(), u = typeof c == "number" ? Y.resolve(c) : c ?? "General";
+	Et(s, { onSelectionChange: () => o() });
+	let c = s.getSelectedCell().getStyle().getNumberFormat(), u = typeof c == "number" ? X.resolve(c) : c ?? "General";
 	return (0, $.jsx)(me, {
 		square: !0,
 		ref: i,
@@ -10006,7 +10006,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 }, {
@@ -10018,7 +10018,7 @@ var Oo = (e) => {
 		})
 	});
 }, ko = () => {
-	Ht.registerTaskPane({
+	Ut.registerTaskPane({
 		key: "numberFormatDetails",
 		getTitle: () => "Number Format",
 		getIcon: () => "NumberFormat",
@@ -10026,11 +10026,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) => {
+	Et(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 +10042,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 +10053,7 @@ var Oo = (e) => {
 	});
 	return (0, $.jsx)(R, {
 		ref: t,
-		className: on("menu", s),
+		className: J("menu", s),
 		...l,
 		children: g
 	});
@@ -10061,7 +10061,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, {
+	Et(n, {
 		onSheetsChange: (e) => {
 			c(e.getSheets().getItems());
 		},
@@ -10070,10 +10070,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 +10091,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 +10114,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 +10128,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 +10180,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 +10188,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") ?? [], {
+	Et(n, { onAnyChange(e) {} });
+	let o = S(), s = { disabled: r }, c = zt(o.resolveMembers("movableContextMenu") ?? [], {
 		variant: x.Menuitem,
 		dividerOrientation: "horizontal",
 		groupKey: "movableContextMenu",
@@ -10265,10 +10265,10 @@ 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, {
+		children: (0, $.jsx)(lt, {
 			sx: {
 				padding: "0px",
 				ml: .5,
@@ -10293,15 +10293,15 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			icon: (0, $.jsx)(u, { iconKey: "Menu" })
 		})
 	});
-	return (0, $.jsxs)(jt, {
+	return (0, $.jsxs)(Mt, {
 		ref: m,
 		workbook: n,
 		disabled: r,
 		renderSheetTab: O,
 		onTabContextMenu: D,
-		renderScrollButtonStart: Lt,
-		renderScrollButtonEnd: mt,
-		renderScrollButtonEdge: Zt,
+		renderScrollButtonStart: Rt,
+		renderScrollButtonEnd: ht,
+		renderScrollButtonEdge: Qt,
 		...d,
 		children: [
 			k,
@@ -10313,9 +10313,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() {
+	Et(n, { onSheetsChange() {
 		c(n.getSelectedSheet());
-	} }), Tt(s.getSelection(), { onChange() {
+	} }), Et(s.getSelection(), { onChange() {
 		u(s.getSelectedRanges()), f(s.getSelectedCell());
 	} });
 	let p = S(), m = {
@@ -10323,18 +10323,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 +10344,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 +10362,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)(Zt, {
 	transitionDelay: "160ms",
 	transparentBackground: !0,
 	...e
-}), Bo = (e) => (0, $.jsx)(Pt, {
+}), Bo = (e) => (0, $.jsx)(Ft, {
 	hideStackTrace: !0,
 	...e
 }), Vo = (e) => {
@@ -10393,10 +10393,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)(bt, {
 	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)(jt, {
 	ref: t,
 	renderTabs: Ho,
 	renderContextMenu: Io,
@@ -10451,13 +10451,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 +10474,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 +10516,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 +10582,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 && hn.setLicenseKey(a);
+	let [d] = D(Yt.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 +10608,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("./B6mzT3jt8PsKgBWH2.mjs")), []), {
 			...u,
 			className: i,
 			onWorkbookLoad: (e) => (requestAnimationFrame(() => requestAnimationFrame(() => h(!0))), c?.(e)),
@@ -10623,7 +10623,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(Jt(o), c, {
 		documentTitle: n,
 		confirmOnClose: r,
 		keyboardGuard: i
@@ -10665,7 +10665,7 @@ var Qo = (e = {}) => {
 	ColorPanelType: () => qr,
 	ColorPopupButton: () => ri,
 	ColumnMenu: () => Do,
-	DefaultTaskPaneRegistry: () => Ht,
+	DefaultTaskPaneRegistry: () => Ut,
 	DefaultWorkbookToolbars: () => Ya,
 	DocThemeCommandButton: () => ia,
 	DocumentTitle: () => Yo,
@@ -10684,7 +10684,7 @@ var Qo = (e = {}) => {
 	InsertFunctionOption: () => Fn,
 	InsertFunctionSumCommandPopupButton: () => Ja,
 	InsertFunctionWizard: () => Pn,
-	LicenseManager: () => cn,
+	LicenseManager: () => hn,
 	NAMED_TYPE_FORMULA: () => uo,
 	NamedCollectionEditor: () => lo,
 	NamedDetailsPanel: () => bo,
@@ -10692,7 +10692,7 @@ var Qo = (e = {}) => {
 	NamedEditorPanel: () => vo,
 	NamedPlugin: () => So,
 	NumberFormatCommandButton: () => _i,
-	NumberFormatPanel: () => tn,
+	NumberFormatPanel: () => nn,
 	NumberFormatTaskPane: () => Oo,
 	NumberStats: () => no,
 	PasteCommandButton: () => wi,
@@ -10720,9 +10720,9 @@ var Qo = (e = {}) => {
 	WalkingCopyCommandButton: () => sa,
 	WorkbookContextMenu: () => Po,
 	WorkbookElement: () => qo,
-	WorkbookIO: () => pt,
+	WorkbookIO: () => mt,
 	WorkbookProtectionDialog: () => rn,
-	WorkbookProtectionPanel: () => nn,
+	WorkbookProtectionPanel: () => an,
 	WorkbookStrip: () => No,
 	WorkbookToolbars: () => eo,
 	createNamedDraft: () => ho,
@@ -10739,10 +10739,10 @@ var Qo = (e = {}) => {
 	renderWorkbookSheetTab: () => Ko,
 	renderWorkbookToolbars: () => Xa,
 	saveNamedDraft: () => go,
-	setPrintExamplesOnLoad: () => Gt,
+	setPrintExamplesOnLoad: () => Kt,
 	tokensToMuiOptions: () => ea,
-	useModelListener: () => Tt,
-	useRangeListener: () => wt,
+	useModelListener: () => Et,
+	useRangeListener: () => Tt,
 	useStudioApp: () => Qo
 });
 (function() {
@@ -10758,7 +10758,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 = Nt({
 		value: o ?? "",
 		onChange: l,
 		onChangeText: d,
@@ -10778,7 +10778,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,
@@ -10792,7 +10792,7 @@ var es = (e) => {
 				}
 			},
 			position: "end",
-			children: [(0, $.jsx)(ct, {
+			children: [(0, $.jsx)(lt, {
 				dense: !0,
 				outlined: !1,
 				color: "primary",
@@ -10808,7 +10808,7 @@ var es = (e) => {
 				onClick: () => {
 					E.commit();
 				}
-			}), (0, $.jsx)(ct, {
+			}), (0, $.jsx)(lt, {
 				dense: !0,
 				outlined: !1,
 				color: "warning",
@@ -10833,7 +10833,7 @@ var es = (e) => {
 		E.cancel,
 		!!E.error
 	]);
-	return (0, $.jsx)(Ve, {
+	return (0, $.jsx)(He, {
 		sx: {
 			minWidth: 135,
 			width: "100%",
@@ -10841,9 +10841,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,