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

package/browser/esm/index.mjs

@@ -1,677 +1,81 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (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 "./DLqc11Pf8vaE4Q5B.mjs";
-import { i as n, r, t as i } from "./C4VT6lNbpaDXCpBb.mjs";
-import { w as a } from "./CMxbiQ5J79M3n1tk.mjs";
-import { Et as o, I as s, T as c, V as l, W as u, ft as d, m as f, o as p, tt as m, u as h, y as g } from "./BThOwSja2ra4xejQ.mjs";
-import { t as _ } from "./DjdkGy-EI1kSo226.mjs";
-import { n as v } from "./BCWTI3jdTPG37r8W.mjs";
-import { Vt as y } from "./BNIInlJQbJjH8B6G.mjs";
-import { G as b, H as x, S, c as C, ct as w, et as T, it as E, l as D, m as O, vt as k } from "./sxxbiJiCMOW2Eivd.mjs";
-import { t as A } from "./rkTVQiYG3wd8oPom.mjs";
-import { B as ee, h as j, j as te } from "./CtZPEkaldpJpoGtW.mjs";
-import { $ as ne, $t as re, A as ie, An as ae, At as oe, B as se, C as ce, Cn as le, Ct as ue, D as de, Dn as fe, Dt as pe, E as me, En as he, Et as ge, F as _e, Ft as ve, Gt as ye, H as be, Ht as xe, I as Se, It as Ce, J as we, K as Te, Kt as Ee, L as De, Lt as Oe, M as ke, Mt as Ae, N as je, O as Me, On as Ne, P as Pe, Pt as Fe, Q as Ie, R as Le, S as Re, Sn as ze, T as Be, Tn as Ve, Tt as He, U as Ue, Ut as We, V as Ge, Vt as Ke, W as qe, Wt as Je, X as Ye, Xt as Xe, Y as Ze, Yt as Qe, Zt as $e, _ as et, _t as tt, a as nt, an as rt, at as it, b as at, bn as ot, bt as st, c as ct, cn as lt, ct as ut, d as dt, dn as ft, dt as pt, et as mt, f as ht, fn as gt, ft as _t, g as vt, gt as yt, h as bt, hn as xt, ht as St, i as Ct, in as wt, it as Tt, j as Et, k as Dt, kn as Ot, kt, l as At, ln as jt, m as Mt, mn as Nt, mt as Pt, n as Ft, o as It, ot as Lt, p as Rt, pt as zt, q as Bt, qt as Vt, r as Ht, s as Ut, sn as Wt, st as Gt, t as Kt, tn as qt, u as Jt, un as Yt, ut as Xt, v as Zt, w as Qt, wn as $t, wt as en, x as tn, xt as nn, y as rn, z as an, zt as on } from "./D7kkzIFPqKBK94kO.mjs";
-import { t as M } from "./-LoBx7J6imeqaxCq.mjs";
-import { C as N, D as sn, F as cn, _ as ln, t as P, v as F, x as I, y as un } from "./DvWCBuY0jAL-RmJV.mjs";
-import { t as dn } from "./Chr_TXM-48IsK8Va.mjs";
-import { C as fn, E as pn, S as mn, T as hn, _ as gn, a as _n, b as vn, c as yn, d as bn, f as xn, g as Sn, h as Cn, i as wn, l as Tn, m as En, n as Dn, o as On, p as kn, r as An, s as jn, t as Mn, u as Nn, w as Pn, x as Fn, y as In } from "./D8exjrado9TJrBp-.mjs";
-import { n as Ln, t as Rn } from "./D7CGuQcwpkiuesEI.mjs";
-import { a as zn, i as Bn, n as Vn, o as Hn, r as Un, t as Wn } from "./_zRV52yhE4gPf3XI.mjs";
-import { t as Gn } from "./Dme0qpRinBnhzp53.mjs";
-var L = /* @__PURE__ */ new Map(), R = (e, t = {}) => {
+import { r as e } from "./D90zUAjsvdYt4zAc.mjs";
+import { i as t, r as n, t as r } from "./CFPaTEuxUxH48Dnc.mjs";
+import { i, n as a } from "./B_9GaCdaUs6AlWf3.mjs";
+var o, s, c = /* @__PURE__ */ new Map(), l = (e, t = {}) => {
 	let { message: n, icon: r, customElement: i, hide: a = !1, className: o, cssVars: s = {} } = t;
 	if (a) return;
-	let c = typeof e == "string" ? document.querySelector(e) : e;
-	if (!c) return void console.warn(`Element with selector "${e}" not found for panel.`);
-	let l;
-	if (z(e), i) l = i;
+	let l = typeof e == "string" ? document.querySelector(e) : e;
+	if (!l) return void console.warn(`Element with selector "${e}" not found for panel.`);
+	let d;
+	if (u(e), i) d = i;
 	else {
-		l = document.createElement("div"), l.className = o ? `sheetxl-panel ${o}` : "sheetxl-panel";
-		let e = Object.entries(s).map(([e, t]) => `--sheetxl-panel-${e}: ${t};`).join(" "), t = document.createElement("style");
-		if (t.textContent = "\n        @keyframes sheetxl-spin {\n          from { transform: rotate(0deg); }\n          to { transform: rotate(360deg); }\n        }\n        .sheetxl-panel {\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          backdrop-filter: blur(4px);\n          border-radius: 4px;\n          z-index: 9999;\n          gap: 16px;\n\n          /* CSS variables with fallbacks */\n          color: var(--sheetxl-panel-color, #333);\n        }\n\n        .sheetxl-panel.dark {\n          color: var(--sheetxl-panel-color, #e0e0e0);\n        }\n\n        .sheetxl-icon {\n          width: 24px;\n          height: 24px;\n          color: var(--sheetxl-panel-icon-color, #1976d2);\n        }\n\n        .sheetxl-panel.loading {\n          /* Loading panel defaults */\n          color: var(--sheetxl-panel-color, #333);\n        }\n\n        .sheetxl-panel.loading.dark {\n          color: var(--sheetxl-panel-color, #e0e0e0);\n        }\n\n        .sheetxl-panel.error {\n          /* Error panel defaults */\n          color: var(--sheetxl-panel-color, #d32f2f);\n        }\n\n        .sheetxl-panel.error.dark {\n          color: var(--sheetxl-panel-color, #f44336);\n        }\n\n        .sheetxl-panel.error .sheetxl-icon {\n          color: var(--sheetxl-panel-icon-color, #d32f2f);\n        }\n\n        .sheetxl-panel.error.dark .sheetxl-icon {\n          color: var(--sheetxl-panel-icon-color, #f44336);\n        }\n\n        .sheetxl-message {\n          font-size: 1.1em;\n          font-weight: 500;\n          letter-spacing: 0.1px;\n          text-align: center;\n          margin: 0;\n        }\n      ", l.appendChild(t), r) {
+		d = document.createElement("div"), d.className = o ? `sheetxl-panel ${o}` : "sheetxl-panel";
+		let e = Object.entries(s).map(([e, t]) => `--sheetxl-panel-${e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`)}: ${t};`).join(" "), t = document.createElement("style");
+		if (t.textContent = "\n        @keyframes sheetxl-spin {\n          from { transform: rotate(0deg); }\n          to { transform: rotate(360deg); }\n        }\n        .sheetxl-panel {\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n          backdrop-filter: blur(4px);\n          border-radius: 4px;\n          z-index: 9999;\n          gap: 16px;\n\n          /* CSS variables with fallbacks */\n          color: var(--sheetxl-panel-color, #333);\n        }\n\n        .sheetxl-panel.dark {\n          color: var(--sheetxl-panel-color, #e0e0e0);\n        }\n\n        .sheetxl-icon {\n          width: 24px;\n          height: 24px;\n          color: var(--sheetxl-panel-icon-color, #1976d2);\n        }\n\n        .sheetxl-panel.loading {\n          /* Loading panel defaults */\n          color: var(--sheetxl-panel-color, #333);\n        }\n\n        .sheetxl-panel.loading.dark {\n          color: var(--sheetxl-panel-color, #e0e0e0);\n        }\n\n        .sheetxl-panel.error {\n          /* Error panel defaults */\n          color: var(--sheetxl-panel-color, #d32f2f);\n        }\n\n        .sheetxl-panel.error.dark {\n          color: var(--sheetxl-panel-color, #f44336);\n        }\n\n        .sheetxl-panel.error .sheetxl-icon {\n          color: var(--sheetxl-panel-icon-color, #d32f2f);\n        }\n\n        .sheetxl-panel.error.dark .sheetxl-icon {\n          color: var(--sheetxl-panel-icon-color, #f44336);\n        }\n\n        .sheetxl-message {\n          font-size: 1.1em;\n          font-weight: 500;\n          letter-spacing: 0.1px;\n          text-align: center;\n          margin: 0;\n        }\n      ", d.appendChild(t), r) {
 			let e = document.createElement("div");
-			e.className = "sheetxl-icon", typeof r == "string" ? e.innerHTML = r : r instanceof HTMLElement && e.appendChild(r), l.appendChild(e);
+			e.className = "sheetxl-icon", typeof r == "string" ? e.innerHTML = r : r instanceof HTMLElement && e.appendChild(r), d.appendChild(e);
 		}
 		if (n) {
 			let e = document.createElement("div");
-			e.className = "sheetxl-message", e.textContent = n, l.appendChild(e);
+			e.className = "sheetxl-message", e.textContent = n, d.appendChild(e);
 		}
-		e && (l.style.cssText += e), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && l.classList.add("dark");
+		e && (d.style.cssText += e), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && d.classList.add("dark");
 	}
-	window.getComputedStyle(c).position === "static" && (c.style.position = "relative"), c.appendChild(l), L.set(e, l);
-}, z = (e) => {
-	let t = L.get(e);
-	t && t.parentNode && (t.parentNode.removeChild(t), L.delete(e));
-}, B = (e, t = {}) => {
-	R(e, {
+	window.getComputedStyle(l).position === "static" && (l.style.position = "relative"), l.appendChild(d), c.set(e, d);
+}, u = (e) => {
+	let t = c.get(e);
+	t && t.parentNode && (t.parentNode.removeChild(t), c.delete(e));
+}, d = (e, t = {}) => {
+	l(e, {
 		icon: "\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" style=\"animation: sheetxl-spin 1s linear infinite;\">\n        <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"31.416\" stroke-dashoffset=\"31.416\">\n          <animate attributeName=\"stroke-dasharray\" dur=\"2s\" values=\"0 31.416;15.708 15.708;0 31.416\" repeatCount=\"indefinite\"/>\n          <animate attributeName=\"stroke-dashoffset\" dur=\"2s\" values=\"0;-15.708;-31.416\" repeatCount=\"indefinite\"/>\n        </circle>\n      </svg>\n    ",
 		className: "loading",
 		...t
 	});
-}, V = (e, t = {}) => {
-	R(e, {
+}, f = (e, t = {}) => {
+	l(e, {
 		message: "Failed to load SheetXL",
 		icon: "\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\"/>\n      </svg>\n    ",
 		className: "error",
 		...t
 	});
-}, H = /* @__PURE__ */ new Map(), U = t(i(), 1), W = e({
-	AlignmentPanel: () => nt,
-	AppearanceCommandButton: () => Kn,
-	AutoColorPosition: () => wn,
-	BorderCommandButton: () => je,
-	BorderPanel: () => xt,
-	BorderPopupButton: () => Je,
-	BorderPreview: () => Te,
-	BorderStylePopupButton: () => En,
-	BorderTemplateIcon: () => Ht,
-	COMMENTS_FILTER_KEY: () => Xe,
-	CalculationOptionsCommandButton: () => Lt,
-	CalculationRequiredStatus: () => ft,
-	CircularReferenceStatus: () => Ae,
-	ColorButton: () => mn,
-	ColorButtonList: () => gn,
-	ColorCommandButton: () => Pt,
-	ColorPanel: () => Fn,
-	ColorPanelType: () => Sn,
-	ColorPopupButton: () => kn,
-	ColumnMenu: () => $t,
-	CommentCard: () => rt,
-	CommentsPlugin: () => lt,
-	CommentsTaskPane: () => oe,
-	DEFAULT_GRADIENT: () => yn,
-	DefaultTaskPaneRegistry: () => x,
-	DefaultWorkbookToolbars: () => zt,
-	DocThemeCommandButton: () => we,
-	DocumentTitle: () => le,
-	ExternalLinkCardBody: () => Tt,
-	ExternalLinkChip: () => pt,
-	ExternalLinkLocation: () => Zt,
-	ExternalLinkSettingsTab: () => de,
-	ExternalLinksPanel: () => St,
-	ExternalLinksPlugin: () => ge,
-	ExternalLinksTaskPane: () => Ft,
-	FORMAT_TAB_KEY: () => $e,
-	FORMAT_TASK_PANE_KEY: () => Yt,
-	FORMULA_BAR_EDITOR_ID: () => Le,
-	FORMULA_FIELD_ABOVE_LABEL_HEIGHT: () => Rn,
-	FileCommandButton: () => J,
-	FillMenu: () => ut,
-	FillPanel: () => xn,
-	FontFamilyCommandButton: () => Bt,
-	FontPanel: () => it,
-	FontSizeCommandButton: () => De,
-	FormatButtonGroup: () => Mn,
-	FormatCellPreview: () => Ee,
-	FormatNumberField: () => An,
-	FormatPlugin: () => re,
-	FormatRow: () => pn,
-	FormatSection: () => Tn,
-	FormatTab: () => ue,
-	FormatTaskPane: () => He,
-	FormulaBar: () => Ze,
-	FormulaField: () => Ln,
-	FunctionArgumentsPanel: () => Hn,
-	FunctionSearchPanel: () => Wn,
-	GradientEditor: () => On,
-	GradientStopsBar: () => vn,
-	INSERT_FUNCTION_PAGE_CLASS: () => Un,
-	InputField: () => dn,
-	InsertFunctionCommandPopupButton: () => bt,
-	InsertFunctionOption: () => Bn,
-	InsertFunctionSumCommandPopupButton: () => qn,
-	InsertFunctionWizard: () => Vn,
-	ItemCard: () => Dt,
-	ItemCardAction: () => Gt,
-	ItemsSearchField: () => gt,
-	LicenseManager: () => y,
-	LinePanel: () => Gn,
-	ManageProtectionTaskPane: () => Se,
-	MobileFormulaBar: () => tn,
-	MobileInputToolbar: () => Ut,
-	NAMED_TYPE_FORMULA: () => Ce,
-	NamedCollectionEditor: () => Ke,
-	NamedDetailsPanel: () => Ct,
-	NamedDetailsTaskPane: () => ye,
-	NamedEditorPanel: () => dt,
-	NamedPlugin: () => Pe,
-	NumberFormatCommandButton: () => Xt,
-	NumberFormatOption: () => Ue,
-	NumberFormatPanel: () => Re,
-	NumberStats: () => Wt,
-	PATTERN_GALLERY: () => Cn,
-	PREVIEW_EDGES: () => rn,
-	PasswordDialog: () => Y,
-	PasswordField: () => on,
-	PasteCommandButton: () => pe,
-	PatternPopupButton: () => Nn,
-	PatternSwatch: () => hn,
-	PresetCellStylesCommandButton: () => We,
-	PresetChip: () => ve,
-	PresetSlicerStylesCommandButton: () => ne,
-	PresetTableStylesCommandButton: () => mt,
-	ProtectedCellsPanel: () => Ye,
-	ProtectedRangeDetailsTaskPane: () => be,
-	ProtectionPlugin: () => Mt,
-	SheetProtectionPanel: () => Ne,
-	SheetTabMenu: () => ce,
-	SheetZoomCommandButton: () => Qe,
-	SheetZoomScale: () => wt,
-	SheetsAllMenu: () => Et,
-	SlicerPlugin: () => ht,
-	StatusBar: () => qt,
-	Studio: () => X,
-	StyledStrokeIcon: () => In,
-	TableDetailsPanel: () => fe,
-	TableDetailsTaskPane: () => st,
-	TablePlugin: () => ct,
-	TableStyleCanvasPreview: () => ot,
-	TableStyleOptionsPanel: () => jt,
-	TableStylePreview: () => Nt,
-	TextEffectsCommandButton: () => Kt,
-	TextRotateGroupButton: () => Jt,
-	ThemeSelectButton: () => At,
-	ThemeSelectPanel: () => se,
-	ThemeSelectPopupButton: () => Vt,
-	UndoRedoCommandButton: () => me,
-	WalkingCopyCommandButton: () => at,
-	WorkbookContextMenu: () => It,
-	WorkbookElement: () => Oe,
-	WorkbookIO: () => T,
-	WorkbookProtectionPanel: () => Fe,
-	WorkbookProtectionTab: () => Ve,
-	WorkbookStrip: () => Ot,
-	WorkbookToolbars: () => kt,
-	createNamedDraft: () => nn,
-	createStudioThemeCSS: () => ie,
-	createThemeFromMUITheme: () => _e,
-	edgeLabel: () => Me,
-	edgesAt: () => yt,
-	expressionOf: () => ze,
-	fillSelectionOf: () => bn,
-	isEditableNamed: () => tt,
-	numberFormatCategoryLabel: () => Qt,
-	numberFormatTypeLabel: () => vt,
-	onReselect: () => Dn,
-	optionsForPage: () => zn,
-	panelSx: () => _n,
-	patternLabel: () => Pn,
-	registerSheetCommandGroups: () => ke,
-	registerStudioCommandCatalogs: () => Rt,
-	registerStudioCommandGroups: () => Be,
-	registerWorkbookCommandGroups: () => et,
-	renderWorkbookSheetTab: () => xe,
-	renderWorkbookToolbars: () => _t,
-	saveNamedDraft: () => he,
-	setPrintExamplesOnLoad: () => b,
-	t: () => Jn,
-	toGradientValue: () => jn,
-	toPatternSlots: () => fn,
-	tokensToMuiOptions: () => Ge,
-	useFormatSelection: () => an,
-	useFormulaBarSession: () => qe,
-	useModelListener: () => v,
-	useRangeListener: () => S,
-	useStudioApp: () => $n
-}), G = t(n(), 1), K = t(r(), 1);
-(function() {
-	try {
-		if (typeof document < "u") {
-			var e = document.createElement("style");
-			e.appendChild(document.createTextNode("._sheetxl-reset_11z3j_1{margin:0;padding:0;line-height:1;display:block}._sheetxl-reset_11z3j_1 table,._sheetxl-reset_11z3j_1 thead,._sheetxl-reset_11z3j_1 tbody,._sheetxl-reset_11z3j_1 tfoot,._sheetxl-reset_11z3j_1 tr,._sheetxl-reset_11z3j_1 th,._sheetxl-reset_11z3j_1 td{border-collapse:inherit;border-spacing:0;border:none;border-color:inherit;width:auto;height:auto;vertical-align:inherit;text-align:left;font-weight:inherit;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;margin:0;padding:0;display:block}._sheetxl-reset_11z3j_1 th,._sheetxl-reset_11z3j_1 td{display:inline}html{color:initial}._table-style-options-container_1kfn2_1{container-type:inline-size}._table-style-options_1kfn2_1{user-select:none;grid-template-columns:1fr;display:grid;@container (width>600px){grid-template-rows:repeat(3,auto);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px}}._range-row_1yps2_1{flex-direction:column;flex:100%;align-items:center;row-gap:8px;width:100%;display:flex;@container (width>600px){flex-direction:row;justify-content:space-between;gap:12px}}._action-row_1yps2_17{flex-direction:column;align-items:start;gap:4px;width:100%;display:flex;@container (width>600px){flex-direction:row;justify-content:space-evenly;align-items:center}}._details-panel_mdq6z_1{box-sizing:border-box;background:0 0;flex-direction:column;flex:auto;align-items:stretch;width:100%;height:100%;display:flex;overflow:hidden}._editor_mdq6z_13{flex-direction:column;height:100%;display:flex}._editor-panel_mdq6z_19{flex-direction:column;display:flex}._editor-buttons_mdq6z_24{justify-content:flex-end;display:flex}._card_mdq6z_29{flex-direction:column;display:flex}._stats-items_151a8_1{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px;min-width:0;max-height:1rem;display:flex;overflow:hidden}._stats-item_151a8_1{flex-shrink:0}._stats-item-label_151a8_15{user-select:none;white-space:nowrap;cursor:pointer;border-radius:2px;align-items:center;gap:4px;padding:0 4px;transition:background-color .2s;display:flex}._stats-item-label_151a8_15:hover{background-color:#0000000a}._stats-item-label_151a8_15:active{background-color:#00000014}._formula-bar_uer84_1{flex-direction:row;flex:100%;align-items:start;display:flex}._card_h0jnt_7{width:100%}._actionRoot_h0jnt_11{justify-content:space-between;padding:8px 8px 8px 16px}._icons_h0jnt_16{align-items:center;margin-left:auto;display:flex}._expand_h0jnt_22{color:var(--sxl-color-error-content);padding:8px;transition:all .2s ease-in-out;transform:rotate(0)}._expandOpen_h0jnt_29{transform:rotate(180deg)}._stackTraceContainer_h0jnt_33{padding:16px}._paper_h0jnt_37{background-color:#fff;padding:16px}._checkIcon_h0jnt_42{padding-right:4px;font-size:20px}._button_h0jnt_47{text-transform:none;padding:0}._styled-resizer_fdl5y_3{background-color:var(--sxl-color-neutral,grey)}._styled-resizer_fdl5y_3:hover,.splitPane.dragging ._styled-resizer_fdl5y_3{background-color:var(--sxl-color-primary,blue)}/*$vite$:1*/")), document.head.appendChild(e);
-		}
-	} catch (e) {
-		console.error("vite-plugin-css-injected-by-js", e);
-	}
-})();
-var q = Object.defineProperty, J = (0, G.memo)((0, G.forwardRef)((e, t) => {
-	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, G.useState)([]), l = T.canWrite(), p = T.canRead();
-	(0, G.useEffect)(() => {
-		let e = !0;
-		return T.getWriteFormats().then((t) => {
-			e && o(t);
-		}), () => {
-			e = !1;
-		};
-	}, []);
-	let m = D(), h = O(m), g = (0, G.useMemo)(() => {
-		if (a.length === 0) return null;
-		let e = h?.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];
-	}, [a, h]), [_] = d(g ? `saveWorkbookAs${g.key}` : []), v = s(), y = v.resolveMembers("newWorkbookOptions") ?? ["newWorkbook"], b = f((e) => {
-		let t = {
-			variant: u.Menuitem,
-			groupKey: n,
-			disabled: r
-		}, i = (0, K.jsxs)(K.Fragment, { children: [
-			y.length > 1 ? (0, K.jsx)(I, {
-				...t,
-				quickCommand: "newWorkbook",
-				createPopupPanel: (e) => {
-					let t = cn(y, {
-						variant: u.Menuitem,
-						dividerOrientation: "horizontal",
-						groupKey: "newWorkbookOptions",
-						registry: v,
-						propsCommandButton: { disabled: r },
-						propsCommandPopup: { disabled: r }
-					});
-					return P({
-						...e,
-						children: t,
-						onClick: () => {
-							e.closeFloatAll?.();
-						}
-					});
-				}
-			}) : (0, K.jsx)(F, {
-				...t,
-				commandKey: "newWorkbook"
-			}),
-			(0, K.jsx)(N, { orientation: "horizontal" }),
-			p ? (0, K.jsx)(I, {
-				...t,
-				quickCommand: "openWorkbook",
-				createPopupPanel: (e) => {
-					let n = {
-						...t,
-						groupKey: "openWorkbookOptions"
-					}, r = [(0, G.createElement)(F, {
-						...n,
-						key: "device",
-						commandKey: "openWorkbook"
-					}), (0, G.createElement)(F, {
-						...n,
-						key: "web",
-						commandKey: "openWorkbookFromUrl"
-					})];
-					return P({
-						...e,
-						children: r,
-						onClick: () => {
-							e.closeFloatAll?.();
-						}
-					});
-				}
-			}) : null,
-			l && a.length > 0 ? (0, K.jsx)(I, {
-				...t,
-				quickCommand: "saveWorkbook",
-				createPopupPanel: (e) => {
-					let n = {
-						...t,
-						groupKey: "saveWorkbookOptions"
-					}, r = [(0, G.createElement)(F, {
-						...n,
-						key: "saveWorkbookAs",
-						commandKey: "saveWorkbookAs",
-						label: _?.getLabel("saveWorkbookOptions"),
-						icon: _?.getIcon("saveWorkbookOptions")
-					})], i = a.filter((e) => !e.advanced && e.key !== g?.key);
-					return i.length > 0 && r.push((0, K.jsx)(N, { orientation: "horizontal" }, "divider")), i.forEach((e) => {
-						let t = e.key, i = `saveWorkbookAs${t}`;
-						r.push((0, G.createElement)(F, {
-							...n,
-							key: t,
-							commandKey: i
-						}));
-					}), P({
-						...e,
-						children: r,
-						onClick: () => {
-							e.closeFloatAll?.();
-						}
-					});
-				}
-			}) : null
-		] });
-		return P({
-			...e,
-			children: i,
-			onClick: (t) => {
-				t.isDefaultPrevented() || e.closeFloatAll?.();
-			}
-		});
-	}, [
-		r,
-		n,
-		a,
-		g,
-		_,
-		y,
-		v
-	]), x = c("fileOptions"), S = x?.getLabel?.() ?? "File", C = x?.getDescription?.() ?? "Options for saving and loading the workbook.";
-	return (0, K.jsx)(I, {
-		disabled: r,
-		groupKey: n,
-		label: S,
-		tooltip: C,
-		sx: {
-			paddingBottom: "0px",
-			"& button": {
-				paddingTop: "0px",
-				paddingBottom: "0px",
-				height: (e) => `calc(1.25rem + ${e.spacing(2)}px)`
-			}
-		},
-		...i,
-		createPopupPanel: b,
-		icon: (0, K.jsx)(un, {
-			className: "label",
-			icon: null,
-			label: S
-		})
-	});
-}));
-J.displayName = "FileCommandButton";
-var Kn = (0, G.memo)((0, G.forwardRef)((e, t) => {
-	let { groupKey: n, disabled: r, ...i } = e, [a] = d(["themeMode"]), o = c("appearanceOptions"), s = f((e) => {
-		let t = {
-			variant: u.Menuitem,
-			groupKey: "appearanceOptions",
-			disabled: r
-		}, n = (0, K.jsxs)(K.Fragment, { children: [
-			(0, K.jsx)(F, {
-				...t,
-				commandKey: "themeMode"
-			}),
-			(0, K.jsx)(F, {
-				...t,
-				commandKey: "defaultThemeMode"
-			}),
-			(0, K.jsx)(N, { orientation: "horizontal" }),
-			(0, K.jsx)(F, {
-				...t,
-				commandKey: "enableDarkGrid"
-			}),
-			(0, K.jsx)(F, {
-				...t,
-				commandKey: "enableDarkImages"
-			})
-		] });
-		return P({
-			...e,
-			children: n
-		});
-	}, [
-		r,
-		a,
-		n
-	]), l = a?.getState(), p = ae("(prefers-color-scheme: dark)"), m = l === "dark" || l === null && p, h = a?.getState() !== null;
-	return (0, K.jsx)(I, {
-		ref: t,
-		quickCommand: "themeMode",
-		createPopupPanel: s,
-		label: o?.getLabel?.(),
-		tooltip: o?.getDescription?.(),
-		onQuickClick: () => {
-			a?.execute(m ? "light" : "dark");
-		},
-		selected: h,
-		...i
-	});
-})), qn = (0, G.memo)((0, G.forwardRef)((e, t) => {
-	let { ...n } = e;
-	return (0, K.jsx)(sn, {
-		ref: t,
-		groupKey: "insertFunctionSumOptions",
-		...n
-	});
-}));
-qn.displayName = "InsertFunctionSumCommandPopupButton";
-var Jn = ((e, t) => {
-	let n = {};
-	for (var r in e) q(n, r, {
-		get: e[r],
-		enumerable: !0
-	});
-	return t || q(n, Symbol.toStringTag, { value: "Module" }), n;
-})({
-	PasswordDialog: () => Y,
-	default: () => Y
-}), Y = (e) => {
-	let t = m(), { description: n, requireCurrent: r = !1, onApply: i, title: a, sx: o, ...s } = e, [c, l] = (0, G.useState)(""), [u, d] = (0, G.useState)(""), [f, p] = (0, G.useState)(""), [h, g] = (0, G.useState)(!1), _ = u === "", v = f !== u, y = !_ && !v;
-	return (0, K.jsx)(j, {
-		title: a ?? t(r ? "password.titleChange" : "password.title"),
-		options: ["Ok", "Cancel"],
-		defaultOption: "Ok",
-		cancelOption: "Cancel",
-		autoFocusSel: ".autoFocus",
-		sx: {
-			width: "380px",
-			...o
-		},
-		onValidateOption: (e) => e === "Cancel" || (g(!0), y),
-		onOption: (e, t) => {
-			if (!t && e === "Ok") return i(u, r ? c : void 0);
-		},
-		...s,
-		children: (0, K.jsxs)(A, {
-			sx: {
-				display: "flex",
-				flexDirection: "column",
-				gap: (e) => e.spacing(2),
-				paddingTop: (e) => e.spacing(1)
-			},
-			children: [
-				n ? (0, K.jsx)(te, {
-					variant: "body2",
-					sx: { color: "text.secondary" },
-					children: n
-				}) : null,
-				r ? (0, K.jsx)(M, {
-					type: "password",
-					size: "small",
-					label: t("password.current"),
-					value: c,
-					onChange: (e) => l(e.target.value),
-					slotProps: {
-						inputLabel: { shrink: !0 },
-						htmlInput: {
-							className: "autoFocus",
-							autoComplete: "current-password",
-							spellCheck: !1
-						}
-					}
-				}) : null,
-				(0, K.jsx)(M, {
-					type: "password",
-					size: "small",
-					label: t(r ? "password.new" : "password.label"),
-					value: u,
-					error: h && _,
-					helperText: h && _ ? t("password.required") : " ",
-					onChange: (e) => d(e.target.value),
-					slotProps: {
-						inputLabel: { shrink: !0 },
-						htmlInput: {
-							className: r ? void 0 : "autoFocus",
-							autoComplete: "new-password",
-							spellCheck: !1
-						}
-					}
-				}),
-				(0, K.jsx)(M, {
-					type: "password",
-					size: "small",
-					label: t("protection.passwordConfirm"),
-					value: f,
-					error: h && !_ && v,
-					helperText: h && !_ && v ? t("protection.passwordMismatch") : " ",
-					onChange: (e) => p(e.target.value),
-					slotProps: {
-						inputLabel: { shrink: !0 },
-						htmlInput: {
-							autoComplete: "new-password",
-							spellCheck: !1
-						}
-					}
-				})
-			]
-		})
-	});
-}, Yn = new Set("square.elevation.variant.title.onKeyDown.workbook.onWorkbookChange.onDocumentError.propsDocumentError.renderDocumentError.propsDocumentLoading.renderDocumentLoading.propsWorkbook.onWorkbookLoad.propsTaskPaneArea.renderTaskPaneArea.taskPaneSide.logo.onDirtyChange.propsDocumentTitle.showFormulaBar.propsFormulaBar.renderFormulaBar.formulaBarPlacement.manageVisualViewport.editable.showStatusBar.propsStatusBar.renderStatusBar.propsToolbar.renderToolbar.topLeft.topRight.muiTheme.tokens.cssBaseline.autoFocus.licenseKey.prefetch".split(".")), Xn = () => (0, K.jsx)(K.Fragment, {}), Zn = a("studio:eagerStudio", () => import("./WMYR09ZOR8JbZEnx.mjs")), Qn = ({ error: e, onShown: t }) => ((0, G.useEffect)(() => {
-	t();
-}, []), (0, K.jsx)(ln, { error: e })), X = (0, G.memo)((0, G.forwardRef)((e, t) => {
-	let { sx: n, style: r, className: i, licenseKey: a, renderDocumentLoading: s = en, propsDocumentLoading: c, onWorkbookLoad: u, onDocumentError: d, ...f } = e, [p, m] = ((e) => {
-		let t = {}, n = {};
-		for (let r in e) (Yn.has(r) ? t : n)[r] = e[r];
-		return [t, n];
-	})(f);
-	a && y.setLicenseKey(a);
-	let [v] = o(k.Mode, w[k.Mode]), { themeMode: b } = g({ mode: v ?? void 0 }), x = b === "dark", [S, C] = (0, G.useState)(null), T = h("studio", (0, G.useId)()), [E, D] = (0, G.useState)(!1), O = (0, G.useMemo)(() => !s || E ? null : (0, K.jsx)(ee, {
-		style: {
-			backgroundColor: `var(--sxl-color-base-100, ${x ? "#121212" : "#fff"})`,
-			inset: 0,
-			width: "100%",
-			height: "100%",
-			position: "absolute",
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "center",
-			zIndex: 9900
-		},
-		children: s(c ?? {})
-	}), [
-		s,
-		c,
-		x,
-		E
-	]), j = (0, G.useMemo)(() => l(Zn.load, { renderError: (e) => (0, K.jsx)(Qn, {
-		error: e,
-		onShown: () => D(!0)
-	}) }), []);
-	return (0, K.jsxs)(A, {
-		ref: C,
-		className: _("sheetxl-studio", T, i),
-		"data-sxl-theme-mode": b,
-		sx: n,
-		style: {
-			display: "flex",
-			flexDirection: "column",
-			flex: "1 1 100%",
-			width: "100%",
-			height: "100%",
-			minWidth: 0,
-			minHeight: 0,
-			position: "relative",
-			overflow: "hidden",
-			...r
-		},
-		...m,
-		children: [(0, K.jsx)(G.Suspense, {
-			fallback: null,
-			children: (0, K.jsx)(j, {
-				...p,
-				host: S,
-				scopeClass: T,
-				onWorkbookLoad: (e) => (requestAnimationFrame(() => requestAnimationFrame(() => D(!0))), u?.(e)),
-				onDocumentError: (e) => (D(!0), d?.(e)),
-				renderDocumentLoading: Xn,
-				ref: t
-			})
-		}), O]
-	});
-}));
-X.displayName = "Studio";
-var Z, Q, $n = (e = {}) => {
-	let { source: t, startWith: n, templatePath: r, onWorkbookLoad: i, onWorkbookChange: a, onDirtyChange: o, documentTitle: s, confirmOnClose: c, keyboardGuard: l, ...u } = e, d = p(), [f, m] = (0, G.useState)(null), [h, g] = (0, G.useState)(!1), _ = E(f);
-	C(_, h, {
-		documentTitle: s,
-		confirmOnClose: c,
-		keyboardGuard: l
-	});
-	let { workbook: v, urlTitle: y } = (0, G.useMemo)(() => {
-		if (t != null) return {
-			workbook: typeof t == "string" ? { source: t } : t,
-			urlTitle: null
-		};
-		if (d) {
-			let e = new URLSearchParams(d), t = e.get("source");
-			if (t) return {
-				workbook: { source: t },
-				urlTitle: e.get("title")
-			};
-		}
-		return {
-			workbook: void 0,
-			urlTitle: null
-		};
-	}, [t, d]), b = (0, G.useRef)(null);
-	(0, G.useMemo)(() => {
-		b.current = y;
-	}, [y]);
-	let x = (0, G.useRef)(a);
-	x.current = a;
-	let S = (0, G.useCallback)((e) => {
-		e && b.current && (e.getOrigin().setName(b.current), b.current = null), m(e), x.current?.(e);
-	}, []), w = (0, G.useRef)(o);
-	w.current = o;
-	let T = (0, G.useCallback)((e) => {
-		g(e), w.current?.(e);
-	}, []);
-	(0, G.useEffect)(() => {
-		n === "welcome" && v === void 0 && Ie(r);
-	}, [
-		n,
-		v,
-		r
-	]);
-	let D = (0, G.useRef)(!1), O = (0, G.useRef)(i);
-	O.current = i;
-	let k = (0, G.useCallback)((e) => (D.current || (D.current = !0, n === "welcome" && v === void 0 && requestAnimationFrame(() => requestAnimationFrame(() => {
-		e.source?.getCommandScope?.()?.resolve("showWelcome")?.execute({
-			templatePath: r,
-			atStartup: !0
-		});
-	}))), O.current?.(e)), [
-		n,
-		r,
-		v
-	]);
-	return {
-		...u,
-		workbook: v,
-		onWorkbookChange: S,
-		onDirtyChange: T,
-		onWorkbookLoad: k
-	};
-}, er = async (e) => {
-	if (Z) return Z;
-	if (X === void 0) throw Error("StudioMUI.Studio is undefined. Make sure @sheetxl/studio-mui is correctly installed.");
-	return Z = await (async (e, t) => {
+}, p = /* @__PURE__ */ new Map(), m = e(t(), 1), h = e(n(), 1), g = e(r(), 1), _ = async (e) => {
+	if (o) return o;
+	if (a === void 0) throw Error("StudioMUI.Studio is undefined. Make sure @sheetxl/studio-mui is correctly installed.");
+	return o = await (async (e, t) => {
 		typeof t == "string" && (t = { selector: t });
 		try {
-			if (t?.selector && B(t?.selector, t?.loading), !e) throw Error("No runtime provided");
-			t?.licenseKey && await e.StudioMUI.LicenseManager.setLicenseKey(t.licenseKey), t?.selector && z(t?.selector);
+			if (t?.selector && d(t?.selector, t?.loading), !e) throw Error("No runtime provided");
+			t?.licenseKey && await e.StudioMUI.LicenseManager.setLicenseKey(t.licenseKey), t?.selector && u(t?.selector);
 		} catch (e) {
-			throw t?.selector && (z(t.selector), V(t.selector, {
+			throw t?.selector && (u(t.selector), f(t.selector, {
 				message: `Failed to initialize: ${e instanceof Error ? e.message : String(e)}`,
 				...t?.error
 			})), console.error("Failed to initialize:", e), e;
 		}
 		return e;
 	})({
-		React: G.default,
-		ReactJSXTransform: K,
-		ReactDOM: U,
-		ReactDOMClient: U,
-		StudioMUI: W
-	}, typeof e == "object" ? e : void 0), Z;
-}, $ = async (e) => Q || await er(e), tr = {
-	attachStudio: async (e, t) => (Q ||= await $(e), (async (e, t, n, r) => {
+		React: m.default,
+		ReactJSXTransform: h,
+		ReactDOM: g,
+		ReactDOMClient: g,
+		StudioMUI: i
+	}, typeof e == "object" ? e : void 0), o;
+}, v = async (e) => s || await _(e), y = {
+	attachStudio: async (e, t) => (s ||= await v(e), (async (e, t, n, r) => {
 		if (!t) throw Error("Either a 'selector' or a 'InitializationOptions' must be provided to attach.");
 		let i = typeof t == "string" ? t : t.selector || "#sheetxl", a = typeof i == "string" ? document.querySelector(i) : i;
 		if (!a) throw Error(`Element with selector "${i}" not found.`);
-		if (H.has(i) && H.get(i) !== null) throw Error(`SheetXL already attached to "${i}". Detach first if you want to re-attach.`);
+		if (p.has(i) && p.get(i) !== null) throw Error(`SheetXL already attached to "${i}". Detach first if you want to re-attach.`);
 		let o = typeof t == "object" ? t : null;
-		B(i, o?.loading);
+		d(i, o?.loading);
 		try {
-			z(i);
+			u(i);
 			let t = e.ReactDOMClient.createRoot(a), o = e.React.createRef(), s = e.StudioMUI[n], c = null;
 			await new Promise((n) => {
 				t.render(e.React.createElement(s, {
@@ -685,10 +89,10 @@ var Z, Q, $n = (e = {}) => {
 				runtime: e,
 				root: t
 			};
-			H.set(i, l);
-			let u = !1;
+			p.set(i, l);
+			let d = !1;
 			return new Proxy(c, { get(n, a, c) {
-				if (u) throw Error(`SheetXL instance attached to "${i}" has been detached. Cannot access properties.`);
+				if (d) throw Error(`SheetXL instance attached to "${i}" has been detached. Cannot access properties.`);
 				return a === "update" ? (n) => {
 					let i = {
 						...r,
@@ -696,17 +100,17 @@ var Z, Q, $n = (e = {}) => {
 						ref: o
 					};
 					return t.render(e.React.createElement(s, i)), Promise.resolve();
-				} : a === "detach" ? () => (H.delete(i), t.unmount(), u = !0, Promise.resolve()) : Reflect.get(n, a, c);
+				} : a === "detach" ? () => (p.delete(i), t.unmount(), d = !0, Promise.resolve()) : Reflect.get(n, a, c);
 			} });
 		} catch (e) {
-			throw z(i), V(i, {
+			throw u(i), f(i, {
 				message: `Failed to initialize: ${e instanceof Error ? e.message : String(e)}`,
 				...o?.error
 			}), console.error("Failed to initialize:", e), e;
 		}
-	})(Q, e, "Studio", t)),
+	})(s, e, "Studio", t)),
 	async initialize(e) {
-		await $(e);
+		await v(e);
 	}
 };
-export { tr as SheetXL, W as t };
+export { y as SheetXL };