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

package/browser/esm/B_9GaCdaUs6AlWf3.mjs

@@ -0,0 +1,1417 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { n as e, r as t } from "./D90zUAjsvdYt4zAc.mjs";
+import { i as n, r } from "./CFPaTEuxUxH48Dnc.mjs";
+import { A as i } from "./PD_ckP5IyZurtALu.mjs";
+import { r as a } from "./Q4gowihHveaVg346.mjs";
+import { $ as o, K as s, O as c, Ot as l, S as u, U as d, m as f, mt as p, ot as m, p as h, t as g, w as _, z as v } from "./DsHzYBPSadCXZi-n.mjs";
+import { U as y, t as b } from "./CVGsocXM6EdK3av8.mjs";
+import { Qt as x } from "./BRXV-NrDDC3ZrpMt.mjs";
+import { n as S } from "./4JJNcz4YU6jhtSoO.mjs";
+import { E as C, Ot as w, R as T, Tt as E, Z as D, d as O, h as k, it as A, k as j, s as M, tt as N } from "./BiLb98_m7AwaRkX6.mjs";
+import { n as P, t as F } from "./Cdg4TpupUeYIiz2B.mjs";
+import { B as I, a as L, i as R, j as z } from "./KG-A3VX4kcf2uLJI.mjs";
+import { m as B, t as V, y as H } from "./CN1_Dq2VdyHJ8cMR.mjs";
+import { $ as U, A as ee, B as te, C as W, D as G, E as ne, F as K, H as re, I as ie, J as ae, M as oe, O as se, P as ce, Q as le, R as ue, S as de, T as fe, U as pe, V as me, W as he, X as ge, Y as _e, Z as ve, _ as ye, at as be, b as xe, c as Se, ct as Ce, d as we, dt as Te, et as Ee, f as De, ft as Oe, g as ke, gt as Ae, h as je, ht as Me, i as Ne, it as Pe, j as Fe, k as Ie, l as Le, lt as Re, m as ze, mt as Be, n as Ve, nt as He, o as Ue, ot as We, p as Ge, pt as Ke, q as qe, r as Je, rt as Ye, s as Xe, st as Ze, t as Qe, tt as $e, u as et, ut as tt, v as nt, vt as rt, w as it, x as at, y as ot, yt as st, z as ct } from "./B-O2rWzzFV43__aU.mjs";
+import { t as lt } from "./bFtJ6ds2ojy78Wre.mjs";
+import { A as ut, D as dt, L as q, P as ft, R as J, S as Y, f as X, j as pt, v as mt, w as ht } from "./BKS9kx_PEanwLUuU.mjs";
+import { t as gt } from "./BNWxTMoiH1NkkmAh.mjs";
+import { t as _t } from "./Dg8kGViumXiDAGwT.mjs";
+import { t as vt } from "./gTTt3H5M0Lh8VxjO.mjs";
+import { c as yt, d as bt, f as xt, l as St, m as Ct, n as wt, o as Tt, p as Et, s as Dt, u as Ot } from "./DJMHQzwcPgTpS0f5.mjs";
+import { n as kt } from "./CtX8ODZQGoUqUie3.mjs";
+import { t as Z } from "./DbewMnLKZoGLGFNh.mjs";
+import { n as At, r as jt, t as Mt } from "./D_RNoIZHUhzXpaw6.mjs";
+import { n as Nt, r as Pt, t as Ft } from "./CIoNg-5VkB5Nf7xb.mjs";
+import { a as It, i as Lt, n as Rt, o as zt, r as Bt, t as Vt } from "./C9oIU866QVMlgGyQ.mjs";
+import { t as Ht } from "./B90jZwl6n7fpLoRK.mjs";
+var Ut = e({
+	AnomaliesPlugin: () => be,
+	AppearanceCommandButton: () => qt,
+	AutoColorPosition: () => Dt,
+	BorderCommandButton: () => it,
+	BorderPopupButton: () => wt,
+	BorderStylePopupButton: () => Et,
+	BorderTemplateIcon: () => Tt,
+	CalculationOptionsCommandButton: () => ae,
+	CalculationRequiredStatus: () => de,
+	CircularReferenceStatus: () => Ie,
+	ColorButton: () => St,
+	ColorButtonList: () => Ot,
+	ColorCommandButton: () => rt,
+	ColorPanel: () => xt,
+	ColorPanelType: () => Ct,
+	ColorPopupButton: () => bt,
+	ColumnMenu: () => Ue,
+	CommentCard: () => _t,
+	CommentsPlugin: () => ct,
+	DEFAULT_GRADIENT: () => pn,
+	DefaultTaskPaneRegistry: () => O,
+	DefaultWorkbookToolbars: () => xe,
+	DocThemeCommandButton: () => ce,
+	DocumentTitle: () => Fe,
+	ExternalLinksPlugin: () => qe,
+	FORMAT_TASK_PANE_KEY: () => pe,
+	FORMULA_BAR_EDITOR_ID: () => le,
+	FORMULA_FIELD_ABOVE_LABEL_HEIGHT: () => Mt,
+	FileCommandButton: () => Kt,
+	FillMenu: () => De,
+	FontFamilyCommandButton: () => Ke,
+	FontSizeCommandButton: () => Me,
+	FormatPlugin: () => ke,
+	FormulaBar: () => oe,
+	FormulaField: () => At,
+	FunctionArgumentsPanel: () => zt,
+	FunctionSearchPanel: () => Vt,
+	GradientEditor: () => dn,
+	GradientStopsBar: () => un,
+	INSERT_FUNCTION_PAGE_CLASS: () => Bt,
+	InputField: () => Gt,
+	InsertFunctionCommandPopupButton: () => Ze,
+	InsertFunctionOption: () => Lt,
+	InsertFunctionSumCommandPopupButton: () => Jt,
+	InsertFunctionWizard: () => Rt,
+	ItemCard: () => Nt,
+	ItemCardAction: () => Pt,
+	ItemsSearchField: () => Ft,
+	LicenseManager: () => x,
+	MobileFormulaBar: () => ue,
+	MobileInputToolbar: () => He,
+	NamedCollectionEditor: () => K,
+	NamedPlugin: () => _e,
+	NumberFormatCommandButton: () => Ne,
+	NumberFormatOption: () => Oe,
+	NumberStats: () => et,
+	PATTERN_GALLERY: () => Zt,
+	PasswordField: () => Ht,
+	PasteCommandButton: () => Ge,
+	PatternPopupButton: () => $t,
+	PatternSwatch: () => Xt,
+	PresetCellStylesCommandButton: () => se,
+	PresetChip: () => kt,
+	PresetSlicerStylesCommandButton: () => nt,
+	PresetTableStylesCommandButton: () => tt,
+	ProtectionPlugin: () => we,
+	SheetTabMenu: () => ze,
+	SheetZoomCommandButton: () => je,
+	SheetZoomScale: () => ne,
+	SheetsAllMenu: () => W,
+	SlicerPlugin: () => he,
+	StatusBar: () => Qe,
+	Studio: () => vn,
+	StyledStrokeIcon: () => yt,
+	TablePlugin: () => at,
+	TableStyleCanvasPreview: () => Re,
+	TableStylePreview: () => Te,
+	TextEffectsCommandButton: () => Le,
+	TextRotateGroupButton: () => Xe,
+	ThemeSelectButton: () => ie,
+	ThemeSelectPanel: () => Ee,
+	ThemeSelectPopupButton: () => ge,
+	UndoRedoCommandButton: () => G,
+	WalkingCopyCommandButton: () => me,
+	WorkbookContextMenu: () => fe,
+	WorkbookElement: () => Pe,
+	WorkbookIO: () => j,
+	WorkbookStrip: () => Je,
+	WorkbookToolbars: () => Ce,
+	createStudioThemeCSS: () => Ye,
+	createThemeFromMUITheme: () => ve,
+	numberFormatCategoryLabel: () => Ae,
+	numberFormatTypeLabel: () => Be,
+	optionsForPage: () => It,
+	patternLabel: () => Qt,
+	registerSheetCommandGroups: () => te,
+	registerStudioCommandCatalogs: () => ot,
+	registerStudioCommandGroups: () => ye,
+	registerWorkbookCommandGroups: () => Ve,
+	renderWorkbookSheetTab: () => ee,
+	renderWorkbookToolbars: () => Se,
+	setPrintExamplesOnLoad: () => T,
+	toGradientValue: () => fn,
+	toPatternSlots: () => Yt,
+	tokensToMuiOptions: () => U,
+	useFormulaBarSession: () => re,
+	useModelListener: () => S,
+	useRangeListener: () => k,
+	useStudioApp: () => yn
+}), 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 Wt = (e) => {
+	e.button === 0 && e.preventDefault();
+}, Gt = (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: w, onKeyDown: T, onFocus: E, ...D } = e, O = p(), k = c(), A = v ?? O("namedInput.label"), j = jt(), M = l && j ? j.register(l, u) : null, N = C({
+		value: s ?? "",
+		onChange: d,
+		onChangeText: f,
+		onDone: m,
+		changeOn: h,
+		onValidate: g,
+		disabled: n
+	});
+	(0, Q.useImperativeHandle)(_, () => N, [N]);
+	let P = (0, Q.useRef)(j);
+	P.current = j;
+	let F = (0, Q.useRef)(x);
+	F.current = x;
+	let I = (0, Q.useRef)(null);
+	(0, Q.useEffect)(() => {
+		if (N.error === I.current || (I.current = N.error, F.current?.(N.error), !l)) return;
+		let e = P.current;
+		e && (N.error ? e.setError(l, { message: O(N.error) }) : e.clearErrors(l));
+	}, [N.error, l]);
+	let L = h === "done", R = N.engaged && N.dirty, z = (0, Q.useMemo)(() => {
+		if (!S && L) return (0, $.jsxs)(vt, {
+			tabIndex: -1,
+			onMouseDown: Wt,
+			"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: O("referenceInput.commit"),
+					simple: !0
+				},
+				disabled: !!N.error,
+				tabIndex: -1,
+				onMouseDown: Wt,
+				onClick: () => {
+					N.commit();
+				}
+			}), (0, $.jsx)(J, {
+				dense: !0,
+				outlined: !1,
+				color: "warning",
+				"aria-label": "cancel-input",
+				icon: (0, $.jsx)(a, { iconKey: "CloseError" }),
+				propsTooltip: {
+					label: O("referenceInput.cancel"),
+					simple: !0
+				},
+				tabIndex: -1,
+				onMouseDown: Wt,
+				onClick: () => {
+					N.cancel();
+				}
+			})]
+		});
+	}, [
+		S,
+		L,
+		R,
+		N.commit,
+		N.cancel,
+		!!N.error
+	]);
+	return (0, $.jsx)(H, {
+		sx: {
+			minWidth: 135,
+			width: "100%",
+			...i
+		},
+		size: "small",
+		ref: t,
+		className: Z("sxl-input-field", r),
+		...D,
+		children: (0, $.jsx)(lt, {
+			label: A,
+			placeholder: o,
+			disabled: n,
+			error: !!N.error,
+			helperText: N.error && b ? O(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: k.onPointerDown,
+					onDragStart: k.onDragStart,
+					...w,
+					className: Z("autoFocus", w?.className),
+					name: l,
+					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 || T?.(e);
+			},
+			onFocus: (e) => {
+				N.inputProps.onFocus(e), E?.(e);
+			},
+			onBlur: (e) => {
+				N.inputProps.onBlur(e), M?.onBlur(e);
+			},
+			onContextMenu: (e) => {
+				e.stopPropagation();
+			}
+		})
+	});
+}));
+Gt.displayName = "InputField";
+var Kt = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { groupKey: n = "workbook", disabled: r, ...i } = e, [a, c] = (0, Q.useState)([]), u = j.canWrite(), d = j.canRead();
+	(0, Q.useEffect)(() => {
+		let e = !0;
+		return j.getWriteFormats().then((t) => {
+			e && c(t);
+		}), () => {
+			e = !1;
+		};
+	}, []);
+	let f = M(), p = E(f), 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] = g(m ? `saveWorkbookAs${m.key}` : []), _ = l(), y = _.resolveMembers("newWorkbookOptions") ?? ["newWorkbook"], b = v((e) => {
+		let t = {
+			variant: o.Menuitem,
+			groupKey: n,
+			disabled: r
+		}, i = (0, $.jsxs)($.Fragment, { children: [
+			y.length > 1 ? (0, $.jsx)(q, {
+				...t,
+				quickCommand: "newWorkbook",
+				createPopupPanel: (e) => {
+					let t = ut(y, {
+						variant: o.Menuitem,
+						dividerOrientation: "horizontal",
+						groupKey: "newWorkbookOptions",
+						registry: _,
+						propsCommandButton: { disabled: r },
+						propsCommandPopup: { disabled: r }
+					});
+					return Y({
+						...e,
+						children: t,
+						onClick: () => {
+							e.closeFloatAll?.();
+						}
+					});
+				}
+			}) : (0, $.jsx)(X, {
+				...t,
+				commandKey: "newWorkbook"
+			}),
+			(0, $.jsx)(dt, { orientation: "horizontal" }),
+			d ? (0, $.jsx)(q, {
+				...t,
+				quickCommand: "openWorkbook",
+				createPopupPanel: (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 Y({
+						...e,
+						children: r,
+						onClick: () => {
+							e.closeFloatAll?.();
+						}
+					});
+				}
+			}) : null,
+			u && a.length > 0 ? (0, $.jsx)(q, {
+				...t,
+				quickCommand: "saveWorkbook",
+				createPopupPanel: (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)(dt, { orientation: "horizontal" }, "divider")), i.forEach((e) => {
+						let t = e.key, i = `saveWorkbookAs${t}`;
+						r.push((0, Q.createElement)(X, {
+							...n,
+							key: t,
+							commandKey: i
+						}));
+					}), Y({
+						...e,
+						children: r,
+						onClick: () => {
+							e.closeFloatAll?.();
+						}
+					});
+				}
+			}) : null
+		] });
+		return Y({
+			...e,
+			children: i,
+			onClick: (t) => {
+				t.isDefaultPrevented() || e.closeFloatAll?.();
+			}
+		});
+	}, [
+		r,
+		n,
+		a,
+		m,
+		h,
+		y,
+		_
+	]), x = s("fileOptions"), S = x?.getLabel?.() ?? "File", C = x?.getDescription?.() ?? "Options for saving and loading the workbook.";
+	return (0, $.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,
+		createPopupPanel: b,
+		icon: (0, $.jsx)(pt, {
+			className: "label",
+			icon: null,
+			label: S
+		})
+	});
+}));
+Kt.displayName = "FileCommandButton";
+var qt = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { groupKey: n, disabled: r, ...i } = e, [a] = g(["themeMode"]), c = s("appearanceOptions"), l = v((e) => {
+		let t = {
+			variant: o.Menuitem,
+			groupKey: "appearanceOptions",
+			disabled: r
+		}, n = (0, $.jsxs)($.Fragment, { children: [
+			(0, $.jsx)(X, {
+				...t,
+				commandKey: "themeMode"
+			}),
+			(0, $.jsx)(X, {
+				...t,
+				commandKey: "defaultThemeMode"
+			}),
+			(0, $.jsx)(dt, { orientation: "horizontal" }),
+			(0, $.jsx)(X, {
+				...t,
+				commandKey: "enableDarkGrid"
+			}),
+			(0, $.jsx)(X, {
+				...t,
+				commandKey: "enableDarkImages"
+			})
+		] });
+		return Y({
+			...e,
+			children: n
+		});
+	}, [
+		r,
+		a,
+		n
+	]), u = a?.getState(), d = st("(prefers-color-scheme: dark)"), f = u === "dark" || u === null && d, p = a?.getState() !== null;
+	return (0, $.jsx)(q, {
+		ref: t,
+		quickCommand: "themeMode",
+		createPopupPanel: l,
+		label: c?.getLabel?.(),
+		tooltip: c?.getDescription?.(),
+		onQuickClick: () => {
+			a?.execute(f ? "light" : "dark");
+		},
+		selected: p,
+		...i
+	});
+})), Jt = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { ...n } = e;
+	return (0, $.jsx)(ft, {
+		ref: t,
+		groupKey: "insertFunctionSumOptions",
+		...n
+	});
+}));
+function Yt(e, t, n) {
+	return e === y.BuiltInSheetPattern.Solid ? {
+		foreground: n,
+		background: t
+	} : {
+		foreground: t,
+		background: n
+	};
+}
+Jt.displayName = "InsertFunctionSumCommandPopupButton";
+var Xt = (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 = Yt(t, n, r);
+		return i({ style: { fill: {
+			type: y.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
+	});
+});
+Xt.displayName = "PatternSwatch";
+var Zt = Object.freeze([
+	y.BuiltInSheetPattern.Solid,
+	y.BuiltInSheetPattern.DarkGray,
+	y.BuiltInSheetPattern.MediumGray,
+	y.BuiltInSheetPattern.LightGray,
+	y.BuiltInSheetPattern.Gray125,
+	y.BuiltInSheetPattern.Gray0625,
+	y.BuiltInSheetPattern.DarkHorizontal,
+	y.BuiltInSheetPattern.DarkVertical,
+	y.BuiltInSheetPattern.DarkDown,
+	y.BuiltInSheetPattern.DarkUp,
+	y.BuiltInSheetPattern.DarkGrid,
+	y.BuiltInSheetPattern.DarkTrellis,
+	y.BuiltInSheetPattern.LightHorizontal,
+	y.BuiltInSheetPattern.LightVertical,
+	y.BuiltInSheetPattern.LightDown,
+	y.BuiltInSheetPattern.LightUp,
+	y.BuiltInSheetPattern.LightGrid,
+	y.BuiltInSheetPattern.LightTrellis
+]);
+function Qt(e, t) {
+	switch (t) {
+		case y.BuiltInSheetPattern.None: return e("fill.pattern.none");
+		case y.BuiltInSheetPattern.Solid: return e("fill.pattern.solid");
+		case y.BuiltInSheetPattern.Gray0625: return e("fill.pattern.gray0625");
+		case y.BuiltInSheetPattern.Gray125: return e("fill.pattern.gray125");
+		case y.BuiltInSheetPattern.LightGray: return e("fill.pattern.lightGray");
+		case y.BuiltInSheetPattern.MediumGray: return e("fill.pattern.mediumGray");
+		case y.BuiltInSheetPattern.DarkGray: return e("fill.pattern.darkGray");
+		case y.BuiltInSheetPattern.LightHorizontal: return e("fill.pattern.lightHorizontal");
+		case y.BuiltInSheetPattern.LightVertical: return e("fill.pattern.lightVertical");
+		case y.BuiltInSheetPattern.LightDown: return e("fill.pattern.lightDown");
+		case y.BuiltInSheetPattern.LightUp: return e("fill.pattern.lightUp");
+		case y.BuiltInSheetPattern.LightGrid: return e("fill.pattern.lightGrid");
+		case y.BuiltInSheetPattern.LightTrellis: return e("fill.pattern.lightTrellis");
+		case y.BuiltInSheetPattern.DarkHorizontal: return e("fill.pattern.darkHorizontal");
+		case y.BuiltInSheetPattern.DarkVertical: return e("fill.pattern.darkVertical");
+		case y.BuiltInSheetPattern.DarkDown: return e("fill.pattern.darkDown");
+		case y.BuiltInSheetPattern.DarkUp: return e("fill.pattern.darkUp");
+		case y.BuiltInSheetPattern.DarkGrid: return e("fill.pattern.darkGrid");
+		case y.BuiltInSheetPattern.DarkTrellis: return e("fill.pattern.darkTrellis");
+		default: return t;
+	}
+}
+var $t = (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 = v(i ?? ((e) => {}), [i]), d = (0, Q.useCallback)((e) => {
+		let { closeFloat: i } = e;
+		return (0, $.jsx)(F, {
+			sx: {
+				display: "grid",
+				gridTemplateColumns: "repeat(6, 34px)",
+				gap: "4px",
+				padding: "8px"
+			},
+			children: Zt.map((e) => (0, $.jsx)(R, {
+				label: Qt(l, e),
+				children: (0, $.jsx)(F, {
+					role: "button",
+					tabIndex: 0,
+					"aria-label": Qt(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)(Xt, {
+						patternType: e,
+						foreground: n,
+						background: r,
+						createCell: a,
+						darkMode: o
+					})
+				})
+			}, e))
+		});
+	}, [
+		t,
+		n,
+		r,
+		a,
+		o,
+		u,
+		l
+	]);
+	return (0, $.jsx)(ht, {
+		disabled: s,
+		tooltip: l("fill.patternTooltip", { pattern: Qt(l, t) }),
+		createPopupPanel: d,
+		icon: (0, $.jsx)(F, {
+			sx: {
+				width: "48px",
+				height: "20px",
+				borderRadius: "2px",
+				outline: (e) => `1px solid ${e.palette.divider}`,
+				outlineOffset: "-1px",
+				overflow: "hidden"
+			},
+			children: (0, $.jsx)(Xt, {
+				patternType: t,
+				foreground: n,
+				background: r,
+				createCell: a,
+				darkMode: o
+			})
+		}),
+		...c
+	});
+});
+$t.displayName = "PatternPopupButton";
+var en = {
+	resizeOnOverflow: !1,
+	placement: "bottom",
+	offsets: [0, 2],
+	shift: { padding: 8 }
+}, tn = ((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
+	]
+]), nn = (e) => Math.max(0, Math.min(1, e)), rn = (e, t, n) => {
+	try {
+		return (e instanceof b ? e : new b(e, t)).toCSS(n);
+	} catch {
+		return "transparent";
+	}
+}, an = (e, t, n) => {
+	try {
+		let r = new b(e, n).toRGBA(), i = new b(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), sn = (e, t) => e.length === t.length && e.every((e, n) => on(e, t[n])), cn = (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)(lt, {
+		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)(vt, {
+				position: "end",
+				disableTypography: !0,
+				children: "%"
+			}) }
+		},
+		sx: { width: 120 }
+	});
+});
+cn.displayName = "StopPositionField";
+var ln = (0, Q.memo)((e) => {
+	let { index: t, stop: n, offset: r, schemeLookup: i, recentColors: o, darkMode: s, disabled: c, canRemove: l, rampRef: u, onDrag: d, onMove: f, onPreviewColor: h, onChangeColor: g, onRemove: _, onOpenChange: y } = e, x = p(), S = P(), C = (0, Q.useMemo)(() => new b(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), [I, R] = (0, Q.useState)(!1), z = (0, Q.useRef)(null), B = (0, Q.useRef)(!1), V = v((e) => {
+		T(e), h(t, e ?? null);
+	}, [t, h]), H = v((e) => {
+		f(t, e / 100);
+	}, [t, f]), U = Math.round(100 * r), ee = rn(w ?? C, i, s), te = (0, Q.useCallback)((e) => {
+		let { closeFloat: n } = e;
+		return (0, $.jsxs)(F, {
+			className: "sxl-gradient-stop-popup",
+			sx: {
+				display: "flex",
+				flexDirection: "column"
+			},
+			children: [(0, $.jsx)(xt, {
+				selectedColor: C,
+				previewColor: w,
+				disableAlpha: !0,
+				schemeLookup: i,
+				recentColors: o,
+				darkMode: s,
+				onDone: n,
+				onPreviewColor: V,
+				onPreviewColorImmediate: V,
+				onSelectColor: (e) => {
+					V(void 0), e && g(t, e);
+				}
+			}), (0, $.jsx)(F, {
+				sx: {
+					display: "flex",
+					alignItems: "center",
+					gap: 1,
+					paddingX: 1,
+					paddingBottom: 1
+				},
+				children: (0, $.jsx)(cn, {
+					percent: U,
+					disabled: c,
+					inputRef: z,
+					onChange: H
+				})
+			})]
+		});
+	}, [
+		C,
+		w,
+		U,
+		t,
+		i,
+		o,
+		s,
+		c,
+		V,
+		g,
+		H
+	]), W = m({
+		anchor: E,
+		label: "gradient-stop",
+		createPopupPanel: te,
+		propsPopper: en,
+		onOpen: () => {
+			k(!0), y(t, !0), B.current && (B.current = !1, requestAnimationFrame(() => z.current?.focus()));
+		},
+		onClose: () => {
+			k(!1), y(t, !1), V(void 0);
+		}
+	}), G = v((e) => {
+		B.current = e, W.reference.open(0);
+	}, [W]), ne = v(() => {
+		O ? W.reference.close(0) : G(!1);
+	}, [
+		O,
+		W,
+		G
+	]), K = (0, Q.useRef)(null), re = v((e) => {
+		c || e.button !== 0 || (e.currentTarget.setPointerCapture(e.pointerId), K.current = {
+			pointerId: e.pointerId,
+			startX: e.clientX,
+			startOffset: r,
+			moved: !1,
+			offset: r
+		});
+	}, [c, r]), ie = v((e) => {
+		let n = K.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), R(!1), W.reference.close(0);
+		}
+		let i = u.current?.getBoundingClientRect().width ?? 0;
+		n.offset = i > 0 ? nn(n.startOffset + r / i) : n.startOffset, d(t, n.offset, !1);
+	}, [
+		t,
+		u,
+		W,
+		d
+	]), ae = v((e) => {
+		let n = K.current;
+		if (n && n.pointerId === e.pointerId) {
+			if (K.current = null, n.moved) return j(!1), d(t, n.offset, !0), void f(t, n.offset);
+			ne();
+		}
+	}, [
+		t,
+		d,
+		f,
+		ne
+	]), oe = v((e) => {
+		let n = K.current;
+		n && n.pointerId === e.pointerId && (K.current = null, n.moved && (j(!1), d(t, n.startOffset, !0)));
+	}, [t, d]), se = v((e) => {
+		if (c) return;
+		let n = e.shiftKey ? .1 : .01;
+		switch (e.key) {
+			case "ArrowLeft":
+				f(t, nn(r - n));
+				break;
+			case "ArrowRight":
+				f(t, nn(r + n));
+				break;
+			case "Home":
+				f(t, 0);
+				break;
+			case "End":
+				f(t, 1);
+				break;
+			case "Delete":
+			case "Backspace":
+				l && _(t);
+				break;
+			case "Enter":
+			case " ":
+				G(!0);
+				break;
+			case "Escape":
+				if (!O) return;
+				W.reference.close(0);
+				break;
+			default: return;
+		}
+		e.preventDefault();
+	}, [
+		c,
+		t,
+		r,
+		l,
+		O,
+		W,
+		G,
+		f,
+		_
+	]), ce = O || A || M, le = !c && !A && !O && I, ue = (0, $.jsxs)(F, {
+		className: "sxl-gradient-stop-toolbar",
+		onPointerDown: (e) => {
+			e.stopPropagation();
+		},
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			gap: .25
+		},
+		children: [(0, $.jsx)(J, {
+			tabIndex: -1,
+			propsTooltip: {
+				label: x("fill.gradientStopColor"),
+				simple: !0
+			},
+			icon: (0, $.jsx)(F, {
+				className: "color-wrapper",
+				sx: {
+					lineHeight: 0,
+					"& .activeColor": { fill: ee }
+				},
+				children: (0, $.jsx)(a, { iconKey: "circle.colored" })
+			}),
+			onClick: () => {
+				R(!1), ne();
+			}
+		}), (0, $.jsx)(J, {
+			tabIndex: -1,
+			disabled: !l,
+			propsTooltip: {
+				label: x("fill.gradientRemoveStop"),
+				simple: !0
+			},
+			icon: (0, $.jsx)(a, { iconKey: "Close" }),
+			onClick: () => _(t)
+		})]
+	});
+	return (0, $.jsxs)($.Fragment, { children: [(0, $.jsx)(L, {
+		title: ue,
+		open: le,
+		onOpen: () => R(!0),
+		onClose: () => R(!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)(F, {
+			ref: D,
+			role: "button",
+			tabIndex: c ? -1 : 0,
+			"aria-label": x("fill.gradientStop", { position: U }),
+			"aria-disabled": c || void 0,
+			className: Z("sxl-gradient-stop", {
+				"sxl-gradient-stop-open": O,
+				"sxl-gradient-stop-dragging": A
+			}),
+			onPointerDown: re,
+			onPointerMove: ie,
+			onPointerUp: ae,
+			onPointerCancel: oe,
+			onFocus: () => N(!0),
+			onBlur: () => N(!1),
+			onKeyDown: se,
+			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: ce ? `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: tn,
+					fill: ee,
+					stroke: ce ? S.palette.primary.main : S.palette.text.secondary,
+					strokeWidth: ce ? 1.5 : 1,
+					strokeLinejoin: "round"
+				})
+			})
+		})
+	}), W.component] });
+});
+ln.displayName = "StopHandle";
+var un = (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 (sn(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]), [_, y] = (0, Q.useState)(null), [b, x] = (0, Q.useState)(null), [S, C] = (0, Q.useState)(null);
+	(0, Q.useLayoutEffect)(() => {
+		y((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(() => y((e) => e?.released ? null : e), 1e3);
+		return () => window.clearTimeout(e);
+	}, [_]);
+	let w = !l && t.length < i, T = !l && t.length > r, E = v((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 = v(() => t.map((e, t) => ({
+		stop: e,
+		key: g[t]
+	})), [t, g]), O = v((e, t, n) => {
+		y({
+			key: g[e],
+			offset: t,
+			released: n
+		});
+	}, [g]), k = v((e, t) => {
+		E(D().map((n, r) => r === e ? {
+			...n,
+			stop: {
+				...n.stop,
+				offset: t
+			}
+		} : n));
+	}, [D, E]), A = v((e, t) => {
+		x(t ? {
+			key: g[e],
+			color: t
+		} : null);
+	}, [g]), j = v((e, t) => {
+		let n = g[e];
+		C((e) => t ? n : e === n ? null : e);
+	}, [g]), M = v((e, t) => {
+		E(D().map((n, r) => r === e ? {
+			...n,
+			stop: {
+				...n.stop,
+				color: t.toString()
+			}
+		} : n));
+	}, [D, E]), N = v((e) => {
+		t.length <= r || E(D().filter((t, n) => n !== e));
+	}, [
+		t,
+		r,
+		D,
+		E
+	]), P = v((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: an(a.color, s.color, o)
+			},
+			key: h.current.next++
+		}]);
+	}, [
+		t,
+		i,
+		o,
+		D,
+		E
+	]), I = v((e) => {
+		if (!w || e.button !== 0 || S !== null || e.target.closest(".sxl-gradient-stop")) return;
+		let t = e.currentTarget.getBoundingClientRect();
+		t.width <= 0 || P(nn((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: rn(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)(F, {
+		className: Z("sxl-gradient-stops", u),
+		sx: {
+			display: "flex",
+			alignItems: "flex-start",
+			gap: .5,
+			minWidth: 0
+		},
+		...d,
+		children: [(0, $.jsx)(F, {
+			sx: {
+				flex: 1,
+				minWidth: 0,
+				paddingX: "7px",
+				paddingBottom: "15px"
+			},
+			children: (0, $.jsx)(F, {
+				ref: m,
+				className: "sxl-gradient-stops-ramp",
+				onPointerDown: I,
+				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)(ln, {
+					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" }
+		})]
+	});
+});
+un.displayName = "GradientStopsBar";
+var dn = (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 = v((e) => {
+		n({
+			...t,
+			...e
+		});
+	}, [t, n]), m = t.gradientType === y.GradientType.Linear;
+	return (0, $.jsxs)(F, {
+		className: Z("sxl-gradient-editor", l),
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			gap: 1.25,
+			minWidth: 0
+		},
+		...u,
+		children: [(0, $.jsxs)(F, {
+			sx: {
+				display: "flex",
+				flexWrap: "wrap",
+				gap: 1,
+				alignItems: "center"
+			},
+			children: [(0, $.jsxs)(H, {
+				size: "small",
+				sx: {
+					minWidth: 132,
+					flex: "1 1 132px"
+				},
+				children: [(0, $.jsx)(B, {
+					shrink: !0,
+					children: d("fill.gradientStyle")
+				}), (0, $.jsxs)(V, {
+					label: d("fill.gradientStyle"),
+					notched: !0,
+					disabled: c,
+					value: t.gradientType,
+					onChange: (e) => f({ gradientType: e.target.value }),
+					children: [(0, $.jsx)(gt, {
+						value: y.GradientType.Linear,
+						children: d("fill.gradientLinear")
+					}), (0, $.jsx)(gt, {
+						value: y.GradientType.Path,
+						children: d("fill.gradientRadial")
+					})]
+				})]
+			}), (0, $.jsx)(lt, {
+				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)(F, {
+			sx: {
+				display: "flex",
+				flexDirection: "column",
+				gap: .5,
+				minWidth: 0
+			},
+			children: [(0, $.jsx)(z, {
+				variant: "caption",
+				component: "div",
+				sx: { color: "text.secondary" },
+				children: d("fill.gradientStops")
+			}), (0, $.jsx)(un, {
+				stops: t.stops,
+				onChange: (e) => f({ stops: e }),
+				minStops: r,
+				maxStops: i,
+				schemeLookup: a,
+				recentColors: o,
+				darkMode: s,
+				disabled: c
+			})]
+		})]
+	});
+});
+dn.displayName = "GradientEditor";
+var fn = (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()
+		})) : [...pn.stops]
+	};
+}, pn = Object.freeze({
+	gradientType: y.GradientType.Linear,
+	angle: 90,
+	stops: [{
+		offset: 0,
+		color: "ffffff"
+	}, {
+		offset: 1,
+		color: "4472c4"
+	}]
+}), mn = 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(".")), hn = () => (0, $.jsx)($.Fragment, {}), gn = i("studio:eagerStudio", () => import("./CVB9R-zt99a3DSPN.mjs")), _n = ({ error: e, onShown: t }) => ((0, Q.useEffect)(() => {
+	t();
+}, []), (0, $.jsx)(mt, { error: e })), vn = (0, Q.memo)((0, Q.forwardRef)((e, t) => {
+	let { sx: n, style: r, className: i, licenseKey: a, renderDocumentLoading: o = $e, propsDocumentLoading: s, onWorkbookLoad: c, onDocumentError: l, ...f } = e, [p, m] = ((e) => {
+		let t = {}, n = {};
+		for (let r in e) (mn.has(r) ? t : n)[r] = e[r];
+		return [t, n];
+	})(f);
+	a && x.setLicenseKey(a);
+	let [g] = h(D.Mode, N[D.Mode]), { themeMode: v } = _({ mode: g ?? void 0 }), y = v === "dark", [b, S] = (0, Q.useState)(null), C = u("studio", (0, Q.useId)()), [w, T] = (0, Q.useState)(!1), E = (0, Q.useMemo)(() => !o || w ? null : (0, $.jsx)(I, {
+		style: {
+			backgroundColor: `var(--sxl-color-base-100, ${y ? "#121212" : "#fff"})`,
+			inset: 0,
+			width: "100%",
+			height: "100%",
+			position: "absolute",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: 9900
+		},
+		children: o(s ?? {})
+	}), [
+		o,
+		s,
+		y,
+		w
+	]), O = (0, Q.useMemo)(() => d(gn.load, { renderError: (e) => (0, $.jsx)(_n, {
+		error: e,
+		onShown: () => T(!0)
+	}) }), []);
+	return (0, $.jsxs)(F, {
+		ref: S,
+		className: Z("sheetxl-studio", C, i),
+		"data-sxl-theme-mode": v,
+		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, $.jsx)(Q.Suspense, {
+			fallback: null,
+			children: (0, $.jsx)(O, {
+				...p,
+				host: b,
+				scopeClass: C,
+				onWorkbookLoad: (e) => (requestAnimationFrame(() => requestAnimationFrame(() => T(!0))), c?.(e)),
+				onDocumentError: (e) => (T(!0), l?.(e)),
+				renderDocumentLoading: hn,
+				ref: t
+			})
+		}), E]
+	});
+}));
+vn.displayName = "Studio";
+var yn = (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, m] = (0, Q.useState)(null), [h, g] = (0, Q.useState)(!1), _ = A(p);
+	w(_, h, {
+		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), m(e), x.current?.(e);
+	}, []), C = (0, Q.useRef)(o);
+	C.current = o;
+	let T = (0, Q.useCallback)((e) => {
+		g(e), C.current?.(e);
+	}, []);
+	(0, Q.useEffect)(() => {
+		n === "welcome" && v === void 0 && We(r);
+	}, [
+		n,
+		v,
+		r
+	]);
+	let E = (0, Q.useRef)(!1), D = (0, Q.useRef)(i);
+	D.current = i;
+	let O = (0, Q.useCallback)((e) => (E.current || (E.current = !0, n === "welcome" && v === void 0 && requestAnimationFrame(() => requestAnimationFrame(() => {
+		e.source?.getCommandScope?.()?.resolve("showWelcome")?.execute({
+			templatePath: r,
+			atStartup: !0
+		});
+	}))), D.current?.(e)), [
+		n,
+		r,
+		v
+	]);
+	return {
+		...u,
+		workbook: v,
+		onWorkbookChange: S,
+		onDirtyChange: T,
+		onWorkbookLoad: O
+	};
+};
+export { Yt as a, dn as c, Ut as i, vn as n, Gt as o, fn as r, $t as s, pn as t };