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

package/browser/esm/{DhgwMDb052opCiAA.mjs → B4h6iO7hQ9lCR7kj.mjs}

@@ -1,34 +1,34 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.7.28-beta.4
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.1
 *
 * (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 "./B_U_UpQXdbjNRthb.mjs";
-import { i as n, r } from "./DGfzktq0BrIwcb8j.mjs";
-import { A as i, _ as a, d as o, f as s, u as c, v as l } from "./BetL7yI63lEdQ0gM.mjs";
-import { r as u, t as d } from "./CXlA71yGA1Hqvp_S.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 I, p as ne, qt as L, rt as re, t as R, tn as z, tt as B, vt as V, wt as H } from "./CJ-lOo2cXlcYrg2P.mjs";
-import { $ as ie, B as ae, D as oe, E as se, F as U, H as ce, I as le, L as ue, M as de, N as W, Q as fe, St as pe, U as me, V as he, W as ge, Y as _e, _ as ve, _t as ye, c as be, ct as xe, f as Se, ft as Ce, gt as we, ht as Te, it as Ee, l as De, lt as Oe, mt as ke, nt as Ae, ot as je, p as Me, pt as Ne, q as Pe, s as Fe, st as Ie, ut as Le, v as Re, wt as ze, xt as Be } from "./XBb7Mxqf0beXaSJt.mjs";
-import { b as Ve, c as He, h as Ue, l as We, m as Ge, s as Ke, t as qe, u as Je, v as Ye, x as Xe, y as Ze } from "./DSWdYe7SDB5cYWo5.mjs";
-import { n as Qe, t as $e } from "./-9NsA_4pZqcEQBX7.mjs";
-import { t as et } from "./s4trFf5sOSGNEzr3.mjs";
-import { t as tt } from "./FAHIw2t7_M_rvRio.mjs";
-import { t as nt } from "./D8zyGG6yt4CsyA8K.mjs";
-import { A as rt, At as it, B as at, Bt as ot, D as st, Et as ct, F as lt, Ft as ut, G as dt, Gt as ft, H as pt, Ht as mt, It as ht, J as gt, Jt as _t, Kt as vt, Lt as yt, M as bt, Mt as G, N as xt, Nt as St, Ot as K, Pt as Ct, Rt as wt, S as Tt, T as Et, Tt as Dt, U as Ot, Vt as kt, Wt as At, Y as jt, Zt as Mt, _ as Nt, _t as Pt, a as Ft, at as It, bt as Lt, c as Rt, et as zt, f as Bt, gt as Vt, ht as Ht, i as Ut, it as Wt, jt as Gt, k as Kt, kt as qt, lt as Jt, n as q, nt as Yt, pt as Xt, q as Zt, qt as Qt, r as $t, rt as en, t as tn, ut as nn, vt as rn, w as an, wt as on, yt as sn, z as cn } from "./Duo6t8_BzIiBDrFm.mjs";
-import { t as ln } from "./C3dXBjR3SrDCdJlm.mjs";
-import { n as un, t as dn } from "./DhW7Cqyuxk7D6zsW.mjs";
-import { n as fn, r as pn } from "./Cye91DfKIFwRdDpF.mjs";
-import { t as mn } from "./CHmSnCPoww1StSta.mjs";
-import { t as J } from "./hsy1zALC1oNNm5Sf.mjs";
-import { c as hn } from "./C7xBBqvPqat9oEft.mjs";
-import { E as gn, Ht as _n, J as vn, Mt as yn, Q as bn, Ut as xn, at as Y, dn as Sn, dt as Cn, j as wn, q as Tn, rt as X, st as Z } from "./DimkHq0_x-d4uNdV.mjs";
-import { a as En, c as Dn, d as On, h as kn, r as An } from "./DdaO25i-WWFSh1W0.mjs";
-import { i as jn, n as Mn, r as Nn, t as Pn } from "./BqMvXD8dX4ksYjnj.mjs";
-import { n as Fn, r as In, t as Ln } from "./B9t9fF8FNCLomgK_.mjs";
-import { n as Rn, r as zn, t as Bn } from "./BUKNpzG26V0YaAzW.mjs";
-import { n as Vn } from "./BgNWvKfVoVgVVDB4.mjs";
-import { a as Hn, i as Un, n as Wn, o as Gn, r as Kn, t as qn } from "./O982fBwJ80FSdhad.mjs";
+import { n as e, r as t } from "./D9-wpGVbTS9rRpxx.mjs";
+import { i as n, r } from "./BjTf3XA9Swj0ngpH.mjs";
+import { A as i, _ as a, d as o, f as s, u as c, v as l } from "./CEN8dYSpN2oew8HH.mjs";
+import { r as u, t as d } from "./9_bymSfTn_rR_v6W.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 I, p as ne, qt as L, rt as re, t as R, tn as z, tt as B, vt as V, wt as H } from "./DFdU1DsC1lXOrejZ.mjs";
+import { $ as ie, B as ae, D as oe, E as se, F as U, H as ce, I as le, L as ue, M as de, N as W, Q as fe, St as pe, U as me, V as he, W as ge, Y as _e, _ as ve, _t as ye, c as be, ct as xe, f as Se, ft as Ce, gt as we, ht as Te, it as Ee, l as De, lt as Oe, mt as ke, nt as Ae, ot as je, p as Me, pt as Ne, q as Pe, s as Fe, st as Ie, ut as Le, v as Re, wt as ze, xt as Be } from "./Bl6bX86tSq8hfyb2.mjs";
+import { b as Ve, c as He, h as Ue, l as We, m as Ge, s as Ke, t as qe, u as Je, v as Ye, x as Xe, y as Ze } from "./DzDwSOBdJh_lx_NM.mjs";
+import { n as Qe, t as $e } from "./fJ1McMt7xzRA_lUX.mjs";
+import { t as et } from "./CZWIS7FuqNjbheSw.mjs";
+import { t as tt } from "./BUCKq_2lHPd1ndvw.mjs";
+import { t as nt } from "./CsufM5aF6VTLKDWM.mjs";
+import { At as rt, B as it, Bt as at, Et as ot, F as st, Ft as ct, G as lt, Gt as ut, H as dt, Ht as ft, I as pt, It as mt, J as ht, Jt as gt, K as _t, Kt as vt, L as yt, Lt as bt, M as xt, Mt as G, Nt as St, O as Ct, Ot as K, P as wt, Pt as Tt, R as Et, Rt as Dt, T as Ot, Tt as kt, U as At, Vt as jt, W as Mt, Wt as Nt, Y as Pt, Z as Ft, Zt as It, _t as Lt, at as Rt, bt as zt, c as Bt, ft as Vt, g as Ht, gt as Ut, h as Wt, ht as Gt, it as Kt, jt as qt, kt as Jt, l as Yt, nt as Xt, o as Zt, ot as Qt, qt as $t, rt as en, t as tn, tt as q, v as nn, vt as rn, wt as an, x as on, yt as sn, z as cn } from "./-vgNEEXiEad4bltZ.mjs";
+import { t as ln } from "./B1NoGosH2YQh01g7.mjs";
+import { n as un, t as dn } from "./D_zNx76HGunFi7xJ.mjs";
+import { n as fn, r as pn } from "./BhxX7CZWSOlV2Dsz.mjs";
+import { t as mn } from "./DXWmgQSeh0_HDxZj.mjs";
+import { t as J } from "./D3G3tI3DVCUF3Gdk.mjs";
+import { u as hn } from "./D_t53-8k73CNpV-p.mjs";
+import { $t as gn, B as _n, C as vn, G as yn, Jt as bn, O as Y, Q as xn, Y as Sn, ct as X, dt as Cn, fn as wn, it as Z, w as Tn } from "./At60x9FEPePwPP_J.mjs";
+import { a as En, c as Dn, d as On, h as kn, r as An } from "./CY1zykikO58_ADk8.mjs";
+import { i as jn, n as Mn, r as Nn, t as Pn } from "./Cd8HXAJlflkkTXxc.mjs";
+import { n as Fn, r as In, t as Ln } from "./BVRzmIk5PujkT_Ap.mjs";
+import { n as Rn, r as zn, t as Bn } from "./nguMxPB9LKexKBRX.mjs";
+import { n as Vn } from "./Bp9qFBIcpIGXvMgo.mjs";
+import { a as Hn, i as Un, n as Wn, o as Gn, r as Kn, t as qn } from "./B0HA_dHcr0kKfudQ.mjs";
 var Q = t(n(), 1);
 function Jn(e, t, n, r, i) {
 	let [a, o] = Q.useState(() => i && n ? n(e).matches : r ? r(e).matches : t);
@@ -2717,7 +2717,7 @@ function Zr() {
 }
 var Qr = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let [n] = P(["formatTextRotateCustom"]), r = !!n?.getState();
-	return (0, $.jsx)(Ct, {
+	return (0, $.jsx)(Tt, {
 		ref: t,
 		...e,
 		selected: r,
@@ -2765,7 +2765,7 @@ var $r = [
 				commandKey: "sheetZoom25"
 			}),
 			(0, $.jsx)(K, { orientation: "horizontal" }),
-			(0, $.jsx)(ct, {
+			(0, $.jsx)(ot, {
 				...t,
 				commandKey: "sheetZoomCustom",
 				groupKey: "sheetZoomOptions",
@@ -2780,12 +2780,12 @@ var $r = [
 				}
 			})
 		] });
-		return ut({
+		return ct({
 			...e,
 			children: i
 		});
 	}, [r, n]);
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		disabled: r || !c,
 		groupKey: n,
@@ -2897,11 +2897,11 @@ var ni = {
 		})]
 	});
 }), ai = (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 xn({
+	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 Sn({
 		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, _ = [];
-	_.push({ [gn.AdjustmentType.Inv]: !0 }), _.push({ [gn.AdjustmentType.Alpha]: 100 });
+	_.push({ [vn.AdjustmentType.Inv]: !0 }), _.push({ [vn.AdjustmentType.Alpha]: 100 });
 	let v = p.adjust(_), y = (0, Q.useCallback)(() => {
 		a?.(i);
 	}, [a, i]), b = (0, Q.useCallback)((e) => {
@@ -3056,15 +3056,15 @@ var ni = {
 }), ci = (e, t, n, r, i, a) => {
 	let o = si(e, t);
 	r?.push(o);
-	let s = new xn({
+	let s = new Sn({
 		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);
-}, li = (0, Q.lazy)(() => import("./BZSAb1WGbwagUKGv2.mjs")), ui = (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 = ri.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]), I = B(_ ?? (() => {}), [_]), [ne, L] = (0, Q.useState)(!1), re = ee(), z = (0, Q.useMemo)(() => a || xn.getDefaultSchemeLookup(), [a]), V = (0, Q.useMemo)(() => {
+}, li = (0, Q.lazy)(() => import("./B4vYIE3kSPTxCgpf2.mjs")), ui = (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 = ri.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]), I = B(_ ?? (() => {}), [_]), [ne, L] = (0, Q.useState)(!1), re = ee(), z = (0, Q.useMemo)(() => a || Sn.getDefaultSchemeLookup(), [a]), V = (0, Q.useMemo)(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map(), n = [];
 		ci(A("color.scheme.bg1"), "bg1", z, n, e, t), ci(A("color.scheme.tx1"), "tx1", z, n, e, t), ci(A("color.scheme.bg2"), "bg2", z, n, e, t), ci(A("color.scheme.tx2"), "tx2", z, n, e, t), ci(A("color.scheme.accent", { n: 1 }), "accent1", z, n, e, t), ci(A("color.scheme.accent", { n: 2 }), "accent2", z, n, e, t), ci(A("color.scheme.accent", { n: 3 }), "accent3", z, n, e, t), ci(A("color.scheme.accent", { n: 4 }), "accent4", z, n, e, t), ci(A("color.scheme.accent", { n: 5 }), "accent5", z, n, e, t), ci(A("color.scheme.accent", { n: 6 }), "accent6", z, n, e, t);
 		let r = On.buildPalette(n, z, e, t), a = [];
@@ -3119,7 +3119,7 @@ var ni = {
 	let ue = B((e) => {
 		P && (P(e), se(e));
 	}, [P]), de = B((e) => {
-		ue(e ? new xn({
+		ue(e ? new Sn({
 			val: e.definition.val,
 			adjs: e.definition.adjs
 		}, z) : null);
@@ -3133,7 +3133,7 @@ var ni = {
 		}
 		F?.(e, t);
 	}, [F, V]), me = B((e) => {
-		let t = e ? new xn({
+		let t = e ? new Sn({
 			val: e.definition.val,
 			adjs: e.definition.adjs
 		}, z) : null;
@@ -3141,7 +3141,7 @@ var ni = {
 			pe(t);
 		});
 	}, [z, h]), he = B((e) => {
-		ue(e ? new xn(e, z) : null);
+		ue(e ? new Sn(e, z) : null);
 	}, [z]), ge = (0, Q.useMemo)(() => window.EyeDropper === void 0 ? (0, $.jsx)($.Fragment, {}) : (0, $.jsx)(U, {
 		"aria-label": A("color.eyeDropper"),
 		size: "small",
@@ -3149,7 +3149,7 @@ var ni = {
 		onClick: async () => {
 			L(!0), te?.(), await new EyeDropper().open().then((e) => {
 				L(!1), I?.();
-				let t = new xn(e.sRGBHex), n = t.toString(), r = V.mapAllPresets.get(n);
+				let t = new Sn(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) => {
@@ -3177,7 +3177,7 @@ var ni = {
 		return (0, $.jsx)(Q.Suspense, {
 			fallback: (0, $.jsx)("div", {
 				style: e,
-				children: (0, $.jsx)(Gt, {})
+				children: (0, $.jsx)(qt, {})
 			}),
 			children: (0, $.jsx)(li, {
 				style: e,
@@ -3270,7 +3270,7 @@ var ni = {
 				children: [(0, $.jsxs)("div", {
 					style: { opacity: H ? "0" : 1 },
 					children: [
-						ye && T === ri.Start ? (0, $.jsxs)($.Fragment, { children: [ye, (0, $.jsx)(Mt, { style: {
+						ye && T === ri.Start ? (0, $.jsxs)($.Fragment, { children: [ye, (0, $.jsx)(It, { style: {
 							marginTop: "2px",
 							marginBottom: "10px"
 						} })] }) : null,
@@ -3297,7 +3297,7 @@ var ni = {
 							compareRGB: E,
 							darkMode: D
 						}),
-						(0, $.jsx)(Mt, { style: { marginBottom: "10px" } }),
+						(0, $.jsx)(It, { style: { marginBottom: "10px" } }),
 						(0, $.jsx)(oi, {
 							title: A("color.standardColors"),
 							schemeColorLookup: z,
@@ -3315,7 +3315,7 @@ var ni = {
 								opacity: V.recentColorsLimited.length === 0 ? "0" : void 0,
 								display: V.recentColorsLimited.length === 0 ? "none" : void 0
 							},
-							children: [(0, $.jsx)(Mt, { style: { marginBottom: "10px" } }), (0, $.jsx)(oi, {
+							children: [(0, $.jsx)(It, { style: { marginBottom: "10px" } }), (0, $.jsx)(oi, {
 								title: A("color.recentColors"),
 								schemeColorLookup: z,
 								colorDefs: V.recentColorsLimited,
@@ -3329,7 +3329,7 @@ var ni = {
 							})]
 						}),
 						ye && T === ri.End ? (0, $.jsxs)($.Fragment, { children: [
-							(0, $.jsx)(Mt, { sx: {
+							(0, $.jsx)(It, { sx: {
 								marginTop: "2px",
 								marginBottom: "2px"
 							} }),
@@ -3339,7 +3339,7 @@ var ni = {
 					]
 				}), _e]
 			}),
-			(0, $.jsx)(Mt, { style: { marginBottom: "10px" } }),
+			(0, $.jsx)(It, { style: { marginBottom: "10px" } }),
 			(0, $.jsxs)("div", {
 				style: {
 					display: "flex",
@@ -3469,10 +3469,10 @@ var ni = {
 		icon: M,
 		..._
 	};
-	return d === St.Toolbar ? (0, $.jsx)(wt, {
+	return d === St.Toolbar ? (0, $.jsx)(Dt, {
 		ref: t,
 		...te
-	}) : (0, $.jsx)(ot, {
+	}) : (0, $.jsx)(at, {
 		ref: t,
 		...te
 	});
@@ -3480,20 +3480,20 @@ var ni = {
 function mi(e, t) {
 	if (!t) return "";
 	switch (t.style) {
-		case X.StrokeStyle.None: return e("border.style.none");
-		case X.StrokeStyle.Hair: return e("border.style.hair");
-		case X.StrokeStyle.Dotted: return e("border.style.dotted");
-		case X.StrokeStyle.Dashed: return e("border.style.dashed");
-		case X.StrokeStyle.DashDot: return e("border.style.dashDot");
-		case X.StrokeStyle.DashDotDot: return e("border.style.dashDotDot");
-		case X.StrokeStyle.Double: return e("border.style.double");
-		case X.StrokeStyle.Thin: return e("border.style.thin");
-		case X.StrokeStyle.Medium: return e("border.style.medium");
-		case X.StrokeStyle.MediumDashed: return e("border.style.mediumDashed");
-		case X.StrokeStyle.MediumDashDot: return e("border.style.mediumDashDot");
-		case X.StrokeStyle.MediumDashDotDot: return e("border.style.mediumDashDotDot");
-		case X.StrokeStyle.SlantDashDot: return e("border.style.slantDashDot");
-		case X.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;
 	}
 }
@@ -3513,7 +3513,7 @@ var hi = (e) => {
 		width: n,
 		viewBox: `0 0 ${n} ${r}`,
 		...l,
-		children: (0, $.jsx)(Jt, {
+		children: (0, $.jsx)(ht, {
 			length: n,
 			width: r,
 			dashArray: i,
@@ -3524,7 +3524,7 @@ var hi = (e) => {
 	});
 }, gi = (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 = X.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;
@@ -3549,7 +3549,7 @@ var hi = (e) => {
 					flex: "1 1 100%"
 				},
 				children: [(0, $.jsx)("div", { style: { flex: "1 1 100%" } }), a]
-			})] }) : t.description === "None" ? mi(m, t) : a, c.push((0, $.jsx)(Qt, {
+			})] }) : t.description === "None" ? mi(m, t) : a, c.push((0, $.jsx)($t, {
 				className: "border-stroke",
 				tabIndex: 0,
 				sx: {
@@ -3591,7 +3591,7 @@ var hi = (e) => {
 	]), _ = {
 		disabled: i,
 		icon: (0, Q.useMemo)(() => {
-			let e, t = X.BuiltInDefinitions.get(s);
+			let e, t = Z.BuiltInDefinitions.get(s);
 			return t ? (e = t.description === "None" ? (0, $.jsx)(R, {
 				sx: { minWidth: `${pi}px` },
 				children: mi(m, t)
@@ -3621,7 +3621,7 @@ var hi = (e) => {
 			o,
 			m
 		]),
-		tooltip: m("border.styleTooltip", { style: mi(m, (0, Q.useMemo)(() => X.BuiltInDefinitions.get(s), [s])) }),
+		tooltip: m("border.styleTooltip", { style: mi(m, (0, Q.useMemo)(() => Z.BuiltInDefinitions.get(s), [s])) }),
 		sx: {
 			backgroundImage: ve,
 			...d
@@ -3629,12 +3629,12 @@ var hi = (e) => {
 		createPopupPanel: g,
 		...f
 	};
-	return n === St.Toolbar ? (0, $.jsx)(wt, { ..._ }) : (0, $.jsx)(ot, { ..._ });
+	return n === St.Toolbar ? (0, $.jsx)(Dt, { ..._ }) : (0, $.jsx)(at, { ..._ });
 })), _i = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { autoColor: n, schemeLookup: r, autoStrokeStyle: i = X.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 xn(C?.bottom?.color, r) : void 0) ?? n ?? null, E = B((e) => {
+		color: n?.toString() ?? vn.Named.Gray
+	} }, w = v ?? C?.bottom?.style ?? i, T = x ?? (C?.bottom?.color ? new Sn(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];
@@ -3643,7 +3643,7 @@ var hi = (e) => {
 					style: o.style,
 					color: o.color
 				};
-				t[i] = e, r || e.style === X.StrokeStyle.None || (r = !0);
+				t[i] = e, r || e.style === Z.StrokeStyle.None || (r = !0);
 			}
 		}
 		n.length < 6 && (r = !0);
@@ -3684,7 +3684,7 @@ var hi = (e) => {
 					padding: "1px 1px",
 					"& svg path": { filter: be }
 				},
-				children: (0, $.jsx)($t, {
+				children: (0, $.jsx)(Wt, {
 					getBorderAt: (e, r) => {
 						if (!f || n.length === 0) return null;
 						let i = e.rowIndex, a = e.colIndex, o = {};
@@ -3722,12 +3722,12 @@ var hi = (e) => {
 	}, []), k = (0, Q.useCallback)((e) => {
 		h?.(e);
 	}, []);
-	return (0, $.jsx)(wt, {
+	return (0, $.jsx)(Dt, {
 		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 ? X.StrokeStyle.None : w ?? null), o = i ? D([], T ?? null, w ?? null) : a;
-				return (0, $.jsx)(ft, {
+				let a = D(e, T ?? null, i ? Z.StrokeStyle.None : w ?? null), o = i ? D([], T ?? null, w ?? null) : a;
+				return (0, $.jsx)(ut, {
 					icon: E(o),
 					sx: { backgroundImage: ve },
 					propsTooltip: {
@@ -3749,21 +3749,21 @@ var hi = (e) => {
 				},
 				children: [
 					i([
-						X.Edge.Left,
-						X.Edge.Top,
-						X.Edge.Right,
-						X.Edge.Bottom,
-						X.Edge.Horizontal,
-						X.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([X.Edge.Horizontal, X.Edge.Vertical], g("border.inner"), "top"),
-					i([X.Edge.Horizontal], g("border.insideHorizontal"), "top"),
-					i([X.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([
-						X.Edge.Left,
-						X.Edge.Top,
-						X.Edge.Right,
-						X.Edge.Bottom
+						Z.Edge.Left,
+						Z.Edge.Top,
+						Z.Edge.Right,
+						Z.Edge.Bottom
 					], g("border.outside"), "top")
 				]
 			}), (0, $.jsxs)(R, {
@@ -3775,19 +3775,19 @@ var hi = (e) => {
 					gap: "2px"
 				},
 				children: [
-					i([X.Edge.Left], g("border.left")),
-					i([X.Edge.Top], g("border.top")),
-					i([X.Edge.Right], g("border.right")),
-					i([X.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([
-						X.Edge.Left,
-						X.Edge.Top,
-						X.Edge.Right,
-						X.Edge.Bottom,
-						X.Edge.Horizontal,
-						X.Edge.Vertical,
-						X.Edge.DiagonalUp,
-						X.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, {
@@ -3800,7 +3800,7 @@ var hi = (e) => {
 				children: [(0, $.jsx)(fi, {
 					variant: St.Toolbar,
 					icon: (0, $.jsx)(u, { iconKey: "stroke.colored" }),
-					selectedColor: w === X.StrokeStyle.None ? new xn("transparent") : T ?? new xn("transparent"),
+					selectedColor: w === Z.StrokeStyle.None ? new Sn("transparent") : T ?? new Sn("transparent"),
 					onPreviewColor: (e) => {
 						S(e);
 					},
@@ -3815,7 +3815,7 @@ var hi = (e) => {
 						schemeLookup: r,
 						...V("grid", o ? "dark" : "light")
 					},
-					disabled: a || w === X.StrokeStyle.None,
+					disabled: a || w === Z.StrokeStyle.None,
 					shouldCloseFloatAll: !1
 				}), (0, $.jsx)(gi, {
 					selectedStyle: w,
@@ -3864,7 +3864,7 @@ var hi = (e) => {
 		...p
 	});
 })), vi = (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 = bt();
+	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 = cn();
 	return (0, $.jsx)(_i, {
 		ref: t,
 		autoColor: _,
@@ -3878,7 +3878,7 @@ var hi = (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)(Lt, {
+			return (h?.disabled() || i) && (c = (0, $.jsx)("div", { children: c })), (0, $.jsx)(zt, {
 				commandKey: n,
 				placement: r === x.Toolbar ? "bottom-start" : "right-start",
 				disabled: t,
@@ -3910,7 +3910,7 @@ var hi = (e) => {
 		},
 		onClick: (e) => e.stopPropagation(),
 		children: [(0, $.jsx)(G, { commandKey: g[0] }), (0, $.jsx)(G, { commandKey: g[1] })]
-	}) : null, [g]), v = ee(), y = (0, Q.useMemo)(() => `${bn.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)(() => `${xn.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",
@@ -3986,9 +3986,9 @@ var hi = (e) => {
 		}, n = u?.getState(), r = [];
 		for (let e = 0; e < i.length; e++) {
 			let o = i[e] === n;
-			r.push((0, $.jsx)(Qt, {
+			r.push((0, $.jsx)($t, {
 				selected: o,
-				icon: o ? (0, $.jsx)(_t, {}) : void 0,
+				icon: o ? (0, $.jsx)(gt, {}) : void 0,
 				disabled: a || !u || u.disabled(),
 				onMouseDown: (e) => {
 					e.button === 0 && e.preventDefault();
@@ -4033,12 +4033,12 @@ var hi = (e) => {
 				})
 			]
 		});
-		return ut({
+		return ct({
 			...e,
 			children: o
 		});
 	}, [b, u?.getState()]);
-	return (0, $.jsx)(wt, {
+	return (0, $.jsx)(Dt, {
 		ref: t,
 		sx: { ...c },
 		tabIndex: -1,
@@ -4103,7 +4103,7 @@ var hi = (e) => {
 					return e;
 				}
 			}(e);
-			return (0, $.jsx)(Qt, {
+			return (0, $.jsx)($t, {
 				...n(() => t(function(e) {
 					let t = bi.parse(bi.defaultCodeForCategory("Accounting"));
 					return bi.build({
@@ -4114,7 +4114,7 @@ var hi = (e) => {
 				children: r(`${i}  ${Ci(e, s)} (${e})`)
 			}, e);
 		});
-		return ut({
+		return ct({
 			...e,
 			children: (0, $.jsxs)(R, {
 				sx: {
@@ -4125,7 +4125,7 @@ var hi = (e) => {
 				},
 				children: [(0, $.jsxs)(R, {
 					sx: { flex: "none" },
-					children: [(0, $.jsx)(Qt, {
+					children: [(0, $.jsx)($t, {
 						...n(() => t()),
 						children: r(o("numberFormat.accountingDefault"))
 					}, "default-currency"), (0, $.jsx)(K, { orientation: "horizontal" })]
@@ -4145,7 +4145,7 @@ var hi = (e) => {
 		o,
 		s
 	]);
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		sx: { ...n },
 		disabled: l,
@@ -4192,7 +4192,7 @@ var wi = (e, t) => {
 	}
 }, Ti = (0, Q.memo)((e) => {
 	let { selected: t, disabled: n, formattedValue: r, handleSetFormat: i, format: a, sx: o, ...s } = e, c = b();
-	return (0, $.jsx)(Qt, {
+	return (0, $.jsx)($t, {
 		sx: {
 			maxWidth: "360px",
 			display: "flex",
@@ -4201,7 +4201,7 @@ var wi = (e, t) => {
 		},
 		disabled: n,
 		selected: t,
-		icon: t ? (0, $.jsx)(_t, {}) : void 0,
+		icon: t ? (0, $.jsx)(gt, {}) : void 0,
 		onMouseDown: (e) => {
 			e.button === 0 && e.preventDefault();
 		},
@@ -4238,7 +4238,7 @@ var wi = (e, t) => {
 }), Ei = (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 = wi(d, Y.Type.General);
-		return 2 * (bn.getSharedMeasurer()(e ?? "", Math.round(f.typography.fontSize), f.typography.fontFamily ?? "").width ?? 0) + "px";
+		return 2 * (xn.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);
@@ -4324,7 +4324,7 @@ var wi = (e, t) => {
 				m
 			]
 		});
-		return ut({
+		return ct({
 			...e,
 			children: g
 		});
@@ -4335,7 +4335,7 @@ var wi = (e, t) => {
 		n,
 		d
 	]);
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		sx: r,
 		outlined: !0,
@@ -4379,7 +4379,7 @@ var wi = (e, t) => {
 		v || (n = !0), n ||= a ? !v.hasRedo() && !v.hasUndo() : !v.hasRedo();
 		let r = (e) => {
 			g?.execute(e);
-		}, o = (0, $.jsx)(Qt, {
+		}, o = (0, $.jsx)($t, {
 			sx: {
 				display: "flex",
 				flex: "none",
@@ -4415,7 +4415,7 @@ var wi = (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)(Qt, {
+			c.push((0, $.jsx)($t, {
 				sx: {
 					maxWidth: "360px",
 					display: "flex"
@@ -4488,7 +4488,7 @@ var wi = (e, t) => {
 				o
 			]
 		});
-		return ut({
+		return ct({
 			...e,
 			children: d
 		});
@@ -4501,7 +4501,7 @@ var wi = (e, t) => {
 		y,
 		m
 	]);
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		quickCommand: n,
 		groupKey: s,
@@ -4517,8 +4517,8 @@ var wi = (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 xn("transparent"));
-	let y = f ?? _?.autoColor, b = p ?? _?.schemeLookup, S = m ?? _?.recentColors, C = bt(), w = l ?? C === "dark", T = (0, Q.useMemo)(() => ({
+	c && !v && (v = new Sn("transparent"));
+	let y = f ?? _?.autoColor, b = p ?? _?.schemeLookup, S = m ?? _?.recentColors, C = cn(), w = l ?? C === "dark", T = (0, Q.useMemo)(() => ({
 		autoColor: y,
 		schemeLookup: b,
 		recentColors: S,
@@ -4538,7 +4538,7 @@ var wi = (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)(Lt, {
+		return (g?.disabled() || i) && (c = (0, $.jsx)("div", { children: c })), (0, $.jsx)(zt, {
 			commandKey: n,
 			placement: a === x.Toolbar ? "bottom-start" : "right-start",
 			disabled: t,
@@ -4569,7 +4569,7 @@ for (let e = 0; e < ki.length; e++) {
 	t && Ai.set(t.getFamily(), ki[e]);
 }
 var ji = (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)(() => `${bn.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)(() => `${xn.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 +4591,7 @@ var ji = (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)(Qt, {
+			r.push((0, $.jsx)($t, {
 				sx: {
 					display: "flex",
 					paddingTop: "4px",
@@ -4599,7 +4599,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				},
 				selected: s,
 				disabled: i || !c || c.disabled(),
-				icon: s ? (0, $.jsx)(_t, {}) : void 0,
+				icon: s ? (0, $.jsx)(gt, {}) : void 0,
 				onMouseUp: (e) => {
 					e.button === 0 && t(o);
 				},
@@ -4644,12 +4644,12 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: r
 			})
 		});
-		return ut({
+		return ct({
 			...e,
 			children: o
 		});
 	}, [f, c?.getState()]);
-	return (0, $.jsx)(wt, {
+	return (0, $.jsx)(Dt, {
 		ref: t,
 		sx: { ...r },
 		outlined: !0,
@@ -4713,12 +4713,12 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				commandKey: "formatSubscriptToggle"
 			})
 		] });
-		return ut({
+		return ct({
 			...e,
 			children: n
 		});
 	}, [r, n]);
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		quickCommand: u,
 		disabled: r ?? !d,
@@ -4729,7 +4729,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	});
 })), Ni = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { commandKey: n, includePasteAllInPopup: r = !0, ...i } = e;
-	return (0, $.jsx)(Ct, r ? {
+	return (0, $.jsx)(Tt, r ? {
 		ref: t,
 		groupKey: "pasteOptions",
 		...i
@@ -4753,7 +4753,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let n = new Intl.Collator(o.getActive(), { numeric: !0 });
 	return [...e].sort((e, r) => n.compare(Pi(e, t), Pi(r, t)));
 }, Ii = (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 = bt(), 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 = cn(), d = u === "dark", f = (0, Q.useMemo)(() => a({
 		value: n,
 		style: r
 	}), [
@@ -4794,7 +4794,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				textOverflow: "ellipsis",
 				verticalAlign: "baseline",
 				textDecoration: g?.textDecoration,
-				textAlign: (f ? Sn.toCSSHorizontalTextAlign(f.getRenderHorizontalAlignment()) : void 0) ?? "left",
+				textAlign: (f ? wn.toCSSHorizontalTextAlign(f.getRenderHorizontalAlignment()) : void 0) ?? "left",
 				background: "transparent",
 				maxHeight: "100%",
 				whiteSpace: "pre",
@@ -4803,7 +4803,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			...o
 		},
 		...l,
-		children: (0, $.jsx)($t, {
+		children: (0, $.jsx)(Wt, {
 			getBorderAt: _,
 			rowCount: 1,
 			columnCount: 1,
@@ -4867,16 +4867,16 @@ var ji = (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
 					})
 				] })
 			})
 		});
-		return ut({
+		return ct({
 			...e,
 			children: r
 		});
-	}, []), d = n?.getName() === r?.getName(), f = (0, $.jsx)(ft, {
+	}, []), d = n?.getName() === r?.getName(), f = (0, $.jsx)(ut, {
 		sx: {
 			borderRadius: "2px",
 			padding: "2px",
@@ -4901,13 +4901,13 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			createCell: o
 		})
 	}, n.getName());
-	return i && (f = (0, $.jsx)(kt, {
+	return i && (f = (0, $.jsx)(jt, {
 		label: Pi(n.getName(), l),
 		createPopupPanel: u,
 		children: f
 	})), f;
 }), Ri = (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 = bt(), 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 = cn(), g = B((e) => {
 		i?.(e), d?.execute(e);
 	}, [d, i]), _ = (0, Q.useCallback)((e) => {
 		let t = p?.(), n = {
@@ -4931,7 +4931,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			}
 			return r.length === 0 ? null : (0, $.jsxs)(R, { children: [
 				n ? (0, $.jsx)(K, { orientation: "horizontal" }) : null,
-				(0, $.jsx)(yt, { children: e }, e + "-header"),
+				(0, $.jsx)(bt, { children: e }, e + "-header"),
 				(0, $.jsx)(R, {
 					sx: {
 						display: "flex",
@@ -4962,64 +4962,64 @@ var ji = (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, ...Fi([
-			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, ...Fi([
+			X.BuiltInName.Bad,
+			X.BuiltInName.Good,
+			X.BuiltInName.Neutral
 		], l)], o.length > 0)), _.push(u(l("cellStyle.category.dataModel"), Fi([
-			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"), Fi([
-			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)(K, { orientation: "horizontal" }),
-			(0, $.jsx)(yt, { children: y }, y + "-header"),
+			(0, $.jsx)(bt, { children: y }, y + "-header"),
 			(0, $.jsx)(R, {
 				sx: {
 					display: "flex",
@@ -5031,11 +5031,11 @@ var ji = (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,
@@ -5076,7 +5076,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		l
 	]), v = B((e) => {
 		if (!f) return null;
-		let t = 18 / bn.getDeviceScale(), n = f.createCell(e);
+		let t = 18 / xn.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)(Ii, {
 		value: m ? Pi(m.getName(), l) : "",
@@ -5104,7 +5104,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		d,
 		l
 	]);
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		createPopupPanel: _,
 		outlined: o,
@@ -5122,7 +5122,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		...c
 	});
 })), zi = 10, Bi = (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 = zi, isLive: u = !1, ...d } = e, f = bt(), 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 = zi, isLive: u = !1, ...d } = e, f = cn(), 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();
@@ -5218,7 +5218,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			...a
 		},
 		...d,
-		children: (0, $.jsx)($t, {
+		children: (0, $.jsx)(Wt, {
 			getBorderAt: b,
 			rowCount: 5,
 			columnCount: 5,
@@ -5240,7 +5240,7 @@ var ji = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 })), Vi = (e, t, n, r, i) => {
 	e.beginPath(), e.moveTo(t + .5, n + .5), e.lineTo(r + .5, i + .5), e.stroke();
 }, Hi = /* @__PURE__ */ new WeakMap(), Ui = (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 = bt(), 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 = cn(), 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)(() => {
@@ -5692,7 +5692,7 @@ var Ki = function(e) {
 		})
 	});
 })), Yi = (e) => {
-	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, o = It(), [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 = st(), [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;
@@ -5727,7 +5727,7 @@ var Ki = function(e) {
 	transactional: !1,
 	ignoreModelChange: !0
 }, Zi = { transactional: !1 }, Qi = () => {
-	d.register("plugin-table", { icons: {} }), tn.registerTaskPane({
+	d.register("plugin-table", { icons: {} }), Xt.registerTaskPane({
 		key: "tableDetails",
 		getTitle: () => "Table Details",
 		getIcon: () => "Table",
@@ -5781,7 +5781,7 @@ var Ki = function(e) {
 				] })
 			})
 		});
-		return ut({
+		return ct({
 			...e,
 			children: r
 		});
@@ -5799,7 +5799,7 @@ var Ki = function(e) {
 		t,
 		n,
 		a
-	]), h = (0, $.jsx)(ft, {
+	]), h = (0, $.jsx)(ut, {
 		sx: {
 			borderRadius: "2px",
 			padding: "2px",
@@ -5819,7 +5819,7 @@ var Ki = function(e) {
 		...u,
 		children: m
 	}, n.getName());
-	return o && (h = (0, $.jsx)(kt, {
+	return o && (h = (0, $.jsx)(jt, {
 		label: t.getStyleOptions().name,
 		createPopupPanel: f,
 		children: h
@@ -5870,7 +5870,7 @@ var Ki = function(e) {
 			}
 			return i.length === 0 ? null : (0, $.jsxs)(R, { children: [
 				r ? (0, $.jsx)(K, { orientation: "horizontal" }) : null,
-				(0, $.jsx)(yt, { children: e }, e + "-header"),
+				(0, $.jsx)(bt, { children: e }, e + "-header"),
 				(0, $.jsx)(R, {
 					sx: {
 						display: "flex",
@@ -5936,7 +5936,7 @@ var Ki = function(e) {
 		E,
 		d
 	]);
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		quickCommand: o ? void 0 : g,
 		createPopupPanel: T,
@@ -6028,7 +6028,7 @@ var Ki = function(e) {
 			})
 		});
 	}, [t, c]);
-	return (0, $.jsx)(ft, {
+	return (0, $.jsx)(ut, {
 		sx: {
 			borderRadius: "2px",
 			padding: "2px",
@@ -6106,7 +6106,7 @@ var Ki = function(e) {
 }, ra = (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)(yt, {
+		if (e.length === 0) return (0, $.jsx)(bt, {
 			sx: {
 				paddingLeft: "16px",
 				paddingRight: "16px",
@@ -6159,7 +6159,7 @@ var Ki = function(e) {
 				overflow: "hidden"
 			},
 			children: [
-				(0, $.jsx)(yt, {
+				(0, $.jsx)(bt, {
 					sx: {
 						paddingLeft: "16px",
 						paddingRight: "16px",
@@ -6206,10 +6206,10 @@ var Ki = function(e) {
 		icon: p,
 		...f
 	};
-	return c === St.Toolbar ? (0, $.jsx)(wt, {
+	return c === St.Toolbar ? (0, $.jsx)(Dt, {
 		ref: t,
 		...m
-	}) : (0, $.jsx)(ot, {
+	}) : (0, $.jsx)(at, {
 		ref: t,
 		...m
 	});
@@ -6290,7 +6290,7 @@ var Ki = function(e) {
 		"color-base-emphasis-content": n.primary.contrastText,
 		...aa(t, e, "header")
 	};
-}, fa = (e, t, n, r) => Pt({
+}, fa = (e, t, n, r) => Ut({
 	app: {
 		light: {
 			...v.light,
@@ -6314,11 +6314,11 @@ var Ki = function(e) {
 	layer: "sxl-app",
 	scope: n
 }), pa = (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 = bt(), 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 = cn(), 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)(Lt, {
+		return (g || t) && (o = (0, $.jsx)("div", { children: o })), (0, $.jsx)(zt, {
 			commandKey: n,
 			placement: l === x.Toolbar ? "bottom-start" : "right-start",
 			disabled: g || t,
@@ -6338,16 +6338,16 @@ var Ki = function(e) {
 		...u
 	});
 })), ma = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, Q.useState)([]), s = Rt.canWrite(), c = Rt.canRead();
+	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, Q.useState)([]), s = Yt.canWrite(), c = Yt.canRead();
 	(0, Q.useEffect)(() => {
 		let e = !0;
-		return Rt.getWriteFormats().then((t) => {
+		return Yt.getWriteFormats().then((t) => {
 			e && o(t);
 		}), () => {
 			e = !1;
 		};
 	}, []);
-	let l = rt(nn()), u = (0, Q.useMemo)(() => {
+	let l = wt(Ft()), 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];
@@ -6362,7 +6362,7 @@ var Ki = function(e) {
 				commandKey: "newWorkbook"
 			}),
 			(0, $.jsx)(K, { orientation: "horizontal" }),
-			c ? (0, $.jsx)(At, {
+			c ? (0, $.jsx)(Nt, {
 				...t,
 				quickCommand: "openWorkbook",
 				createPopupPanel: (e) => {
@@ -6378,7 +6378,7 @@ var Ki = function(e) {
 						key: "web",
 						commandKey: "openWorkbookFromUrl"
 					})];
-					return ut({
+					return ct({
 						...e,
 						children: r,
 						onClick: () => {
@@ -6387,7 +6387,7 @@ var Ki = function(e) {
 					});
 				}
 			}) : null,
-			s && a.length > 0 ? (0, $.jsx)(At, {
+			s && a.length > 0 ? (0, $.jsx)(Nt, {
 				...t,
 				quickCommand: "saveWorkbook",
 				createPopupPanel: (e) => {
@@ -6408,7 +6408,7 @@ var Ki = function(e) {
 							key: t,
 							commandKey: i
 						}));
-					}), ut({
+					}), ct({
 						...e,
 						children: r,
 						onClick: () => {
@@ -6422,7 +6422,7 @@ var Ki = function(e) {
 				commandKey: "protectWorkbook"
 			})] }) : null
 		] });
-		return ut({
+		return ct({
 			...e,
 			children: i,
 			onClick: (t) => {
@@ -6436,7 +6436,7 @@ var Ki = function(e) {
 		u,
 		d
 	]), p = H("fileOptions"), m = p?.getLabel?.() ?? "File";
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		disabled: r,
 		groupKey: n,
 		label: m,
@@ -6451,7 +6451,7 @@ var Ki = function(e) {
 		},
 		...i,
 		createPopupPanel: f,
-		icon: (0, $.jsx)(ht, {
+		icon: (0, $.jsx)(mt, {
 			className: "label",
 			icon: null,
 			label: m
@@ -6484,7 +6484,7 @@ var ha = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				commandKey: "enableDarkImages"
 			})
 		] });
-		return ut({
+		return ct({
 			...e,
 			children: n
 		});
@@ -6493,7 +6493,7 @@ var ha = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		a,
 		n
 	]), c = a?.getState(), l = Kr("(prefers-color-scheme: dark)"), u = c === "dark" || c === null && l, d = a?.getState() !== null;
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		quickCommand: "themeMode",
 		createPopupPanel: s,
@@ -6537,14 +6537,14 @@ var ha = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 });
 ga.displayName = "LimitField";
 var _a = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { groupKey: n, workbook: r, disabled: i, ...a } = e, o = nn(), s = (r ?? o)?.getCalculation() ?? null, c = H("calculationOptions"), l = b(), [u] = P(["calcIterativeToggle"]), [d, f] = (0, Q.useState)(() => s?.getIterativeCalculation() ?? null);
+	let { groupKey: n, workbook: r, disabled: i, ...a } = e, o = Ft(), s = (r ?? o)?.getCalculation() ?? null, c = H("calculationOptions"), l = b(), [u] = P(["calcIterativeToggle"]), [d, f] = (0, Q.useState)(() => s?.getIterativeCalculation() ?? null);
 	(0, Q.useEffect)(() => {
 		f(s?.getIterativeCalculation() ?? null);
 	}, [s]), q(s, { onOptionsChange: () => {
 		f(s?.getIterativeCalculation() ?? null);
 	} });
 	let p = !!(u?.getState?.() ?? d?.enabled), m = i || !s || !p;
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		createPopupPanel: B((e) => {
 			let t = {
@@ -6607,7 +6607,7 @@ var _a = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					commandKey: "calculateFull"
 				})
 			] });
-			return ut({
+			return ct({
 				...e,
 				children: n
 			});
@@ -7141,12 +7141,12 @@ var Ta = (e, t) => {
 	if (!e) return null;
 	let n = t?.getStyles();
 	try {
-		return new xn(e, n?.schemeLookup(), n?.indexedLookup());
+		return new Sn(e, n?.schemeLookup(), n?.indexedLookup());
 	} catch {
 		return null;
 	}
 }, Ea = () => {
-	let e = nn(), t = bt(), n = t === "dark", [r, i] = (0, Q.useReducer)((e) => e + 1, 0);
+	let e = Ft(), t = cn(), n = t === "dark", [r, i] = (0, Q.useReducer)((e) => e + 1, 0);
 	q(e, { onThemeChange: () => i() }, { ignoreModelChange: !0 });
 	let a = (0, Q.useCallback)((t) => Ta(t, e), [e, r]), o = e?.getStyles().schemeLookup();
 	return {
@@ -7162,7 +7162,7 @@ var Ta = (e, t) => {
 			...V("grid", t)
 		}
 	};
-}, Da = "var(--sxl-color-base-100, rgb(255, 255, 255))", Oa = "var(--sxl-color-base-300, rgb(224, 224, 224))", ka = "var(--sxl-color-primary, rgb(33, 115, 70))", Aa = "var(--sxl-color-base-content, rgba(0, 0, 0, 0.87))", ja = "var(--sxl-color-error, rgb(211, 47, 47))", Ma = (e) => Math.round(e).toString(16).padStart(2, "0"), Na = (e, t, n) => new xn(`#${Ma(e)}${Ma(t)}${Ma(n)}`).toCSS("adaptive"), Pa = (e, t, n, r) => {
+}, Da = "var(--sxl-color-base-100, rgb(255, 255, 255))", Oa = "var(--sxl-color-base-300, rgb(224, 224, 224))", ka = "var(--sxl-color-primary, rgb(33, 115, 70))", Aa = "var(--sxl-color-base-content, rgba(0, 0, 0, 0.87))", ja = "var(--sxl-color-error, rgb(211, 47, 47))", Ma = (e) => Math.round(e).toString(16).padStart(2, "0"), Na = (e, t, n) => new Sn(`#${Ma(e)}${Ma(t)}${Ma(n)}`).toCSS("adaptive"), Pa = (e, t, n, r) => {
 	if (e.length === 0) return n;
 	let i = (t) => Ta(e[t].color, r)?.toRGBA() ?? null;
 	if (e.length === 1) {
@@ -7203,7 +7203,7 @@ var Ta = (e, t) => {
 		} })
 	}));
 }, Ra = (0, Q.memo)((e) => {
-	let { rows: t, ...n } = e, r = bt(), i = (e, n) => ({
+	let { rows: t, ...n } = e, r = cn(), i = (e, n) => ({
 		borderRight: +(n < 2),
 		borderBottom: +(e < t.length - 1),
 		borderColor: Oa,
@@ -7237,7 +7237,7 @@ var Ta = (e, t) => {
 });
 Ra.displayName = "ScaleMiniGrid";
 var za = (0, Q.memo)((e) => {
-	let { title: t, sheet: n, disabled: r, sx: i, className: a, children: o, ...s } = e, c = bt(), l = !!s.onClick, u = (0, $.jsx)(R, {
+	let { title: t, sheet: n, disabled: r, sx: i, className: a, children: o, ...s } = e, c = cn(), 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",
@@ -7337,45 +7337,45 @@ var Ba = {
 	quarters3: l("conditionalFormat.iconShape.quarters3"),
 	quarters4: l("conditionalFormat.iconShape.quarters4")
 }, Ua = /^(rating|star|boxes|quarters)\d$/, Wa = l("conditionalFormat.iconName"), Ga = (e, t) => {
-	let { shape: n, tone: r } = cn(t), i = Ha[n] ? e(Ha[n]) : n;
+	let { shape: n, tone: r } = Et(t), i = Ha[n] ? e(Ha[n]) : n;
 	return Ua.test(n) ? i : e(Wa, {
 		tone: e(Va[r]),
 		shape: i
 	});
 }, Ka = Object.freeze([{
 	labelKey: l("conditionalFormat.gradientFill"),
-	presets: an.filter((e) => e.gradient)
+	presets: Mt.filter((e) => e.gradient)
 }, {
 	labelKey: l("conditionalFormat.solidFill"),
-	presets: an.filter((e) => !e.gradient)
+	presets: Mt.filter((e) => !e.gradient)
 }]), qa = Object.freeze([{
 	labelKey: l("conditionalFormat.threeColor"),
-	presets: Xt.filter((e) => e.stops.length === 3)
+	presets: nn.filter((e) => e.stops.length === 3)
 }, {
 	labelKey: l("conditionalFormat.twoColor"),
-	presets: Xt.filter((e) => e.stops.length === 2)
-}]), Ja = Object.freeze(Ft.map((e) => ({
+	presets: nn.filter((e) => e.stops.length === 2)
+}]), Ja = Object.freeze(Ht.map((e) => ({
 	labelKey: Ba[e.key],
 	columns: 2,
-	presets: e.rows.flatMap(([e, t]) => [Nt(e), t ? Nt(t) : null])
+	presets: e.rows.flatMap(([e, t]) => [Bt(e), t ? Bt(t) : null])
 }))), Ya = {
 	dataBar: Ka,
 	colorScale: qa,
 	iconSet: Ja
-}, Xa = (e, t) => e.type === yn.ScaleType.DataBar ? La(e, Ta(e.color, t)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") : e.type === yn.ScaleType.ColorScale ? Fa(e.stops ?? [], Da, t) : [], Za = (e, t) => e.type === yn.ScaleType.IconSet ? (0, $.jsx)(xt, {
-	icons: st(e.iconSet),
+}, Xa = (e, t) => e.type === yn.ScaleType.DataBar ? La(e, Ta(e.color, t)?.toCSS("adaptive") ?? "var(--sxl-color-primary, rgb(33, 115, 70))") : e.type === yn.ScaleType.ColorScale ? Fa(e.stops ?? [], Da, t) : [], Za = (e, t) => e.type === yn.ScaleType.IconSet ? (0, $.jsx)(it, {
+	icons: pt(e.iconSet),
 	order: "descending",
 	size: 14,
 	gap: 3
 }) : (0, $.jsx)(Ra, { rows: Xa(e, t) }), Qa = (0, Q.memo)((e) => {
-	let { groups: t, onPick: n, disabled: r } = e, i = b(), a = nn();
+	let { groups: t, onPick: n, disabled: r } = e, i = b(), a = Ft();
 	return (0, $.jsx)(R, {
 		sx: {
 			display: "flex",
 			flexDirection: "column",
 			padding: "2px 8px 4px"
 		},
-		children: t.map((e) => (0, $.jsxs)(R, { children: [(0, $.jsx)(yt, { children: i(e.labelKey) }), (0, $.jsx)(R, {
+		children: t.map((e) => (0, $.jsxs)(R, { children: [(0, $.jsx)(bt, { children: i(e.labelKey) }), (0, $.jsx)(R, {
 			sx: {
 				display: "grid",
 				gridTemplateColumns: `repeat(${e.columns ?? 3}, auto)`,
@@ -7414,9 +7414,9 @@ var $a = (0, Q.memo)((e) => {
 $a.displayName = "CommandPresetGallery";
 var eo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { commandKey: n, scaleType: r, groupKey: i, disabled: a, ...o } = e, s = P([n])[0], c = Ya[r], l = a ?? (!s || s.disabled());
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
-		createPopupPanel: (0, Q.useCallback)((e) => ut({
+		createPopupPanel: (0, Q.useCallback)((e) => ct({
 			...e,
 			children: (0, $.jsx)($a, {
 				commandKey: n,
@@ -7531,7 +7531,7 @@ var to = () => {
 				key: "dataTextToColumns",
 				getLabel: () => "Custom",
 				getIcon: () => null,
-				render: (e) => (0, $.jsx)(ct, {
+				render: (e) => (0, $.jsx)(ot, {
 					...e,
 					inputProps: { maxLength: 1 }
 				})
@@ -7756,7 +7756,7 @@ var to = () => {
 		]
 	}, !0), N.register({
 		key: "formatTextRotateCustom",
-		render: (e) => (0, $.jsx)(ct, {
+		render: (e) => (0, $.jsx)(ot, {
 			...e,
 			commandKey: "formatTextRotateCustom",
 			groupKey: "textRotateOptions",
@@ -7889,7 +7889,7 @@ var to = () => {
 			e(t.getSummary());
 		});
 	});
-	return (0, $.jsx)(Qt, {
+	return (0, $.jsx)($t, {
 		sx: {
 			maxWidth: "360px",
 			display: "flex",
@@ -7926,7 +7926,7 @@ var to = () => {
 	});
 }), io = (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)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		disabled: r,
 		createPopupPanel: (0, Q.useCallback)((e) => {
@@ -7936,7 +7936,7 @@ var to = () => {
 				category: t.label,
 				...r
 			});
-			return ut({
+			return ct({
 				...e,
 				children: i
 			});
@@ -7977,7 +7977,7 @@ var ao = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			handleInsert: d
 		}, `formula-${t.getName()}-${e}`);
 	}
-	return ut({
+	return ct({
 		...r,
 		children: (0, $.jsx)(R, {
 			ref: t,
@@ -8003,7 +8003,7 @@ var ao = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		}, n = (e, n) => ({
 			selected: n,
 			disabled: l,
-			icon: n ? (0, $.jsx)(_t, {}) : void 0,
+			icon: n ? (0, $.jsx)(gt, {}) : void 0,
 			sx: {
 				display: "flex",
 				paddingTop: "4px",
@@ -8037,11 +8037,11 @@ var ao = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			})
 		}), i = [...oo];
 		c && !i.includes(c) && i.push(c), i.sort((e, t) => uo(e).localeCompare(uo(t)));
-		let u = i.map((e) => (0, $.jsx)(Qt, {
+		let u = i.map((e) => (0, $.jsx)($t, {
 			...n(e, e === c),
 			children: r(uo(e))
 		}, e));
-		return ut({
+		return ct({
 			...e,
 			children: (0, $.jsxs)(R, {
 				sx: {
@@ -8052,7 +8052,7 @@ var ao = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				},
 				children: [(0, $.jsxs)(R, {
 					sx: { flex: "none" },
-					children: [(0, $.jsx)(Qt, {
+					children: [(0, $.jsx)($t, {
 						...n(null, c === null),
 						children: r(a("locale.systemDefault", { locale: uo(lo(o)) }))
 					}, "system-default"), (0, $.jsx)(K, { orientation: "horizontal" })]
@@ -8073,7 +8073,7 @@ var ao = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		a,
 		o
 	]);
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		sx: { ...n },
 		disabled: l,
@@ -8396,10 +8396,10 @@ var fo = () => {
 			l?.closeAll(), a?.execute(e);
 		}, n = o.getAvailable().sort().map((e) => {
 			let n = e === s;
-			return (0, $.jsx)(Qt, {
+			return (0, $.jsx)($t, {
 				selected: n,
 				disabled: c,
-				icon: n ? (0, $.jsx)(_t, {}) : void 0,
+				icon: n ? (0, $.jsx)(gt, {}) : void 0,
 				sx: {
 					display: "flex",
 					paddingTop: "4px",
@@ -8433,7 +8433,7 @@ var fo = () => {
 				})
 			}, e);
 		});
-		return ut({
+		return ct({
 			...e,
 			children: (0, $.jsx)(R, {
 				sx: {
@@ -8456,7 +8456,7 @@ var fo = () => {
 		c,
 		l
 	]);
-	return (0, $.jsx)(At, {
+	return (0, $.jsx)(Nt, {
 		ref: t,
 		sx: { ...n },
 		disabled: c,
@@ -8530,7 +8530,7 @@ var ho = () => {
 	}, !0);
 }, go = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { ...n } = e;
-	return (0, $.jsx)(Ct, {
+	return (0, $.jsx)(Tt, {
 		ref: t,
 		groupKey: "insertFunctionSumOptions",
 		...n
@@ -8675,7 +8675,7 @@ var _o = [
 		return {
 			key: e,
 			label: (0, $.jsx)(z, { entryKey: e }),
-			component: (0, Q.createElement)(it, {
+			component: (0, Q.createElement)(rt, {
 				...n,
 				key: e,
 				groupKey: e
@@ -8736,7 +8736,7 @@ var _o = [
 }));
 So.displayName = "WorkbookToolbars";
 var Co = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { className: n, debounceDelay: r = 220, sx: i, ...a } = e, o = b(), s = It()?.getView(), [l, d] = (0, Q.useState)(() => s?.getZoomScale() ?? 100), [f, p] = (0, Q.useState)(!1), m = (0, Q.useRef)(0);
+	let { className: n, debounceDelay: r = 220, sx: i, ...a } = e, o = b(), s = st()?.getView(), [l, d] = (0, Q.useState)(() => s?.getZoomScale() ?? 100), [f, p] = (0, Q.useState)(!1), m = (0, Q.useRef)(0);
 	q(s, { onZoomScaleChange: () => {
 		p(!0), m.current === 0 && s && d(s.getZoomScale());
 	} }), (0, Q.useEffect)(() => {
@@ -8878,7 +8878,7 @@ var Co = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 }));
 Co.displayName = "SheetZoomScale";
 var wo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { className: n, stats: r = Eo, debounceDelay: i = 40, style: a, ...o } = e, s = It(), 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 = Eo, debounceDelay: i = 40, style: a, ...o } = e, s = st(), 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();
@@ -9012,14 +9012,14 @@ var Eo = Object.freeze([
 		})
 	});
 })), Ao = (0, Q.memo)((e) => {
-	let { debounceDelay: t = 40, className: n, style: r, ...i } = e, a = It(), o = b(), [s, l] = (0, Q.useReducer)((e) => e + 1, 0), u = (0, Q.useCallback)(c.debounce(l, t), [t]), [d, f] = (0, Q.useState)(null);
+	let { debounceDelay: t = 40, className: n, style: r, ...i } = e, a = st(), o = b(), [s, l] = (0, Q.useReducer)((e) => e + 1, 0), u = (0, Q.useCallback)(c.debounce(l, t), [t]), [d, f] = (0, Q.useState)(null);
 	if ((0, Q.useEffect)(() => {
-		f(a ? Wt(a) : null);
+		f(a ? en(a) : null);
 	}, [s, a]), q(a, {
 		onDataChange: u,
 		onInvalidated: u
 	}, { transactional: !1 }), !a || !d) return null;
-	let p = jt(d, a.getName());
+	let p = xt(d, a.getName());
 	return (0, $.jsx)("div", {
 		...i,
 		className: J("circular-reference-status", n),
@@ -9050,7 +9050,7 @@ var Eo = Object.freeze([
 });
 Ao.displayName = "CircularReferenceStatus";
 var jo = (0, Q.memo)((e) => {
-	let { debounceDelay: t = 40, className: n, style: r, ...i } = e, a = nn(), o = It(), s = a?.getCalculation() ?? null, l = b(), [u] = P(["calculateAll"]), [, d] = (0, Q.useReducer)((e) => e + 1, 0), f = (0, Q.useCallback)(c.debounce(d, t), [t]);
+	let { debounceDelay: t = 40, className: n, style: r, ...i } = e, a = Ft(), o = st(), s = a?.getCalculation() ?? null, l = b(), [u] = P(["calculateAll"]), [, d] = (0, Q.useReducer)((e) => e + 1, 0), f = (0, Q.useCallback)(c.debounce(d, t), [t]);
 	return q(s, {
 		onStale: f,
 		onOptionsChange: f,
@@ -9058,7 +9058,7 @@ var jo = (0, Q.memo)((e) => {
 	}), q(o, {
 		onDataChange: f,
 		onInvalidated: f
-	}, { transactional: !1 }), s && s.getCalculationMode() === vn.CalculationMode.Manual && s.isCalculationRequired() ? (0, $.jsx)("div", {
+	}, { transactional: !1 }), s && s.getCalculationMode() === gn.CalculationMode.Manual && s.isCalculationRequired() ? (0, $.jsx)("div", {
 		...i,
 		className: J("calculation-required-status", n),
 		style: {
@@ -9095,7 +9095,7 @@ var Mo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			l.current?.removeEventListener("wheel", e);
 		};
 	}, []);
-	let u = L(), d = Et().getMode()?.mode === "point", f = b(), p = (0, Q.useMemo)(() => {
+	let u = L(), d = Zt().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");
@@ -9321,7 +9321,7 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					paddingTop: "0px",
 					paddingBottom: "0px",
 					height: "1rem",
-					fontSize: 11 * bn.getDeviceScale(),
+					fontSize: 11 * xn.getDeviceScale(),
 					fontStyle: _?.fontStyle,
 					paddingLeft: (e) => e.spacing(.75),
 					paddingRight: (e) => e.spacing(.75),
@@ -9391,11 +9391,11 @@ var No = (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)(K, { orientation: "horizontal" }, `type-divider-${s.length}`)), s.push((0, $.jsx)(yt, {
+			c !== l && (l !== null && s.push((0, $.jsx)(K, { orientation: "horizontal" }, `type-divider-${s.length}`)), s.push((0, $.jsx)(bt, {
 				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)(Ct, {
+			}, `type-header-${s.length}`)), l = c), c ? s.push(i ? (0, Q.createElement)(Tt, {
 				...t,
 				key: "namedItem-" + s.length,
 				groupKey: "namedItem",
@@ -9414,7 +9414,7 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				label: a.getName(),
 				disabled: u ?? !o,
 				icon: "TableInsert"
-			})) : s.push(r ? (0, Q.createElement)(Ct, {
+			})) : s.push(r ? (0, Q.createElement)(Tt, {
 				...t,
 				key: "named-" + s.length,
 				groupKey: "namedItem",
@@ -9455,7 +9455,7 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: s
 			})] }) : null]
 		});
-		return ut({
+		return ct({
 			...e,
 			children: f
 		});
@@ -9481,7 +9481,7 @@ var No = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			...r
 		},
 		ref: un([V, t]),
-		children: (0, $.jsx)(wt, {
+		children: (0, $.jsx)(Dt, {
 			className: "outer-button",
 			sx: {
 				display: "flex",
@@ -9781,7 +9781,7 @@ var Wo = (e) => {
 		...a
 	});
 }, Go = () => {
-	tn.registerTaskPane({
+	Xt.registerTaskPane({
 		key: "managedNames",
 		getTitle: () => "Names",
 		getIcon: () => "NamedManager",
@@ -9791,9 +9791,9 @@ var Wo = (e) => {
 	ref: t,
 	...e
 }), qo = "var(--sxl-color-input-border, light-dark(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.2)))", Jo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
-	let { className: n, style: r, workbook: i, editable: a, showNamedCollectionEditor: o = !0, propsNamedCollectionEditor: s, renderNamedCollectionEditor: c = Ko, disabled: l, showCalculateNow: d = !0, ...p } = e, m = i, [h, g] = (0, Q.useState)(m.getSelectedSheet()), [_, v] = (0, Q.useState)(h?.getSelectedCell().getCoords()), [x, S] = (0, Q.useState)(() => !!h && !h.getSelectedCell().isEditAllowed()), C = m.getProtection().isReadOnly(), w = l || x || C, E = P(["insertFunctionDialog", "calculateAll"]), D = E[0], O = E[1], A = m.getCalculation(), [j, M] = (0, Q.useState)(() => A.getCalculationMode() === vn.CalculationMode.Manual);
+	let { className: n, style: r, workbook: i, editable: a, showNamedCollectionEditor: o = !0, propsNamedCollectionEditor: s, renderNamedCollectionEditor: c = Ko, disabled: l, showCalculateNow: d = !0, ...p } = e, m = i, [h, g] = (0, Q.useState)(m.getSelectedSheet()), [_, v] = (0, Q.useState)(h?.getSelectedCell().getCoords()), [x, S] = (0, Q.useState)(() => !!h && !h.getSelectedCell().isEditAllowed()), C = m.getProtection().isReadOnly(), w = l || x || C, E = P(["insertFunctionDialog", "calculateAll"]), D = E[0], O = E[1], A = m.getCalculation(), [j, M] = (0, Q.useState)(() => A.getCalculationMode() === gn.CalculationMode.Manual);
 	q(A, { onOptionsChange: (e) => {
-		M(e.getCalculationMode() === vn.CalculationMode.Manual);
+		M(e.getCalculationMode() === gn.CalculationMode.Manual);
 	} });
 	let N = d && j;
 	q(m, {
@@ -9828,7 +9828,7 @@ var Wo = (e) => {
 		a?.cancel();
 	}, [a]), ce = B(() => {
 		a?.commit();
-	}, [a]), le = (0, Q.useMemo)(() => Zt({
+	}, [a]), le = (0, Q.useMemo)(() => Vt({
 		selection: h.getSelection(),
 		fillNone: !0
 	}), [h]), ue = (0, Q.useMemo)(() => a ? {
@@ -9844,9 +9844,9 @@ var Wo = (e) => {
 			key: "formula:editor",
 			name: "editor"
 		},
-		contributor: { dynamic: Tt },
+		contributor: { dynamic: dt },
 		data: ue
-	} : null, [ue]), W = (0, Q.useMemo)(() => se ? null : Ot(h.getRange(_).getCell()), [
+	} : null, [ue]), W = (0, Q.useMemo)(() => se ? null : yt(h.getRange(_).getCell()), [
 		h,
 		_,
 		se
@@ -9857,7 +9857,7 @@ var Wo = (e) => {
 			flexDirection: "row",
 			gap: 4
 		},
-		children: (0, $.jsx)(Ht, {
+		children: (0, $.jsx)(Gt, {
 			editable: a,
 			readOnly: w,
 			editorId: "formula-bar",
@@ -9870,9 +9870,9 @@ var Wo = (e) => {
 					weight: null
 				},
 				alignment: {
-					horizontal: Sn.HorizontalAlignment.Left,
-					vertical: Sn.VerticalAlignment.Top,
-					overflow: Sn.Overflow.Visible
+					horizontal: wn.HorizontalAlignment.Left,
+					vertical: wn.VerticalAlignment.Top,
+					overflow: wn.Overflow.Visible
 				},
 				fill: { type: Cn.Type.None }
 			} }) : null,
@@ -9919,7 +9919,7 @@ var Wo = (e) => {
 			border: (e) => `solid ${w ? e.palette.action.disabled : qo} 1px`
 		},
 		children: [
-			N ? (0, $.jsx)(ft, {
+			N ? (0, $.jsx)(ut, {
 				sx: {
 					border: "none !important",
 					"&.Mui-focusVisible": { border: "none" },
@@ -9938,7 +9938,7 @@ var Wo = (e) => {
 					e.button === 0 && (O?.execute(), e.preventDefault());
 				}
 			}) : null,
-			(0, $.jsx)(ft, {
+			(0, $.jsx)(ut, {
 				sx: {
 					border: "none !important",
 					"&.Mui-focusVisible": { border: "none" },
@@ -9959,7 +9959,7 @@ var Wo = (e) => {
 				},
 				onClick: U
 			}),
-			(0, $.jsx)(ft, {
+			(0, $.jsx)(ut, {
 				sx: {
 					border: "none !important",
 					"&.Mui-focusVisible": { border: "none" },
@@ -9980,7 +9980,7 @@ var Wo = (e) => {
 				},
 				onClick: ce
 			}),
-			(0, $.jsx)(ft, {
+			(0, $.jsx)(ut, {
 				sx: {
 					border: "none !important",
 					"&.Mui-focusVisible": { border: "none" },
@@ -10026,7 +10026,7 @@ var Wo = (e) => {
 				flex: "1 1 100%",
 				position: "relative",
 				fontFamily: (e) => e.typography.fontFamily,
-				fontSize: 11 * bn.getDeviceScale(),
+				fontSize: 11 * xn.getDeviceScale(),
 				alignItems: "stretch",
 				paddingTop: "2px",
 				paddingBottom: "2px",
@@ -10086,7 +10086,7 @@ var Wo = (e) => {
 						children: fe ?? void 0
 					})
 				}),
-				(0, $.jsx)(ft, {
+				(0, $.jsx)(ut, {
 					sx: {
 						padding: "0px",
 						margin: "0px 0px",
@@ -10197,7 +10197,7 @@ var Yo = (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() !== Tn.BuiltInOperatorNames.InSet) return n();
+		if (!r || r.getOperator()?.getName() !== _n.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();
@@ -10229,7 +10229,7 @@ var Yo = (0, Q.forwardRef)((e, t) => {
 		});
 		let i = n.getFilter();
 		i && (i.setCondition({
-			operator: Tn.BuiltInOperatorNames.InSet,
+			operator: _n.BuiltInOperatorNames.InSet,
 			param: {
 				items: e,
 				blank: t
@@ -10263,7 +10263,7 @@ var Yo = (0, Q.forwardRef)((e, t) => {
 				slotProps: { input: {} },
 				autoFocus: !0
 			}),
-			(0, $.jsx)(Vt, {
+			(0, $.jsx)(Lt, {
 				itemCount: g.length,
 				itemHeight: 24,
 				isChecked: (e) => d.has(g[e]),
@@ -10368,7 +10368,7 @@ var Xo = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 Xo.displayName = "ColumnMenu";
 var Zo = (e) => {
 	let { model: t, entryKey: n, frame: r, ref: i, ...a } = e, [, o] = (0, Q.useReducer)((e) => e + 1, 0);
-	pt(t, "onSelectedSheetChange");
+	Ct(t, "onSelectedSheetChange");
 	let s = t.getSelectedSheet();
 	q(s, { onSelectionChange: () => o() });
 	let c = s.getSelectedCell().getStyle().getNumberFormat(), u = typeof c == "number" ? Y.resolve(c) : c ?? "General";
@@ -10397,7 +10397,7 @@ var Zo = (e) => {
 		})
 	});
 }, Qo = () => {
-	tn.registerTaskPane({
+	Xt.registerTaskPane({
 		key: "numberFormatDetails",
 		getTitle: () => "Number Format",
 		getIcon: () => "NumberFormat",
@@ -10409,7 +10409,7 @@ var Zo = (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)(Qt, {
+	for (let e = 0; e < h.length; e++) m.push(h[e]), h[e] === "deleteSheet" && m.push({ render: () => (0, $.jsxs)($t, {
 		onMouseDown: (e) => {
 			e.button === 0 && e.preventDefault();
 		},
@@ -10421,7 +10421,7 @@ var Zo = (e) => {
 		disabled: a || !u.isStructureAllowed(),
 		children: ["Rename", i === "sheet" ? "" : " Sheet"]
 	}) });
-	let g = on(m, {
+	let g = an(m, {
 		variant: x.Menuitem,
 		dividerOrientation: "horizontal",
 		groupKey: i,
@@ -10449,10 +10449,10 @@ var es = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 		}
 	});
 	let f = (0, Q.useMemo)(() => {
-		let e = [], t = n.getSheets().getItems({ visibility: wn.Visibility.Hidden }), i = n.getSelectedSheet();
+		let e = [], t = n.getSheets().getItems({ visibility: Tn.Visibility.Hidden }), i = n.getSelectedSheet();
 		for (let n = 0; n < t.length; n++) {
 			let a = t[n], o = a.getVisibility();
-			if (o === wn.Visibility.VeryHidden) continue;
+			if (o === Tn.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: {
@@ -10470,14 +10470,14 @@ var es = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 				children: (0, $.jsx)(R, { sx: {
 					flex: "1 1 100%",
 					boxSizing: "content-box",
-					opacity: s || o === wn.Visibility.Hidden ? "50%" : "100%",
+					opacity: s || o === Tn.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 !== wn.Visibility.Visible && (g = (0, $.jsx)(u, {
+			c && (g = (0, $.jsx)(u, { iconKey: "Lock" })), o !== Tn.Visibility.Visible && (g = (0, $.jsx)(u, {
 				iconKey: "VisibilityOff",
 				style: { opacity: l.isStructureAllowed() ? 1 : .7 },
 				color: "secondary"
@@ -10493,12 +10493,12 @@ var es = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					}
 				},
 				children: g
-			}), e.push((0, $.jsx)(Qt, {
-				disabled: !l.isStructureAllowed() && o === wn.Visibility.Hidden,
+			}), e.push((0, $.jsx)($t, {
+				disabled: !l.isStructureAllowed() && o === Tn.Visibility.Hidden,
 				sx: {
 					color: (e) => {
 						let t = s ? e.palette.primary.main : e.palette.text.secondary;
-						return m && (t = m), o === wn.Visibility.Hidden && (t = E(t, e.palette.action.disabledOpacity)), t;
+						return m && (t = m), o === Tn.Visibility.Hidden && (t = E(t, e.palette.action.disabledOpacity)), t;
 					},
 					borderLeft: (e) => `${s ? e.palette.primary.main : "transparent"} solid 2px`,
 					paddingLeft: "4px",
@@ -10507,7 +10507,7 @@ var es = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 					fontWeight: s ? "700" : "400",
 					"&:hover": { fontWeight: "700" }
 				},
-				icon: s ? (0, $.jsx)(_t, {}) : void 0,
+				icon: s ? (0, $.jsx)(gt, {}) : void 0,
 				onMouseDown: (e) => e.preventDefault(),
 				onMouseUp: () => {
 					Promise.resolve(r.closeAll()).then(() => {
@@ -10568,7 +10568,7 @@ es.displayName = "SheetsAllMenu";
 var ts = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { movable: n, disabled: r, floatReference: i, ...a } = e;
 	q(n, { onAnyChange(e) {} });
-	let o = S(), s = { disabled: r }, c = on(o.resolveMembers("movableContextMenu") ?? [], {
+	let o = S(), s = { disabled: r }, c = an(o.resolveMembers("movableContextMenu") ?? [], {
 		variant: x.Menuitem,
 		dividerOrientation: "horizontal",
 		groupKey: "movableContextMenu",
@@ -10647,7 +10647,7 @@ var ns = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	}), [l, c]), k = (0, $.jsx)(Fe, {
 		disableInteractive: !0,
 		title: _ ? "" : f("workbookStrip.listAllSheets"),
-		children: (0, $.jsx)(ft, {
+		children: (0, $.jsx)(ut, {
 			sx: {
 				padding: "0px",
 				ml: .5,
@@ -10672,15 +10672,15 @@ var ns = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 			icon: (0, $.jsx)(u, { iconKey: "Menu" })
 		})
 	});
-	return (0, $.jsxs)(Bt, {
+	return (0, $.jsxs)(Ot, {
 		ref: m,
 		workbook: n,
 		disabled: r,
 		renderSheetTab: O,
 		onTabContextMenu: D,
 		renderScrollButtonStart: sn,
-		renderScrollButtonEnd: mt,
-		renderScrollButtonEdge: qt,
+		renderScrollButtonEnd: ft,
+		renderScrollButtonEdge: Jt,
 		...d,
 		children: [
 			k,
@@ -10702,18 +10702,18 @@ var rs = (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)(Ct, {
+		_.push("-"), _.push(d?.getHyperlink() ? { render: (e) => (0, $.jsx)(Tt, {
 			...e,
 			groupKey: "hyperlinkOptions",
 			members: ["updateHyperlink", "deleteHyperlink"],
 			quickCommand: "openHyperlink"
-		}) } : "updateHyperlink"), _.push(d?.getComments() ? { render: (e) => (0, $.jsx)(Ct, {
+		}) } : "updateHyperlink"), _.push(d?.getComments() ? { render: (e) => (0, $.jsx)(Tt, {
 			...e,
 			members: ["deleteComments"],
 			quickCommand: "updateComments"
 		}) } : "updateComments");
 		let e = d?.getTable();
-		_.push(e ? { render: (t) => (0, $.jsx)(Ct, {
+		_.push(e ? { render: (t) => (0, $.jsx)(Tt, {
 			...t,
 			groupKey: "tableOptions",
 			members: ["convertTableToRange", "deleteTable"],
@@ -10723,7 +10723,7 @@ var rs = (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 = on([
+	let y = an([
 		...p.resolveMembers("contextMenu") ?? [],
 		..._,
 		...v,
@@ -10747,11 +10747,11 @@ var rs = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	});
 }));
 rs.displayName = "WorkbookContextMenu";
-var is = (e) => (0, $.jsx)(ts, { ...e }), as = (e) => (0, $.jsx)(rs, { ...e }), os = (e) => (0, $.jsx)(Xo, { ...e }), ss = (e) => (0, $.jsx)(Jo, { ...e }), cs = (e) => (0, $.jsx)(Gt, {
+var is = (e) => (0, $.jsx)(ts, { ...e }), as = (e) => (0, $.jsx)(rs, { ...e }), os = (e) => (0, $.jsx)(Xo, { ...e }), ss = (e) => (0, $.jsx)(Jo, { ...e }), cs = (e) => (0, $.jsx)(qt, {
 	transitionDelay: "160ms",
 	transparentBackground: !0,
 	...e
-}), ls = (e) => (0, $.jsx)(Dt, {
+}), ls = (e) => (0, $.jsx)(kt, {
 	hideStackTrace: !0,
 	...e
 }), us = (e) => {
@@ -10772,10 +10772,10 @@ var is = (e) => (0, $.jsx)(ts, { ...e }), as = (e) => (0, $.jsx)(rs, { ...e }),
 		...a,
 		children: r
 	});
-}, hs = (e) => (0, $.jsx)(gt, {
+}, hs = (e) => (0, $.jsx)(At, {
 	slotSurface: ms,
 	...e
-}), gs = (0, Q.memo)((0, Q.forwardRef)((e, t) => (0, $.jsx)(vt, { children: (0, $.jsx)(Yt, {
+}), gs = (0, Q.memo)((0, Q.forwardRef)((e, t) => (0, $.jsx)(vt, { children: (0, $.jsx)(Rt, {
 	ref: t,
 	renderTabs: ds,
 	renderContextMenu: as,
@@ -10961,8 +10961,8 @@ var _s = (e = !1, t = !1) => t ? null : {
 vs.displayName = "DocumentTitle";
 var ys = () => (0, $.jsx)($.Fragment, {}), bs = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
 	let { sx: n, style: r, className: i, licenseKey: a, renderDocumentLoading: o = cs, propsDocumentLoading: s, onWorkbookLoad: c, onDocumentError: l, ...u } = e;
-	a && _n.setLicenseKey(a);
-	let [d] = D(dt.Mode, void 0), { themeMode: f } = re({ mode: d ?? void 0 }), p = f === "dark", [m, h] = (0, Q.useState)(!1), g = (0, Q.useMemo)(() => !o || m ? null : (0, $.jsx)(he, {
+	a && bn.setLicenseKey(a);
+	let [d] = D(tn.Mode, void 0), { themeMode: f } = re({ mode: d ?? void 0 }), p = f === "dark", [m, h] = (0, Q.useState)(!1), g = (0, Q.useMemo)(() => !o || m ? null : (0, $.jsx)(he, {
 		sx: n,
 		style: {
 			backgroundColor: `var(--sxl-color-base-100, ${p ? "#121212" : "#fff"})`,
@@ -10987,7 +10987,7 @@ var ys = () => (0, $.jsx)($.Fragment, {}), bs = (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("./CRsnKeHAnKrWvuG52.mjs")), []), {
+		children: (0, $.jsx)((0, Q.useMemo)(() => (0, Q.lazy)(async () => await import("./C6CK_4GD9IpxKglV2.mjs")), []), {
 			...u,
 			className: i,
 			onWorkbookLoad: (e) => (requestAnimationFrame(() => requestAnimationFrame(() => h(!0))), c?.(e)),
@@ -11002,7 +11002,7 @@ var ys = () => (0, $.jsx)($.Fragment, {}), bs = (0, Q.memo)((0, Q.forwardRef)((e
 bs.displayName = "Studio";
 var xs = (e = {}) => {
 	let { source: t, documentTitle: n, confirmOnClose: r, keyboardGuard: i } = e, a = qi(), [o, s] = (0, Q.useState)(null), [c, l] = (0, Q.useState)(!1);
-	at(Kt(o), c, {
+	Pt(_t(o), c, {
 		documentTitle: n,
 		confirmOnClose: r,
 		keyboardGuard: i
@@ -11047,7 +11047,7 @@ var xs = (e = {}) => {
 	ColorPanelType: () => ni,
 	ColorPopupButton: () => fi,
 	ColumnMenu: () => Xo,
-	DefaultTaskPaneRegistry: () => tn,
+	DefaultTaskPaneRegistry: () => Xt,
 	DefaultWorkbookToolbars: () => _o,
 	DocThemeCommandButton: () => pa,
 	DocumentTitle: () => vs,
@@ -11066,7 +11066,7 @@ var xs = (e = {}) => {
 	InsertFunctionOption: () => Wn,
 	InsertFunctionSumCommandPopupButton: () => go,
 	InsertFunctionWizard: () => Un,
-	LicenseManager: () => _n,
+	LicenseManager: () => bn,
 	NAMED_TYPE_FORMULA: () => Po,
 	NamedCollectionEditor: () => No,
 	NamedDetailsPanel: () => Uo,
@@ -11102,7 +11102,7 @@ var xs = (e = {}) => {
 	WalkingCopyCommandButton: () => va,
 	WorkbookContextMenu: () => rs,
 	WorkbookElement: () => gs,
-	WorkbookIO: () => Rt,
+	WorkbookIO: () => Yt,
 	WorkbookProtectionDialog: () => pn,
 	WorkbookProtectionPanel: () => fn,
 	WorkbookStrip: () => ns,
@@ -11121,10 +11121,10 @@ var xs = (e = {}) => {
 	renderWorkbookSheetTab: () => hs,
 	renderWorkbookToolbars: () => vo,
 	saveNamedDraft: () => zo,
-	setPrintExamplesOnLoad: () => Ut,
+	setPrintExamplesOnLoad: () => on,
 	tokensToMuiOptions: () => la,
 	useModelListener: () => q,
-	useRangeListener: () => zt,
+	useRangeListener: () => Qt,
 	useStudioApp: () => xs
 });
 (function() {
@@ -11140,7 +11140,7 @@ var xs = (e = {}) => {
 var Cs = (e) => {
 	e.button === 0 && e.preventDefault();
 }, ws = (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 = Bn(), T = s && w ? w.register(s, c) : null, E = en({
+	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 = Bn(), T = s && w ? w.register(s, c) : null, E = Kt({
 		value: o ?? "",
 		onChange: l,
 		onChangeText: d,
@@ -11174,7 +11174,7 @@ var Cs = (e) => {
 				}
 			},
 			position: "end",
-			children: [(0, $.jsx)(ft, {
+			children: [(0, $.jsx)(ut, {
 				dense: !0,
 				outlined: !1,
 				color: "primary",
@@ -11190,7 +11190,7 @@ var Cs = (e) => {
 				onClick: () => {
 					E.commit();
 				}
-			}), (0, $.jsx)(ft, {
+			}), (0, $.jsx)(ut, {
 				dense: !0,
 				outlined: !1,
 				color: "warning",