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

package/browser/esm/CASTsylgIqgqFwk2.mjs

@@ -0,0 +1,1443 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.12
+*
+* (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 "./Cf_c9xyOrFxlsKq6.mjs";
+import { i as n, r } from "./D29bSsh1Lz8891Rs.mjs";
+import { D as i } from "./Cif0315haNLmyMj-.mjs";
+import { r as a } from "./BoYTs2k2yWAKW5LM.mjs";
+import { D as o, Dt as s, M as c, St as l, T as u, U as d, Z as f, dt as p, j as m, m as h, pt as g, t as _, x as v, z as y } from "./B1mhVM8eRIyuL-VB.mjs";
+import { U as b, t as x } from "./Dac2pa3EUXg26xcV.mjs";
+import { Zn as S } from "./DmdChrGkm5oufbRE.mjs";
+import { n as C } from "./CuuWjNFFRxXfbQnD.mjs";
+import { a as w, i as T } from "./Ow0yLNSbuT3WBj7H.mjs";
+import { M as E, gt as D, h as O, ot as k, rt as A, tt as j, vt as M, y as N, z as P } from "./COPR5sXYEAeM73Ep.mjs";
+import { n as F, t as I } from "./DAOjpr33PSwrKpc0.mjs";
+import { M as L, V as R, f as ee, o as z } from "./DJpfJorMrLhI9gOT.mjs";
+import { m as B, t as te, y as V } from "./CW9UkULY0jchroYa.mjs";
+import { $ as ne, A as re, At as H, B as U, C as W, Ct as G, D as ie, Dt as ae, Et as oe, F as se, G as ce, H as K, I as le, It as ue, J as de, K as fe, L as pe, Lt as me, M as he, Mt as ge, N as _e, Nt as ve, O as ye, Ot as be, P as xe, Pt as Se, Q as Ce, R as we, S as Te, St as Ee, T as De, Tt as Oe, U as ke, V as Ae, W as je, X as Me, Y as Ne, Z as Pe, _ as Fe, _t as Ie, a as Le, at as Re, b as ze, bt as Be, c as Ve, ct as He, d as Ue, dt as We, et as Ge, f as Ke, ft as qe, g as Je, gt as Ye, h as Xe, ht as Ze, i as Qe, it as $e, j as et, jt as tt, k as nt, kt as rt, l as it, lt as at, m as ot, mt as st, n as ct, nt as lt, o as ut, ot as dt, p as ft, pt, q as mt, rt as ht, s as gt, st as _t, t as vt, tt as yt, u as bt, ut as xt, v as St, vt as Ct, w as wt, wt as Tt, x as Et, xt as Dt, y as Ot, yt as kt, z as At } from "./Cjb4nzJvvuN1770o.mjs";
+import { t as jt } from "./IHk5INXMVCzM8mcG.mjs";
+import { F as Mt, L as q, P as Nt, T as J, b as Pt, g as Ft, j as Y, l as It, t as X, y as Lt } from "./_9nyq5XWoIo-JhAp.mjs";
+import { t as Rt } from "./CrIHwDDOUDcx5WSM.mjs";
+import { t as zt } from "./CE8E_UvKufBd3-Vt.mjs";
+import { t as Bt } from "./DnFo-URDJaN2rhB9.mjs";
+import { c as Vt, d as Ht, f as Ut, l as Wt, m as Gt, n as Kt, o as qt, p as Jt, s as Yt, u as Xt } from "./CX1VWdQjKSXDMfs9.mjs";
+import { n as Zt } from "./BqPEItNoP2iZ2lkz.mjs";
+import { t as Z } from "./CImdnjQtd2Yn7uXl.mjs";
+import { n as Qt, r as $t, t as en } from "./D9ukH57ON841L8l9.mjs";
+import { n as tn, r as nn, t as rn } from "./Ovh5ic9JtH6cyxub.mjs";
+import { a as an, i as on, n as sn, o as cn, r as ln, t as un } from "./BuQYmB0EDLYZ7vEk.mjs";
+import { t as dn } from "./Do8jxgfFz8I1GsZA.mjs";
+var fn = e({
+	AnomaliesPlugin: () => Te,
+	AppearanceCommandButton: () => gn,
+	AutoColorPosition: () => Yt,
+	BorderCommandButton: () => bt,
+	BorderPopupButton: () => Kt,
+	BorderStylePopupButton: () => Jt,
+	BorderTemplateIcon: () => qt,
+	CalculationOptionsCommandButton: () => G,
+	CalculationRequiredStatus: () => pt,
+	CircularReferenceStatus: () => Re,
+	ColorButton: () => Wt,
+	ColorButtonList: () => Xt,
+	ColorCommandButton: () => ue,
+	ColorPanel: () => Ut,
+	ColorPanelType: () => Gt,
+	ColorPopupButton: () => Ht,
+	ColumnMenu: () => St,
+	CommentCard: () => zt,
+	CommentsPlugin: () => Ve,
+	DEFAULT_GRADIENT: () => Fn,
+	DefaultTaskPaneRegistry: () => M,
+	DefaultWorkbookToolbars: () => et,
+	DocThemeCommandButton: () => kt,
+	DocumentTitle: () => Ot,
+	ExternalLinksPlugin: () => Dt,
+	FORMAT_TASK_PANE_KEY: () => he,
+	FORMULA_BAR_EDITOR_ID: () => _t,
+	FORMULA_FIELD_ABOVE_LABEL_HEIGHT: () => en,
+	FileCommandButton: () => hn,
+	FillMenu: () => $e,
+	FontFamilyCommandButton: () => tt,
+	FontSizeCommandButton: () => ve,
+	FormatPlugin: () => Ue,
+	FormulaBar: () => Ct,
+	FormulaField: () => Qt,
+	FunctionArgumentsPanel: () => cn,
+	FunctionSearchPanel: () => un,
+	GradientEditor: () => Nn,
+	GradientStopsBar: () => Mn,
+	INSERT_CELL_CONTROL_OPTIONS_KEY: () => ze,
+	INSERT_FUNCTION_PAGE_CLASS: () => ln,
+	InputField: () => mn,
+	InsertCellControlCommandButton: () => W,
+	InsertFunctionCommandPopupButton: () => it,
+	InsertFunctionOption: () => on,
+	InsertFunctionSumCommandPopupButton: () => _n,
+	InsertFunctionWizard: () => sn,
+	ItemCard: () => tn,
+	ItemCardAction: () => nn,
+	ItemsSearchField: () => rn,
+	LicenseManager: () => S,
+	MobileFormulaBar: () => ye,
+	MobileInputToolbar: () => je,
+	NamedCollectionEditor: () => Ye,
+	NamedPlugin: () => Ne,
+	NumberFormatCommandButton: () => xt,
+	NumberFormatOption: () => H,
+	NumberStats: () => de,
+	PATTERN_GALLERY: () => bn,
+	PasswordField: () => dn,
+	PasteCommandButton: () => vt,
+	PatternPopupButton: () => Sn,
+	PatternSwatch: () => yn,
+	PendingStatus: () => fe,
+	PresetCellStylesCommandButton: () => We,
+	PresetChip: () => Zt,
+	PresetSlicerStylesCommandButton: () => De,
+	PresetTableStylesCommandButton: () => be,
+	ProtectionPlugin: () => Je,
+	SheetTabMenu: () => at,
+	SheetZoomCommandButton: () => xe,
+	SheetZoomScale: () => pe,
+	SheetsAllMenu: () => ot,
+	SlicerPlugin: () => Oe,
+	StatusBar: () => ne,
+	Studio: () => zn,
+	StyledStrokeIcon: () => Vt,
+	TablePlugin: () => K,
+	TableStyleCanvasPreview: () => ae,
+	TableStylePreview: () => rt,
+	TableToolbar: () => dt,
+	TextEffectsCommandButton: () => wt,
+	TextRotateGroupButton: () => Ke,
+	ThemeSelectButton: () => st,
+	ThemeSelectPanel: () => mt,
+	ThemeSelectPopupButton: () => Ge,
+	UndoRedoCommandButton: () => At,
+	WalkingCopyCommandButton: () => nt,
+	WorkbookContextMenu: () => we,
+	WorkbookElement: () => Ce,
+	WorkbookIO: () => E,
+	WorkbookStrip: () => le,
+	WorkbookToolbars: () => Xe,
+	createStudioThemeCSS: () => Ae,
+	createThemeFromMUITheme: () => He,
+	defaultRenderColumnMenu: () => ke,
+	defaultRenderCommentCard: () => ce,
+	defaultRenderContextMenu: () => Tt,
+	defaultRenderFillMenu: () => Ie,
+	defaultRenderFormulaBar: () => Ee,
+	defaultRenderHyperlinkCard: () => Ze,
+	defaultRenderMovableMenu: () => U,
+	defaultRenderOutlineButton: () => Pe,
+	defaultRenderOutlineLevelButton: () => Me,
+	defaultRenderSheetTab: () => ct,
+	defaultRenderSheetTabMenu: () => ut,
+	defaultRenderSheetsAll: () => Et,
+	defaultRenderStatusBar: () => re,
+	defaultRenderTableToolbar: () => yt,
+	defaultRenderTabs: () => gt,
+	defaultRenderToolbar: () => se,
+	defaultRenderTooltip: () => qe,
+	defaultRenderWorkbookError: () => Qe,
+	defaultRenderWorkbookLoading: () => ie,
+	defaultRenderWorksheet: () => Be,
+	numberFormatCategoryLabel: () => Se,
+	numberFormatTypeLabel: () => ge,
+	optionsForPage: () => an,
+	patternLabel: () => xn,
+	registerSheetCommandGroups: () => Le,
+	registerStudioCommandCatalogs: () => _e,
+	registerStudioCommandGroups: () => ft,
+	registerWorkbookCommandGroups: () => oe,
+	setPrintExamplesOnLoad: () => O,
+	toGradientValue: () => Pn,
+	toPatternSlots: () => vn,
+	tokensToMuiOptions: () => ht,
+	useFormulaBarSession: () => lt,
+	useModelListener: () => C,
+	useRangeListener: () => P,
+	useStudioApp: () => Bn
+}), Q = t(n(), 1), $ = 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}._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}._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}._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}}._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 pn = (e) => {
+	e.button === 0 && e.preventDefault();
+}, mn = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { disabled: n, className: r, sx: i, defaultInput: o, value: s, formName: l, formOptions: u, onChangeInput: d, onChangeText: f, onDone: m, changeOn: h, onValidate: g, apiRef: _, label: v, helperText: y, showError: b = !0, onChangeError: x, hideAdornment: S, propsInput: C, onKeyDown: w, onFocus: T, ...E } = e, D = p(), O = c(), k = v ?? D("namedInput.label"), A = $t(), j = l && A ? A.register(l, u) : null, M = N({
+		value: s ?? "",
+		onChange: d,
+		onChangeText: f,
+		onDone: m,
+		changeOn: h,
+		onValidate: g,
+		disabled: n
+	});
+	(0, Q.useImperativeHandle)(_, () => M, [M]);
+	let P = (0, Q.useRef)(A);
+	P.current = A;
+	let F = (0, Q.useRef)(x);
+	F.current = x;
+	let I = (0, Q.useRef)(null);
+	(0, Q.useEffect)(() => {
+		if (M.error === I.current || (I.current = M.error, F.current?.(M.error), !l)) return;
+		let e = P.current;
+		e && (M.error ? e.setError(l, { message: D(M.error) }) : e.clearErrors(l));
+	}, [M.error, l]);
+	let L = h === "done", R = M.engaged && M.dirty, ee = (0, Q.useMemo)(() => {
+		if (!S && L) return (0, $.jsxs)(Bt, {
+			tabIndex: -1,
+			onMouseDown: pn,
+			"aria-hidden": !R,
+			sx: {
+				display: "flex",
+				position: "relative",
+				flex: "0",
+				...R ? null : {
+					visibility: "hidden",
+					pointerEvents: "none"
+				}
+			},
+			position: "end",
+			children: [(0, $.jsx)(J, {
+				dense: !0,
+				outlined: !1,
+				color: "primary",
+				"aria-label": "commit-input",
+				icon: (0, $.jsx)(a, { iconKey: "CheckSuccess" }),
+				propsTooltip: {
+					label: D("referenceInput.commit"),
+					simple: !0
+				},
+				disabled: !!M.error,
+				tabIndex: -1,
+				onMouseDown: pn,
+				onClick: () => {
+					M.commit();
+				}
+			}), (0, $.jsx)(J, {
+				dense: !0,
+				outlined: !1,
+				color: "warning",
+				"aria-label": "cancel-input",
+				icon: (0, $.jsx)(a, { iconKey: "CloseError" }),
+				propsTooltip: {
+					label: D("referenceInput.cancel"),
+					simple: !0
+				},
+				tabIndex: -1,
+				onMouseDown: pn,
+				onClick: () => {
+					M.cancel();
+				}
+			})]
+		});
+	}, [
+		S,
+		L,
+		R,
+		M.commit,
+		M.cancel,
+		!!M.error
+	]);
+	return (0, $.jsx)(V, {
+		sx: {
+			minWidth: 135,
+			width: "100%",
+			...i
+		},
+		size: "small",
+		ref: t,
+		className: Z("sxl-input-field", r),
+		...E,
+		children: (0, $.jsx)(jt, {
+			label: k,
+			placeholder: o,
+			disabled: n,
+			error: !!M.error,
+			helperText: M.error && b ? D(M.error) : y === void 0 ? " " : y,
+			sx: { "& .MuiFormHelperText-root": { marginTop: (e) => e.spacing(.5) } },
+			slotProps: {
+				input: { endAdornment: ee },
+				inputLabel: { shrink: !0 },
+				htmlInput: {
+					spellCheck: !1,
+					autoComplete: "off",
+					onPointerDown: O.onPointerDown,
+					onDragStart: O.onDragStart,
+					...C,
+					className: Z("autoFocus", C?.className),
+					name: l,
+					readOnly: n,
+					sx: {
+						paddingTop: (e) => e.spacing(1.25),
+						paddingBottom: (e) => e.spacing(.75)
+					}
+				}
+			},
+			value: M.inputProps.value,
+			inputRef: (e) => {
+				M.inputProps.ref(e), j?.ref && j.ref(e);
+			},
+			onChange: (e) => {
+				M.inputProps.onChange(e), j?.onChange(e);
+			},
+			onKeyDown: (e) => {
+				M.inputProps.onKeyDown(e), e.defaultPrevented || w?.(e);
+			},
+			onFocus: (e) => {
+				M.inputProps.onFocus(e), T?.(e);
+			},
+			onBlur: (e) => {
+				M.inputProps.onBlur(e), j?.onBlur(e);
+			},
+			onContextMenu: (e) => {
+				e.stopPropagation();
+			}
+		})
+	});
+}));
+mn.displayName = "InputField";
+var hn = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, Q.useState)([]), c = E.canWrite(), l = E.canRead();
+	(0, Q.useEffect)(() => {
+		let e = !0;
+		return E.getWriteFormats().then((t) => {
+			e && o(t);
+		}), () => {
+			e = !1;
+		};
+	}, []);
+	let u = j(), p = A(u), m = (0, Q.useMemo)(() => {
+		if (a.length === 0) return null;
+		let e = p?.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, p]), [h] = _(m ? `saveWorkbookAs${m.key}` : []), g = s(), v = g.resolveMembers("newWorkbookOptions") ?? ["newWorkbook"], b = y((e) => {
+		let t = {
+			variant: f.Menuitem,
+			groupKey: n,
+			disabled: r
+		}, i = (0, $.jsxs)($.Fragment, { children: [
+			v.length > 1 ? (0, $.jsx)(Y, {
+				...t,
+				quickCommand: "newWorkbook",
+				renderPopupPanel: (e) => {
+					let t = Nt(v, {
+						variant: f.Menuitem,
+						dividerOrientation: "horizontal",
+						groupKey: "newWorkbookOptions",
+						registry: g,
+						propsCommandButton: { disabled: r },
+						propsCommandPopup: { disabled: r }
+					});
+					return q({
+						...e,
+						children: t,
+						onClick: () => {
+							e.closeFloatAll?.();
+						}
+					});
+				}
+			}) : (0, $.jsx)(X, {
+				...t,
+				commandKey: "newWorkbook"
+			}),
+			(0, $.jsx)(It, { orientation: "horizontal" }),
+			l ? (0, $.jsx)(Y, {
+				...t,
+				quickCommand: "openWorkbook",
+				renderPopupPanel: (e) => {
+					let n = {
+						...t,
+						groupKey: "openWorkbookOptions"
+					}, r = [(0, Q.createElement)(X, {
+						...n,
+						key: "device",
+						commandKey: "openWorkbook"
+					}), (0, Q.createElement)(X, {
+						...n,
+						key: "web",
+						commandKey: "openWorkbookFromUrl"
+					})];
+					return q({
+						...e,
+						children: r,
+						onClick: () => {
+							e.closeFloatAll?.();
+						}
+					});
+				}
+			}) : null,
+			c && a.length > 0 ? (0, $.jsx)(Y, {
+				...t,
+				quickCommand: "saveWorkbook",
+				renderPopupPanel: (e) => {
+					let n = {
+						...t,
+						groupKey: "saveWorkbookOptions"
+					}, r = [(0, Q.createElement)(X, {
+						...n,
+						key: "saveWorkbookAs",
+						commandKey: "saveWorkbookAs",
+						label: h?.getLabel("saveWorkbookOptions"),
+						icon: h?.getIcon("saveWorkbookOptions")
+					})], i = a.filter((e) => !e.advanced && e.key !== m?.key);
+					return i.length > 0 && r.push((0, $.jsx)(It, { orientation: "horizontal" }, "divider")), i.forEach((e) => {
+						let t = e.key, i = `saveWorkbookAs${t}`;
+						r.push((0, Q.createElement)(X, {
+							...n,
+							key: t,
+							commandKey: i
+						}));
+					}), q({
+						...e,
+						children: r,
+						onClick: () => {
+							e.closeFloatAll?.();
+						}
+					});
+				}
+			}) : null
+		] });
+		return q({
+			...e,
+			children: i,
+			onClick: (t) => {
+				t.isDefaultPrevented() || e.closeFloatAll?.();
+			}
+		});
+	}, [
+		r,
+		n,
+		a,
+		m,
+		h,
+		v,
+		g
+	]), x = d("fileOptions"), S = x?.getLabel?.() ?? "File", C = x?.getDescription?.() ?? "Options for saving and loading the workbook.";
+	return (0, $.jsx)(Y, {
+		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,
+		renderPopupPanel: b,
+		icon: (0, $.jsx)(Mt, {
+			className: "label",
+			icon: null,
+			label: S
+		})
+	});
+}));
+hn.displayName = "FileCommandButton";
+var gn = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { groupKey: n, disabled: r, ...i } = e, [a] = _(["themeMode"]), o = d("appearanceOptions"), s = y((e) => {
+		let t = {
+			variant: f.Menuitem,
+			groupKey: "appearanceOptions",
+			disabled: r
+		}, n = (0, $.jsxs)($.Fragment, { children: [
+			(0, $.jsx)(X, {
+				...t,
+				commandKey: "themeMode"
+			}),
+			(0, $.jsx)(X, {
+				...t,
+				commandKey: "defaultThemeMode"
+			}),
+			(0, $.jsx)(It, { orientation: "horizontal" }),
+			(0, $.jsx)(X, {
+				...t,
+				commandKey: "enableDarkGrid"
+			}),
+			(0, $.jsx)(X, {
+				...t,
+				commandKey: "enableDarkImages"
+			})
+		] });
+		return q({
+			...e,
+			children: n
+		});
+	}, [
+		r,
+		a,
+		n
+	]), c = a?.getState(), l = me("(prefers-color-scheme: dark)"), u = c === "dark" || c === null && l, p = a?.getState() !== null;
+	return (0, $.jsx)(Y, {
+		ref: t,
+		quickCommand: "themeMode",
+		renderPopupPanel: s,
+		label: o?.getLabel?.(),
+		tooltip: o?.getDescription?.(),
+		onQuickClick: () => {
+			a?.execute(u ? "light" : "dark");
+		},
+		selected: p,
+		...i
+	});
+})), _n = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { ...n } = e;
+	return (0, $.jsx)(Pt, {
+		ref: t,
+		groupKey: "insertFunctionSumOptions",
+		...n
+	});
+}));
+function vn(e, t, n) {
+	return e === b.BuiltInSheetPattern.Solid ? {
+		foreground: n,
+		background: t
+	} : {
+		foreground: t,
+		background: n
+	};
+}
+_n.displayName = "InsertFunctionSumCommandPopupButton";
+var yn = (0, Q.memo)((e) => {
+	let { patternType: t, foreground: n, background: r, createCell: i, darkMode: a = !1, className: o, style: s, ...c } = e, l = (0, Q.useMemo)(() => {
+		let e = vn(t, n, r);
+		return i({ style: { fill: {
+			type: b.Type.Pattern,
+			patternType: t,
+			foreground: e.foreground ?? void 0,
+			background: e.background ?? void 0
+		} } })?.getStyle().getFill().toCSS(a) ?? {};
+	}, [
+		t,
+		n,
+		r,
+		i,
+		a
+	]);
+	return (0, $.jsx)("div", {
+		className: Z("sxl-pattern-swatch", o),
+		style: {
+			width: "100%",
+			height: "100%",
+			...l,
+			...s
+		},
+		...c
+	});
+});
+yn.displayName = "PatternSwatch";
+var bn = Object.freeze([
+	b.BuiltInSheetPattern.Solid,
+	b.BuiltInSheetPattern.DarkGray,
+	b.BuiltInSheetPattern.MediumGray,
+	b.BuiltInSheetPattern.LightGray,
+	b.BuiltInSheetPattern.Gray125,
+	b.BuiltInSheetPattern.Gray0625,
+	b.BuiltInSheetPattern.DarkHorizontal,
+	b.BuiltInSheetPattern.DarkVertical,
+	b.BuiltInSheetPattern.DarkDown,
+	b.BuiltInSheetPattern.DarkUp,
+	b.BuiltInSheetPattern.DarkGrid,
+	b.BuiltInSheetPattern.DarkTrellis,
+	b.BuiltInSheetPattern.LightHorizontal,
+	b.BuiltInSheetPattern.LightVertical,
+	b.BuiltInSheetPattern.LightDown,
+	b.BuiltInSheetPattern.LightUp,
+	b.BuiltInSheetPattern.LightGrid,
+	b.BuiltInSheetPattern.LightTrellis
+]);
+function xn(e, t) {
+	switch (t) {
+		case b.BuiltInSheetPattern.None: return e("fill.pattern.none");
+		case b.BuiltInSheetPattern.Solid: return e("fill.pattern.solid");
+		case b.BuiltInSheetPattern.Gray0625: return e("fill.pattern.gray0625");
+		case b.BuiltInSheetPattern.Gray125: return e("fill.pattern.gray125");
+		case b.BuiltInSheetPattern.LightGray: return e("fill.pattern.lightGray");
+		case b.BuiltInSheetPattern.MediumGray: return e("fill.pattern.mediumGray");
+		case b.BuiltInSheetPattern.DarkGray: return e("fill.pattern.darkGray");
+		case b.BuiltInSheetPattern.LightHorizontal: return e("fill.pattern.lightHorizontal");
+		case b.BuiltInSheetPattern.LightVertical: return e("fill.pattern.lightVertical");
+		case b.BuiltInSheetPattern.LightDown: return e("fill.pattern.lightDown");
+		case b.BuiltInSheetPattern.LightUp: return e("fill.pattern.lightUp");
+		case b.BuiltInSheetPattern.LightGrid: return e("fill.pattern.lightGrid");
+		case b.BuiltInSheetPattern.LightTrellis: return e("fill.pattern.lightTrellis");
+		case b.BuiltInSheetPattern.DarkHorizontal: return e("fill.pattern.darkHorizontal");
+		case b.BuiltInSheetPattern.DarkVertical: return e("fill.pattern.darkVertical");
+		case b.BuiltInSheetPattern.DarkDown: return e("fill.pattern.darkDown");
+		case b.BuiltInSheetPattern.DarkUp: return e("fill.pattern.darkUp");
+		case b.BuiltInSheetPattern.DarkGrid: return e("fill.pattern.darkGrid");
+		case b.BuiltInSheetPattern.DarkTrellis: return e("fill.pattern.darkTrellis");
+		default: return t;
+	}
+}
+var Sn = (0, Q.memo)((e) => {
+	let { selectedPattern: t, foreground: n, background: r, onSelectPattern: i, createCell: a, darkMode: o = !1, disabled: s, ...c } = e, l = p(), u = y(i ?? ((e) => {}), [i]), d = (0, Q.useCallback)((e) => {
+		let { closeFloat: i } = e;
+		return (0, $.jsx)(I, {
+			sx: {
+				display: "grid",
+				gridTemplateColumns: "repeat(6, 34px)",
+				gap: "4px",
+				padding: "8px"
+			},
+			children: bn.map((e) => (0, $.jsx)(z, {
+				label: xn(l, e),
+				children: (0, $.jsx)(I, {
+					role: "button",
+					tabIndex: 0,
+					"aria-label": xn(l, e),
+					"aria-pressed": e === t,
+					onMouseDown: (e) => e.preventDefault(),
+					onMouseUp: () => {
+						i?.(), u(e);
+					},
+					onKeyDown: (t) => {
+						t.key !== "Enter" && t.key !== " " || (t.preventDefault(), i?.(), u(e));
+					},
+					sx: {
+						width: "34px",
+						height: "34px",
+						cursor: "pointer",
+						borderRadius: "2px",
+						outline: (n) => e === t ? `2px solid ${n.palette.primary.main}` : `1px solid ${n.palette.divider}`,
+						outlineOffset: "-1px",
+						"&:hover": { outline: (e) => `2px solid ${e.palette.primary.light}` }
+					},
+					children: (0, $.jsx)(yn, {
+						patternType: e,
+						foreground: n,
+						background: r,
+						createCell: a,
+						darkMode: o
+					})
+				})
+			}, e))
+		});
+	}, [
+		t,
+		n,
+		r,
+		a,
+		o,
+		u,
+		l
+	]);
+	return (0, $.jsx)(Lt, {
+		disabled: s,
+		tooltip: l("fill.patternTooltip", { pattern: xn(l, t) }),
+		renderPopupPanel: d,
+		icon: (0, $.jsx)(I, {
+			sx: {
+				width: "48px",
+				height: "20px",
+				borderRadius: "2px",
+				outline: (e) => `1px solid ${e.palette.divider}`,
+				outlineOffset: "-1px",
+				overflow: "hidden"
+			},
+			children: (0, $.jsx)(yn, {
+				patternType: t,
+				foreground: n,
+				background: r,
+				createCell: a,
+				darkMode: o
+			})
+		}),
+		...c
+	});
+});
+Sn.displayName = "PatternPopupButton";
+var Cn = {
+	resizeOnOverflow: !1,
+	placement: "bottom",
+	offsets: [0, 2],
+	shift: { padding: 8 }
+}, wn = ((e) => {
+	let t = [], n = e.length;
+	for (let r = 0; r < n; r++) {
+		let [i, a] = e[(r + n - 1) % n], [o, s, c] = e[r], [l, u] = e[(r + 1) % n], d = (e, t) => {
+			let n = Math.hypot(e - o, t - s) || 1, r = Math.min(c, n / 2);
+			return [o + (e - o) / n * r, s + (t - s) / n * r];
+		}, [f, p] = d(i, a), [m, h] = d(l, u);
+		t.push(`${r === 0 ? "M" : "L"}${f.toFixed(2)} ${p.toFixed(2)} Q${o} ${s} ${m.toFixed(2)} ${h.toFixed(2)}`);
+	}
+	return t.join(" ") + " Z";
+})([
+	[
+		7,
+		.5,
+		1
+	],
+	[
+		13.5,
+		6,
+		1.5
+	],
+	[
+		13.5,
+		16.5,
+		2
+	],
+	[
+		.5,
+		16.5,
+		2
+	],
+	[
+		.5,
+		6,
+		1.5
+	]
+]), Tn = (e) => Math.max(0, Math.min(1, e)), En = (e, t, n) => {
+	try {
+		return (e instanceof x ? e : new x(e, t)).toCSS(n);
+	} catch {
+		return "transparent";
+	}
+}, Dn = (e, t, n) => {
+	try {
+		let r = new x(e, n).toRGBA(), i = new x(t, n).toRGBA(), a = (e, t) => Math.round((e + t) / 2).toString(16).padStart(2, "0");
+		return `${a(r.red, i.red)}${a(r.green, i.green)}${a(r.blue, i.blue)}`;
+	} catch {
+		return e;
+	}
+}, On = (e, t) => e.offset === t.offset && String(e.color) === String(t.color), kn = (e, t) => e.length === t.length && e.every((e, n) => On(e, t[n])), An = (0, Q.memo)((e) => {
+	let { percent: t, disabled: n, inputRef: r, onChange: i } = e, a = p(), [o, s] = (0, Q.useState)(String(t)), [c, l] = (0, Q.useState)(!1);
+	return (0, Q.useEffect)(() => {
+		c || s(String(t));
+	}, [t, c]), (0, $.jsx)(jt, {
+		type: "number",
+		size: "small",
+		disabled: n,
+		inputRef: r,
+		label: a("fill.gradientPosition"),
+		value: o,
+		onFocus: () => l(!0),
+		onBlur: () => {
+			l(!1), s(String(t));
+		},
+		onChange: (e) => {
+			if (s(e.target.value), e.target.value === "") return;
+			let t = Math.max(0, Math.min(100, parseInt(e.target.value, 10) || 0));
+			i(t);
+		},
+		slotProps: {
+			htmlInput: {
+				min: 0,
+				max: 100,
+				step: 5,
+				style: { textAlign: "right" }
+			},
+			inputLabel: { shrink: !0 },
+			input: { endAdornment: (0, $.jsx)(Bt, {
+				position: "end",
+				disableTypography: !0,
+				children: "%"
+			}) }
+		},
+		sx: { width: 120 }
+	});
+});
+An.displayName = "StopPositionField";
+var jn = (0, Q.memo)((e) => {
+	let { index: t, stop: n, offset: r, schemeLookup: i, recentColors: o, darkMode: s, disabled: c, canRemove: l, rampRef: d, onDrag: f, onMove: m, onPreviewColor: h, onChangeColor: g, onRemove: _, onOpenChange: v } = e, b = p(), S = F(), C = (0, Q.useMemo)(() => new x(n.color, i), [n.color, i]), [w, T] = (0, Q.useState)(void 0), [E, D] = (0, Q.useState)(null), [O, k] = (0, Q.useState)(!1), [A, j] = (0, Q.useState)(!1), [M, N] = (0, Q.useState)(!1), [P, L] = (0, Q.useState)(!1), R = (0, Q.useRef)(null), z = (0, Q.useRef)(!1), B = y((e) => {
+		T(e), h(t, e ?? null);
+	}, [t, h]), te = y((e) => {
+		m(t, e / 100);
+	}, [t, m]), V = Math.round(100 * r), ne = En(w ?? C, i, s), re = (0, Q.useCallback)((e) => {
+		let { closeFloat: n } = e;
+		return (0, $.jsxs)(I, {
+			className: "sxl-gradient-stop-popup",
+			sx: {
+				display: "flex",
+				flexDirection: "column"
+			},
+			children: [(0, $.jsx)(Ut, {
+				selectedColor: C,
+				previewColor: w,
+				disableAlpha: !0,
+				schemeLookup: i,
+				recentColors: o,
+				darkMode: s,
+				onDone: n,
+				onPreviewColor: B,
+				onPreviewColorImmediate: B,
+				onSelectColor: (e) => {
+					B(void 0), e && g(t, e);
+				}
+			}), (0, $.jsx)(I, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: 1,
+					paddingX: 1,
+					paddingBottom: 1
+				},
+				children: (0, $.jsx)(An, {
+					percent: V,
+					disabled: c,
+					inputRef: R,
+					onChange: te
+				})
+			})]
+		});
+	}, [
+		C,
+		w,
+		V,
+		t,
+		i,
+		o,
+		s,
+		c,
+		B,
+		g,
+		te
+	]), H = u({
+		anchor: E,
+		label: "gradient-stop",
+		renderPopupPanel: re,
+		propsPopper: Cn,
+		onOpen: () => {
+			k(!0), v(t, !0), z.current && (z.current = !1, requestAnimationFrame(() => R.current?.focus()));
+		},
+		onClose: () => {
+			k(!1), v(t, !1), B(void 0);
+		}
+	}), U = y((e) => {
+		z.current = e, H.reference.open(0);
+	}, [H]), W = y(() => {
+		O ? H.reference.close(0) : U(!1);
+	}, [
+		O,
+		H,
+		U
+	]), G = (0, Q.useRef)(null), ie = y((e) => {
+		c || e.button !== 0 || (e.currentTarget.setPointerCapture(e.pointerId), G.current = {
+			pointerId: e.pointerId,
+			startX: e.clientX,
+			startOffset: r,
+			moved: !1,
+			offset: r
+		});
+	}, [c, r]), ae = y((e) => {
+		let n = G.current;
+		if (!n || n.pointerId !== e.pointerId) return;
+		let r = e.clientX - n.startX;
+		if (!n.moved) {
+			if (Math.abs(r) < 3) return;
+			n.moved = !0, j(!0), L(!1), H.reference.close(0);
+		}
+		let i = d.current?.getBoundingClientRect().width ?? 0;
+		n.offset = i > 0 ? Tn(n.startOffset + r / i) : n.startOffset, f(t, n.offset, !1);
+	}, [
+		t,
+		d,
+		H,
+		f
+	]), oe = y((e) => {
+		let n = G.current;
+		if (n && n.pointerId === e.pointerId) {
+			if (G.current = null, n.moved) return j(!1), f(t, n.offset, !0), void m(t, n.offset);
+			W();
+		}
+	}, [
+		t,
+		f,
+		m,
+		W
+	]), se = y((e) => {
+		let n = G.current;
+		n && n.pointerId === e.pointerId && (G.current = null, n.moved && (j(!1), f(t, n.startOffset, !0)));
+	}, [t, f]), ce = y((e) => {
+		if (c) return;
+		let n = e.shiftKey ? .1 : .01;
+		switch (e.key) {
+			case "ArrowLeft":
+				m(t, Tn(r - n));
+				break;
+			case "ArrowRight":
+				m(t, Tn(r + n));
+				break;
+			case "Home":
+				m(t, 0);
+				break;
+			case "End":
+				m(t, 1);
+				break;
+			case "Delete":
+			case "Backspace":
+				l && _(t);
+				break;
+			case "Enter":
+			case " ":
+				U(!0);
+				break;
+			case "Escape":
+				if (!O) return;
+				H.reference.close(0);
+				break;
+			default: return;
+		}
+		e.preventDefault();
+	}, [
+		c,
+		t,
+		r,
+		l,
+		O,
+		H,
+		U,
+		m,
+		_
+	]), K = O || A || M, le = !c && !A && !O && P, ue = (0, $.jsxs)(I, {
+		className: "sxl-gradient-stop-toolbar",
+		onPointerDown: (e) => {
+			e.stopPropagation();
+		},
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .25
+		},
+		children: [(0, $.jsx)(J, {
+			tabIndex: -1,
+			propsTooltip: {
+				label: b("fill.gradientStopColor"),
+				simple: !0
+			},
+			icon: (0, $.jsx)(I, {
+				className: "color-wrapper",
+				sx: {
+					lineHeight: 0,
+					"& .activeColor": { fill: ne }
+				},
+				children: (0, $.jsx)(a, { iconKey: "circle.colored" })
+			}),
+			onClick: () => {
+				L(!1), W();
+			}
+		}), (0, $.jsx)(J, {
+			tabIndex: -1,
+			disabled: !l,
+			propsTooltip: {
+				label: b("fill.gradientRemoveStop"),
+				simple: !0
+			},
+			icon: (0, $.jsx)(a, { iconKey: "Close" }),
+			onClick: () => _(t)
+		})]
+	});
+	return (0, $.jsxs)($.Fragment, { children: [(0, $.jsx)(ee, {
+		title: ue,
+		open: le,
+		onOpen: () => L(!0),
+		onClose: () => L(!1),
+		enterDelay: 250,
+		enterNextDelay: 250,
+		leaveDelay: 400,
+		placement: "bottom",
+		disableFocusListener: !0,
+		disableTouchListener: !0,
+		slotProps: { tooltip: { sx: {
+			backgroundColor: (e) => e.palette.background.paper,
+			color: (e) => e.palette.text.primary,
+			border: (e) => `1px solid ${e.palette.divider}`,
+			boxShadow: (e) => e.shadows[3],
+			padding: "2px",
+			marginTop: "4px !important"
+		} } },
+		children: (0, $.jsx)(I, {
+			ref: D,
+			role: "button",
+			tabIndex: c ? -1 : 0,
+			"aria-label": b("fill.gradientStop", { position: V }),
+			"aria-disabled": c || void 0,
+			className: Z("sxl-gradient-stop", {
+				"sxl-gradient-stop-open": O,
+				"sxl-gradient-stop-dragging": A
+			}),
+			onPointerDown: ie,
+			onPointerMove: ae,
+			onPointerUp: oe,
+			onPointerCancel: se,
+			onFocus: () => N(!0),
+			onBlur: () => N(!1),
+			onKeyDown: ce,
+			sx: {
+				position: "absolute",
+				left: 100 * r + "%",
+				top: "calc(100% - 4px)",
+				width: 14,
+				height: 17,
+				transform: "translateX(-50%)",
+				transition: A ? "none" : "left 120ms ease-out",
+				lineHeight: 0,
+				cursor: c ? "default" : A ? "grabbing" : "grab",
+				touchAction: "none",
+				outline: "none",
+				zIndex: +!!A,
+				filter: K ? `drop-shadow(0 1px 2px ${S.palette.action.active})` : void 0
+			},
+			children: (0, $.jsx)("svg", {
+				width: 14,
+				height: 17,
+				viewBox: "0 0 14 17",
+				"aria-hidden": "true",
+				children: (0, $.jsx)("path", {
+					d: wn,
+					fill: ne,
+					stroke: K ? S.palette.primary.main : S.palette.text.secondary,
+					strokeWidth: K ? 1.5 : 1,
+					strokeLinejoin: "round"
+				})
+			})
+		})
+	}), H.component] });
+});
+jn.displayName = "StopHandle";
+var Mn = (0, Q.memo)((e) => {
+	let { stops: t, onChange: n, minStops: r = 2, maxStops: i = 8, schemeLookup: o, recentColors: s, darkMode: c = !1, disabled: l = !1, className: u, ...d } = e, f = p(), m = (0, Q.useRef)(null), h = (0, Q.useRef)({
+		known: [],
+		next: 1
+	}), g = (0, Q.useMemo)(() => {
+		let e = h.current, n = ((e, t, n) => {
+			for (let n of t) if (kn(e, n.stops)) return n.keys;
+			let r = /* @__PURE__ */ new Set();
+			return e.map((e) => {
+				for (let n of t) {
+					let t = n.stops.findIndex((t, i) => !r.has(n.keys[i]) && On(t, e));
+					if (t >= 0) return r.add(n.keys[t]), n.keys[t];
+				}
+				return -1;
+			}).map((e) => e >= 0 ? e : n());
+		})(t, e.known, () => e.next++);
+		return e.known[0]?.keys !== n && (e.known = [{
+			stops: t,
+			keys: n
+		}, ...e.known].slice(0, 3)), n;
+	}, [t]), [_, v] = (0, Q.useState)(null), [b, x] = (0, Q.useState)(null), [S, C] = (0, Q.useState)(null);
+	(0, Q.useLayoutEffect)(() => {
+		v((e) => {
+			if (!e?.released) return e;
+			let n = g.indexOf(e.key);
+			return n >= 0 && t[n].offset === e.offset ? null : e;
+		});
+	}, [t, g]), (0, Q.useLayoutEffect)(() => {
+		if (!_?.released) return;
+		let e = window.setTimeout(() => v((e) => e?.released ? null : e), 1e3);
+		return () => window.clearTimeout(e);
+	}, [_]);
+	let w = !l && t.length < i, T = !l && t.length > r, E = y((e) => {
+		let t = [...e].sort((e, t) => e.stop.offset - t.stop.offset), r = {
+			stops: t.map((e) => e.stop),
+			keys: t.map((e) => e.key)
+		}, i = h.current;
+		i.known = [r, ...i.known].slice(0, 3), n(r.stops.slice());
+	}, [n]), D = y(() => t.map((e, t) => ({
+		stop: e,
+		key: g[t]
+	})), [t, g]), O = y((e, t, n) => {
+		v({
+			key: g[e],
+			offset: t,
+			released: n
+		});
+	}, [g]), k = y((e, t) => {
+		E(D().map((n, r) => r === e ? {
+			...n,
+			stop: {
+				...n.stop,
+				offset: t
+			}
+		} : n));
+	}, [D, E]), A = y((e, t) => {
+		x(t ? {
+			key: g[e],
+			color: t
+		} : null);
+	}, [g]), j = y((e, t) => {
+		let n = g[e];
+		C((e) => t ? n : e === n ? null : e);
+	}, [g]), M = y((e, t) => {
+		E(D().map((n, r) => r === e ? {
+			...n,
+			stop: {
+				...n.stop,
+				color: t.toString()
+			}
+		} : n));
+	}, [D, E]), N = y((e) => {
+		t.length <= r || E(D().filter((t, n) => n !== e));
+	}, [
+		t,
+		r,
+		D,
+		E
+	]), P = y((e) => {
+		if (t.length >= i) return;
+		let n = [...t].sort((e, t) => e.offset - t.offset), r = e;
+		if (r === void 0) {
+			let e = -1;
+			for (let t = 0; t + 1 < n.length; t++) {
+				let i = n[t + 1].offset - n[t].offset;
+				i > e && (e = i, r = (n[t].offset + n[t + 1].offset) / 2);
+			}
+			r === void 0 && (r = 1);
+		}
+		let a = [...n].reverse().find((e) => e.offset <= r) ?? n[0], s = n.find((e) => e.offset >= r) ?? n[n.length - 1];
+		E([...D(), {
+			stop: {
+				offset: r,
+				color: Dn(a.color, s.color, o)
+			},
+			key: h.current.next++
+		}]);
+	}, [
+		t,
+		i,
+		o,
+		D,
+		E
+	]), F = y((e) => {
+		if (!w || e.button !== 0 || S !== null || e.target.closest(".sxl-gradient-stop")) return;
+		let t = e.currentTarget.getBoundingClientRect();
+		t.width <= 0 || P(Tn((e.clientX - t.left) / t.width));
+	}, [
+		w,
+		S,
+		P
+	]), L = (0, Q.useMemo)(() => {
+		let e = t.map((e, t) => ({
+			offset: _?.key === g[t] ? _.offset : e.offset,
+			css: En(b?.key === g[t] ? b.color : e.color, o, c)
+		}));
+		return e.sort((e, t) => e.offset - t.offset), `linear-gradient(90deg, ${e.map((e) => `${e.css} ${(100 * e.offset).toFixed(2)}%`).join(", ")})`;
+	}, [
+		t,
+		g,
+		_,
+		b,
+		o,
+		c
+	]);
+	return (0, $.jsxs)(I, {
+		className: Z("sxl-gradient-stops", u),
+		sx: {
+			display: "flex",
+			alignItems: "flex-start",
+			gap: .5,
+			minWidth: 0
+		},
+		...d,
+		children: [(0, $.jsx)(I, {
+			sx: {
+				flex: 1,
+				minWidth: 0,
+				paddingX: "7px",
+				paddingBottom: "15px"
+			},
+			children: (0, $.jsx)(I, {
+				ref: m,
+				className: "sxl-gradient-stops-ramp",
+				onPointerDown: F,
+				sx: {
+					position: "relative",
+					height: 18,
+					borderRadius: 1,
+					border: (e) => `1px solid ${e.palette.divider}`,
+					backgroundImage: L,
+					backgroundRepeat: "no-repeat",
+					cursor: w ? "copy" : "default",
+					opacity: l ? .5 : 1
+				},
+				children: t.map((e, t) => (0, $.jsx)(jn, {
+					index: t,
+					stop: e,
+					offset: _?.key === g[t] ? _.offset : e.offset,
+					schemeLookup: o,
+					recentColors: s,
+					darkMode: c,
+					disabled: l,
+					canRemove: T,
+					rampRef: m,
+					onDrag: O,
+					onMove: k,
+					onPreviewColor: A,
+					onChangeColor: M,
+					onRemove: N,
+					onOpenChange: j
+				}, g[t]))
+			})
+		}), (0, $.jsx)(J, {
+			disabled: !w,
+			propsTooltip: {
+				label: f("fill.gradientAddStop"),
+				simple: !0
+			},
+			icon: (0, $.jsx)(a, { iconKey: "Add" }),
+			onClick: () => P(),
+			sx: { marginTop: "-3px" }
+		})]
+	});
+});
+Mn.displayName = "GradientStopsBar";
+var Nn = (0, Q.memo)((e) => {
+	let { value: t, onChange: n, minStops: r, maxStops: i, schemeLookup: a, recentColors: o, darkMode: s = !1, disabled: c = !1, className: l, ...u } = e, d = p(), f = y((e) => {
+		n({
+			...t,
+			...e
+		});
+	}, [t, n]), m = t.gradientType === b.GradientType.Linear;
+	return (0, $.jsxs)(I, {
+		className: Z("sxl-gradient-editor", l),
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 1.25,
+			minWidth: 0
+		},
+		...u,
+		children: [(0, $.jsxs)(I, {
+			sx: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 1,
+				alignItems: "center"
+			},
+			children: [(0, $.jsxs)(V, {
+				size: "small",
+				sx: {
+					minWidth: 132,
+					flex: "1 1 132px"
+				},
+				children: [(0, $.jsx)(B, {
+					shrink: !0,
+					children: d("fill.gradientStyle")
+				}), (0, $.jsxs)(te, {
+					label: d("fill.gradientStyle"),
+					notched: !0,
+					disabled: c,
+					value: t.gradientType,
+					onChange: (e) => f({ gradientType: e.target.value }),
+					children: [(0, $.jsx)(Rt, {
+						value: b.GradientType.Linear,
+						children: d("fill.gradientLinear")
+					}), (0, $.jsx)(Rt, {
+						value: b.GradientType.Path,
+						children: d("fill.gradientRadial")
+					})]
+				})]
+			}), (0, $.jsx)(jt, {
+				label: d("fill.gradientAngle"),
+				type: "number",
+				size: "small",
+				disabled: c || !m,
+				value: t.angle,
+				onChange: (e) => {
+					let t = parseInt(e.target.value, 10) || 0;
+					f({ angle: (t % 360 + 360) % 360 });
+				},
+				slotProps: {
+					htmlInput: {
+						min: 0,
+						max: 359,
+						step: 15
+					},
+					inputLabel: { shrink: !0 }
+				},
+				sx: { width: 104 }
+			})]
+		}), (0, $.jsxs)(I, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: .5,
+				minWidth: 0
+			},
+			children: [(0, $.jsx)(L, {
+				variant: "caption",
+				component: "div",
+				sx: { color: "text.secondary" },
+				children: d("fill.gradientStops")
+			}), (0, $.jsx)(Mn, {
+				stops: t.stops,
+				onChange: (e) => f({ stops: e }),
+				minStops: r,
+				maxStops: i,
+				schemeLookup: a,
+				recentColors: o,
+				darkMode: s,
+				disabled: c
+			})]
+		})]
+	});
+});
+Nn.displayName = "GradientEditor";
+var Pn = (e) => {
+	let t = e.getStops();
+	return {
+		gradientType: e.getGradientType(),
+		angle: e.getAngle() ?? 0,
+		stops: t.length >= 2 ? t.map((e) => ({
+			offset: e.getOffset(),
+			color: e.getColor().toString()
+		})) : [...Fn.stops]
+	};
+}, Fn = Object.freeze({
+	gradientType: b.GradientType.Linear,
+	angle: 90,
+	stops: [{
+		offset: 0,
+		color: "ffffff"
+	}, {
+		offset: 1,
+		color: "4472c4"
+	}]
+}), In = 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(".")), Ln = i("studio:eagerStudio", () => import("./DXdI4tKe6B5dN40W.mjs")), Rn = ({ error: e, onShown: t }) => ((0, Q.useEffect)(() => {
+	t();
+}, []), (0, $.jsx)(Ft, { error: e })), zn = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { sx: n, style: r, className: i, licenseKey: a, renderDocumentLoading: s = ie, propsDocumentLoading: c, onWorkbookLoad: u, onDocumentError: d, ...f } = e, [p, h] = ((e) => {
+		let t = {}, n = {};
+		for (let r in e) (In.has(r) ? t : n)[r] = e[r];
+		return [t, n];
+	})(f);
+	a && S.setLicenseKey(a);
+	let [_] = v(w.Mode, T[w.Mode]), { themeMode: y } = m({ mode: _ ?? void 0 }), b = y === "dark", [x, C] = (0, Q.useState)(null), E = o("studio", (0, Q.useId)()), [D, O] = (0, Q.useState)(!1), k = (0, Q.useMemo)(() => !s || D ? null : (0, $.jsx)(R, {
+		style: {
+			backgroundColor: `var(--sxl-color-base-100, ${b ? "#121212" : "#fff"})`,
+			inset: 0,
+			width: "100%",
+			height: "100%",
+			position: "absolute",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: 9900
+		},
+		children: (0, $.jsx)(l, {
+			render: s,
+			props: c ?? {}
+		})
+	}), [
+		s,
+		c,
+		b,
+		D
+	]), A = (0, Q.useMemo)(() => g(Ln.load, { renderError: ({ error: e }) => (0, $.jsx)(Rn, {
+		error: e,
+		onShown: () => O(!0)
+	}) }), []);
+	return (0, $.jsxs)(I, {
+		ref: C,
+		className: Z("sheetxl-studio", E, i),
+		"data-sxl-theme-mode": y,
+		sx: n,
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			flex: "1 1 100%",
+			width: "100%",
+			height: "100%",
+			minWidth: 0,
+			minHeight: 0,
+			position: "relative",
+			overflow: "hidden",
+			...r
+		},
+		...h,
+		children: [(0, $.jsx)(Q.Suspense, {
+			fallback: null,
+			children: (0, $.jsx)(A, {
+				...p,
+				host: x,
+				scopeClass: E,
+				onWorkbookLoad: (e) => (requestAnimationFrame(() => requestAnimationFrame(() => O(!0))), u?.(e)),
+				onDocumentError: (e) => (O(!0), d?.(e)),
+				renderDocumentLoading: null,
+				ref: t
+			})
+		}), k]
+	});
+}));
+zn.displayName = "Studio";
+var Bn = (e = {}) => {
+	let { source: t, startWith: n, templatePath: r, onWorkbookLoad: i, onWorkbookChange: a, onDirtyChange: o, documentTitle: s, confirmOnClose: c, keyboardGuard: l, ...u } = e, d = h(), [f, p] = (0, Q.useState)(null), [m, g] = (0, Q.useState)(!1), _ = D(f);
+	k(_, m, {
+		documentTitle: s,
+		confirmOnClose: c,
+		keyboardGuard: l
+	});
+	let { workbook: v, urlTitle: y } = (0, Q.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, Q.useRef)(null);
+	(0, Q.useMemo)(() => {
+		b.current = y;
+	}, [y]);
+	let x = (0, Q.useRef)(a);
+	x.current = a;
+	let S = (0, Q.useCallback)((e) => {
+		e && b.current && (e.getOrigin().setName(b.current), b.current = null), p(e), x.current?.(e);
+	}, []), C = (0, Q.useRef)(o);
+	C.current = o;
+	let w = (0, Q.useCallback)((e) => {
+		g(e), C.current?.(e);
+	}, []);
+	(0, Q.useEffect)(() => {
+		n === "welcome" && v === void 0 && Fe(r);
+	}, [
+		n,
+		v,
+		r
+	]);
+	let T = (0, Q.useRef)(!1), E = (0, Q.useRef)(i);
+	E.current = i;
+	let O = (0, Q.useCallback)((e) => (T.current || (T.current = !0, n === "welcome" && v === void 0 && requestAnimationFrame(() => requestAnimationFrame(() => {
+		e.source?.getCommandScope?.()?.resolve("showWelcome")?.execute({
+			templatePath: r,
+			atStartup: !0
+		});
+	}))), E.current?.(e)), [
+		n,
+		r,
+		v
+	]);
+	return {
+		...u,
+		workbook: v,
+		onWorkbookChange: S,
+		onDirtyChange: w,
+		onWorkbookLoad: O
+	};
+};
+export { Pn as a, mn as c, Nn as i, Sn as n, zn as o, vn as r, fn as s, Fn as t };