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

package/browser/esm/index.mjs

@@ -1,81 +1,677 @@
 /**
-* @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.10
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { r as e } from "./B_U_UpQXdbjNRthb.mjs";
-import { i as t, r as n, t as r } from "./DGfzktq0BrIwcb8j.mjs";
-import { n as i, x as a } from "./DhgwMDb052opCiAA.mjs";
-var o, s, c = /* @__PURE__ */ new Map(), l = (e, t = {}) => {
+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 = {}) => {
 	let { message: n, icon: r, customElement: i, hide: a = !1, className: o, cssVars: s = {} } = t;
 	if (a) return;
-	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;
+	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;
 	else {
-		d = document.createElement("div"), d.className = o ? `sheetxl-panel ${o}` : "sheetxl-panel";
+		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      ", d.appendChild(t), r) {
+		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) {
 			let e = document.createElement("div");
-			e.className = "sheetxl-icon", typeof r == "string" ? e.innerHTML = r : r instanceof HTMLElement && e.appendChild(r), d.appendChild(e);
+			e.className = "sheetxl-icon", typeof r == "string" ? e.innerHTML = r : r instanceof HTMLElement && e.appendChild(r), l.appendChild(e);
 		}
 		if (n) {
 			let e = document.createElement("div");
-			e.className = "sheetxl-message", e.textContent = n, d.appendChild(e);
+			e.className = "sheetxl-message", e.textContent = n, l.appendChild(e);
 		}
-		e && (d.style.cssText += e), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && d.classList.add("dark");
+		e && (l.style.cssText += e), window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches && l.classList.add("dark");
 	}
-	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, {
+	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, {
 		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
 	});
-}, f = (e, t = {}) => {
-	l(e, {
+}, V = (e, t = {}) => {
+	R(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
 	});
-}, 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) => {
+}, 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) => {
 		typeof t == "string" && (t = { selector: t });
 		try {
-			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);
+			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);
 		} catch (e) {
-			throw t?.selector && (u(t.selector), f(t.selector, {
+			throw t?.selector && (z(t.selector), V(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: 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) => {
+		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) => {
 		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 (p.has(i) && p.get(i) !== null) throw Error(`SheetXL already attached to "${i}". Detach first if you want to re-attach.`);
+		if (H.has(i) && H.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;
-		d(i, o?.loading);
+		B(i, o?.loading);
 		try {
-			u(i);
+			z(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, {
@@ -89,10 +685,10 @@ var o, s, c = /* @__PURE__ */ new Map(), l = (e, t = {}) => {
 				runtime: e,
 				root: t
 			};
-			p.set(i, l);
-			let d = !1;
+			H.set(i, l);
+			let u = !1;
 			return new Proxy(c, { get(n, a, c) {
-				if (d) throw Error(`SheetXL instance attached to "${i}" has been detached. Cannot access properties.`);
+				if (u) throw Error(`SheetXL instance attached to "${i}" has been detached. Cannot access properties.`);
 				return a === "update" ? (n) => {
 					let i = {
 						...r,
@@ -100,17 +696,17 @@ var o, s, c = /* @__PURE__ */ new Map(), l = (e, t = {}) => {
 						ref: o
 					};
 					return t.render(e.React.createElement(s, i)), Promise.resolve();
-				} : a === "detach" ? () => (p.delete(i), t.unmount(), d = !0, Promise.resolve()) : Reflect.get(n, a, c);
+				} : a === "detach" ? () => (H.delete(i), t.unmount(), u = !0, Promise.resolve()) : Reflect.get(n, a, c);
 			} });
 		} catch (e) {
-			throw u(i), f(i, {
+			throw z(i), V(i, {
 				message: `Failed to initialize: ${e instanceof Error ? e.message : String(e)}`,
 				...o?.error
 			}), console.error("Failed to initialize:", e), e;
 		}
-	})(s, e, "Studio", t)),
+	})(Q, e, "Studio", t)),
 	async initialize(e) {
-		await v(e);
+		await $(e);
 	}
 };
-export { y as SheetXL };
+export { tr as SheetXL, W as t };