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

package/cdn/assets/Dzno9raiwXxce_BQ.js

@@ -0,0 +1,1306 @@
+/**
+* @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 } from "./CTmLSM7UhiKOIhgu.js";
+import { t } from "./CCos0hQMhVcaGwU0.js";
+import { t as n } from "./CPGIT9PYUuWdSglk.js";
+import { D as r } from "./Cif0315haNLmyMj-.js";
+import { U as i, t as a } from "./TVEs01pqc117KeGZ.js";
+import { Zn as o } from "./CZG3fjfebhJvUipF.js";
+import { r as s } from "./DdWtfDWDB6Yst5LZ.js";
+import { D as c, Dt as l, M as u, St as d, T as f, U as p, Z as m, dt as h, j as g, m as _, pt as v, t as y, x as b, z as x } from "./OABpLvY7siKUyNIa.js";
+import { a as S, i as C } from "./D4DsR2aIqjajGOKK.js";
+import { M as w, gt as T, ot as E, rt as D, tt as O, y as k } from "./Cc-jOsunTu0-Mla_.js";
+import { n as A, t as j } from "./DWcAYH0eBaOj-dU4.js";
+import { M, V as N, f as ee, o as P } from "./DX-iRDnwn8uZZIqp.js";
+import { m as F, t as I, y as L } from "./BqM-W_oFdjeyu8N4.js";
+import { D as R, Lt as z, _ as B } from "./DKFKYAh8TvZ6nbQP.js";
+import { t as V } from "./CwPsCkeHan5zXDyX.js";
+import { F as H, L as U, P as te, T as W, b as G, g as K, j as q, l as J, t as Y, y as ne } from "./nQBuuL7ZHzDHpWHk.js";
+import { t as re } from "./B5znT6l0E-uRlPxA.js";
+import { t as ie } from "./DkZqI9EyJ9BaBNL_.js";
+import { t as X } from "./CImdnjQtd2Yn7uXl.js";
+import { r as ae } from "./CgovQHyOZcnsM53I.js";
+import { f as oe } from "./CFJ9wCSJYOoE1Lrz.js";
+var Z = e(t(), 1), Q = n();
+(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 $ = (e) => {
+	e.button === 0 && e.preventDefault();
+}, se = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { disabled: n, className: r, sx: i, defaultInput: a, value: o, formName: c, formOptions: l, onChangeInput: d, onChangeText: f, onDone: p, changeOn: m, onValidate: g, apiRef: _, label: v, helperText: y, showError: b = !0, onChangeError: x, hideAdornment: S, propsInput: C, onKeyDown: w, onFocus: T, ...E } = e, D = h(), O = u(), A = v ?? D("namedInput.label"), j = ae(), M = c && j ? j.register(c, l) : null, N = k({
+		value: o ?? "",
+		onChange: d,
+		onChangeText: f,
+		onDone: p,
+		changeOn: m,
+		onValidate: g,
+		disabled: n
+	});
+	(0, Z.useImperativeHandle)(_, () => N, [N]);
+	let ee = (0, Z.useRef)(j);
+	ee.current = j;
+	let P = (0, Z.useRef)(x);
+	P.current = x;
+	let F = (0, Z.useRef)(null);
+	(0, Z.useEffect)(() => {
+		if (N.error === F.current || (F.current = N.error, P.current?.(N.error), !c)) return;
+		let e = ee.current;
+		e && (N.error ? e.setError(c, { message: D(N.error) }) : e.clearErrors(c));
+	}, [N.error, c]);
+	let I = m === "done", R = N.engaged && N.dirty, z = (0, Z.useMemo)(() => {
+		if (!S && I) return (0, Q.jsxs)(ie, {
+			tabIndex: -1,
+			onMouseDown: $,
+			"aria-hidden": !R,
+			sx: {
+				display: "flex",
+				position: "relative",
+				flex: "0",
+				...R ? null : {
+					visibility: "hidden",
+					pointerEvents: "none"
+				}
+			},
+			position: "end",
+			children: [(0, Q.jsx)(W, {
+				dense: !0,
+				outlined: !1,
+				color: "primary",
+				"aria-label": "commit-input",
+				icon: (0, Q.jsx)(s, { iconKey: "CheckSuccess" }),
+				propsTooltip: {
+					label: D("referenceInput.commit"),
+					simple: !0
+				},
+				disabled: !!N.error,
+				tabIndex: -1,
+				onMouseDown: $,
+				onClick: () => {
+					N.commit();
+				}
+			}), (0, Q.jsx)(W, {
+				dense: !0,
+				outlined: !1,
+				color: "warning",
+				"aria-label": "cancel-input",
+				icon: (0, Q.jsx)(s, { iconKey: "CloseError" }),
+				propsTooltip: {
+					label: D("referenceInput.cancel"),
+					simple: !0
+				},
+				tabIndex: -1,
+				onMouseDown: $,
+				onClick: () => {
+					N.cancel();
+				}
+			})]
+		});
+	}, [
+		S,
+		I,
+		R,
+		N.commit,
+		N.cancel,
+		!!N.error
+	]);
+	return (0, Q.jsx)(L, {
+		sx: {
+			minWidth: 135,
+			width: "100%",
+			...i
+		},
+		size: "small",
+		ref: t,
+		className: X("sxl-input-field", r),
+		...E,
+		children: (0, Q.jsx)(V, {
+			label: A,
+			placeholder: a,
+			disabled: n,
+			error: !!N.error,
+			helperText: N.error && b ? D(N.error) : y === void 0 ? " " : y,
+			sx: { "& .MuiFormHelperText-root": { marginTop: (e) => e.spacing(.5) } },
+			slotProps: {
+				input: { endAdornment: z },
+				inputLabel: { shrink: !0 },
+				htmlInput: {
+					spellCheck: !1,
+					autoComplete: "off",
+					onPointerDown: O.onPointerDown,
+					onDragStart: O.onDragStart,
+					...C,
+					className: X("autoFocus", C?.className),
+					name: c,
+					readOnly: n,
+					sx: {
+						paddingTop: (e) => e.spacing(1.25),
+						paddingBottom: (e) => e.spacing(.75)
+					}
+				}
+			},
+			value: N.inputProps.value,
+			inputRef: (e) => {
+				N.inputProps.ref(e), M?.ref && M.ref(e);
+			},
+			onChange: (e) => {
+				N.inputProps.onChange(e), M?.onChange(e);
+			},
+			onKeyDown: (e) => {
+				N.inputProps.onKeyDown(e), e.defaultPrevented || w?.(e);
+			},
+			onFocus: (e) => {
+				N.inputProps.onFocus(e), T?.(e);
+			},
+			onBlur: (e) => {
+				N.inputProps.onBlur(e), M?.onBlur(e);
+			},
+			onContextMenu: (e) => {
+				e.stopPropagation();
+			}
+		})
+	});
+}));
+se.displayName = "InputField";
+var ce = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, o] = (0, Z.useState)([]), s = w.canWrite(), c = w.canRead();
+	(0, Z.useEffect)(() => {
+		let e = !0;
+		return w.getWriteFormats().then((t) => {
+			e && o(t);
+		}), () => {
+			e = !1;
+		};
+	}, []);
+	let u = O(), d = D(u), f = (0, Z.useMemo)(() => {
+		if (a.length === 0) return null;
+		let e = d?.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, d]), [h] = y(f ? `saveWorkbookAs${f.key}` : []), g = l(), _ = g.resolveMembers("newWorkbookOptions") ?? ["newWorkbook"], v = x((e) => {
+		let t = {
+			variant: m.Menuitem,
+			groupKey: n,
+			disabled: r
+		}, i = (0, Q.jsxs)(Q.Fragment, { children: [
+			_.length > 1 ? (0, Q.jsx)(q, {
+				...t,
+				quickCommand: "newWorkbook",
+				renderPopupPanel: (e) => {
+					let t = te(_, {
+						variant: m.Menuitem,
+						dividerOrientation: "horizontal",
+						groupKey: "newWorkbookOptions",
+						registry: g,
+						propsCommandButton: { disabled: r },
+						propsCommandPopup: { disabled: r }
+					});
+					return U({
+						...e,
+						children: t,
+						onClick: () => {
+							e.closeFloatAll?.();
+						}
+					});
+				}
+			}) : (0, Q.jsx)(Y, {
+				...t,
+				commandKey: "newWorkbook"
+			}),
+			(0, Q.jsx)(J, { orientation: "horizontal" }),
+			c ? (0, Q.jsx)(q, {
+				...t,
+				quickCommand: "openWorkbook",
+				renderPopupPanel: (e) => {
+					let n = {
+						...t,
+						groupKey: "openWorkbookOptions"
+					}, r = [(0, Z.createElement)(Y, {
+						...n,
+						key: "device",
+						commandKey: "openWorkbook"
+					}), (0, Z.createElement)(Y, {
+						...n,
+						key: "web",
+						commandKey: "openWorkbookFromUrl"
+					})];
+					return U({
+						...e,
+						children: r,
+						onClick: () => {
+							e.closeFloatAll?.();
+						}
+					});
+				}
+			}) : null,
+			s && a.length > 0 ? (0, Q.jsx)(q, {
+				...t,
+				quickCommand: "saveWorkbook",
+				renderPopupPanel: (e) => {
+					let n = {
+						...t,
+						groupKey: "saveWorkbookOptions"
+					}, r = [(0, Z.createElement)(Y, {
+						...n,
+						key: "saveWorkbookAs",
+						commandKey: "saveWorkbookAs",
+						label: h?.getLabel("saveWorkbookOptions"),
+						icon: h?.getIcon("saveWorkbookOptions")
+					})], i = a.filter((e) => !e.advanced && e.key !== f?.key);
+					return i.length > 0 && r.push((0, Q.jsx)(J, { orientation: "horizontal" }, "divider")), i.forEach((e) => {
+						let t = e.key, i = `saveWorkbookAs${t}`;
+						r.push((0, Z.createElement)(Y, {
+							...n,
+							key: t,
+							commandKey: i
+						}));
+					}), U({
+						...e,
+						children: r,
+						onClick: () => {
+							e.closeFloatAll?.();
+						}
+					});
+				}
+			}) : null
+		] });
+		return U({
+			...e,
+			children: i,
+			onClick: (t) => {
+				t.isDefaultPrevented() || e.closeFloatAll?.();
+			}
+		});
+	}, [
+		r,
+		n,
+		a,
+		f,
+		h,
+		_,
+		g
+	]), b = p("fileOptions"), S = b?.getLabel?.() ?? "File", C = b?.getDescription?.() ?? "Options for saving and loading the workbook.";
+	return (0, Q.jsx)(q, {
+		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: v,
+		icon: (0, Q.jsx)(H, {
+			className: "label",
+			icon: null,
+			label: S
+		})
+	});
+}));
+ce.displayName = "FileCommandButton";
+var le = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { groupKey: n, disabled: r, ...i } = e, [a] = y(["themeMode"]), o = p("appearanceOptions"), s = x((e) => {
+		let t = {
+			variant: m.Menuitem,
+			groupKey: "appearanceOptions",
+			disabled: r
+		}, n = (0, Q.jsxs)(Q.Fragment, { children: [
+			(0, Q.jsx)(Y, {
+				...t,
+				commandKey: "themeMode"
+			}),
+			(0, Q.jsx)(Y, {
+				...t,
+				commandKey: "defaultThemeMode"
+			}),
+			(0, Q.jsx)(J, { orientation: "horizontal" }),
+			(0, Q.jsx)(Y, {
+				...t,
+				commandKey: "enableDarkGrid"
+			}),
+			(0, Q.jsx)(Y, {
+				...t,
+				commandKey: "enableDarkImages"
+			})
+		] });
+		return U({
+			...e,
+			children: n
+		});
+	}, [
+		r,
+		a,
+		n
+	]), c = a?.getState(), l = z("(prefers-color-scheme: dark)"), u = c === "dark" || c === null && l, d = a?.getState() !== null;
+	return (0, Q.jsx)(q, {
+		ref: t,
+		quickCommand: "themeMode",
+		renderPopupPanel: s,
+		label: o?.getLabel?.(),
+		tooltip: o?.getDescription?.(),
+		onQuickClick: () => {
+			a?.execute(u ? "light" : "dark");
+		},
+		selected: d,
+		...i
+	});
+})), ue = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { ...n } = e;
+	return (0, Q.jsx)(G, {
+		ref: t,
+		groupKey: "insertFunctionSumOptions",
+		...n
+	});
+}));
+function de(e, t, n) {
+	return e === i.BuiltInSheetPattern.Solid ? {
+		foreground: n,
+		background: t
+	} : {
+		foreground: t,
+		background: n
+	};
+}
+ue.displayName = "InsertFunctionSumCommandPopupButton";
+var fe = (0, Z.memo)((e) => {
+	let { patternType: t, foreground: n, background: r, createCell: a, darkMode: o = !1, className: s, style: c, ...l } = e, u = (0, Z.useMemo)(() => {
+		let e = de(t, n, r);
+		return a({ style: { fill: {
+			type: i.Type.Pattern,
+			patternType: t,
+			foreground: e.foreground ?? void 0,
+			background: e.background ?? void 0
+		} } })?.getStyle().getFill().toCSS(o) ?? {};
+	}, [
+		t,
+		n,
+		r,
+		a,
+		o
+	]);
+	return (0, Q.jsx)("div", {
+		className: X("sxl-pattern-swatch", s),
+		style: {
+			width: "100%",
+			height: "100%",
+			...u,
+			...c
+		},
+		...l
+	});
+});
+fe.displayName = "PatternSwatch";
+var pe = Object.freeze([
+	i.BuiltInSheetPattern.Solid,
+	i.BuiltInSheetPattern.DarkGray,
+	i.BuiltInSheetPattern.MediumGray,
+	i.BuiltInSheetPattern.LightGray,
+	i.BuiltInSheetPattern.Gray125,
+	i.BuiltInSheetPattern.Gray0625,
+	i.BuiltInSheetPattern.DarkHorizontal,
+	i.BuiltInSheetPattern.DarkVertical,
+	i.BuiltInSheetPattern.DarkDown,
+	i.BuiltInSheetPattern.DarkUp,
+	i.BuiltInSheetPattern.DarkGrid,
+	i.BuiltInSheetPattern.DarkTrellis,
+	i.BuiltInSheetPattern.LightHorizontal,
+	i.BuiltInSheetPattern.LightVertical,
+	i.BuiltInSheetPattern.LightDown,
+	i.BuiltInSheetPattern.LightUp,
+	i.BuiltInSheetPattern.LightGrid,
+	i.BuiltInSheetPattern.LightTrellis
+]);
+function me(e, t) {
+	switch (t) {
+		case i.BuiltInSheetPattern.None: return e("fill.pattern.none");
+		case i.BuiltInSheetPattern.Solid: return e("fill.pattern.solid");
+		case i.BuiltInSheetPattern.Gray0625: return e("fill.pattern.gray0625");
+		case i.BuiltInSheetPattern.Gray125: return e("fill.pattern.gray125");
+		case i.BuiltInSheetPattern.LightGray: return e("fill.pattern.lightGray");
+		case i.BuiltInSheetPattern.MediumGray: return e("fill.pattern.mediumGray");
+		case i.BuiltInSheetPattern.DarkGray: return e("fill.pattern.darkGray");
+		case i.BuiltInSheetPattern.LightHorizontal: return e("fill.pattern.lightHorizontal");
+		case i.BuiltInSheetPattern.LightVertical: return e("fill.pattern.lightVertical");
+		case i.BuiltInSheetPattern.LightDown: return e("fill.pattern.lightDown");
+		case i.BuiltInSheetPattern.LightUp: return e("fill.pattern.lightUp");
+		case i.BuiltInSheetPattern.LightGrid: return e("fill.pattern.lightGrid");
+		case i.BuiltInSheetPattern.LightTrellis: return e("fill.pattern.lightTrellis");
+		case i.BuiltInSheetPattern.DarkHorizontal: return e("fill.pattern.darkHorizontal");
+		case i.BuiltInSheetPattern.DarkVertical: return e("fill.pattern.darkVertical");
+		case i.BuiltInSheetPattern.DarkDown: return e("fill.pattern.darkDown");
+		case i.BuiltInSheetPattern.DarkUp: return e("fill.pattern.darkUp");
+		case i.BuiltInSheetPattern.DarkGrid: return e("fill.pattern.darkGrid");
+		case i.BuiltInSheetPattern.DarkTrellis: return e("fill.pattern.darkTrellis");
+		default: return t;
+	}
+}
+var he = (0, Z.memo)((e) => {
+	let { selectedPattern: t, foreground: n, background: r, onSelectPattern: i, createCell: a, darkMode: o = !1, disabled: s, ...c } = e, l = h(), u = x(i ?? ((e) => {}), [i]), d = (0, Z.useCallback)((e) => {
+		let { closeFloat: i } = e;
+		return (0, Q.jsx)(j, {
+			sx: {
+				display: "grid",
+				gridTemplateColumns: "repeat(6, 34px)",
+				gap: "4px",
+				padding: "8px"
+			},
+			children: pe.map((e) => (0, Q.jsx)(P, {
+				label: me(l, e),
+				children: (0, Q.jsx)(j, {
+					role: "button",
+					tabIndex: 0,
+					"aria-label": me(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, Q.jsx)(fe, {
+						patternType: e,
+						foreground: n,
+						background: r,
+						createCell: a,
+						darkMode: o
+					})
+				})
+			}, e))
+		});
+	}, [
+		t,
+		n,
+		r,
+		a,
+		o,
+		u,
+		l
+	]);
+	return (0, Q.jsx)(ne, {
+		disabled: s,
+		tooltip: l("fill.patternTooltip", { pattern: me(l, t) }),
+		renderPopupPanel: d,
+		icon: (0, Q.jsx)(j, {
+			sx: {
+				width: "48px",
+				height: "20px",
+				borderRadius: "2px",
+				outline: (e) => `1px solid ${e.palette.divider}`,
+				outlineOffset: "-1px",
+				overflow: "hidden"
+			},
+			children: (0, Q.jsx)(fe, {
+				patternType: t,
+				foreground: n,
+				background: r,
+				createCell: a,
+				darkMode: o
+			})
+		}),
+		...c
+	});
+});
+he.displayName = "PatternPopupButton";
+var ge = {
+	resizeOnOverflow: !1,
+	placement: "bottom",
+	offsets: [0, 2],
+	shift: { padding: 8 }
+}, _e = ((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
+	]
+]), ve = (e) => Math.max(0, Math.min(1, e)), ye = (e, t, n) => {
+	try {
+		return (e instanceof a ? e : new a(e, t)).toCSS(n);
+	} catch {
+		return "transparent";
+	}
+}, be = (e, t, n) => {
+	try {
+		let r = new a(e, n).toRGBA(), i = new a(t, n).toRGBA(), o = (e, t) => Math.round((e + t) / 2).toString(16).padStart(2, "0");
+		return `${o(r.red, i.red)}${o(r.green, i.green)}${o(r.blue, i.blue)}`;
+	} catch {
+		return e;
+	}
+}, xe = (e, t) => e.offset === t.offset && String(e.color) === String(t.color), Se = (e, t) => e.length === t.length && e.every((e, n) => xe(e, t[n])), Ce = (0, Z.memo)((e) => {
+	let { percent: t, disabled: n, inputRef: r, onChange: i } = e, a = h(), [o, s] = (0, Z.useState)(String(t)), [c, l] = (0, Z.useState)(!1);
+	return (0, Z.useEffect)(() => {
+		c || s(String(t));
+	}, [t, c]), (0, Q.jsx)(V, {
+		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, Q.jsx)(ie, {
+				position: "end",
+				disableTypography: !0,
+				children: "%"
+			}) }
+		},
+		sx: { width: 120 }
+	});
+});
+Ce.displayName = "StopPositionField";
+var we = (0, Z.memo)((e) => {
+	let { index: t, stop: n, offset: r, schemeLookup: i, recentColors: o, darkMode: c, disabled: l, canRemove: u, rampRef: d, onDrag: p, onMove: m, onPreviewColor: g, onChangeColor: _, onRemove: v, onOpenChange: y } = e, b = h(), S = A(), C = (0, Z.useMemo)(() => new a(n.color, i), [n.color, i]), [w, T] = (0, Z.useState)(void 0), [E, D] = (0, Z.useState)(null), [O, k] = (0, Z.useState)(!1), [M, N] = (0, Z.useState)(!1), [P, F] = (0, Z.useState)(!1), [I, L] = (0, Z.useState)(!1), R = (0, Z.useRef)(null), z = (0, Z.useRef)(!1), B = x((e) => {
+		T(e), g(t, e ?? null);
+	}, [t, g]), V = x((e) => {
+		m(t, e / 100);
+	}, [t, m]), H = Math.round(100 * r), U = ye(w ?? C, i, c), te = (0, Z.useCallback)((e) => {
+		let { closeFloat: n } = e;
+		return (0, Q.jsxs)(j, {
+			className: "sxl-gradient-stop-popup",
+			sx: {
+				display: "flex",
+				flexDirection: "column"
+			},
+			children: [(0, Q.jsx)(oe, {
+				selectedColor: C,
+				previewColor: w,
+				disableAlpha: !0,
+				schemeLookup: i,
+				recentColors: o,
+				darkMode: c,
+				onDone: n,
+				onPreviewColor: B,
+				onPreviewColorImmediate: B,
+				onSelectColor: (e) => {
+					B(void 0), e && _(t, e);
+				}
+			}), (0, Q.jsx)(j, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: 1,
+					paddingX: 1,
+					paddingBottom: 1
+				},
+				children: (0, Q.jsx)(Ce, {
+					percent: H,
+					disabled: l,
+					inputRef: R,
+					onChange: V
+				})
+			})]
+		});
+	}, [
+		C,
+		w,
+		H,
+		t,
+		i,
+		o,
+		c,
+		l,
+		B,
+		_,
+		V
+	]), G = f({
+		anchor: E,
+		label: "gradient-stop",
+		renderPopupPanel: te,
+		propsPopper: ge,
+		onOpen: () => {
+			k(!0), y(t, !0), z.current && (z.current = !1, requestAnimationFrame(() => R.current?.focus()));
+		},
+		onClose: () => {
+			k(!1), y(t, !1), B(void 0);
+		}
+	}), K = x((e) => {
+		z.current = e, G.reference.open(0);
+	}, [G]), q = x(() => {
+		O ? G.reference.close(0) : K(!1);
+	}, [
+		O,
+		G,
+		K
+	]), J = (0, Z.useRef)(null), Y = x((e) => {
+		l || e.button !== 0 || (e.currentTarget.setPointerCapture(e.pointerId), J.current = {
+			pointerId: e.pointerId,
+			startX: e.clientX,
+			startOffset: r,
+			moved: !1,
+			offset: r
+		});
+	}, [l, r]), ne = x((e) => {
+		let n = J.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, N(!0), L(!1), G.reference.close(0);
+		}
+		let i = d.current?.getBoundingClientRect().width ?? 0;
+		n.offset = i > 0 ? ve(n.startOffset + r / i) : n.startOffset, p(t, n.offset, !1);
+	}, [
+		t,
+		d,
+		G,
+		p
+	]), re = x((e) => {
+		let n = J.current;
+		if (n && n.pointerId === e.pointerId) {
+			if (J.current = null, n.moved) return N(!1), p(t, n.offset, !0), void m(t, n.offset);
+			q();
+		}
+	}, [
+		t,
+		p,
+		m,
+		q
+	]), ie = x((e) => {
+		let n = J.current;
+		n && n.pointerId === e.pointerId && (J.current = null, n.moved && (N(!1), p(t, n.startOffset, !0)));
+	}, [t, p]), ae = x((e) => {
+		if (l) return;
+		let n = e.shiftKey ? .1 : .01;
+		switch (e.key) {
+			case "ArrowLeft":
+				m(t, ve(r - n));
+				break;
+			case "ArrowRight":
+				m(t, ve(r + n));
+				break;
+			case "Home":
+				m(t, 0);
+				break;
+			case "End":
+				m(t, 1);
+				break;
+			case "Delete":
+			case "Backspace":
+				u && v(t);
+				break;
+			case "Enter":
+			case " ":
+				K(!0);
+				break;
+			case "Escape":
+				if (!O) return;
+				G.reference.close(0);
+				break;
+			default: return;
+		}
+		e.preventDefault();
+	}, [
+		l,
+		t,
+		r,
+		u,
+		O,
+		G,
+		K,
+		m,
+		v
+	]), $ = O || M || P, se = !l && !M && !O && I, ce = (0, Q.jsxs)(j, {
+		className: "sxl-gradient-stop-toolbar",
+		onPointerDown: (e) => {
+			e.stopPropagation();
+		},
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .25
+		},
+		children: [(0, Q.jsx)(W, {
+			tabIndex: -1,
+			propsTooltip: {
+				label: b("fill.gradientStopColor"),
+				simple: !0
+			},
+			icon: (0, Q.jsx)(j, {
+				className: "color-wrapper",
+				sx: {
+					lineHeight: 0,
+					"& .activeColor": { fill: U }
+				},
+				children: (0, Q.jsx)(s, { iconKey: "circle.colored" })
+			}),
+			onClick: () => {
+				L(!1), q();
+			}
+		}), (0, Q.jsx)(W, {
+			tabIndex: -1,
+			disabled: !u,
+			propsTooltip: {
+				label: b("fill.gradientRemoveStop"),
+				simple: !0
+			},
+			icon: (0, Q.jsx)(s, { iconKey: "Close" }),
+			onClick: () => v(t)
+		})]
+	});
+	return (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsx)(ee, {
+		title: ce,
+		open: se,
+		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, Q.jsx)(j, {
+			ref: D,
+			role: "button",
+			tabIndex: l ? -1 : 0,
+			"aria-label": b("fill.gradientStop", { position: H }),
+			"aria-disabled": l || void 0,
+			className: X("sxl-gradient-stop", {
+				"sxl-gradient-stop-open": O,
+				"sxl-gradient-stop-dragging": M
+			}),
+			onPointerDown: Y,
+			onPointerMove: ne,
+			onPointerUp: re,
+			onPointerCancel: ie,
+			onFocus: () => F(!0),
+			onBlur: () => F(!1),
+			onKeyDown: ae,
+			sx: {
+				position: "absolute",
+				left: 100 * r + "%",
+				top: "calc(100% - 4px)",
+				width: 14,
+				height: 17,
+				transform: "translateX(-50%)",
+				transition: M ? "none" : "left 120ms ease-out",
+				lineHeight: 0,
+				cursor: l ? "default" : M ? "grabbing" : "grab",
+				touchAction: "none",
+				outline: "none",
+				zIndex: +!!M,
+				filter: $ ? `drop-shadow(0 1px 2px ${S.palette.action.active})` : void 0
+			},
+			children: (0, Q.jsx)("svg", {
+				width: 14,
+				height: 17,
+				viewBox: "0 0 14 17",
+				"aria-hidden": "true",
+				children: (0, Q.jsx)("path", {
+					d: _e,
+					fill: U,
+					stroke: $ ? S.palette.primary.main : S.palette.text.secondary,
+					strokeWidth: $ ? 1.5 : 1,
+					strokeLinejoin: "round"
+				})
+			})
+		})
+	}), G.component] });
+});
+we.displayName = "StopHandle";
+var Te = (0, Z.memo)((e) => {
+	let { stops: t, onChange: n, minStops: r = 2, maxStops: i = 8, schemeLookup: a, recentColors: o, darkMode: c = !1, disabled: l = !1, className: u, ...d } = e, f = h(), p = (0, Z.useRef)(null), m = (0, Z.useRef)({
+		known: [],
+		next: 1
+	}), g = (0, Z.useMemo)(() => {
+		let e = m.current, n = ((e, t, n) => {
+			for (let n of t) if (Se(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]) && xe(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, Z.useState)(null), [y, b] = (0, Z.useState)(null), [S, C] = (0, Z.useState)(null);
+	(0, Z.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, Z.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 = x((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 = m.current;
+		i.known = [r, ...i.known].slice(0, 3), n(r.stops.slice());
+	}, [n]), D = x(() => t.map((e, t) => ({
+		stop: e,
+		key: g[t]
+	})), [t, g]), O = x((e, t, n) => {
+		v({
+			key: g[e],
+			offset: t,
+			released: n
+		});
+	}, [g]), k = x((e, t) => {
+		E(D().map((n, r) => r === e ? {
+			...n,
+			stop: {
+				...n.stop,
+				offset: t
+			}
+		} : n));
+	}, [D, E]), A = x((e, t) => {
+		b(t ? {
+			key: g[e],
+			color: t
+		} : null);
+	}, [g]), M = x((e, t) => {
+		let n = g[e];
+		C((e) => t ? n : e === n ? null : e);
+	}, [g]), N = x((e, t) => {
+		E(D().map((n, r) => r === e ? {
+			...n,
+			stop: {
+				...n.stop,
+				color: t.toString()
+			}
+		} : n));
+	}, [D, E]), ee = x((e) => {
+		t.length <= r || E(D().filter((t, n) => n !== e));
+	}, [
+		t,
+		r,
+		D,
+		E
+	]), P = x((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 o = [...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: be(o.color, s.color, a)
+			},
+			key: m.current.next++
+		}]);
+	}, [
+		t,
+		i,
+		a,
+		D,
+		E
+	]), F = x((e) => {
+		if (!w || e.button !== 0 || S !== null || e.target.closest(".sxl-gradient-stop")) return;
+		let t = e.currentTarget.getBoundingClientRect();
+		t.width <= 0 || P(ve((e.clientX - t.left) / t.width));
+	}, [
+		w,
+		S,
+		P
+	]), I = (0, Z.useMemo)(() => {
+		let e = t.map((e, t) => ({
+			offset: _?.key === g[t] ? _.offset : e.offset,
+			css: ye(y?.key === g[t] ? y.color : e.color, a, 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,
+		_,
+		y,
+		a,
+		c
+	]);
+	return (0, Q.jsxs)(j, {
+		className: X("sxl-gradient-stops", u),
+		sx: {
+			display: "flex",
+			alignItems: "flex-start",
+			gap: .5,
+			minWidth: 0
+		},
+		...d,
+		children: [(0, Q.jsx)(j, {
+			sx: {
+				flex: 1,
+				minWidth: 0,
+				paddingX: "7px",
+				paddingBottom: "15px"
+			},
+			children: (0, Q.jsx)(j, {
+				ref: p,
+				className: "sxl-gradient-stops-ramp",
+				onPointerDown: F,
+				sx: {
+					position: "relative",
+					height: 18,
+					borderRadius: 1,
+					border: (e) => `1px solid ${e.palette.divider}`,
+					backgroundImage: I,
+					backgroundRepeat: "no-repeat",
+					cursor: w ? "copy" : "default",
+					opacity: l ? .5 : 1
+				},
+				children: t.map((e, t) => (0, Q.jsx)(we, {
+					index: t,
+					stop: e,
+					offset: _?.key === g[t] ? _.offset : e.offset,
+					schemeLookup: a,
+					recentColors: o,
+					darkMode: c,
+					disabled: l,
+					canRemove: T,
+					rampRef: p,
+					onDrag: O,
+					onMove: k,
+					onPreviewColor: A,
+					onChangeColor: N,
+					onRemove: ee,
+					onOpenChange: M
+				}, g[t]))
+			})
+		}), (0, Q.jsx)(W, {
+			disabled: !w,
+			propsTooltip: {
+				label: f("fill.gradientAddStop"),
+				simple: !0
+			},
+			icon: (0, Q.jsx)(s, { iconKey: "Add" }),
+			onClick: () => P(),
+			sx: { marginTop: "-3px" }
+		})]
+	});
+});
+Te.displayName = "GradientStopsBar";
+var Ee = (0, Z.memo)((e) => {
+	let { value: t, onChange: n, minStops: r, maxStops: a, schemeLookup: o, recentColors: s, darkMode: c = !1, disabled: l = !1, className: u, ...d } = e, f = h(), p = x((e) => {
+		n({
+			...t,
+			...e
+		});
+	}, [t, n]), m = t.gradientType === i.GradientType.Linear;
+	return (0, Q.jsxs)(j, {
+		className: X("sxl-gradient-editor", u),
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 1.25,
+			minWidth: 0
+		},
+		...d,
+		children: [(0, Q.jsxs)(j, {
+			sx: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 1,
+				alignItems: "center"
+			},
+			children: [(0, Q.jsxs)(L, {
+				size: "small",
+				sx: {
+					minWidth: 132,
+					flex: "1 1 132px"
+				},
+				children: [(0, Q.jsx)(F, {
+					shrink: !0,
+					children: f("fill.gradientStyle")
+				}), (0, Q.jsxs)(I, {
+					label: f("fill.gradientStyle"),
+					notched: !0,
+					disabled: l,
+					value: t.gradientType,
+					onChange: (e) => p({ gradientType: e.target.value }),
+					children: [(0, Q.jsx)(re, {
+						value: i.GradientType.Linear,
+						children: f("fill.gradientLinear")
+					}), (0, Q.jsx)(re, {
+						value: i.GradientType.Path,
+						children: f("fill.gradientRadial")
+					})]
+				})]
+			}), (0, Q.jsx)(V, {
+				label: f("fill.gradientAngle"),
+				type: "number",
+				size: "small",
+				disabled: l || !m,
+				value: t.angle,
+				onChange: (e) => {
+					let t = parseInt(e.target.value, 10) || 0;
+					p({ angle: (t % 360 + 360) % 360 });
+				},
+				slotProps: {
+					htmlInput: {
+						min: 0,
+						max: 359,
+						step: 15
+					},
+					inputLabel: { shrink: !0 }
+				},
+				sx: { width: 104 }
+			})]
+		}), (0, Q.jsxs)(j, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: .5,
+				minWidth: 0
+			},
+			children: [(0, Q.jsx)(M, {
+				variant: "caption",
+				component: "div",
+				sx: { color: "text.secondary" },
+				children: f("fill.gradientStops")
+			}), (0, Q.jsx)(Te, {
+				stops: t.stops,
+				onChange: (e) => p({ stops: e }),
+				minStops: r,
+				maxStops: a,
+				schemeLookup: o,
+				recentColors: s,
+				darkMode: c,
+				disabled: l
+			})]
+		})]
+	});
+});
+Ee.displayName = "GradientEditor";
+var De = (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()
+		})) : [...Oe.stops]
+	};
+}, Oe = Object.freeze({
+	gradientType: i.GradientType.Linear,
+	angle: 90,
+	stops: [{
+		offset: 0,
+		color: "ffffff"
+	}, {
+		offset: 1,
+		color: "4472c4"
+	}]
+}), ke = 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(".")), Ae = r("studio:eagerStudio", () => import("./gKmKdkfbYQQWehPu.js")), je = ({ error: e, onShown: t }) => ((0, Z.useEffect)(() => {
+	t();
+}, []), (0, Q.jsx)(K, { error: e })), Me = (0, Z.memo)((0, Z.forwardRef)((e, t) => {
+	let { sx: n, style: r, className: i, licenseKey: a, renderDocumentLoading: s = R, propsDocumentLoading: l, onWorkbookLoad: u, onDocumentError: f, ...p } = e, [m, h] = ((e) => {
+		let t = {}, n = {};
+		for (let r in e) (ke.has(r) ? t : n)[r] = e[r];
+		return [t, n];
+	})(p);
+	a && o.setLicenseKey(a);
+	let [_] = b(S.Mode, C[S.Mode]), { themeMode: y } = g({ mode: _ ?? void 0 }), x = y === "dark", [w, T] = (0, Z.useState)(null), E = c("studio", (0, Z.useId)()), [D, O] = (0, Z.useState)(!1), k = (0, Z.useMemo)(() => !s || D ? null : (0, Q.jsx)(N, {
+		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: (0, Q.jsx)(d, {
+			render: s,
+			props: l ?? {}
+		})
+	}), [
+		s,
+		l,
+		x,
+		D
+	]), A = (0, Z.useMemo)(() => v(Ae.load, { renderError: ({ error: e }) => (0, Q.jsx)(je, {
+		error: e,
+		onShown: () => O(!0)
+	}) }), []);
+	return (0, Q.jsxs)(j, {
+		ref: T,
+		className: X("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, Q.jsx)(Z.Suspense, {
+			fallback: null,
+			children: (0, Q.jsx)(A, {
+				...m,
+				host: w,
+				scopeClass: E,
+				onWorkbookLoad: (e) => (requestAnimationFrame(() => requestAnimationFrame(() => O(!0))), u?.(e)),
+				onDocumentError: (e) => (O(!0), f?.(e)),
+				renderDocumentLoading: null,
+				ref: t
+			})
+		}), k]
+	});
+}));
+Me.displayName = "Studio";
+var Ne = (e = {}) => {
+	let { source: t, startWith: n, templatePath: r, onWorkbookLoad: i, onWorkbookChange: a, onDirtyChange: o, documentTitle: s, confirmOnClose: c, keyboardGuard: l, ...u } = e, d = _(), [f, p] = (0, Z.useState)(null), [m, h] = (0, Z.useState)(!1), g = T(f);
+	E(g, m, {
+		documentTitle: s,
+		confirmOnClose: c,
+		keyboardGuard: l
+	});
+	let { workbook: v, urlTitle: y } = (0, Z.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, Z.useRef)(null);
+	(0, Z.useMemo)(() => {
+		b.current = y;
+	}, [y]);
+	let x = (0, Z.useRef)(a);
+	x.current = a;
+	let S = (0, Z.useCallback)((e) => {
+		e && b.current && (e.getOrigin().setName(b.current), b.current = null), p(e), x.current?.(e);
+	}, []), C = (0, Z.useRef)(o);
+	C.current = o;
+	let w = (0, Z.useCallback)((e) => {
+		h(e), C.current?.(e);
+	}, []);
+	(0, Z.useEffect)(() => {
+		n === "welcome" && v === void 0 && B(r);
+	}, [
+		n,
+		v,
+		r
+	]);
+	let D = (0, Z.useRef)(!1), O = (0, Z.useRef)(i);
+	O.current = i;
+	let k = (0, Z.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: w,
+		onWorkbookLoad: k
+	};
+};
+export { Te as a, ce as c, Ne as d, Me as f, se as h, Oe as i, Ee as l, fe as m, ue as n, he as o, me as p, le as r, de as s, pe as t, De as u };