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

package/browser/esm/{B3N4rAHBBKghSNf-.mjs → rnntZ_PYlojxr5c4.mjs}

@@ -1,34 +1,34 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.2
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.3
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { n as e, r as t } from "./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";
+import { n as e, r as t } from "./BbRZ0cO4t2haGX-o.mjs";
+import { i as n, r } from "./swjGzqq7IK8YnHrV.mjs";
+import { A as i, _ as a, d as o, f as s, u as c, v as l } from "./Cjq-G2Seyww6IMSH.mjs";
+import { r as u, t as d } from "./DqfIf41HljTIhC84.mjs";
+import { $t as f, B as p, Ct as m, Et as h, Ot as g, Rt as _, U as v, Ut as y, Xt as b, Yt as x, Zt as S, _ as C, _t as w, at as T, c as E, ct as D, dt as O, et as k, f as A, h as j, in as M, jt as N, lt as P, m as F, n as ee, nt as te, ot as ne, p as re, qt as I, rt as L, t as R, tn as z, tt as B, vt as V, wt as H } from "./BDHrIbkTx7Ii0RYb.mjs";
+import { $ as ie, B as ae, D as oe, E as se, F as U, H as W, I as ce, L as le, M as ue, N as G, Q as de, St as fe, U as pe, V as me, W as he, Y as ge, _ as _e, _t as ve, c as ye, ct as be, f as xe, ft as Se, gt as Ce, ht as we, it as Te, l as Ee, lt as De, mt as Oe, nt as ke, ot as Ae, p as je, pt as Me, q as Ne, s as Pe, st as Fe, ut as Ie, v as Le, wt as Re, xt as ze } from "./CC52ynv81P-LwXRT.mjs";
+import { b as Be, c as Ve, h as He, l as Ue, m as We, s as Ge, t as Ke, u as qe, v as Je, x as Ye, y as Xe } from "./Byl6FdOyv58rFwxZ.mjs";
+import { n as Ze, t as Qe } from "./DD-_f0jEXDy0dn6z.mjs";
+import { t as $e } from "./Bxt5fHMZXudQ1QHA.mjs";
+import { t as et } from "./DjwllBVpUWlaltMT.mjs";
+import { t as tt } from "./DwEiTFl_RN5oQzfh.mjs";
+import { At as nt, C as rt, Ct as it, D as at, Dt as ot, Et as st, Ft as ct, G as lt, H as ut, It as dt, J as ft, Lt as pt, Mt as mt, N as ht, Ot as gt, Pt as _t, Q as vt, Rt as yt, St as K, T as bt, Tt as xt, U as St, Vt as Ct, W as wt, X as Tt, Y as Et, a as Dt, at as Ot, bt as kt, ct as At, gt as jt, h as Mt, ht as Nt, i as Pt, jt as Ft, k as It, l as Lt, lt as Rt, mt as zt, nt as Bt, ot as Vt, p as Ht, q as Ut, st as Wt, t as Gt, tt as Kt, ut as qt, v as Jt, vt as q, w as Yt, wt as Xt, x as Zt, xt as Qt, yt as $t } from "./CecKVsBMvvKuk2Og.mjs";
+import { t as en } from "./CtZ4wSjG6QUWs7Nn.mjs";
+import { n as tn, t as nn } from "./B1AbnDun66mq_S2f.mjs";
+import { n as rn, r as an } from "./BamGz0uoayfOfFJD.mjs";
+import { t as on } from "./MJIl3u3WexRfuRxx.mjs";
+import { t as J } from "./CNZeWICVX0x6E3-Z.mjs";
+import { c as sn } from "./DhnxpW56CJ43gVOI.mjs";
+import { I as cn, J as ln, Jt as un, Kt as dn, T as fn, _ as Y, at as pn, nt as X, ot as mn, pn as hn, tt as Z, w as gn } from "./Bs6uuY3i689nSdNa.mjs";
+import { a as _n, c as vn, d as yn, h as bn, r as xn } from "./CEWWFcwu4AyqL0cQ.mjs";
+import { i as Sn, n as Cn, r as wn, t as Tn } from "./CEgIZKMC4XoMmPp5.mjs";
+import { n as En, r as Dn, t as On } from "./DUpHK7eGlzF6E3h5.mjs";
+import { n as kn, r as An, t as jn } from "./4-QoxOhoR614u5tO.mjs";
+import { n as Mn } from "./CWQXDC8Qk5PH757v.mjs";
+import { a as Nn, i as Pn, n as Fn, o as In, r as Ln, t as Rn } from "./CsK0x9jgM8z_DOl1.mjs";
 var Q = t(n(), 1);
 function zn(e, t, n, r, i) {
 	let [a, o] = Q.useState(() => i && n ? n(e).matches : r ? r(e).matches : t);
@@ -2290,7 +2290,6 @@ var kr = re("MuiTabs", [
 	"theme.heading": "Themes",
 	"theme.none": "No themes",
 	"toast.showMore": "Show more",
-	"workbook.defaultName": "Workbook",
 	"workbook.encrypted": "Encrypted with a password",
 	"workbook.importWarnings": "Some elements were not able to be imported. See console for details.",
 	"workbook.opening": "Opening ''{name}''…",
@@ -2707,7 +2706,7 @@ var Wr = [
 				commandKey: "sheetZoom25"
 			}),
 			(0, $.jsx)(q, { orientation: "horizontal" }),
-			(0, $.jsx)(Pt, {
+			(0, $.jsx)(jt, {
 				...t,
 				commandKey: "sheetZoomCustom",
 				groupKey: "sheetZoomOptions",
@@ -2727,7 +2726,7 @@ var Wr = [
 			children: i
 		});
 	}, [r, n]);
-	return (0, $.jsx)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		disabled: r || !c,
 		groupKey: n,
@@ -2839,7 +2838,7 @@ var qr = {
 		})]
 	});
 }), Xr = (0, Q.memo)((e) => {
-	let { schemeColorLookup: t, selectedColor: n, previewColor: r, colorDef: i, onSelectColorDef: a, onPreviewColorDef: o, propsSwatch: s, defaultButtonSize: c = 24, isLarge: l = !1, compareRGB: u = !1, darkMode: d = !1, ...f } = e, p = new cn({
+	let { schemeColorLookup: t, selectedColor: n, previewColor: r, colorDef: i, onSelectColorDef: a, onPreviewColorDef: o, propsSwatch: s, defaultButtonSize: c = 24, isLarge: l = !1, compareRGB: u = !1, darkMode: d = !1, ...f } = e, p = new fn({
 		val: i.definition.val,
 		adjs: i.definition.adjs
 	}, (e) => t(e)), m = u ? p.toRGBA().toString() : p.toString(), h = n && (u ? n.toRGBA().toString() : n.toString()) === m, g = r && (u ? r.toRGBA().toString() : r.toString()) === m, _ = [];
@@ -2998,15 +2997,15 @@ var qr = {
 }), $r = (e, t, n, r, i, a) => {
 	let o = Qr(e, t);
 	r?.push(o);
-	let s = new cn({
+	let s = new fn({
 		val: o.definition.val,
 		adjs: o.definition.adjs
 	}, n), c = s.toString();
 	i?.set(c, s);
 	let l = s.toRGBA().toString();
 	a?.set(l, s);
-}, ei = (0, Q.lazy)(() => import("./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)(() => {
+}, ei = (0, Q.lazy)(() => import("./CqSxZiLos0nQa69t2.mjs")), ti = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { selectedColor: n = null, previewColor: r = e.selectedColor ?? null, recentColors: i, schemeLookup: a, disableAlpha: o = !1, previewDebounceTime: s = 100, initialPanelType: d, defaultButtonSize: f = 24, width: p, onElementLoad: m, onDone: h, onEyeDropStart: g, onEyeDropStop: _, onPreviewColor: v, onPreviewColorImmediate: y, onSelectColor: x, autoColor: S, autoColorLabel: C, autoColorLabelKey: w, autoColorPosition: T = Jr.Start, compareRGB: E = !1, darkMode: D = !1, style: O, ...k } = e, A = b(), j = C ?? A(w ?? l("color.automatic")), M = r || n, N = B(v ?? ((e) => {}), [v]), P = B(y ?? ((e) => {}), [y]), F = B(x ?? ((e, t) => {}), [x]), te = B(g ?? (() => {}), [g]), ne = B(_ ?? (() => {}), [_]), [re, I] = (0, Q.useState)(!1), L = ee(), z = (0, Q.useMemo)(() => a || fn.getDefaultSchemeLookup(), [a]), V = (0, Q.useMemo)(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [];
 		$r(A("color.scheme.bg1"), "bg1", z, n, e, t), $r(A("color.scheme.tx1"), "tx1", z, n, e, t), $r(A("color.scheme.bg2"), "bg2", z, n, e, t), $r(A("color.scheme.tx2"), "tx2", z, n, e, t), $r(A("color.scheme.accent", { n: 1 }), "accent1", z, n, e, t), $r(A("color.scheme.accent", { n: 2 }), "accent2", z, n, e, t), $r(A("color.scheme.accent", { n: 3 }), "accent3", z, n, e, t), $r(A("color.scheme.accent", { n: 4 }), "accent4", z, n, e, t), $r(A("color.scheme.accent", { n: 5 }), "accent5", z, n, e, t), $r(A("color.scheme.accent", { n: 6 }), "accent6", z, n, e, t);
 		let r = yn.buildPalette(n, z, e, t), a = [];
@@ -3061,7 +3060,7 @@ var qr = {
 	let le = B((e) => {
 		P && (P(e), se(e));
 	}, [P]), ue = B((e) => {
-		le(e ? new cn({
+		le(e ? new fn({
 			val: e.definition.val,
 			adjs: e.definition.adjs
 		}, z) : null);
@@ -3075,7 +3074,7 @@ var qr = {
 		}
 		F?.(e, t);
 	}, [F, V]), pe = B((e) => {
-		let t = e ? new cn({
+		let t = e ? new fn({
 			val: e.definition.val,
 			adjs: e.definition.adjs
 		}, z) : null;
@@ -3083,7 +3082,7 @@ var qr = {
 			fe(t);
 		});
 	}, [z, h]), me = B((e) => {
-		le(e ? new cn(e, z) : null);
+		le(e ? new fn(e, z) : null);
 	}, [z]), he = (0, Q.useMemo)(() => window.EyeDropper === void 0 ? (0, $.jsx)($.Fragment, {}) : (0, $.jsx)(U, {
 		"aria-label": A("color.eyeDropper"),
 		size: "small",
@@ -3091,7 +3090,7 @@ var qr = {
 		onClick: async () => {
 			I(!0), te?.(), await new EyeDropper().open().then((e) => {
 				I(!1), ne?.();
-				let t = new cn(e.sRGBHex), n = t.toString(), r = V.mapAllPresets.get(n);
+				let t = new fn(e.sRGBHex), n = t.toString(), r = V.mapAllPresets.get(n);
 				if (r ||= (n = t.toRGBA().toString(), V.mapAllPresetsRGB.get(n)), !r) {
 					let e = t.toRGBA();
 					V.mapAllPresetsRGB.forEach((t, n) => {
@@ -3119,7 +3118,7 @@ var qr = {
 		return (0, $.jsx)(Q.Suspense, {
 			fallback: (0, $.jsx)("div", {
 				style: e,
-				children: (0, $.jsx)(Zt, {})
+				children: (0, $.jsx)(Qt, {})
 			}),
 			children: (0, $.jsx)(ei, {
 				style: e,
@@ -3344,7 +3343,7 @@ var qr = {
 		]
 	});
 })), ni = (0, $.jsx)(u, { iconKey: "circle.colored" }), ri = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { selectedColor: n, quickColor: r, icon: i = ni, tooltip: a, label: o, onPreviewColor: s, onPreviewColorImmediate: c, onSelectColor: l, variant: d = 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)(() => {
+	let { selectedColor: n, quickColor: r, icon: i = ni, tooltip: a, label: o, onPreviewColor: s, onPreviewColorImmediate: c, onSelectColor: l, variant: d = it.Toolbar, propsPanel: f, shouldCloseFloatAll: p = !0, compareRGB: m = !1, darkMode: g = !1, ..._ } = e, v = B(s ?? ((e) => {}), [s]), y = B(c ?? ((e) => {}), [c]), b = B(l ?? ((e, t) => {}), [l]), [x, S] = (0, Q.useState)(() => {}), [C, w] = (0, Q.useState)(!1), T = r || (C ? x : void 0) || n || f?.autoColor, E = (0, Q.useRef)(!1), D = (0, Q.useCallback)(() => {
 		w(!1);
 	}, []), O = B(() => {
 		S(n), w(!0);
@@ -3411,10 +3410,10 @@ var qr = {
 		icon: M,
 		..._
 	};
-	return d === ot.Toolbar ? (0, $.jsx)(_t, {
+	return d === it.Toolbar ? (0, $.jsx)(gt, {
 		ref: t,
 		...te
-	}) : (0, $.jsx)(rt, {
+	}) : (0, $.jsx)(nt, {
 		ref: t,
 		...te
 	});
@@ -3422,20 +3421,20 @@ var qr = {
 function ai(e, t) {
 	if (!t) return "";
 	switch (t.style) {
-		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");
+		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");
 		default: return t.description;
 	}
 }
@@ -3455,7 +3454,7 @@ var oi = (e) => {
 		width: n,
 		viewBox: `0 0 ${n} ${r}`,
 		...l,
-		children: (0, $.jsx)(ut, {
+		children: (0, $.jsx)(ft, {
 			length: n,
 			width: r,
 			dashArray: i,
@@ -3466,7 +3465,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 = Y.BuiltInDefinitionsArray;
+		let { popupContainer: t, closeFloat: n, ...a } = e, c = [], d = Z.BuiltInDefinitionsArray;
 		for (let e = 0; e < d.length; e++) {
 			let t = d[e];
 			if (t.description === "None" && !l) continue;
@@ -3533,7 +3532,7 @@ var oi = (e) => {
 	]), _ = {
 		disabled: i,
 		icon: (0, Q.useMemo)(() => {
-			let e, t = Y.BuiltInDefinitions.get(s);
+			let e, t = Z.BuiltInDefinitions.get(s);
 			return t ? (e = t.description === "None" ? (0, $.jsx)(R, {
 				sx: { minWidth: `${ii}px` },
 				children: ai(m, t)
@@ -3563,7 +3562,7 @@ var oi = (e) => {
 			o,
 			m
 		]),
-		tooltip: m("border.styleTooltip", { style: ai(m, (0, Q.useMemo)(() => Y.BuiltInDefinitions.get(s), [s])) }),
+		tooltip: m("border.styleTooltip", { style: ai(m, (0, Q.useMemo)(() => Z.BuiltInDefinitions.get(s), [s])) }),
 		sx: {
 			backgroundImage: _e,
 			...d
@@ -3571,12 +3570,12 @@ var oi = (e) => {
 		createPopupPanel: g,
 		...f
 	};
-	return n === ot.Toolbar ? (0, $.jsx)(_t, { ..._ }) : (0, $.jsx)(rt, { ..._ });
+	return n === it.Toolbar ? (0, $.jsx)(gt, { ..._ }) : (0, $.jsx)(nt, { ..._ });
 })), ci = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { autoColor: n, schemeLookup: r, autoStrokeStyle: i = 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: {
+	let { autoColor: n, schemeLookup: r, autoStrokeStyle: i = Z.StrokeStyle.Thin, disabled: a, darkMode: o = !1, showStylingBefore: s = !0, onSelectBorder: c, onPreviewBorder: l, selectedBorder: d, createBorder: f, ...p } = e, m = B(c ?? ((e) => {}), [c]), h = B(l ?? ((e) => {}), [l]), g = b(), _ = H("borderOptions"), [v, y] = (0, Q.useState)(), [x, S] = (0, Q.useState)(), C = d || { bottom: {
 		style: i,
 		color: n?.toString() ?? gn.Named.Gray
-	} }, w = v ?? C?.bottom?.style ?? i, T = x ?? (C?.bottom?.color ? new cn(C?.bottom?.color, r) : void 0) ?? n ?? null, E = B((e) => {
+	} }, w = v ?? C?.bottom?.style ?? i, T = x ?? (C?.bottom?.color ? new fn(C?.bottom?.color, r) : void 0) ?? n ?? null, E = B((e) => {
 		let t = {}, n = e ? Object.keys(e) : [], r = !1, i = n.length;
 		for (let a = 0; a < i; a++) {
 			let i = n[a], o = e?.[i];
@@ -3585,7 +3584,7 @@ var oi = (e) => {
 					style: o.style,
 					color: o.color
 				};
-				t[i] = e, r || e.style === Y.StrokeStyle.None || (r = !0);
+				t[i] = e, r || e.style === Z.StrokeStyle.None || (r = !0);
 			}
 		}
 		n.length < 6 && (r = !0);
@@ -3626,7 +3625,7 @@ var oi = (e) => {
 					padding: "1px 1px",
 					"& svg path": { filter: ye }
 				},
-				children: (0, $.jsx)(Ot, {
+				children: (0, $.jsx)(Dt, {
 					getBorderAt: (e, r) => {
 						if (!f || n.length === 0) return null;
 						let i = e.rowIndex, a = e.colIndex, o = {};
@@ -3664,12 +3663,12 @@ var oi = (e) => {
 	}, []), k = (0, Q.useCallback)((e) => {
 		h?.(e);
 	}, []);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(gt, {
 		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 ? Y.StrokeStyle.None : w ?? null), o = i ? D([], T ?? null, w ?? null) : a;
-				return (0, $.jsx)(lt, {
+				let a = D(e, T ?? null, i ? Z.StrokeStyle.None : w ?? null), o = i ? D([], T ?? null, w ?? null) : a;
+				return (0, $.jsx)(ct, {
 					icon: E(o),
 					sx: { backgroundImage: _e },
 					propsTooltip: {
@@ -3691,21 +3690,21 @@ var oi = (e) => {
 				},
 				children: [
 					i([
-						Y.Edge.Left,
-						Y.Edge.Top,
-						Y.Edge.Right,
-						Y.Edge.Bottom,
-						Y.Edge.Horizontal,
-						Y.Edge.Vertical
+						Z.Edge.Left,
+						Z.Edge.Top,
+						Z.Edge.Right,
+						Z.Edge.Bottom,
+						Z.Edge.Horizontal,
+						Z.Edge.Vertical
 					], g("border.all"), "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.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.Left,
-						Y.Edge.Top,
-						Y.Edge.Right,
-						Y.Edge.Bottom
+						Z.Edge.Left,
+						Z.Edge.Top,
+						Z.Edge.Right,
+						Z.Edge.Bottom
 					], g("border.outside"), "top")
 				]
 			}), (0, $.jsxs)(R, {
@@ -3717,19 +3716,19 @@ var oi = (e) => {
 					gap: "2px"
 				},
 				children: [
-					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], 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,
-						Y.Edge.Top,
-						Y.Edge.Right,
-						Y.Edge.Bottom,
-						Y.Edge.Horizontal,
-						Y.Edge.Vertical,
-						Y.Edge.DiagonalUp,
-						Y.Edge.DiagonalDown
+						Z.Edge.Left,
+						Z.Edge.Top,
+						Z.Edge.Right,
+						Z.Edge.Bottom,
+						Z.Edge.Horizontal,
+						Z.Edge.Vertical,
+						Z.Edge.DiagonalUp,
+						Z.Edge.DiagonalDown
 					], g("border.none"), "bottom", !0)
 				]
 			})] }), l = (0, $.jsx)($.Fragment, { children: (0, $.jsxs)(R, {
@@ -3740,9 +3739,9 @@ var oi = (e) => {
 					gap: "6px"
 				},
 				children: [(0, $.jsx)(ri, {
-					variant: ot.Toolbar,
+					variant: it.Toolbar,
 					icon: (0, $.jsx)(u, { iconKey: "stroke.colored" }),
-					selectedColor: w === Y.StrokeStyle.None ? new cn("transparent") : T ?? new cn("transparent"),
+					selectedColor: w === Z.StrokeStyle.None ? new fn("transparent") : T ?? new fn("transparent"),
 					onPreviewColor: (e) => {
 						S(e);
 					},
@@ -3757,14 +3756,14 @@ var oi = (e) => {
 						schemeLookup: r,
 						...V("grid", o ? "dark" : "light")
 					},
-					disabled: a || w === Y.StrokeStyle.None,
+					disabled: a || w === Z.StrokeStyle.None,
 					shouldCloseFloatAll: !1
 				}), (0, $.jsx)(si, {
 					selectedStyle: w,
 					onSelectStyle: y,
 					styleColor: T,
 					darkMode: o,
-					variant: ot.Toolbar
+					variant: it.Toolbar
 				})]
 			}) });
 			return (0, $.jsxs)(R, {
@@ -3806,7 +3805,7 @@ var oi = (e) => {
 		...p
 	});
 })), li = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { commandKey: n, variant: r = x.Toolbar, disabled: i, autoColor: a, autoStrokeStyle: o, schemeLookup: s, createBorder: c, selectedBorder: l, onSelectBorder: u, darkMode: d, icon: f, label: p, ...m } = e, h = P([n ?? "formatBorder"])[0], g = h?.getContext() ?? null, _ = g?.autoColor ?? a, v = g?.autoStyle ?? o, y = l ?? g?.quickBorder, b = Lt();
+	let { commandKey: n, variant: r = x.Toolbar, disabled: i, autoColor: a, autoStrokeStyle: o, schemeLookup: s, createBorder: c, selectedBorder: l, onSelectBorder: u, darkMode: d, icon: f, label: p, ...m } = e, h = P([n ?? "formatBorder"])[0], g = h?.getContext() ?? null, _ = g?.autoColor ?? a, v = g?.autoStyle ?? o, y = l ?? g?.quickBorder, b = Yt();
 	return (0, $.jsx)(ci, {
 		ref: t,
 		autoColor: _,
@@ -3852,7 +3851,7 @@ var oi = (e) => {
 		},
 		onClick: (e) => e.stopPropagation(),
 		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) => {
+	}) : null, [g]), v = ee(), y = (0, Q.useMemo)(() => `${ln.getSharedMeasurer()("12.3", Math.round(v.typography.fontSize), v.typography.fontFamily ?? "").width}px`, [v]), b = a ?? (!u || u.disabled()), x = (0, Q.useCallback)((e) => {
 		let { onMouseDown: t, onMouseUp: n, ...r } = e;
 		return (0, $.jsx)(U, {
 			component: "div",
@@ -3980,7 +3979,7 @@ var oi = (e) => {
 			children: o
 		});
 	}, [b, u?.getState()]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(gt, {
 		ref: t,
 		sx: { ...c },
 		tabIndex: -1,
@@ -3996,7 +3995,7 @@ var oi = (e) => {
 		renderQuickButton: x,
 		...l
 	});
-})), { 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) => {
+})), { 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) => {
 	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);
@@ -4087,7 +4086,7 @@ var oi = (e) => {
 		o,
 		s
 	]);
-	return (0, $.jsx)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		sx: { ...n },
 		disabled: l,
@@ -4113,23 +4112,23 @@ function mi(e, t) {
 }
 var hi = (e, t) => {
 	switch (t) {
-		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");
+		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");
 		default: return t;
 	}
 }, gi = (0, Q.memo)((e) => {
@@ -4163,7 +4162,7 @@ var hi = (e, t) => {
 			},
 			children: [(0, $.jsxs)(G, {
 				component: "div",
-				children: [hi(c, a.formatType), a.formatType === X.Type.Custom ? "…" : ""]
+				children: [hi(c, a.formatType), a.formatType === Y.Type.Custom ? "…" : ""]
 			}), (0, $.jsx)(G, {
 				variant: "caption",
 				component: "div",
@@ -4178,13 +4177,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 ? 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";
+	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";
 	}, [f, d]), m = (0, Q.useCallback)((e) => {
 		let t = (e) => {
 			s?.execute(e);
-		}, r = s?.getContext(), o = X.Styles.lookupPrimary(), l = [];
+		}, r = s?.getContext(), o = Y.Styles.lookupPrimary(), l = [];
 		for (let e = 0; e < o.length; e++) {
 			let n = "";
 			if (r && !r.isEmpty()) try {
@@ -4192,7 +4191,7 @@ var hi = (e, t) => {
 			} catch (e) {
 				console.warn(e);
 			}
-			n === "" && o[e].formatType === X.Type.General && (n = d("numberFormat.noSpecificFormat"));
+			n === "" && o[e].formatType === Y.Type.General && (n = d("numberFormat.noSpecificFormat"));
 			let a = o[e].formatType === u;
 			l.push((0, $.jsx)(gi, {
 				selected: a,
@@ -4204,8 +4203,8 @@ var hi = (e, t) => {
 		}
 		let f = {
 			numberFormat: "",
-			formatType: X.Type.Custom
-		}, p = u === X.Type.Custom, m = (0, $.jsx)(gi, {
+			formatType: Y.Type.Custom
+		}, p = u === Y.Type.Custom, m = (0, $.jsx)(gi, {
 			selected: p,
 			disabled: i || !s || s.disabled(),
 			formattedValue: p && r ? r.getNumberFormat().displayText : "",
@@ -4217,7 +4216,7 @@ var hi = (e, t) => {
 				flex: "0",
 				width: "100%"
 			}
-		}, X.Type.Custom), h = (0, $.jsxs)(R, {
+		}, Y.Type.Custom), h = (0, $.jsxs)(R, {
 			className: "quick-buttons",
 			sx: {
 				display: "flex",
@@ -4277,7 +4276,7 @@ var hi = (e, t) => {
 		n,
 		d
 	]);
-	return (0, $.jsx)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		sx: r,
 		outlined: !0,
@@ -4443,7 +4442,7 @@ var hi = (e, t) => {
 		y,
 		m
 	]);
-	return (0, $.jsx)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		quickCommand: n,
 		groupKey: s,
@@ -4459,8 +4458,8 @@ var hi = (e, t) => {
 	let { commandKey: n, onSelectColor: r, disabled: i, variant: a = x.Toolbar, quickColor: o, propsPanel: s, isSplit: c = !1, darkMode: l, icon: u, ...d } = e, { autoColor: f, schemeLookup: p, recentColors: m, ...h } = s ?? {};
 	if (d.selectedColor) throw Error("Command selectedColor will be used. Do not try to provide one as a direct argument");
 	let [g] = P([n ?? ""]), _ = g?.getContext(), v = o ?? _?.quickColor;
-	c && !v && (v = new cn("transparent"));
-	let y = f ?? _?.autoColor, b = p ?? _?.schemeLookup, S = m ?? _?.recentColors, C = Lt(), w = l ?? C === "dark", T = (0, Q.useMemo)(() => ({
+	c && !v && (v = new fn("transparent"));
+	let y = f ?? _?.autoColor, b = p ?? _?.schemeLookup, S = m ?? _?.recentColors, C = Yt(), w = l ?? C === "dark", T = (0, Q.useMemo)(() => ({
 		autoColor: y,
 		schemeLookup: b,
 		recentColors: S,
@@ -4495,7 +4494,7 @@ var hi = (e, t) => {
 		quickColor: v,
 		selectedColor: g?.getState(),
 		onSelectColor: E,
-		variant: a === x.Menuitem ? ot.Menuitem : ot.Toolbar,
+		variant: a === x.Menuitem ? it.Menuitem : it.Toolbar,
 		createTooltip: D,
 		label: g?.getLabel(),
 		disabled: i ?? (!g || g.disabled()),
@@ -4511,7 +4510,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)(() => `${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 { 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 t = (e) => {
 			c?.execute(e);
 		}, n = [];
@@ -4591,7 +4590,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			children: o
 		});
 	}, [f, c?.getState()]);
-	return (0, $.jsx)(_t, {
+	return (0, $.jsx)(gt, {
 		ref: t,
 		sx: { ...r },
 		outlined: !0,
@@ -4660,7 +4659,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			children: n
 		});
 	}, [r, n]);
-	return (0, $.jsx)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		quickCommand: u,
 		disabled: r ?? !d,
@@ -4695,7 +4694,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let n = new Intl.Collator(o.getActive(), { numeric: !0 });
 	return [...e].sort((e, r) => n.compare(Ti(e, t), Ti(r, t)));
 }, Di = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { value: n, cellStyle: r, styles: i, createCell: a, sx: o, propsBorder: s, disabled: c, ...l } = e, u = Lt(), d = u === "dark", f = (0, Q.useMemo)(() => a({
+	let { value: n, cellStyle: r, styles: i, createCell: a, sx: o, propsBorder: s, disabled: c, ...l } = e, u = Yt(), d = u === "dark", f = (0, Q.useMemo)(() => a({
 		value: n,
 		style: r
 	}), [
@@ -4736,7 +4735,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				textOverflow: "ellipsis",
 				verticalAlign: "baseline",
 				textDecoration: g?.textDecoration,
-				textAlign: (f ? pn.toCSSHorizontalTextAlign(f.getRenderHorizontalAlignment()) : void 0) ?? "left",
+				textAlign: (f ? hn.toCSSHorizontalTextAlign(f.getRenderHorizontalAlignment()) : void 0) ?? "left",
 				background: "transparent",
 				maxHeight: "100%",
 				whiteSpace: "pre",
@@ -4745,7 +4744,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			...o
 		},
 		...l,
-		children: (0, $.jsx)(Ot, {
+		children: (0, $.jsx)(Dt, {
 			getBorderAt: _,
 			rowCount: 1,
 			columnCount: 1,
@@ -4809,7 +4808,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 						...t,
 						commandKey: "deleteCellStyle",
 						commandState: n,
-						disabled: s || n?.getName() === Z.BuiltInName.Normal
+						disabled: s || n?.getName() === X.BuiltInName.Normal
 					})
 				] })
 			})
@@ -4818,7 +4817,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			...e,
 			children: r
 		});
-	}, []), d = n?.getName() === r?.getName(), f = (0, $.jsx)(lt, {
+	}, []), d = n?.getName() === r?.getName(), f = (0, $.jsx)(ct, {
 		sx: {
 			borderRadius: "2px",
 			padding: "2px",
@@ -4843,13 +4842,13 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			createCell: o
 		})
 	}, n.getName());
-	return i && (f = (0, $.jsx)(It, {
+	return i && (f = (0, $.jsx)(Ft, {
 		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 = Lt(), g = B((e) => {
+	let { commandKey: n, selectedNamed: r, onSelectNamed: i, disabled: a, usePreviewIcon: o = !0, groupKey: s, ...c } = e, l = b(), [d] = P([n]), f = d?.getContext(), p = f?.styles, m = r ?? f?.named(), h = Yt(), g = B((e) => {
 		i?.(e), d?.execute(e);
 	}, [d, i]), _ = (0, Q.useCallback)((e) => {
 		let t = p?.(), n = {
@@ -4873,7 +4872,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			}
 			return r.length === 0 ? null : (0, $.jsxs)(R, { children: [
 				n ? (0, $.jsx)(q, { orientation: "horizontal" }) : null,
-				(0, $.jsx)(st, { children: e }, e + "-header"),
+				(0, $.jsx)(ot, { children: e }, e + "-header"),
 				(0, $.jsx)(R, {
 					sx: {
 						display: "flex",
@@ -4904,64 +4903,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"), [Z.BuiltInName.Normal, ...Ei([
-			Z.BuiltInName.Bad,
-			Z.BuiltInName.Good,
-			Z.BuiltInName.Neutral
+		_.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
 		], l)], o.length > 0)), _.push(u(l("cellStyle.category.dataModel"), Ei([
-			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
+			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
 		], l))), _.push(u(l("cellStyle.category.titlesHeadings"), Ei([
-			Z.BuiltInName.Heading1,
-			Z.BuiltInName.Heading2,
-			Z.BuiltInName.Heading3,
-			Z.BuiltInName.Heading4,
-			Z.BuiltInName.Title,
-			Z.BuiltInName.Total
+			X.BuiltInName.Heading1,
+			X.BuiltInName.Heading2,
+			X.BuiltInName.Heading3,
+			X.BuiltInName.Heading4,
+			X.BuiltInName.Title,
+			X.BuiltInName.Total
 		], l)));
 		let v = [];
 		var y, b;
 		return v.push(d("Accent 1", [
-			Z.BuiltInName.Accent1_20,
-			Z.BuiltInName.Accent1_40,
-			Z.BuiltInName.Accent1_60,
-			Z.BuiltInName.Accent1
+			X.BuiltInName.Accent1_20,
+			X.BuiltInName.Accent1_40,
+			X.BuiltInName.Accent1_60,
+			X.BuiltInName.Accent1
 		])), v.push(d("Accent 2", [
-			Z.BuiltInName.Accent2_20,
-			Z.BuiltInName.Accent2_40,
-			Z.BuiltInName.Accent2_60,
-			Z.BuiltInName.Accent2
+			X.BuiltInName.Accent2_20,
+			X.BuiltInName.Accent2_40,
+			X.BuiltInName.Accent2_60,
+			X.BuiltInName.Accent2
 		])), v.push(d("Accent 3", [
-			Z.BuiltInName.Accent3_20,
-			Z.BuiltInName.Accent3_40,
-			Z.BuiltInName.Accent3_60,
-			Z.BuiltInName.Accent3
+			X.BuiltInName.Accent3_20,
+			X.BuiltInName.Accent3_40,
+			X.BuiltInName.Accent3_60,
+			X.BuiltInName.Accent3
 		])), v.push(d("Accent 4", [
-			Z.BuiltInName.Accent4_20,
-			Z.BuiltInName.Accent4_40,
-			Z.BuiltInName.Accent4_60,
-			Z.BuiltInName.Accent4
+			X.BuiltInName.Accent4_20,
+			X.BuiltInName.Accent4_40,
+			X.BuiltInName.Accent4_60,
+			X.BuiltInName.Accent4
 		])), v.push(d("Accent 5", [
-			Z.BuiltInName.Accent5_20,
-			Z.BuiltInName.Accent5_40,
-			Z.BuiltInName.Accent5_60,
-			Z.BuiltInName.Accent5
+			X.BuiltInName.Accent5_20,
+			X.BuiltInName.Accent5_40,
+			X.BuiltInName.Accent5_60,
+			X.BuiltInName.Accent5
 		])), v.push(d("Accent 6", [
-			Z.BuiltInName.Accent6_20,
-			Z.BuiltInName.Accent6_40,
-			Z.BuiltInName.Accent6_60,
-			Z.BuiltInName.Accent6
+			X.BuiltInName.Accent6_20,
+			X.BuiltInName.Accent6_40,
+			X.BuiltInName.Accent6_60,
+			X.BuiltInName.Accent6
 		])), _.push((y = l("cellStyle.category.themed"), b = v, (0, $.jsxs)(R, { children: [
 			(0, $.jsx)(q, { orientation: "horizontal" }),
-			(0, $.jsx)(st, { children: y }, y + "-header"),
+			(0, $.jsx)(ot, { children: y }, y + "-header"),
 			(0, $.jsx)(R, {
 				sx: {
 					display: "flex",
@@ -4973,11 +4972,11 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: b
 			}, y + "-presets")
 		] }, y))), _.push(u(l("cellStyle.category.numberFormat"), [
-			Z.BuiltInName.Comma,
-			Z.BuiltInName.Comma0,
-			Z.BuiltInName.Currency,
-			Z.BuiltInName.Currency0,
-			Z.BuiltInName.Percent
+			X.BuiltInName.Comma,
+			X.BuiltInName.Comma0,
+			X.BuiltInName.Currency,
+			X.BuiltInName.Currency0,
+			X.BuiltInName.Percent
 		])), (0, $.jsxs)(R, {
 			"data-sxl-theme-surface": "grid",
 			"data-sxl-theme-mode": h,
@@ -5018,7 +5017,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		l
 	]), v = B((e) => {
 		if (!f) return null;
-		let t = 18 / un.getDeviceScale(), n = f.createCell(e);
+		let t = 18 / ln.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,7 +5045,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		d,
 		l
 	]);
-	return (0, $.jsx)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		createPopupPanel: _,
 		outlined: o,
@@ -5064,7 +5063,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		...c
 	});
 })), Ai = 10, ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { styles: n, table: r, tableStyle: i = r?.getStyle() ?? n.getDefaultTableStyle(), sx: a, disabled: o, className: s, forceThinBorder: c, cellHeight: l = Ai, isLive: u = !1, ...d } = e, f = Lt(), p = f === "dark", m = Math.ceil(1.3 * l), [h, g] = (0, Q.useReducer)((e) => e + 1, 0);
+	let { styles: n, table: r, tableStyle: i = r?.getStyle() ?? n.getDefaultTableStyle(), sx: a, disabled: o, className: s, forceThinBorder: c, cellHeight: l = Ai, isLive: u = !1, ...d } = e, f = Yt(), p = f === "dark", m = Math.ceil(1.3 * l), [h, g] = (0, Q.useReducer)((e) => e + 1, 0);
 	(0, Q.useEffect)(() => {
 		if (u && r) return r.addListeners({ onAnyChange: () => {
 			g();
@@ -5160,7 +5159,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			...a
 		},
 		...d,
-		children: (0, $.jsx)(Ot, {
+		children: (0, $.jsx)(Dt, {
 			getBorderAt: b,
 			rowCount: 5,
 			columnCount: 5,
@@ -5182,7 +5181,7 @@ var Si = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 })), Mi = (e, t, n, r, i) => {
 	e.beginPath(), e.moveTo(t + .5, n + .5), e.lineTo(r + .5, i + .5), e.stroke();
 }, Ni = /* @__PURE__ */ new WeakMap(), Pi = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { table: n, tableStyle: r, styles: i, disabled: a, style: o, className: s, canvas: c, ...l } = e, u = Lt(), d = u === "dark", [f, p] = (0, Q.useState)(null), [m, h] = (0, Q.useState)(void 0), g = (0, Q.useCallback)((e) => {
+	let { table: n, tableStyle: r, styles: i, disabled: a, style: o, className: s, canvas: c, ...l } = e, u = Yt(), d = u === "dark", [f, p] = (0, Q.useState)(null), [m, h] = (0, Q.useState)(void 0), g = (0, Q.useCallback)((e) => {
 		p(e), typeof t == "function" ? t(e) : t && (t.current = e);
 	}, [t]);
 	(0, Q.useLayoutEffect)(() => {
@@ -5426,7 +5425,7 @@ var Li = function(e) {
 			scope: e.getSheet().getName()
 		};
 	}, [r, y]);
-	Et(r, {
+	Jt(r, {
 		onAnchorCoordsChange(e) {
 			S(e.getRange().getFixed(!0).toString());
 		},
@@ -5634,7 +5633,7 @@ var Li = function(e) {
 		})
 	});
 })), Bi = (e) => {
-	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)(() => {
+	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = lt(), [s, c] = (0, Q.useReducer)((e) => e + 1, 0), l = o?.getSelection()?.getCoords()?.cell, u = (0, Q.useMemo)(() => {
 		if (!o) return null;
 		let e = o.getTables().getItems({ address: l });
 		return e.length > 0 ? e[0] : null;
@@ -5649,7 +5648,7 @@ var Li = function(e) {
 		return () => {
 			e?.();
 		};
-	}, [u]), Et(o, {
+	}, [u]), Jt(o, {
 		onSelectionChange: () => c(),
 		onStyleChange: () => c(),
 		onTablesChange: () => c(),
@@ -5669,7 +5668,7 @@ var Li = function(e) {
 	transactional: !1,
 	ignoreModelChange: !0
 }, Hi = { transactional: !1 }, Ui = () => {
-	d.register("plugin-table", { icons: {} }), Ut.registerTaskPane({
+	d.register("plugin-table", { icons: {} }), Ht.registerTaskPane({
 		key: "tableDetails",
 		getTitle: () => "Table Details",
 		getIcon: () => "Table",
@@ -5741,7 +5740,7 @@ var Li = function(e) {
 		t,
 		n,
 		a
-	]), h = (0, $.jsx)(lt, {
+	]), h = (0, $.jsx)(ct, {
 		sx: {
 			borderRadius: "2px",
 			padding: "2px",
@@ -5761,7 +5760,7 @@ var Li = function(e) {
 		...u,
 		children: m
 	}, n.getName());
-	return o && (h = (0, $.jsx)(It, {
+	return o && (h = (0, $.jsx)(Ft, {
 		label: t.getStyleOptions().name,
 		createPopupPanel: f,
 		children: h
@@ -5812,7 +5811,7 @@ var Li = function(e) {
 			}
 			return i.length === 0 ? null : (0, $.jsxs)(R, { children: [
 				r ? (0, $.jsx)(q, { orientation: "horizontal" }) : null,
-				(0, $.jsx)(st, { children: e }, e + "-header"),
+				(0, $.jsx)(ot, { children: e }, e + "-header"),
 				(0, $.jsx)(R, {
 					sx: {
 						display: "flex",
@@ -5878,7 +5877,7 @@ var Li = function(e) {
 		E,
 		d
 	]);
-	return (0, $.jsx)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		quickCommand: o ? void 0 : g,
 		createPopupPanel: T,
@@ -5970,7 +5969,7 @@ var Li = function(e) {
 			})
 		});
 	}, [t, c]);
-	return (0, $.jsx)(lt, {
+	return (0, $.jsx)(ct, {
 		sx: {
 			borderRadius: "2px",
 			padding: "2px",
@@ -6048,7 +6047,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)(st, {
+		if (e.length === 0) return (0, $.jsx)(ot, {
 			sx: {
 				paddingLeft: "16px",
 				paddingRight: "16px",
@@ -6101,7 +6100,7 @@ var Li = function(e) {
 				overflow: "hidden"
 			},
 			children: [
-				(0, $.jsx)(st, {
+				(0, $.jsx)(ot, {
 					sx: {
 						paddingLeft: "16px",
 						paddingRight: "16px",
@@ -6123,7 +6122,7 @@ var Li = function(e) {
 		})
 	});
 })), Yi = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { themes: n, selectedTheme: r, onSelectTheme: i, icon: a, tooltip: o, label: s, variant: c = ot.Toolbar, darkMode: l, propsPanel: d, ...f } = e, p = a || (0, $.jsx)(u, { iconKey: "Theme2" }), m = {
+	let { themes: n, selectedTheme: r, onSelectTheme: i, icon: a, tooltip: o, label: s, variant: c = it.Toolbar, darkMode: l, propsPanel: d, ...f } = e, p = a || (0, $.jsx)(u, { iconKey: "Theme2" }), m = {
 		createPopupPanel: (0, Q.useCallback)((e) => {
 			let { closeFloatAll: t } = e;
 			return (0, $.jsx)(Ji, {
@@ -6148,10 +6147,10 @@ var Li = function(e) {
 		icon: p,
 		...f
 	};
-	return c === ot.Toolbar ? (0, $.jsx)(_t, {
+	return c === it.Toolbar ? (0, $.jsx)(gt, {
 		ref: t,
 		...m
-	}) : (0, $.jsx)(rt, {
+	}) : (0, $.jsx)(nt, {
 		ref: t,
 		...m
 	});
@@ -6232,7 +6231,7 @@ var Li = function(e) {
 		"color-base-emphasis-content": n.primary.contrastText,
 		...Xi(t, e, "header")
 	};
-}, ra = (e, t, n, r) => Vt({
+}, ra = (e, t, n, r) => Wt({
 	app: {
 		light: {
 			...v.light,
@@ -6256,7 +6255,7 @@ 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 = Lt(), h = o ?? m === "dark", g = a ?? d?.disabled(), _ = B((e) => {
+	let { commandKey: n, selectedTheme: r, onSelectTheme: i, disabled: a, darkMode: o, label: s, icon: c, variant: l, ...u } = e, d = P([n])[0], f = d?.getContext()?.themes, p = r || d?.getContext()?.theme, m = Yt(), h = o ?? m === "dark", g = a ?? d?.disabled(), _ = B((e) => {
 		i?.(e), d?.execute(e);
 	}, [i]), v = (0, Q.useCallback)((e, t) => {
 		let { children: r, title: i, ...a } = e, o = e.children;
@@ -6273,23 +6272,23 @@ var Li = function(e) {
 		themes: f,
 		selectedTheme: p,
 		onSelectTheme: _,
-		variant: l === x.Menuitem ? ot.Menuitem : ot.Toolbar,
+		variant: l === x.Menuitem ? it.Menuitem : it.Toolbar,
 		createTooltip: v,
 		disabled: g,
 		darkMode: h,
 		...u
 	});
 })), aa = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, Q.useState)([]), s = mt.canWrite(), c = mt.canRead();
+	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, Q.useState)([]), s = Ut.canWrite(), c = Ut.canRead();
 	(0, Q.useEffect)(() => {
 		let e = !0;
-		return mt.getWriteFormats().then((t) => {
+		return Ut.getWriteFormats().then((t) => {
 			e && o(t);
 		}), () => {
 			e = !1;
 		};
 	}, []);
-	let l = Bt($t()), u = (0, Q.useMemo)(() => {
+	let l = bt(ut()), u = (0, Q.useMemo)(() => {
 		if (a.length === 0) return null;
 		let e = l?.toLowerCase();
 		return (e ? a.find((t) => t.key.toLowerCase() === e) ?? a.find((t) => t.exts?.some((t) => t.toLowerCase() === e)) : void 0) ?? a.find((e) => e.exts?.some((e) => e.toLowerCase() === "sxl")) ?? a.find((e) => !e.advanced) ?? a[0];
@@ -6304,7 +6303,7 @@ var Li = function(e) {
 				commandKey: "newWorkbook"
 			}),
 			(0, $.jsx)(q, { orientation: "horizontal" }),
-			c ? (0, $.jsx)(vt, {
+			c ? (0, $.jsx)(_t, {
 				...t,
 				quickCommand: "openWorkbook",
 				createPopupPanel: (e) => {
@@ -6329,7 +6328,7 @@ var Li = function(e) {
 					});
 				}
 			}) : null,
-			s && a.length > 0 ? (0, $.jsx)(vt, {
+			s && a.length > 0 ? (0, $.jsx)(_t, {
 				...t,
 				quickCommand: "saveWorkbook",
 				createPopupPanel: (e) => {
@@ -6378,7 +6377,7 @@ var Li = function(e) {
 		u,
 		d
 	]), p = H("fileOptions"), m = p?.getLabel?.() ?? "File";
-	return (0, $.jsx)(vt, {
+	return (0, $.jsx)(_t, {
 		disabled: r,
 		groupKey: n,
 		label: m,
@@ -6393,7 +6392,7 @@ var Li = function(e) {
 		},
 		...i,
 		createPopupPanel: f,
-		icon: (0, $.jsx)(ct, {
+		icon: (0, $.jsx)(st, {
 			className: "label",
 			icon: null,
 			label: m
@@ -6435,7 +6434,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)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		quickCommand: "themeMode",
 		createPopupPanel: s,
@@ -6962,13 +6961,13 @@ var ma = (e, t) => {
 	if (!e) return null;
 	let n = t?.getStyles();
 	try {
-		return new cn(e, n?.schemeLookup(), n?.indexedLookup());
+		return new fn(e, n?.schemeLookup(), n?.indexedLookup());
 	} catch {
 		return null;
 	}
 }, ha = () => {
-	let e = $t(), t = Lt(), n = t === "dark", [r, i] = (0, Q.useReducer)((e) => e + 1, 0);
-	Et(e, { onThemeChange: () => i() }, { ignoreModelChange: !0 });
+	let e = ut(), t = Yt(), n = t === "dark", [r, i] = (0, Q.useReducer)((e) => e + 1, 0);
+	Jt(e, { onThemeChange: () => i() }, { ignoreModelChange: !0 });
 	let a = (0, Q.useCallback)((t) => ma(t, e), [e, r]), o = e?.getStyles().schemeLookup();
 	return {
 		workbook: e,
@@ -6983,7 +6982,7 @@ var ma = (e, t) => {
 			...V("grid", t)
 		}
 	};
-}, ga = "var(--sxl-color-base-100, rgb(255, 255, 255))", _a = "var(--sxl-color-base-300, rgb(224, 224, 224))", va = "var(--sxl-color-primary, rgb(33, 115, 70))", ya = "var(--sxl-color-base-content, rgba(0, 0, 0, 0.87))", ba = "var(--sxl-color-error, rgb(211, 47, 47))", xa = (e) => Math.round(e).toString(16).padStart(2, "0"), Sa = (e, t, n) => new cn(`#${xa(e)}${xa(t)}${xa(n)}`).toCSS("adaptive"), Ca = (e, t, n, r) => {
+}, ga = "var(--sxl-color-base-100, rgb(255, 255, 255))", _a = "var(--sxl-color-base-300, rgb(224, 224, 224))", va = "var(--sxl-color-primary, rgb(33, 115, 70))", ya = "var(--sxl-color-base-content, rgba(0, 0, 0, 0.87))", ba = "var(--sxl-color-error, rgb(211, 47, 47))", xa = (e) => Math.round(e).toString(16).padStart(2, "0"), Sa = (e, t, n) => new fn(`#${xa(e)}${xa(t)}${xa(n)}`).toCSS("adaptive"), Ca = (e, t, n, r) => {
 	if (e.length === 0) return n;
 	let i = (t) => ma(e[t].color, r)?.toRGBA() ?? null;
 	if (e.length === 1) {
@@ -7024,7 +7023,7 @@ var ma = (e, t) => {
 		} })
 	}));
 }, Da = (0, Q.memo)((e) => {
-	let { rows: t, ...n } = e, r = Lt(), i = (e, n) => ({
+	let { rows: t, ...n } = e, r = Yt(), i = (e, n) => ({
 		borderRight: +(n < 2),
 		borderBottom: +(e < t.length - 1),
 		borderColor: _a,
@@ -7058,7 +7057,7 @@ var ma = (e, t) => {
 });
 Da.displayName = "ScaleMiniGrid";
 var Oa = (0, Q.memo)((e) => {
-	let { title: t, sheet: n, disabled: r, sx: i, className: a, children: o, ...s } = e, c = Lt(), l = !!s.onClick, u = (0, $.jsx)(R, {
+	let { title: t, sheet: n, disabled: r, sx: i, className: a, children: o, ...s } = e, c = Yt(), l = !!s.onClick, u = (0, $.jsx)(R, {
 		component: l ? "button" : "div",
 		...l ? { disabled: r } : null,
 		className: a ? `sxl-cf-preset-chip ${a}` : "sxl-cf-preset-chip",
@@ -7107,25 +7106,25 @@ var Oa = (0, Q.memo)((e) => {
 Oa.displayName = "PresetChip";
 var ka = Object.freeze([{
 	labelKey: l("conditionalFormat.gradientFill"),
-	presets: wt.filter((e) => e.gradient)
+	presets: Tt.filter((e) => e.gradient)
 }, {
 	labelKey: l("conditionalFormat.solidFill"),
-	presets: wt.filter((e) => !e.gradient)
+	presets: Tt.filter((e) => !e.gradient)
 }]), Aa = Object.freeze([{
 	labelKey: l("conditionalFormat.threeColor"),
-	presets: St.filter((e) => e.stops.length === 3)
+	presets: Et.filter((e) => e.stops.length === 3)
 }, {
 	labelKey: l("conditionalFormat.twoColor"),
-	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];
+	presets: Et.filter((e) => e.stops.length === 2)
+}]), ja = (e, t) => e.type === un.ScaleType.DataBar ? Ea(e, ma(e.color, t)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") : e.type === un.ScaleType.ColorScale ? wa(e.stops ?? [], ga, t) : [], Ma = (0, Q.memo)((e) => {
+	let { commandKey: t, groups: n, disabled: r } = e, i = b(), a = ut(), o = P([t])[0];
 	return (0, $.jsx)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			padding: "2px 8px 4px"
 		},
-		children: n.map((e) => (0, $.jsxs)(R, { children: [(0, $.jsx)(st, { children: i(e.labelKey) }), (0, $.jsx)(R, {
+		children: n.map((e) => (0, $.jsxs)(R, { children: [(0, $.jsx)(ot, { children: i(e.labelKey) }), (0, $.jsx)(R, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: "repeat(3, auto)",
@@ -7150,7 +7149,7 @@ 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)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		createPopupPanel: (0, Q.useCallback)((e) => xt({
 			...e,
@@ -7267,7 +7266,7 @@ var Pa = () => {
 				key: "dataTextToColumns",
 				getLabel: () => "Custom",
 				getIcon: () => null,
-				render: (e) => (0, $.jsx)(Pt, {
+				render: (e) => (0, $.jsx)(jt, {
 					...e,
 					inputProps: { maxLength: 1 }
 				})
@@ -7492,7 +7491,7 @@ var Pa = () => {
 		]
 	}, !0), N.register({
 		key: "formatTextRotateCustom",
-		render: (e) => (0, $.jsx)(Pt, {
+		render: (e) => (0, $.jsx)(jt, {
 			...e,
 			commandKey: "formatTextRotateCustom",
 			groupKey: "textRotateOptions",
@@ -7654,7 +7653,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)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		disabled: r,
 		createPopupPanel: (0, Q.useCallback)((e) => {
@@ -7801,7 +7800,7 @@ var Ra = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		a,
 		o
 	]);
-	return (0, $.jsx)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		sx: { ...n },
 		disabled: l,
@@ -8180,7 +8179,7 @@ var Wa = () => {
 		c,
 		l
 	]);
-	return (0, $.jsx)(vt, {
+	return (0, $.jsx)(_t, {
 		ref: t,
 		sx: { ...n },
 		disabled: c,
@@ -8460,8 +8459,8 @@ var Ya = [
 }));
 eo.displayName = "WorkbookToolbars";
 var to = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { className: n, debounceDelay: r = 220, sx: i, ...a } = e, o = b(), s = ft()?.getView(), [l, d] = (0, Q.useState)(() => s?.getZoomScale() ?? 100), [f, p] = (0, Q.useState)(!1), m = (0, Q.useRef)(0);
-	Et(s, { onZoomScaleChange: () => {
+	let { className: n, debounceDelay: r = 220, sx: i, ...a } = e, o = b(), s = lt()?.getView(), [l, d] = (0, Q.useState)(() => s?.getZoomScale() ?? 100), [f, p] = (0, Q.useState)(!1), m = (0, Q.useRef)(0);
+	Jt(s, { onZoomScaleChange: () => {
 		p(!0), m.current === 0 && s && d(s.getZoomScale());
 	} }), (0, Q.useEffect)(() => {
 		m.current = 0, p(!1), d(s?.getZoomScale() ?? 100);
@@ -8602,7 +8601,7 @@ var to = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 }));
 to.displayName = "SheetZoomScale";
 var no = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { className: n, stats: r = io, debounceDelay: i = 40, style: a, ...o } = e, s = 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]);
+	let { className: n, stats: r = io, debounceDelay: i = 40, style: a, ...o } = e, s = lt(), l = b(), [u, d] = (0, Q.useState)(null), [f, p] = (0, Q.useReducer)((e) => e + 1, 0), m = (0, Q.useCallback)(c.debounce(p, i), [i]);
 	(0, Q.useEffect)(() => {
 		if (!s) return;
 		let e = s.getSelectedRanges();
@@ -8627,7 +8626,7 @@ var no = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				firstError: t
 			});
 		})();
-	}, [f, s]), Et(s, {
+	}, [f, s]), Jt(s, {
 		onSelectionChange: () => {
 			m();
 		},
@@ -8703,7 +8702,7 @@ var io = Object.freeze([
 	sn.Aggregate.Sum
 ]), ao = { value: 0 }, oo = {
 	value: 0,
-	style: { numberFormat: X.Type.General }
+	style: { numberFormat: Y.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", {
@@ -8743,7 +8742,7 @@ var io = Object.freeze([
 			l.current?.removeEventListener("wheel", e);
 		};
 	}, []);
-	let u = I(), d = Ht().getMode()?.mode === "point", f = b(), p = (0, Q.useMemo)(() => {
+	let u = I(), d = Pt().getMode()?.mode === "point", f = b(), p = (0, Q.useMemo)(() => {
 		if (d) return f("statusBar.point");
 		let e = u.getMode();
 		return f(e?.description ? e.description : "statusBar.ready");
@@ -8900,7 +8899,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		}
 		e ||= o.getSelectedSheet().getSelectedRange().toString(), v({ text: e });
 	}, [o, y]), [F, ee] = (0, Q.useState)(() => a?.getItems() ?? null);
-	Et(a, {
+	Jt(a, {
 		onCollectionChange(e) {
 			ee(a.getItems()), P();
 		},
@@ -8911,7 +8910,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		j(k());
 	}, [_]), (0, Q.useEffect)(() => {
 		te();
-	}, [y]), Et(o, {
+	}, [y]), Jt(o, {
 		onProtectionChange: (e) => {
 			D(l || !e.getProtection().isStructureAllowed());
 		},
@@ -8926,7 +8925,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		}
 	});
 	let te = B(c.debounce(P, y ? 0 : 120), [y]);
-	Et(o.getSelectedSheet().getSelection(), {
+	Jt(o.getSelectedSheet().getSelection(), {
 		onChange: (e) => {
 			te();
 		},
@@ -8967,7 +8966,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					paddingTop: "0px",
 					paddingBottom: "0px",
 					height: "1rem",
-					fontSize: 11 * un.getDeviceScale(),
+					fontSize: 11 * ln.getDeviceScale(),
 					fontStyle: _?.fontStyle,
 					paddingLeft: (e) => e.spacing(.75),
 					paddingRight: (e) => e.spacing(.75),
@@ -9037,7 +9036,7 @@ 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)(q, { orientation: "horizontal" }, `type-divider-${s.length}`)), s.push((0, $.jsx)(st, {
+			c !== l && (l !== null && s.push((0, $.jsx)(q, { orientation: "horizontal" }, `type-divider-${s.length}`)), s.push((0, $.jsx)(ot, {
 				variant: "subtitle2",
 				sx: { paddingLeft: "16px" },
 				children: g(c ? "named.groupTables" : "named.groupRanges")
@@ -9127,7 +9126,7 @@ var lo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			...r
 		},
 		ref: tn([V, t]),
-		children: (0, $.jsx)(_t, {
+		children: (0, $.jsx)(gt, {
 			className: "outer-button",
 			sx: {
 				display: "flex",
@@ -9427,7 +9426,7 @@ var xo = (e) => {
 		...a
 	});
 }, So = () => {
-	Ut.registerTaskPane({
+	Ht.registerTaskPane({
 		key: "managedNames",
 		getTitle: () => "Names",
 		getIcon: () => "NamedManager",
@@ -9438,7 +9437,7 @@ var xo = (e) => {
 	...e
 }), wo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", To = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { className: n, style: r, workbook: i, editable: a, showNamedCollectionEditor: o = !0, propsNamedCollectionEditor: s, renderNamedCollectionEditor: c = Co, disabled: l, ...d } = e, p = i, [m, h] = (0, Q.useState)(p.getSelectedSheet()), [g, _] = (0, Q.useState)(m?.getSelectedCell().getCoords()), [v, x] = (0, Q.useState)(() => !!m && !m.getSelectedCell().isEditAllowed()), S = p.getProtection().isReadOnly(), C = l || v || S, w = P(["insertFunctionDialog"])[0];
-	Et(p, {
+	Jt(p, {
 		onSheetsChange: (e) => {
 			let t = e.getSelectedSheet();
 			t && (_(t.getSelectedCell().getCoords()), h(t));
@@ -9453,10 +9452,10 @@ var xo = (e) => {
 		}
 	});
 	let E = (0, Q.useMemo)(() => ({ fontSize: 11 }), []);
-	Et(m.getSelection(), { onChange: () => {
+	Jt(m.getSelection(), { onChange: () => {
 		let e = m.getSelectedCell();
 		x(!e.isEditAllowed()), _(e.getCoords());
-	} }), Et(m, { onProtectionChange() {
+	} }), Jt(m, { onProtectionChange() {
 		x(!m.getSelectedCell().isEditAllowed());
 	} });
 	let D = b(), [O, A] = (0, Q.useState)(20), [j, M] = (0, Q.useState)(5), [N, F] = (0, Q.useState)(1), ne = B((e, { size: t }) => {
@@ -9470,7 +9469,7 @@ var xo = (e) => {
 		a?.cancel();
 	}, [a]), V = B(() => {
 		a?.commit();
-	}, [a]), H = (0, Q.useMemo)(() => it({
+	}, [a]), H = (0, Q.useMemo)(() => St({
 		selection: m.getSelection(),
 		fillNone: !0
 	}), [m]), ie = (0, Q.useMemo)(() => a ? {
@@ -9486,9 +9485,9 @@ var xo = (e) => {
 			key: "formula:editor",
 			name: "editor"
 		},
-		contributor: { dynamic: nt },
+		contributor: { dynamic: Kt },
 		data: ie
-	} : null, [ie]), oe = (0, Q.useMemo)(() => L ? null : gt(m.getRange(g).getCell()), [
+	} : null, [ie]), oe = (0, Q.useMemo)(() => L ? null : ht(m.getRange(g).getCell()), [
 		m,
 		g,
 		L
@@ -9499,7 +9498,7 @@ var xo = (e) => {
 			flexDirection: "row",
 			gap: 4
 		},
-		children: (0, $.jsx)(Dt, {
+		children: (0, $.jsx)(Ot, {
 			editable: a,
 			readOnly: C,
 			editorId: "formula-bar",
@@ -9512,9 +9511,9 @@ var xo = (e) => {
 					weight: null
 				},
 				alignment: {
-					horizontal: pn.HorizontalAlignment.Left,
-					vertical: pn.VerticalAlignment.Top,
-					overflow: pn.Overflow.Visible
+					horizontal: hn.HorizontalAlignment.Left,
+					vertical: hn.VerticalAlignment.Top,
+					overflow: hn.Overflow.Visible
 				},
 				fill: { type: mn.Type.None }
 			} }) : null,
@@ -9561,7 +9560,7 @@ var xo = (e) => {
 			border: (e) => `solid ${C ? e.palette.action.disabled : wo} 1px`
 		},
 		children: [
-			(0, $.jsx)(lt, {
+			(0, $.jsx)(ct, {
 				sx: {
 					border: "none !important",
 					"&.Mui-focusVisible": { border: "none" },
@@ -9582,7 +9581,7 @@ var xo = (e) => {
 				},
 				onClick: z
 			}),
-			(0, $.jsx)(lt, {
+			(0, $.jsx)(ct, {
 				sx: {
 					border: "none !important",
 					"&.Mui-focusVisible": { border: "none" },
@@ -9603,7 +9602,7 @@ var xo = (e) => {
 				},
 				onClick: V
 			}),
-			(0, $.jsx)(lt, {
+			(0, $.jsx)(ct, {
 				sx: {
 					border: "none !important",
 					"&.Mui-focusVisible": { border: "none" },
@@ -9647,7 +9646,7 @@ var xo = (e) => {
 				flex: "1 1 100%",
 				position: "relative",
 				fontFamily: (e) => e.typography.fontFamily,
-				fontSize: 11 * un.getDeviceScale(),
+				fontSize: 11 * ln.getDeviceScale(),
 				alignItems: "stretch",
 				paddingTop: "2px",
 				paddingBottom: "2px",
@@ -9707,7 +9706,7 @@ var xo = (e) => {
 						children: se ?? void 0
 					})
 				}),
-				(0, $.jsx)(lt, {
+				(0, $.jsx)(ct, {
 					sx: {
 						padding: "0px",
 						margin: "0px 0px",
@@ -9818,7 +9817,7 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 		}), s;
 	})(n, l), [n, l]), [d, p] = (0, Q.useState)(() => ((e, t) => {
 		let n = () => new Set(t.map((e, t) => t)), r = e.getFilter()?.getCondition();
-		if (!r || r.getOperator()?.getName() !== ln.BuiltInOperatorNames.InSet) return n();
+		if (!r || r.getOperator()?.getName() !== cn.BuiltInOperatorNames.InSet) return n();
 		let i = r.getParam();
 		if (!Array.isArray(i.items)) return n();
 		let a = new Set(i.items), o = /* @__PURE__ */ new Set();
@@ -9850,7 +9849,7 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 		});
 		let i = n.getFilter();
 		i && (i.setCondition({
-			operator: ln.BuiltInOperatorNames.InSet,
+			operator: cn.BuiltInOperatorNames.InSet,
 			param: {
 				items: e,
 				blank: t
@@ -9884,7 +9883,7 @@ var Eo = (0, Q.forwardRef)((e, t) => {
 				slotProps: { input: {} },
 				autoFocus: !0
 			}),
-			(0, $.jsx)(Wt, {
+			(0, $.jsx)(Vt, {
 				itemCount: g.length,
 				itemHeight: 24,
 				isChecked: (e) => d.has(g[e]),
@@ -9991,8 +9990,8 @@ var Oo = (e) => {
 	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, [, o] = (0, Q.useReducer)((e) => e + 1, 0);
 	Gt(t, "onSelectedSheetChange");
 	let s = t.getSelectedSheet();
-	Et(s, { onSelectionChange: () => o() });
-	let c = s.getSelectedCell().getStyle().getNumberFormat(), u = typeof c == "number" ? X.resolve(c) : c ?? "General";
+	Jt(s, { onSelectionChange: () => o() });
+	let c = s.getSelectedCell().getStyle().getNumberFormat(), u = typeof c == "number" ? Y.resolve(c) : c ?? "General";
 	return (0, $.jsx)(me, {
 		square: !0,
 		ref: i,
@@ -10018,7 +10017,7 @@ var Oo = (e) => {
 		})
 	});
 }, ko = () => {
-	Ut.registerTaskPane({
+	Ht.registerTaskPane({
 		key: "numberFormatDetails",
 		getTitle: () => "Number Format",
 		getIcon: () => "NumberFormat",
@@ -10026,7 +10025,7 @@ 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());
-	Et(n, { onProtectionChange: (e) => {
+	Jt(n, { onProtectionChange: (e) => {
 		d(e?.getProtection());
 	} });
 	let f = S(), p = { disabled: a || r === void 0 }, m = [], h = f.resolveMembers("sheetTabMenu") ?? [];
@@ -10061,7 +10060,7 @@ var Oo = (e) => {
 Ao.displayName = "SheetTabMenu";
 var jo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { workbook: n, floatReference: r, closeFloatAll: i, className: a, ...o } = e, [s, c] = (0, Q.useState)(n?.getSheets().getItems()), [l, d] = (0, Q.useState)(n?.getProtection());
-	Et(n, {
+	Jt(n, {
 		onSheetsChange: (e) => {
 			c(e.getSheets().getItems());
 		},
@@ -10188,7 +10187,7 @@ 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;
-	Et(n, { onAnyChange(e) {} });
+	Jt(n, { onAnyChange(e) {} });
 	let o = S(), s = { disabled: r }, c = zt(o.resolveMembers("movableContextMenu") ?? [], {
 		variant: x.Menuitem,
 		dividerOrientation: "horizontal",
@@ -10268,7 +10267,7 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	}), [l, c]), k = (0, $.jsx)(Pe, {
 		disableInteractive: !0,
 		title: _ ? "" : f("workbookStrip.listAllSheets"),
-		children: (0, $.jsx)(lt, {
+		children: (0, $.jsx)(ct, {
 			sx: {
 				padding: "0px",
 				ml: .5,
@@ -10293,15 +10292,15 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			icon: (0, $.jsx)(u, { iconKey: "Menu" })
 		})
 	});
-	return (0, $.jsxs)(Mt, {
+	return (0, $.jsxs)(rt, {
 		ref: m,
 		workbook: n,
 		disabled: r,
 		renderSheetTab: O,
 		onTabContextMenu: D,
 		renderScrollButtonStart: Rt,
-		renderScrollButtonEnd: ht,
-		renderScrollButtonEdge: Qt,
+		renderScrollButtonEnd: mt,
+		renderScrollButtonEdge: $t,
 		...d,
 		children: [
 			k,
@@ -10313,9 +10312,9 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 No.displayName = "WorkbookStrip";
 var Po = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { workbook: n, disabled: r, floatReference: i, className: a, ...o } = e, [s, c] = (0, Q.useState)(n.getSelectedSheet()), [l, u] = (0, Q.useState)(s.getSelectedRanges()), [d, f] = (0, Q.useState)(s.getSelectedCell());
-	Et(n, { onSheetsChange() {
+	Jt(n, { onSheetsChange() {
 		c(n.getSelectedSheet());
-	} }), Et(s.getSelection(), { onChange() {
+	} }), Jt(s.getSelection(), { onChange() {
 		u(s.getSelectedRanges()), f(s.getSelectedCell());
 	} });
 	let p = S(), m = {
@@ -10368,11 +10367,11 @@ var Po = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	});
 }));
 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)(Zt, {
+var Fo = (e) => (0, $.jsx)(Mo, { ...e }), Io = (e) => (0, $.jsx)(Po, { ...e }), Lo = (e) => (0, $.jsx)(Do, { ...e }), Ro = (e) => (0, $.jsx)(To, { ...e }), zo = (e) => (0, $.jsx)(Qt, {
 	transitionDelay: "160ms",
 	transparentBackground: !0,
 	...e
-}), Bo = (e) => (0, $.jsx)(Ft, {
+}), Bo = (e) => (0, $.jsx)(Nt, {
 	hideStackTrace: !0,
 	...e
 }), Vo = (e) => {
@@ -10393,10 +10392,10 @@ var Fo = (e) => (0, $.jsx)(Mo, { ...e }), Io = (e) => (0, $.jsx)(Po, { ...e }),
 		...a,
 		children: r
 	});
-}, Ko = (e) => (0, $.jsx)(bt, {
+}, Ko = (e) => (0, $.jsx)(wt, {
 	slotSurface: Go,
 	...e
-}), qo = (0, Q.memo)((0, Q.forwardRef)((e, t) => (0, $.jsx)(dt, { children: (0, $.jsx)(jt, {
+}), qo = (0, Q.memo)((0, Q.forwardRef)((e, t) => (0, $.jsx)(dt, { children: (0, $.jsx)(Mt, {
 	ref: t,
 	renderTabs: Ho,
 	renderContextMenu: Io,
@@ -10582,8 +10581,8 @@ var Jo = (e = !1, t = !1) => t ? null : {
 Yo.displayName = "DocumentTitle";
 var Xo = () => (0, $.jsx)($.Fragment, {}), Zo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { sx: n, style: r, className: i, licenseKey: a, renderDocumentLoading: o = zo, propsDocumentLoading: s, onWorkbookLoad: c, onDocumentError: l, ...u } = e;
-	a && 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, {
+	a && pn.setLicenseKey(a);
+	let [d] = D(Lt.Mode, void 0), { themeMode: f } = L({ mode: d ?? void 0 }), p = f === "dark", [m, h] = (0, Q.useState)(!1), g = (0, Q.useMemo)(() => !o || m ? null : (0, $.jsx)(me, {
 		sx: n,
 		style: {
 			backgroundColor: `var(--sxl-color-base-100, ${p ? "#121212" : "#fff"})`,
@@ -10608,7 +10607,7 @@ var Xo = () => (0, $.jsx)($.Fragment, {}), Zo = (0, Q.memo)((0, Q.forwardRef)((e
 	]);
 	return (0, $.jsxs)($.Fragment, { children: [(0, $.jsx)(Q.Suspense, {
 		fallback: null,
-		children: (0, $.jsx)((0, Q.useMemo)(() => (0, Q.lazy)(async () => await import("./B6mzT3jt8PsKgBWH2.mjs")), []), {
+		children: (0, $.jsx)((0, Q.useMemo)(() => (0, Q.lazy)(async () => await import("./CI92jUOrJIKUlfGx2.mjs")), []), {
 			...u,
 			className: i,
 			onWorkbookLoad: (e) => (requestAnimationFrame(() => requestAnimationFrame(() => h(!0))), c?.(e)),
@@ -10623,7 +10622,7 @@ var Xo = () => (0, $.jsx)($.Fragment, {}), Zo = (0, Q.memo)((0, Q.forwardRef)((e
 Zo.displayName = "Studio";
 var Qo = (e = {}) => {
 	let { source: t, documentTitle: n, confirmOnClose: r, keyboardGuard: i } = e, a = Ri(), [o, s] = (0, Q.useState)(null), [c, l] = (0, Q.useState)(!1);
-	at(Jt(o), c, {
+	at(Bt(o), c, {
 		documentTitle: n,
 		confirmOnClose: r,
 		keyboardGuard: i
@@ -10665,7 +10664,7 @@ var Qo = (e = {}) => {
 	ColorPanelType: () => qr,
 	ColorPopupButton: () => ri,
 	ColumnMenu: () => Do,
-	DefaultTaskPaneRegistry: () => Ut,
+	DefaultTaskPaneRegistry: () => Ht,
 	DefaultWorkbookToolbars: () => Ya,
 	DocThemeCommandButton: () => ia,
 	DocumentTitle: () => Yo,
@@ -10684,7 +10683,7 @@ var Qo = (e = {}) => {
 	InsertFunctionOption: () => Fn,
 	InsertFunctionSumCommandPopupButton: () => Ja,
 	InsertFunctionWizard: () => Pn,
-	LicenseManager: () => hn,
+	LicenseManager: () => pn,
 	NAMED_TYPE_FORMULA: () => uo,
 	NamedCollectionEditor: () => lo,
 	NamedDetailsPanel: () => bo,
@@ -10720,9 +10719,9 @@ var Qo = (e = {}) => {
 	WalkingCopyCommandButton: () => sa,
 	WorkbookContextMenu: () => Po,
 	WorkbookElement: () => qo,
-	WorkbookIO: () => mt,
-	WorkbookProtectionDialog: () => rn,
-	WorkbookProtectionPanel: () => an,
+	WorkbookIO: () => Ut,
+	WorkbookProtectionDialog: () => an,
+	WorkbookProtectionPanel: () => rn,
 	WorkbookStrip: () => No,
 	WorkbookToolbars: () => eo,
 	createNamedDraft: () => ho,
@@ -10739,10 +10738,10 @@ var Qo = (e = {}) => {
 	renderWorkbookSheetTab: () => Ko,
 	renderWorkbookToolbars: () => Xa,
 	saveNamedDraft: () => go,
-	setPrintExamplesOnLoad: () => Kt,
+	setPrintExamplesOnLoad: () => It,
 	tokensToMuiOptions: () => ea,
-	useModelListener: () => Et,
-	useRangeListener: () => Tt,
+	useModelListener: () => Jt,
+	useRangeListener: () => vt,
 	useStudioApp: () => Qo
 });
 (function() {
@@ -10758,7 +10757,7 @@ var Qo = (e = {}) => {
 var es = (e) => {
 	e.button === 0 && e.preventDefault();
 }, ts = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { disabled: n, className: r, sx: i, defaultInput: a, value: o, formName: s, formOptions: c, onChangeInput: l, onChangeText: d, onDone: f, changeOn: p, onValidate: m, apiRef: h, label: g, hideAdornment: _, onKeyDown: v, onFocus: y, ...x } = e, S = b(), C = g ?? S("namedInput.label"), w = jn(), T = s && w ? w.register(s, c) : null, E = Nt({
+	let { disabled: n, className: r, sx: i, defaultInput: a, value: o, formName: s, formOptions: c, onChangeInput: l, onChangeText: d, onDone: f, changeOn: p, onValidate: m, apiRef: h, label: g, hideAdornment: _, onKeyDown: v, onFocus: y, ...x } = e, S = b(), C = g ?? S("namedInput.label"), w = jn(), T = s && w ? w.register(s, c) : null, E = Zt({
 		value: o ?? "",
 		onChange: l,
 		onChangeText: d,
@@ -10792,7 +10791,7 @@ var es = (e) => {
 				}
 			},
 			position: "end",
-			children: [(0, $.jsx)(lt, {
+			children: [(0, $.jsx)(ct, {
 				dense: !0,
 				outlined: !1,
 				color: "primary",
@@ -10808,7 +10807,7 @@ var es = (e) => {
 				onClick: () => {
 					E.commit();
 				}
-			}), (0, $.jsx)(lt, {
+			}), (0, $.jsx)(ct, {
 				dense: !0,
 				outlined: !1,
 				color: "warning",